Curso de HTML5 + CSS3 - Fundamentos

Conteúdo programático

1. Conceitos HTML

   Nessa primeira aula nós vamos aprender alguns conceitos básico do HTML, aprenderemos como trabalhar com links interno e externo apenas com HTML

   12 aulas
   • Apresentação
   • Preparando ambiente de estudo
   • O código-fonte deste curso está no GitHub!
   • Criando arquivo e pasta de exemplo
   • Trabalhando com link interno
   • Disponibilizando arquivo para download
   • Adicionando favicon
   • Conhecendo a tag details
   • Tag del
   • Escape para caracteres especiais
   • Adicionando comentário no HTML
   • Questionário

2. Multimídia

   Na segunda aula aprenderemos como podemos trabalhar com arquivos de áudio e vídeo só com HTML, também aprenderemos a incorporar conteúdo externo dentro da nossa página

   8 aulas
   • Tag de áudio
   • Manipulando a tag de áudio
   • Conhecendo a tag de vídeo
   • Manipulando a tag de vídeo
   • Incorporando do Twitter
   • Incorporando mapa através do Google
   • Incorporando vídeo do YouTube
   • Questionário

3. Introdução a semântica HTML

   Já na terceira aula, veremos um dos conceitos mais importantes do HTML, que é sua semântica.

   4 aulas
   • O que é semântica e sua importância na Web
   • Estrutura de uma página semântica
   • Diferenciando semântica e estilo
   • Questionário

4. Relacionamento entre o HTML e CSS

   Nesta aula entraremos no CSS, vamos aprender sobre seletores, pseudo-classes e também vamos aprender sobre especificidade dos seletores

   8 aulas
   • O que é CSS?
   • Entendendo as folhas de estilo em cascata
   • Seletores Básicos
   • Conhecendo as pseudo:classes
   • Conceito de especificidade
   • Comentário no CSS
   • Tipos de seletores
   • Questionário

5. Unidades de medidas

   Nesta quinta aula vamos ver sobre as unidades de medidas, e aprender a diferença entre medida absoluta e medida relativa.

   5 aulas
   • O que são unidades de medidas no CSS?
   • Medidas absolutas
   • Medidas relativas
   • Unidades de medidas
   • Questionário

6. Entendendo o Box model

   Já nessa aula aprenderemos sobre o conceito de caixa do CSS, o box model, veremos os elementos que compõem o box model e aprenderemos a manipular esses elementos.

   7 aulas
   • Entendendo os tipos de display
   • Box model CSS
   • Largura e altura
   • Preenchimento interno
   • Trabalhando com as bordas
   • Entendendo as margens
   • Questionário

7. Trabalhando com texto

   Na aula sete, vamos aprender a estilizar e modificar os textos com CSS, veremos também como podemos importar outras fontes externas e adicionar ao nosso documento.

   7 aulas
   • Font family
   • Importando fonte externa
   • Trabalhando com peso das fontes
   • Selecionando o tamanho das fontes
   • Alterando altura da linha
   • Conhecendo os alinhamentos de texto
   • Questionário

8. Técnicas avançadas CSS

   Nessa aula vamos entrar a fundo no assunto de herança de estilizações, vamos ver como podemos forçar um comportamento de herança de estilo, ou, até mesmo, como podemos resetar as estilizações.

   7 aulas
   • Herança de estilização CSS
   • Aplicando herança nos elementos
   • Revertendo valores com initial
   • Entendendo o unset
   • Resumo dos valores
   • Variáveis no CSS
   • Questionário

9. Aplicando conhecimento adquirido

   Essa última aula é dedicada ao projeto que faremos juntos, para colocar em prática o que aprendemos no curso, e também trabalharemos com Flex, e Grid dentro do projeto

   7 aulas
   • Conhecendo o projeto
   • Preparando ambiente
   • Estruturando o Header
   • Estilizando e posicionando o Header
   • Adicionando conteúdo
   • Ajustando posicionamento
   • Finalizando projeto