Trilha · 6 etapas · 31 passos · 106 min de leitura nos temas
Desenvolvedor frontend
Para quem quer construir sites e aplicações web. No fim, você entrega interfaces acessíveis, rápidas e tipadas, conversando com APIs com segurança.
HTML · CSS · JavaScript · TypeScript · React (ou outro framework)
-
A base da web 0/5
Frameworks mudam; HTML semântico, CSS e JavaScript ficam.
- HTML5 e CSS3 Curso · vídeo-aulas grátis
- JavaScript para iniciantes Curso · vídeo-aulas grátis
- MDN — aprenda desenvolvimento web (abre em nova aba) Documentação oficial
- Conversor de Cores Ferramenta
- Git e GitHub Curso · abre em 01/12/2026
-
-
JavaScript a fundo e TypeScript 0/5
Tipos pegam erros antes do usuário; estruturas de dados e regex aparecem todo dia.
- TypeScript — handbook oficial (abre em nova aba) Documentação oficial
- Arrays e strings Tema · 5 min
A estrutura mais básica: acesso por índice em O(1), mas inserir no meio desloca tudo. E por que concatenar strings num laço pode virar O(n²).
- Big-O: complexidade de tempo e espaço Tema · 6 min
A régua para comparar algoritmos: como o número de passos cresce quando a entrada cresce — de O(1) a O(2ⁿ), com exemplos do dia a dia.
- Testador de Regex Ferramenta
- Formatador e Validador de JSON Ferramenta
-
-
Um framework e organização 0/5
Componentes, estado e composição: o modelo mental vale para React, Vue ou Svelte.
- React — aprenda (documentação oficial) (abre em nova aba) Documentação oficial
- Composição em vez de herança Tema · 5 min
Monte comportamento juntando objetos pequenos em vez de empilhar subclasses — mais flexível e menos frágil.
- Observer (e fluxos reativos) Tema · 5 min
Quando um objeto muda, todos os interessados são avisados — a base de LiveData, Flow, RxJS e eventos de UI.
- Clean Code: nomes e funções Tema · 6 min
Código é lido muito mais vezes do que escrito: nomes que revelam intenção e funções pequenas com um nível de abstração.
- MVVM e MVI na interface Tema · 6 min
A tela só desenha um estado e envia ações; o ViewModel guarda o estado e aplica a lógica — fluxo de dados em uma só direção.
-
-
Rede, dados e tempo real 0/6
A interface só é rápida se a conversa com o servidor for bem pensada.
- APIs: REST, GraphQL ou gRPC Tema · 6 min
Três formas de expor uma API, com trocas diferentes entre simplicidade, flexibilidade para o cliente e desempenho entre serviços.
- Códigos de Status HTTP Ferramenta
- Tempo real: polling, SSE ou WebSockets Tema · 5 min
Três formas de o servidor avisar o cliente sobre novidades — de perguntar de tempos em tempos a manter um canal aberto nos dois sentidos.
- Autenticação: OAuth 2.0, OpenID Connect e JWT Tema · 6 min
Como um app obtém acesso em nome do usuário sem ver a senha dele, e como tokens carregam essa autorização de forma verificável.
- CDN: conteúdo perto do usuário Tema · 4 min
Uma rede de servidores espalhados pelo mundo guarda cópias de arquivos e páginas, entregando do ponto mais próximo de quem acessa.
- Cache: estratégias e armadilhas Tema · 6 min
Guardar resultados caros perto de quem usa: menos latência e menos carga no banco — desde que se resolva quando o dado muda.
-
-
Acessibilidade, desempenho e segurança 0/5
É o que diferencia um site que funciona para todos — e que o Google gosta — de um que só funciona no seu computador.
- W3C — WCAG 2.2, referência rápida (abre em nova aba) Documentação oficial
- web.dev — cursos de HTML, CSS, JavaScript e acessibilidade (abre em nova aba) Documentação oficial
Os cursos de acessibilidade e desempenho.
- web.dev — Core Web Vitals (abre em nova aba) Documentação oficial
- OWASP Top 10:2025 para quem programa Tema · 6 min
A lista dos riscos mais comuns em aplicações web, traduzida em hábitos de código: controle de acesso no servidor, configuração segura, dependências confiáveis, criptografia certa e erros tratados.
- Pirâmide de testes e TDD Tema · 6 min
Muitos testes unitários rápidos, alguns de integração e poucos de ponta a ponta — e o ciclo vermelho, verde, refatorar.
-
-
Além da tela 0/5
Frontend sênior entende como o código chega ao usuário e como lançar sem medo.
- Serverless e computação na borda Tema · 7 min
Funções que rodam sob demanda e cobram por execução, e código que roda em centenas de cidades perto do usuário — o que ganham e onde tropeçam.
- Feature flags: separar deploy de lançamento Tema · 6 min
Um interruptor no código permite publicar uma funcionalidade desligada, ligar para 1% das pessoas, comparar resultados e desligar em segundos se der problema.
- CI/CD e estratégias de deploy: blue-green, canário e feature flags Tema · 7 min
Integrar e testar cada mudança automaticamente e levá-la à produção com pouco risco — e voltar atrás rápido quando algo dá errado.
- DNS: como um nome vira um endereço IP Tema · 6 min
O caminho de uma consulta DNS — do cache do navegador ao servidor autoritativo — e por que TTL, registros e propagação importam em produção.
- Offline-first e sincronização Tema · 8 min
O app lê e grava num banco local e sincroniza com o servidor quando dá: funciona no metrô, abre na hora e não perde o que a pessoa fez — desde que os conflitos tenham regra.
-
Outras trilhas: Desenvolvedor Android · Desenvolvedor iOS · Desenvolvedor backend · Kotlin Multiplatform. O progresso fica só neste navegador.