🚀 Fullstack Dev Roadmap

Minha jornada do zero ao avançado com TypeScript, React, Node.js e Next.js

---

📌 Sobre este repositório

Este repositório documenta meu plano de estudos completo para me tornar um desenvolvedor Fullstack moderno, cobrindo:

• Fundamentos de JavaScript
• TypeScript
• Frontend com React
• Backend com Node.js
• Fullstack com Next.js
• Banco de dados
• Projetos reais

Tudo organizado por semanas com teoria + prática.

---

🧭 Roadmap geral

JavaScript → TypeScript → React → Node.js → Banco de Dados → Next.js → Projetos

---

📅 Plano de estudos (16 semanas)

🟢 Semanas 1–2 → JavaScript básico

• Variáveis, tipos, operadores
• Condições e loops
• Funções e objetos

📚 Estudar:

• freeCodeCamp
• MDN Docs

🛠️ Praticar:

• CodeWars
• Exercism

---

🔵 Semanas 3–4 → DOM + APIs

• Manipulação do DOM
• Eventos
• Fetch API

🛠️ Projetos:

• Contador
• To-do list
• App consumindo API

---

🟦 Semanas 5–6 → TypeScript

• Tipos básicos
• Interfaces
• Tipagem de funções

🛠️ Projeto:

• Refatorar projetos anteriores com TypeScript

---

⚛️ Semanas 7–9 → React

• Componentes
• Props
• useState / useEffect

🛠️ Projetos:

• To-do list avançado
• App com API

---

🟩 Semanas 10–11 → Node.js

• APIs REST
• Express
• CRUD

🛠️ Projeto:

• API de tarefas

---

🧱 Semana 12 → Banco de dados

• PostgreSQL ou MongoDB
• Integração com backend

---

⚡ Semanas 13–14 → Next.js

• Rotas automáticas
• SSR / SSG
• API Routes

🛠️ Projeto:

• App fullstack simples

---

🚀 Semanas 15–16 → Projeto final

• Login
• CRUD completo
• Banco de dados

💡 Ideias:

• Dashboard
• Sistema de tarefas
• Mini SaaS

---

📅 Rotina semanal

Dia	Atividade
Dia 1	Estudo de teoria
Dia 2	Prática guiada
Dia 3	Exercícios
Dia 4	Projeto
Dia 5	Revisão + refatoração

---

📚 Recursos de estudo

📖 Documentação

• MDN Web Docs
• React Docs
• Node.js Docs
• Next.js Docs

🎥 YouTube

• Traversy Media
• The Net Ninja
• Fireship
• Curso em Vídeo

🧠 Prática

• CodeWars
• Exercism

---

🛠️ Ferramentas

• VS Code
• Git & GitHub
• Postman
• Vite

---

📂 Estrutura do repositório

📁 fullstack-dev-roadmap
 ┣ 📂 week-01-js-basics
 ┣ 📂 week-02-js-basics
 ┣ 📂 week-03-dom
 ┣ 📂 week-04-apis
 ┣ 📂 week-05-typescript
 ┣ 📂 week-06-typescript
 ┣ 📂 week-07-react
 ┣ 📂 week-08-react
 ┣ 📂 week-09-react
 ┣ 📂 week-10-node
 ┣ 📂 week-11-node
 ┣ 📂 week-12-database
 ┣ 📂 week-13-next
 ┣ 📂 week-14-next
 ┣ 📂 week-15-project
 ┗ 📂 week-16-final-project

---

🎯 Objetivo

Me tornar um desenvolvedor fullstack capaz de:

• Criar aplicações completas
• Trabalhar com frontend e backend
• Construir projetos reais e escaláveis

---

📈 Progresso

• Semana 1
• Semana 2
• Semana 3
• Semana 4
• Semana 5
• Semana 6
• Semana 7
• Semana 8
• Semana 9
• Semana 10
• Semana 11
• Semana 12
• Semana 13
• Semana 14
• Semana 15
• Semana 16

---

💡 Regras pessoais

• Praticar todos os dias
• Fazer pelo menos 1 projeto por semana
• Não só assistir, mas codar
• Documentar aprendizados

---

🚀 Extras (PLUS)

🔥 Ideias para melhorar o repo:

• Adicionar screenshots dos projetos
• Criar commits descritivos (ex: week-3: DOM events)
• Escrever pequenos resumos do que aprendeu por semana

🧠 Diferencial:

Crie um arquivo em cada semana:

notes.md

E escreva:

• O que aprendi
• O que foi difícil
• O que preciso revisar

Isso acelera MUITO o aprendizado.

---

🧑‍💻 Autor

Construindo em público 🚀

---

⭐ Se você achou útil

Deixe uma estrela no repositório!