Grupo no WhatsApp

🗺️ Roadmap

🎨 Frontend

Fundamentos

  • HTML5
  • CSS3 (Flexbox, Grid, Responsividade)
  • JavaScript (ES6+)
  • Git e GitHub
  • Controle de versões e boas práticas de commits

Estilo e UI

  • Design System
  • TailwindCSS
  • SASS / Styled Components
  • Figma (UI/UX Básico)
  • Acessibilidade (A11y)

Frameworks e Bibliotecas

  • React (Hooks, Context API)
  • Next.js (Rotas, SSR, ISR)
  • Zustand / Redux / Recoil
  • React Query / TanStack Query

Ferramentas e Build

  • Vite / Webpack
  • ESLint / Prettier
  • Testing Library / Cypress / Vitest
  • Storybook

Avançado

  • TypeScript
  • Arquitetura de Componentes
  • Performance (Lighthouse, Core Web Vitals)
  • Internacionalização (i18n)
  • SEO Técnico

Especializações

  • PWA (Progressive Web Apps)
  • React Native (Mobile)
  • WebGL / Three.js
  • Motion e Interatividade (Framer Motion, GSAP)

⚙️ Backend

Fundamentos

  • Lógica de Programação
  • APIs REST e HTTP
  • Banco de Dados (SQL e NoSQL)
  • Arquitetura Cliente-Servidor

Linguagens e Runtimes

  • Node.js (JS/TS)
  • Python
  • Go
  • Deno

Frameworks e Ferramentas

  • Express.js
  • NestJS
  • Fastify
  • Next.js API Routes

Avançado

  • Autenticação JWT / OAuth
  • Arquitetura Limpa / SOLID
  • Testes Automatizados (Jest, Supertest)
  • Cache (Redis)

DevOps e Deploy

  • Docker
  • CI/CD (GitHub Actions, Vercel, Render)
  • Monitoramento (PM2, Grafana)
  • Cloud Providers (AWS, GCP, Azure)

Especializações

  • Microserviços
  • Mensageria (Kafka, RabbitMQ)
  • GraphQL
  • gRPC

🌐 Fullstack & Extras

Integração Front + Back

  • Consumo de APIs REST e GraphQL
  • Autenticação JWT / OAuth2
  • Upload e Manipulação de Arquivos
  • WebSockets (tempo real)

Boas Práticas e Extras

  • Clean Code
  • Design Patterns
  • Arquitetura MVC e Hexagonal
  • Soft Skills (comunicação, colaboração)
  • Inglês Técnico