Destino Dev

Cursos

HTML Intermediário: Formulários, Semântica e Boas Práticas

Código do curso: github.com/johnpires/html-intermediario-formularios-semantica-boas-praticas

Aprofunde seus conhecimentos em HTML e leve suas páginas web para o próximo nível. Neste curso intermediário, você vai dominar a criação de formulários complexos e acessíveis, aprenderá a usar elementos semânticos para estruturar conteúdo de forma significativa e descobrirá como construir páginas que se comunicam claramente com navegadores e mecanismos de busca.

Você explorará técnicas avançadas de marcação, incluindo atributos ARIA para acessibilidade, microdata e metadados SEO, tabelas complexas, incorporação de mídias e integração com APIs do navegador.

Ao concluir este curso, você terá confiança para construir estruturas HTML robustas, semânticas e acessíveis.

Conteúdo do curso

Módulo 1: Formulários HTML Avançados

Domine a criação de formulários complexos, acessíveis e bem estruturados para coleta de dados do usuário.

  1. Estrutura Avançada de Formulários HTML (25 min)
  2. Tipos de Input e Atributos de Validação HTML5 (30 min)
  3. Select, Datalist, Checkboxes e Radio Buttons (28 min)
  4. Formulários Acessíveis com ARIA (35 min)
  5. Envio de Formulários com Fetch API e FormData (32 min)

Módulo 2: Semântica HTML5 e SEO

Use elementos semânticos para estruturar conteúdo de forma significativa e otimizar para mecanismos de busca.

  1. Elementos Semânticos: header, nav, main, footer (28 min)
  2. Hierarquia de Headings e Document Outline (22 min)
  3. Meta Tags para SEO e Open Graph (30 min)
  4. Dados Estruturados com Schema.org (32 min)
  5. SEO Técnico: Performance, Lazy Loading e Links (28 min)

Módulo 3: Tabelas e Listas Avançadas

Crie tabelas complexas acessíveis e use listas de forma semântica.

  1. Tabelas HTML: estrutura e semântica (28 min)
  2. colspan, rowspan e Tabelas Complexas (30 min)
  3. Acessibilidade em Tabelas (25 min)
  4. Listas HTML: ul, ol, dl e casos de uso (22 min)
  5. Listas aninhadas e estilização avançada (25 min)

Módulo 4: Multimídia e Incorporação

Incorpore áudio, vídeo, imagens responsivas e SVGs inline em páginas HTML.

  1. Áudio e Vídeo Nativos no HTML5 (30 min)
  2. Figure, Figcaption e Imagens Responsivas (28 min)
  3. iframes: Incorporando Conteúdo Externo (25 min)
  4. SVG Inline: Gráficos Vetoriais no HTML (28 min)
  5. Canvas HTML5: Desenhando com JavaScript (32 min)

Módulo 5: Projeto Final - Portfólio Semântico

Construção completa de um portfólio profissional usando HTML semântico, formulários avançados, multimídia e boas práticas de acessibilidade e SEO.

  1. Planejamento e Estrutura do Portfólio (20 min)
  2. Header, Navegação e Seção Hero (25 min)
  3. Seções de Projetos e Habilidades (25 min)
  4. Formulário de Contato e Rodapé (25 min)
  5. Otimização Final e Deploy do Portfólio (30 min)