Desafio da: https://github.com/sspacecoding/100DiasSpaceCoders?tab=readme-ov-file
Guia da ordem de estudos: https://techguide.sh/pt-BR/path/full-stack/
Cronograma de estudos
- Revisão dos conceitos básicos de JavaScript (variáveis, funções, condicionais, loops).
- Introdução às APIs e sua importância no desenvolvimento web.
- Exploração de recursos de autenticação com JavaScript.
- Além da revisão dos conceitos básicos de JavaScript, considere incluir uma introdução ao HTML e CSS, que são fundamentais para criar interfaces web.
- Explore bibliotecas populares de JavaScript, como jQuery, para facilitar a manipulação do DOM e a criação de animações básicas.
- Aprofundamento em JavaScript: manipulação do DOM, eventos, AJAX.
- Estudo de APIs populares e sua integração em projetos web.
- Prática de autenticação utilizando diferentes métodos (por exemplo, OAuth, JWT).
- Ao aprofundar o JavaScript, experimente criar algumas animações simples usando CSS e JavaScript puro ou bibliotecas como GreenSock (GSAP).
- Estude frameworks front-end populares como React ou Vue.js, que facilitam a criação de interfaces de usuário dinâmicas e responsivas.
- Desenvolvimento de projetos simples utilizando APIs externas (por exemplo, API de previsão do tempo, API de geolocalização).
- Implementação de sistemas de autenticação em um projeto web prático.
- No desenvolvimento de projetos simples, adicione elementos de design e animações para tornar as interfaces mais atraentes e intuitivas.
- Introduza o conceito de Node.js e Express.js para começar a entender o desenvolvimento do lado do servidor em JavaScript.
- Revisão de conceitos avançados de JavaScript: closures, promises, async/await.
- Integração de APIs mais complexas em projetos web, como APIs de mídia social, serviços de pagamento, etc.
- Refatoração de projetos anteriores para melhorar a qualidade e eficiência do código.
- Além da revisão de conceitos avançados de JavaScript, mergulhe mais fundo em técnicas de animação e interação, como SVG animation ou canvas rendering.
- Explore bancos de dados NoSQL como MongoDB e aprenda como integrá-los com seu backend Node.js.
- Desenvolvimento de um projeto final completo, utilizando JavaScript, APIs e autenticação de forma abrangente.
- Revisão geral dos conceitos aprendidos ao longo dos 100 dias.
- Celebração do progresso alcançado e definição de novos objetivos para o futuro.
- No projeto final completo, dê ênfase à experiência do usuário, implementando animações e transições para criar uma experiência envolvente.
- Considere a implementação de autenticação completa com sessões de usuário, utilizando frameworks como Passport.js.
- Experimente hospedar seu projeto final em uma plataforma de nuvem, como Heroku, para torná-lo acessível online.