💡 Aula 1 – Introdução à Programação e ao Desenvolvimento Web
🎯 Objetivo: Apresentar o que é programação, conceitos básicos e como funciona a web.
📌 Tópicos abordados:
- Apresentação do curso e currÃculo
- Apresentação do projeto final (para dar um objetivo prático)
- Comunidade T no mercado de TI
- O que é programação? Para que serve? (explicação simples)
- O que são HTML e CSS? Diferença entre eles
- Editor de código e prática com tags simples
💡 Aula 2 – Primeiros Passos no HTML
🎯 Objetivo: Ensinar a estrutura básica do HTML, introduzindo tags essenciais.
📌 Tópicos abordados:
- Estrutura do HTML (elemento, tag, atributo, valor, conteúdo)
- Tags essenciais: <h1> – <h6>, <p>, <br>, <strong>, <em>, <a>
- Criando o primeiro HTML no editor de código
- Praticando: Criar uma página simples com tÃtulos, parágrafos e links
💡 Aula 3 – HTML Semântico e Organização do Código
🎯 Objetivo: Aprimorar o HTML com mais elementos visuais e estruturais.
📌 Tópicos abordados:
- O que são tags semânticas? Por que são importantes?
- Tags estruturais: <header>, <nav>, <main>, <section>, <article>, <footer>
- Como inserir imagens (<img> e atributo alt)
- Aplicando na prática: Codando o projeto com HTML semântico
💡 Aula 4 – Final do Módulo HTML
🎯 Objetivo: Revisão do módulo e tags além do básico.
📌 Tópicos abordados:
- Revisão das aulas do Módulo HTML
- Decorar X Aprender
- Outras tags HTML e finalização do Módulo HTML
- Atividade da Aula 3 para finalizar o módulo
💡 Aula 5 – Introdução ao CSS e Personalizando o Site
🎯 Objetivo: Introduzir CSS de forma leve e aplicar estilos básicos.
📌 Tópicos abordados:
- O que é CSS e como ele funciona
- Como usar CSS: Inline, interno e externo
- Mudando cores, fontes e fundo
- Aplicando estilos ao projeto
💡 Aula 6 – Box Model: Como os Elementos se Comportam na Página
🎯 Objetivo: Ensinar a alune a controlar espaçamentos e bordas.
📌 Tópicos abordados:
- O que é o Box Model?
- margin, padding, border: Diferenças e usos
- Como ajustar espaçamentos entre elementos
- Alinhamento de texto, largura e altura de elementos
- Aplicando na prática: Ajustando layout no projeto
💡 Aula 7 – Seletores e Organização do CSS
🎯 Objetivo: Aprender como estilizar elementos de forma eficiente.
📌 Tópicos abordados:
- O que são seletores? Tipos de seletores básicos
- Classe (.classe) e ID (#id)
- Agrupando seletores e boas práticas
- Aplicando estilos organizados no projeto
💡 Aula 8 – Layout com Flexbox e Finalização do Projeto
🎯 Objetivo: Ensinar um layout básico e concluir o projeto.
📌 Tópicos abordados:
- O que é Flexbox e por que ele é útil?
- Propriedades básicas do Flexbox
- Ajustando o layout do site usando Flexbox
- Pequena introdução ao JavaScript: Como ele pode deixar a página interativa? (só mostrar um exemplo simples)
- Revisão geral e finalização do projeto
