Visão geral em infográfico
Roadmap HTML
Trilha de Aprendizado
Acompanhe cada etapa do curso e evolua de forma estruturada
Horas20
Aulas66
Etapas5
1
Boas vindas
3 conteúdos
1 podcast
- Boas Vindas!
- Informações sobre o curso
- Boas vindaspodcast
2
Cenário e introdução
1 conteúdo
- Cenário do curso
3
Etapa 1: Entendendo HTML
10 conteúdos
1 problema2 atividades1 podcast
- Problema 1.1problema
- O que é HTML?
- HTML x CSS x JavaScript
- Introdução ao HTMLatividade
- Primeiros passos
- Como funciona a web: Tags
- O que é DOM
- Como usar o inspecionar (F12)
- Tags, DOM e recursos funcionaisatividade
- Entendendo HTMLpodcast
4
Etapa 2: Iniciando o Projeto
13 conteúdos
2 problemas2 atividades1 prática1 podcast
- Problema 2.1problema
- Início do documento
- Raiz da página
- O cérebro do projeto
- O corpo visível
- Estrutura inicialatividade
- Problema 2.2problema
- Organizando títulos
- Construindo textos
- Separando conteúdos
- Tags principaisatividade
- Práticaprática
- Iniciando o projetopodcast
5
Etapa 3: Blocos de conteúdo e conexões
15 conteúdos
3 problemas3 atividades1 prática1 podcast
- Problema 3.1problema
- Listando conteúdos
- Organização em níveis
- Organizando os conteúdos em listasatividade
- Problema 3.2problema
- Criando caminhos
- Controlando navegação
- Criando links e navegaçãoatividade
- Problema 3.3problema
- Exibindo imagens
- Tamanho de imagens
- Organizando dados
- Imagens e tabelas básicasatividade
- Práticaprática
- Blocos de conteúdo e conexõespodcast
6
Etapa 4: Interatividade com usuário
9 conteúdos
1 problema3 atividades1 prática1 podcast
- Problema 4.1problema
- Estrutura do formulário
- Estrutura do formulárioatividade
- Variações de entrada
- Variações de entradaatividade
- Aprimorando os formulários
- Ajustando a experiênciaatividade
- Práticaprática
- Interatividade com usuáriopodcast
7
Etapa 5: Estruturação do layout
13 conteúdos
1 problema3 atividades1 prática1 podcast
- Problema 5.1problema
- Blocos de organização
- Blocos de organizaçãoatividade
- Detalhes no texto
- Descrição de imagens
- Topo e base
- Detalhes no texto, topo e baseatividade
- Conteúdo em partes
- Conteudo em partesatividade
- Navegação com a tag nav
- Encerramento e apoio
- Práticaprática
- Estruturação do layoutpodcast
8
Certificação
2 conteúdos
1 certificado
- Avaliação do curso
- Certificado de conclusão do curso de HTMLcertificado