HTML e CSS

Programa curricular

Compactar tudo 5 aulas 28h

• Unidade 01 - HTML5
• • HTML e CSS | Unidade 1 - Entenda a sua trilha
  • Introdução e Objetivos de Aprendizagem
  • HTML e CSS | Primeiros passos - Unidade 1
  • 1.1) O que é HTML?
  • HTML e CSS | Unidade 1 - Pílula do conhecimento 1: O que é HTML?
  • 1.2) A estrutura básica do HTML
  • HTML e CSS | Unidade 1 - Pílula do conhecimento 2: A estrutura básica do HTML
  • 1.3) Elementos HTML
  • HTML e CSS | Unidade 1 - Pílula do conhecimento 3: Elementos
  • 1.3.1) Conteúdo textual
  • 1.3.1.1) Tag div
  • 1.3.1.2) Tag span
  • 1.4) Tag a
  • 1.4.1) Tag h1, h2, h3, h4 e h5 e h6
  • 1.5) Tag img
  • 1.5.1) Tag ul
  • 1.6) Formulários
  • 1.6.1) Tag input
  • HTML e CSS | Unidade 1 - Pílula do Conhecimento 4: Tag Input
  • 1.6.2) tag textarea
  • 1.7) Garantindo acessibilidade
  • HTML e CSS | Unidade 1 - Pílula do Conhecimento 5: Garantindo acessibilidade
  • 1.7.1) Semântica
  • 1.8) O mundo do HTML5 e suas API's
  • HTML e CSS | Unidade 1 - Pílula do Conhecimento 6: O mundo do HTML5 e suas APIs
  • HTML e CSS | Unidade 1 - Masterclass 1
  • HTML e CSS | Unidade 1 - Masterclass 2
  • HTML e CSS | Unidade 1 - Masterclass 3
  • HTML e CSS | Unidade 1 - Masterclass 4
  • HTML e CSS | Unidade 1 - Masterclass 5
  • HTML e CSS | Unidade 1 - Masterclass 6
  • Síntese
  • HTML e CSS | Unidade 1 - Dicas Masterclass
  • Exercício extra - Unidade 1
  • HTML e CSS | E-book - Resumo da unidade 1
• Unidade 02 - CSS
• • Introdução e objetivos de aprendizagem
  • HTML e CSS | Unidade 2 - Primeiros Passos
  • 2.1) Introdução
  • 2.2) Como funciona uma regra do CSS
  • HTML e CSS | Unidade 2 - Pílula do Conhecimento 1: Como funciona uma regra do CSS?
  • 2.3) Tipos de regras
  • HTML e CSS | Unidade 2 - Pílula do Conhecimento 2: Tipos de regras
  • 2.4) Seletores
  • HTML e CSS | Unidade 2 - Pílula do Conhecimento 3: Seletores
  • 2.4.1) Imagens
  • HTML e CSS | Unidade 2 - Pílula do Conhecimento 4: Imagens
  • 2.5) Definindo tamanhos no CSS
  • 2.6) Listas
  • HTML e CSS | Unidade 2 - Pílula do Conhecimento 5: Listas
  • 2.6.1) Navegação
  • Síntese
  • HTML e CSS | Unidade 2 - Pílula do Conhecimento 6: Navegação
  • HTML e CSS | Unidade 2 - Masterclass 1
  • HTML e CSS | Unidade 2 - Masterclass 2
  • HTML e CSS | Unidade 2 - Masterclass 3
  • HTML e CSS | Unidade 2 - Masterclass 4
  • HTML e CSS | Unidade 2 - Masterclass 5
  • HTML e CSS | Unidade 2 - Dicas Masterclass
  • HTML e CSS | Unidade 2 - Masterclass 6
  • HTML e CSS | Unidade 2 - Masterclass 7
  • HTML e CSS | Unidade 2 - Masterclass 8
  • HTML e CSS | E-book - Resumo da unidade 2
  • Exercício extra - Unidade 2
• Unidade 03 - Criando layouts complexos com CSS
• • Introdução e objetivos de aprendizagem
  • HTML e CSS | Unidade 3 - Primeiros Passos
  • 3.1) Introdução
  • HTML e CSS | Unidade 3 - Pílula do Conhecimento 1: O processo de criação de layouts
  • HTML e CSS | Unidade 3 - Pílula do Conhecimento 2: O processo de criação de layouts
  • 3.2) Avançando o conhecimento em CSS
  • 3.3) Flexbox
  • HTML e CSS | Unidade 3 - Pílula do Conhecimento 3: Flexbox
  • 3.3.1) Tipos de alinhamento
  • HTML e CSS | Unidade 3 - Pílula do Conhecimento 4: Tipos de Alinhamento
  • 3.3.2) Propriedade align-content
  • HTML e CSS | Unidade 3 - Pílula do Conhecimento 5: Propriedade align-content
  • 3.4) Grid
  • HTML e CSS | Unidade 3 - Pílula do Conhecimento 6: CSS Grid
  • HTML e CSS | Unidade 3 - Dicas Masterclass
  • HTML e CSS | Unidade 3 - Masterclass 1
  • HTML e CSS | Unidade 3 - Masterclass 2
  • HTML e CSS | Unidade 3 - Masterclass 3
  • HTML e CSS | Unidade 3 - Masterclass 4
  • HTML e CSS | Unidade 3 - Masterclass 5
  • HTML e CSS | unidade 3 - Masterclass 6
  • HTML e CSS | E-book - Resumo da unidade 3
  • Exercício extra - Unidade 3
• Unidade 04 - Como estruturar layouts complexos usando HTML5 e CSS
• • Introdução e objetivos de aprendizagem
  • HTML e CSS | Unidade 4 - Primeiros Passos
  • 4.1) Criando uma página estruturada com semântica
  • HTML e CSS | Unidade 4 - Pílula do Conhecimento 1: Criando uma página HTML estruturada com semântica
  • HTML e CSS | Unidade 4 - Pílula do Conhecimento 2: Criando uma página HTML estruturada com semântica
  • 4.2) Formas de organização da folha de estilo
  • HTML e CSS | Unidade 4 - Pílula do Conhecimento 3: Formas de organização da folha de estilo
  • 4.3) Design responsivo
  • HTML e CSS | Unidade 4 - Pílula do Conhecimento 4: Design responsivo
  • HTML e CSS | Unidade 4 - Pílula do Conhecimento 5: Design responsivo
  • HTML e CSS | Unidade 4 - Pílula do Conhecimento 6: Design responsivo
  • Síntese
  • HTML e CSS | Unidade 4 - Dicas Masterclass
  • HTML e CSS | Unidade 4 - Masterclass 1
  • HTML e CSS | Unidade 4 - Masterclass 2
  • HTML e CSS | Unidade 4 - Masterclass 3
  • HTML e CSS | Unidade 4 - Masterclass 4
  • HTML e CSS | Unidade 4 - Masterclass 5
  • HTML e CSS | Unidade 4 - Masterclass 6
  • HTML e CSS | E-book - Resumo da unidade 4
  • Exercício extra - Unidade 4
• Fim da Jornada
• • HTML e CSS | Fim da jornada - Vídeo de apoio para o projeto
  • HTML e CSS | Fim da jornada - Instruções para o projeto
  • Projeto HTML e CSS

Avaliações

• Diego Corrêa Gamarra

• Guilherme Da Silva Pinto

  Muito bom

• Igor Pontes

• Tester Toolzz

• IRANILDO SOUSA SANTOS

• Felipe Vieira De Souza

• Jorge Henrique Custódio

• Leandro Carone Lanschi