HTML

Trilha de Aprendizado

Acompanhe cada etapa do curso e evolua de forma estruturada

Aulas103
Etapas8
1

Boas vindas

6 conteúdos
  • Boas Vindas!
  • Informações sobre o curso
  • Resumo em Podcast
  • Podcast | Informações sobre o curso
  • Infográfico do curso
  • Avisos
2

Introdução ao Cenário

1 conteúdos
  • Cenário do Curso
3

1️⃣ Etapa 1: Entendendo HTML

13 conteúdos
  • 1. Começando com HTML
  • Problema 1.1
  • O que é o HTML?
  • HTML x CSS x JavaScript
  • Atividade - Introdução ao HTML
  • Primeiros Passos
  • Como funciona a web: Tags
  • O que é DOM
  • Como usar o inspecionar (F12)
  • Atividade - Tags, DOM e recursos funcionais
  • Resumo em Podcast
  • Podcast | Etapa 1: Entendendo HTML
  • Jogo O que é HTML
4

2️⃣ Etapa 2: Iniciando o Projeto

21 conteúdos
  • 1. Esqueleto da página HTML
  • Problema 2.1
  • Início do Documento
  • Raiz da Página
  • O Cérebro do Projeto
  • O corpo visível
  • Atividade - Estrutura Inicial
  • 2. Conteúdo visível inicial
  • Problema 2.2
  • Organizando Títulos
  • Construindo Textos
  • Separando Conteúdo
  • Atividade - Tags Principais
  • Atividade prática
  • Nesta seção é disponibilizada atividades práticas ...
  • Atividade prática 1
  • Resultado esperado - Atividade prática 1
  • Gabarito - Atividade prática 1
  • Resumo em Podcast
  • Podcast | Etapa 2: Iniciando o Projeto
  • Jogo HTML Estruturado
5

3️⃣ Etapa 3: Blocos de conteúdo e conexões

24 conteúdos
  • 1. Organizando conteúdos em listas
  • Problema 3.1
  • Listando Conteúdos
  • Organização em Níveis
  • Atividade - Organizando os conteúdos em listas
  • 2. Criando links e navegação
  • Problema 3.2
  • Criando Caminhos
  • Controlando Navegação
  • Atividade - Criando links e navegação
  • 3. Imagens e tabelas básicas
  • Problema 3.3
  • Exibindo Imagens
  • Tamanho de imagens
  • Organizando Dados
  • Atividade - Imagens e tabelas básicas
  • Atividade prática
  • Nesta seção é disponibilizada atividades práticas ...
  • Atividade prática 2
  • Resultado esperado - Atividade prática 2
  • Gabarito - Atividade prática 2
  • Resumo em Podcast
  • Podcast | Etapa 3: Blocos de conteúdo e conexões
  • Jogo Estação de Código
6

4️⃣ Etapa 4: Interatividade com usuário

16 conteúdos
  • 1. Criando forms interativos
  • Problema 4.1
  • Estrutura do Formulário
  • Atividade - Estrutura do Formulário
  • Variações de Entrada
  • Atividade - Variações de Entrada
  • Ajustando a Experiência
  • Atividade - Ajustando a Experiência
  • Atividade prática
  • Nesta seção é disponibilizada atividades práticas ...
  • Atividade prática 3
  • Resultado esperado - Atividade prática 3
  • Gabarito - Atividade prática 3
  • Resumo em Podcast
  • Podcast | Etapa 4: Interatividade com usuário
  • Jogo Oficina de Formulários
7

5️⃣ Etapa 5: Estruturação do layout

20 conteúdos
  • 1. Entendendo a semântica
  • Problema 5.1
  • Blocos de Organização
  • Atividade - Blocos de Organização
  • Detalhes no Texto
  • Descrição de Imagens
  • Topo e Base
  • Atividade - Detalhes no Texto, Topo e base
  • Conteúdo em Partes
  • Atividade - Conteúdo em partes
  • Navegação com a tag nav
  • Encerramento e Apoio
  • Atividade prática
  • Nesta seção é disponibilizada atividades práticas ...
  • Atividade prática 4
  • Resultado esperado - Atividade prática 4
  • Gabarito - Atividade prática 4
  • Resumo em Podcast
  • Podcast | Etapa 5: Estruturação do layout
  • Jogo Projeto Final HTML
8

Certificação do Curso de HTML

2 conteúdos
  • Avaliação do Curso
  • Certificado de Conclusão do curso de HTML