Sobre o curso
Conteúdo
Certificado
Sobre o curso
Formar quem escreve HTML/CSS como profissional de produto: semântico, acessível, responsivo, performático e fácil de manter. Base sólida para qualquer front-end.
Este curso possui 24 aulas estruturadas, 3 projeto(s) prático(s), avaliação final e certificado digital disponível na área do aluno após aprovação.
O que você vai encontrar
- ✓ Conteúdo organizado por etapas
- ✓ Material online e acesso responsivo
- ✓ Avaliação final com aprovação mínima de 70%
- ✓ Certificado com validade de 1 ano
- ✓ Validação pública no site
1
Como navegador renderiza HTML/CSS
Aula objetiva e prática do módulo “Módulo 0 — Fundamentos Web”.
›
2
DevTools, Box Model, especificidade
Aula objetiva e prática do módulo “Módulo 0 — Fundamentos Web”.
›
3
Setup Vite + Live Server
Aula objetiva e prática do módulo “Módulo 0 — Fundamentos Web”.
›
4
header, nav, main, article, section: quando usar
Aula objetiva e prática do módulo “Módulo 1 — HTML5 Semântico”.
›
5
Formulários acessíveis, labels, fieldset
Aula objetiva e prática do módulo “Módulo 1 — HTML5 Semântico”.
›
6
SEO on-page: title, meta, OG tags, schema.org
Aula objetiva e prática do módulo “Módulo 1 — HTML5 Semântico”.
›
7
Flexbox: navbar, cards, centralização real
Aula objetiva e prática do módulo “Módulo 2 — CSS Moderno”.
›
8
Grid: layouts 12 colunas, areas, subgrid
Aula objetiva e prática do módulo “Módulo 2 — CSS Moderno”.
›
9
Variáveis CSS, clamp(), :has(), container queries
Aula objetiva e prática do módulo “Módulo 2 — CSS Moderno”.
›
10
Mobile-first, breakpoints, imagens responsivas
Aula objetiva e prática do módulo “Módulo 3 — Responsivo & Acessível”.
›
11
Acessibilidade: contraste, foco, aria, leitores de tela
Aula objetiva e prática do módulo “Módulo 3 — Responsivo & Acessível”.
›
12
Performance: fontes, imagens, CLS, LCP
Aula objetiva e prática do módulo “Módulo 3 — Responsivo & Acessível”.
›
13
Tailwind: utilitários, @apply, configuração
Aula objetiva e prática do módulo “Módulo 4 — Tailwind & Animações”.
›
14
Animações: transition, transform, keyframes
Aula objetiva e prática do módulo “Módulo 4 — Tailwind & Animações”.
›
15
Micro-interações que vendem
Aula objetiva e prática do módulo “Módulo 4 — Tailwind & Animações”.
›
16
Landing page de produto real com Figma
Aula objetiva e prática do módulo “Módulo 5 — Projeto Real + Deploy”.
›
17
Formulário funcional, SEO 90+ Lighthouse
Aula objetiva e prática do módulo “Módulo 5 — Projeto Real + Deploy”.
›
18
Deploy Vercel + domínio
Aula objetiva e prática do módulo “Módulo 5 — Projeto Real + Deploy”.
›
19
Laboratório — Layout Holy Grail Moderno
Grid sem gambiarra, responsivo em 10 linhas.
›
20
Laboratório — HTML Semântico + Acessível
O que separa júnior de pleno no front.
›
21
Projeto 1 — Landing Page SaaS
Projeto 1 — Landing Page SaaS aplicado a HTML5 e CSS3 Profissional, com conceito, prática, verificação, erros comuns e atividade profissional.
›
22
Projeto 2 — Dashboard Financeiro
Projeto 2 — Dashboard Financeiro aplicado a HTML5 e CSS3 Profissional, com conceito, prática, verificação, erros comuns e atividade profissional.
›
23
Projeto 3 — Clone Notion Minimalista
Projeto 3 — Clone Notion Minimalista aplicado a HTML5 e CSS3 Profissional, com conceito, prática, verificação, erros comuns e atividade profissional.
›
24
Revisão, portfólio e prova final
Revisão, portfólio e prova final aplicado a HTML5 e CSS3 Profissional, com conceito, prática, verificação, erros comuns e atividade profissional.
›
