README.md

Guia completo

Guia completo para se tornar um ótimo desenvolvedor! Esse guia foi criado por André Zagatti e esse arquivo README escrito por Pedro Otávio.

Bases do JS

• WTFJS - Entendendo como algumas coisas da linguagem funcionam.

• Eloquent Javascript - Aprofundando em muitos conceitos da linguagem

• Javascript Info - Olhe os tópicos que parecem interessante ou não saiba o que é

• Frontend Master - Algoritmos com TS, bom para fortalecer as bases

• State Of JS - Bom para acompanhar os lançamentos da linguagem

• Interview Questions - Repositório com muitas perguntas de entrevistas técnicas

• Awesome Interview Questions - Um HUB com várias perguntas e diversos assuntos

Testes

• Real World Testing - Explicação de como criar testes no mundo real
• Testing in Practice - Mão na massa React, Jest e Testing Library
• Kent C. Dodds Blog - Ler tudo do Kent sobre testes
• Testing Common Mistakes - Erros comuns ao criar testes
• Testing implementation - Sobre implementação de testes
• Testing Course - Em inglês do Kent, o melhor curso de testes com JS
• E2E Testing - Um pouco de Cypress para entender melhor testes e2e
• [Pyramid Testing](https://martinfowler.com/articles/practical-test-pyramid.html - Conceitos mais teóricos do mestre Martin Fowler
• Cultura de Qualidade - Cultura de qualidade

    🔍 Sobre testes o interessante é praticar e ir se aprofundando nos conceitos, ir pesquisando como resolver algum erro, como fazer o mock de alguma biblioteca,         como teste um componente complexo e coisas do tipo, algumas libs interessante para se adicionar num projeto e aprender:

• React Testing Library
• User Event
• React Hooks Testing Library
• MSWJS

React

• Beta React Docs - A nova doc tem algumas explicações muito boas de vários conceitos
• Kent C Dodds Blog React - Kent também explica várias coisas avançadas sobre React
• React Pattern
• React Pattern
• Robin Wieruch - Robin também tem muitos artigos legais de React e alguns de JS e outras coisa
• The Road To React
• React Interview Questions - Repositório com muitas perguntas e respostas de entrevistas técnicas de React

CI/CD

• CI/CD Introduction - Introdução do que é CI/CD
• CI/CD Article - Artigo explicando o que é CI/CD
• CI/CD Article - Um resumo sobre as ferramentas existentes de CI/CD e suas características
• Github Actions - Como fazer deploy no GH Actions de um app React
• Step-by-step Github Actions - Outro artigo passo a passo de um deploy com GH Actions
• Docs Gihub Actions - Documentação do GH Actions, que é uma ótima ferramenta e muito simples de se utilizar

    🔍 Recomendo implementar algo simples com GH Actions para ir aprendendo como funciona na prática.

Observabilidade

• Observability Summary - Resumo sobre observabilidade, apm e monitoramento de softwares
• Observability Article - O Sentry é uma ferramenta gratuita até certo ponto, muito legal de se utilizar e aprender algumas coisas básicas sobre o assunto
• Sentry Docs
• Observability Article - Sobre algumas ferramentas de observabilidade, monitoramento e suas características

    🔍 Se quiser testar o Sentry é bem tranquilo, outras ferramentas tem que checar se tem algum tier free.

Patterns

• KISS (Keep It Simples, Stupid)
• KISS (Keep It Simples, Stupid)
• YAGNI (You aren't gonna need it)
• YAGNI (You aren't gonna need it)
• YAGNI (You aren't gonna need it)
• DRY (Don't repeat yourself)
• DRY (Don't repeat yourself)
• AHA (Avoid Hasty Abstractions)
• Resumo Siglas
• Refactoring Patterns - Site muito bom sobre design patterns de vários tipos
• SoC (Separation of Concerns)
• SoC (Separation of Concerns)
• SoC (Separation of Concerns)
• Clean Code - Um pouco sobre clean code
• Clean Architecture
• Clean Architecture
• Atomic Design - Atomic design no React para componentização

Soft Skills e Metodologias

• Guia sobre organizações
• Metodologia ágil em projetos
• Documento original do modelo Spotify de times ágeis
• Sobre a história do ágil
• Palestra de metodologia ágil - Palestra de ágil com um dos primeiros a implementar o Extreme Programming nas empresas do Brasil
• Sobre as várias metodologias ágeis
• Sobre as várias metodologias ágeis
• Cerimônias de times ágeis
• Cerimônias de times ágeis
• Cerimônias de times ágeis
• Feedbacks
• Feedbacks
• Feedbacks

Dicas gerais

• Procurar entender como funciona a ferramentas, linguagem que está usando, a decisão técnica do por que utilizar ferramenta X, ao invés da Y

• Entender melhor sobre o interno do JavaScript, como as promises (async/await) funcionam, coisas mais complexas como function generator, symbol, event loop, callstack...

• Reforçar os estudos e praticar muito a implementar testes e cultura de qualidade

• Buscar evoluir os pilares de soft skills e conhecimentos de metodologias, hoje ao menos o mínimo que se espera de um dev é conhecer sobre as cerimônias como retrospectiva, planning, daily e etc...