Desenvolvimento Web Moderno, Semântica Estrutural, Flexbox, CSS Grid, Acessibilidade e Performance

🏛️ Estrutura Curricular Canônica (20 Capítulos • 5 Blocos)

🧱 Bloco 1: Fundamentos da Web & HTML5 Semântico (Caps 01 a 04)

Cap Tópico Teórico Exercícios Exemplos Slides Quiz
01 📖 Estrutura Web e HTML5 Semântico 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
02 📖 Textos, Links, Mídias e Tabelas 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
03 📖 Formulários Modernos e Validações HTML5 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
04 📖 Acessibilidade Web e Semântica Estrutural 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz

🧱 Bloco 2: Fundamentos do CSS3, Cascata & Box Model (Caps 05 a 08)

Cap Tópico Teórico Exercícios Exemplos Slides Quiz
05 📖 Seletores, Cascata, Especificidade e Herança 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
06 📖 Box Model, Padding, Border, Margin e Display 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
07 📖 Posicionamento CSS e Fluxo de Documento 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
08 📖 Tipografia, Cores, Sombras e Gradientes 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz

🧱 Bloco 3: Layouts Modernos: Flexbox & CSS Grid (Caps 09 a 12)

Cap Tópico Teórico Exercícios Exemplos Slides Quiz
09 📖 Layout Unidimensional com Flexbox 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
10 📖 Layout Bidimensional com CSS Grid 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
11 📖 Design Responsivo e Mobile-First 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
12 📖 Layout Inteligente: Subgrid e Container Queries 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz

🧱 Bloco 4: CSS Avançado, Variáveis & Arquitetura (Caps 13 a 16)

Cap Tópico Teórico Exercícios Exemplos Slides Quiz
13 📖 Custom Properties, Variáveis CSS e Temas 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
14 📖 Metodologias CSS: BEM e CSS Modular 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
15 📖 Pseudo-classes e Pseudo-elementos Modernos 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
16 📖 Pré-processadores: Sass, SCSS e PostCSS 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz

🧱 Bloco 5: Animações, Performance & Boas Práticas (Caps 17 a 20)

Cap Tópico Teórico Exercícios Exemplos Slides Quiz
17 📖 Transições, Transformações 2D/3D e Filtros 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
18 📖 Animações Avançadas com Keyframes 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
19 📖 Otimização de Performance Web e Core Web Vitals 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz
20 📖 Projeto Integrador: Landing Page Responsiva 🧩 Exercícios 💻 Exemplos 📊 Slides 🧠 Quiz

🚀 Próxima Etapa da Formação: Concluído este módulo, prossiga na sua jornada de formação avançando para o Módulo 05: JavaScript Moderno (ES6+) e Manipulação do DOM.

🏠 Voltar ao Início do Portal 📚 Ver Índice Geral Próximo Módulo ➡️