Curso em 10 fases: ambiente (VS Code), HTML5 semântico, CSS3 (Box Model, Flexbox, Grid), responsividade, JavaScript (lógica, DOM, APIs), Git e projeto integrador com deploy.
// Web HERO - Sua primeira página
const codinome = 'Sombra';
const nivel = 'Recruta';
console.log(`🦇 ${codinome} - Nível ${nivel} em missão!`);
Dez missões (0 a 9), 20 XP por missão, 200 XP no total. Do Arsenal à Grande Batalha Final: HTML5, CSS3, JavaScript (DOM, APIs), Git e projeto integrador com deploy.
10 missões com narrativa heroica: O Arsenal, O Esqueleto de Aço (HTML5), A Armadura Cromada (CSS3), Domínio das Formas, até A Grande Batalha Final. Badges Ferro, Ouro e Mestre.
Exercícios em cada missão e 9 desafios práticos (Meu Dossiê, Estilo Central, etc.). Code-blocks com botão copiar e trilha de conhecimento gamificada.
Evolua de Setup até Mestre. 20 XP por missão concluída, mapa de evolução e certificado ao finalizar a Missão 9 (Projeto Integrador + Deploy).
10 missões (00 a 09) + Missão Final. Navegue pela trilha e conquiste 220 XP. Cada missão desbloqueia a próxima em HTML, CSS e JavaScript.
VS Code, extensões e preparação do ambiente. Setup.
SetupSemântica: header, main, footer, section.
InicianteSemântica (section, article, aside) e formulários acessíveis. Ferro.
FerroSeletores, Box Model e Cascatas. Ferro.
Badge FerroAlinhamento avançado, Flexbox e Grid. Intermediário.
IntermediárioMedia Queries e Mobile First. Intermediário.
IntermediárioVariáveis, condicionais e tipos. Badge Ouro.
Badge OuroDOM: eventos de clique, input e estados. Avançado.
AvançadoFetch, Async/Await e JSON. Avançado.
AvançadoGit/GitHub, Clean Code e Tooling. Expert.
ExpertProjeto Integrador Full Web + Deploy. Mestre.
Mestre