Roadmap HTML

Roadmap HTML

Trilha de Aprendizado

Acompanhe cada etapa do curso e evolua de forma estruturada

páginas web acessibilidade estrutura sites criação de projetos
Horas20
Aulas66
Etapas5

Visão geral em infográfico

Infográfico do curso de HTML
1

Boas vindas

3 conteúdos
  • Boas Vindas!
  • Informações sobre o curso
  • PodCast | Boas vindas
2

Cenário e introdução

1 conteúdo
  • movie-recorder Created with Sketch Beta. Cenário do curso
3

Etapa 1: Entendendo HTML

10 conteúdos
  • movie-recorder Created with Sketch Beta. Problema 1.1
  • O que é 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

  • [PodCast] Entendendo HTML
4

Etapa 2: Iniciando o Projeto

13 conteúdos
  • movie-recorder Created with Sketch Beta. Problema 2.1
  • Início do documento
  • Raiz da página
  • O cérebro do projeto
  • O corpo visível
  • [Atividade] Estrutura inicial

  • movie-recorder Created with Sketch Beta. Problema 2.2
  • Organizando títulos
  • Construindo textos
  • Separando conteúdos
  • [Atividade] Tags principais

  • [Atividade] Prática

  • [PodCast] Iniciando o projeto
5

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

15 conteúdos
  • movie-recorder Created with Sketch Beta. Problema 3.1
  • Listando conteúdos
  • Organização em níveis
  • [Atividade] Organizando os conteúdos em listas

  • movie-recorder Created with Sketch Beta. Problema 3.2
  • Criando caminhos
  • Controlando navegação
  • [Atividade] Criando links e navegação

  • movie-recorder Created with Sketch Beta. Problema 3.3
  • Exibindo imagens
  • Tamanho de imagens
  • Organizando dados
  • [Atividade] Imagens e tabelas básicas

  • [Atividade] Prática

  • [PodCast] Blocos de conteúdo e conexões
6

Etapa 4: Interatividade com usuário

9 conteúdos
  • movie-recorder Created with Sketch Beta. Problema 4.1
  • Estrutura do formulário
  • [Atividade] Estrutura do formulário
  • Variações de entrada
  • [Atividade] Variações de entrada
  • Aprimorando os formulários
  • [Atividade] Ajustando a experiência

  • [Atividade] Prática

  • [PodCast] Interatividade com usuário
7

Etapa 5: Estruturação do layout

13 conteúdos
  • movie-recorder Created with Sketch Beta. 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] Conteudo em partes
  • Navegação com a tag nav
  • Encerramento e apoio

  • [Atividade] Prática

  • [PodCast] Estruturação do layout
8

Certificação

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

comece agora mesmo

inscreva-se