🧩 Caderno Unificado de Exercícios Práticos (Trilha em 4 Níveis)

Módulo 04: HTML5 e CSS3 Moderno • 80 Desafios com Gabaritos Oficiais

🧱 Bloco 1: Fundamentos da Web & HTML5 Semântico

🧩 Exercícios 01: Estrutura Web e HTML5 Semântico
🧩 Exercícios 02: Textos, Links, Mídias e Tabelas
🧩 Exercícios 03: Formulários Modernos e Validações HTML5
🧩 Exercícios 04: Acessibilidade Web e Semântica Estrutural

🎨 Bloco 2: Fundamentos do CSS3, Cascata & Box Model

🧩 Exercícios 05: Seletores, Cascata, Especificidade e Herança
🧩 Exercícios 06: Box Model, Padding, Border, Margin e Display
🧩 Exercícios 07: Posicionamento CSS e Fluxo de Documento
🧩 Exercícios 08: Tipografia, Cores, Sombras e Gradientes

📐 Bloco 3: Layouts Modernos: Flexbox & CSS Grid

🧩 Exercícios 09: Layout Unidimensional com Flexbox
🧩 Exercícios 10: Layout Bidimensional com CSS Grid
🧩 Exercícios 11: Design Responsivo e Mobile-First
🧩 Exercícios 12: Layout Inteligente: Subgrid e Container Queries

⚡ Bloco 4: CSS Avançado, Variáveis & Arquitetura

🧩 Exercícios 13: Custom Properties, Variáveis CSS e Temas
🧩 Exercícios 14: Metodologias CSS: BEM e CSS Modular
🧩 Exercícios 15: Pseudo-classes e Pseudo-elementos Modernos
🧩 Exercícios 16: Pré-processadores: Sass, SCSS e PostCSS

🚀 Bloco 5: Animações, Performance & Boas Práticas

🧩 Exercícios 17: Transições, Transformações 2D/3D e Filtros
🧩 Exercícios 18: Animações Avançadas com Keyframes
🧩 Exercícios 19: Otimização de Performance Web e Core Web Vitals
🧩 Exercícios 20: Projeto Integrador: Landing Page Responsiva

⬅️ Voltar ao Hub do Módulo 04