Etapa 1 Estrutura HTML - cadu-ventura/to-do-list-venturus GitHub Wiki

Etapa 1 - Estrutura HTML

Commit: Etapa 1 - estrutura HTML

Objetivo

Montar o "esqueleto" da página, ainda sem estilo e sem funcionamento.

O que foi feito

  • Criamos o index.html com o logo da Venturus, o título Minhas tarefas, um campo de texto e o botão Adicionar.
  • Criamos duas colunas: Pendentes e Concluídas, cada uma com um contador (0) e uma lista vazia (<ul>).
  • Adicionamos os logos na pasta assets/img/.

Escolhas

  • Usamos id nos elementos que o JavaScript vai usar depois (campo, botao, pendentes, concluidas).
  • As listas começam vazias, porque as tarefas serão criadas pelo JavaScript.
  • lang="pt-BR" porque a página é em português, e alt no logo para leitores de tela.

Resultado

A página aparece com todos os elementos, mas sem cores e sem nada funcionando.

Próxima: Etapa 2 >