Destino Dev

Cursos

HTML Avançado: Técnicas Profissionais e Otimização Web

Código do curso: github.com/johnpires/html-avancado-tecnicas-profissionais-otimizacao-web

Domine os recursos mais avançados do HTML5 e leve suas habilidades de desenvolvimento web ao próximo nível. Este curso aborda APIs Web modernas, acessibilidade profissional com ARIA e WCAG, técnicas de performance, SEO avançado e Web Components, capacitando você a construir aplicações web robustas, acessíveis e de alta performance.

Neste curso, você aprenderá a utilizar as APIs Web do HTML5 como Drag and Drop, Geolocation, History API, Intersection Observer e muito mais. Além disso, vai dominar formulários avançados com validação customizada, técnicas profissionais de acessibilidade e estratégias de otimização de performance seguindo as melhores práticas da indústria.

Ao final, você será capaz de construir um Portal de Vagas Tech completo, aplicando todos os conceitos do curso: HTML semântico avançado, formulários complexos, acessibilidade WCAG, SEO com dados estruturados e Web Components reutilizáveis.

Conteúdo do curso

Módulo 1: APIs Web e HTML5 Avançado

  1. Web Storage API: localStorage e sessionStorage (20 min)
  2. Drag and Drop API (25 min)
  3. Geolocation API (20 min)
  4. History API e Roteamento em SPAs (22 min)
  5. Intersection Observer API (22 min)
  6. Page Visibility API e Notifications API (18 min)

Módulo 2: Formulários Avançados e Validação Customizada

  1. Constraint Validation API (22 min)
  2. Formulários Multi-step com HTML e JavaScript (25 min)
  3. File API e Upload de Arquivos (22 min)
  4. Input Types Avançados e Datalist (18 min)
  5. Segurança em Formulários HTML (20 min)

Módulo 3: Acessibilidade Avançada: ARIA e WCAG

  1. ARIA Roles, States e Properties (25 min)
  2. Navegação por Teclado e Gerenciamento de Foco (22 min)
  3. Live Regions e Atualizações Dinâmicas (18 min)
  4. Imagens, Mídia e Tabelas Acessíveis (20 min)
  5. WCAG 2.1 e Testes de Acessibilidade (22 min)

Módulo 4: Performance e SEO Avançado

  1. Critical Rendering Path e Resource Hints (25 min)
  2. SEO com HTML Semântico e Meta Tags (22 min)
  3. Structured Data com Schema.org (20 min)
  4. Core Web Vitals e Otimização de Imagens (22 min)
  5. Sitemap, Robots.txt e Canonical URLs (15 min)

Módulo 5: Web Components e HTML Moderno

  1. Custom Elements: Criando Componentes HTML Nativos (25 min)
  2. Shadow DOM: Encapsulamento de Componentes (22 min)
  3. HTML Templates e Slots (18 min)
  4. Web Components: Biblioteca de Componentes Reutilizáveis (25 min)
  5. Web Components e Integração com Frameworks (18 min)

Módulo 6: Projeto Final: Portal de Vagas Tech

  1. Projeto: Arquitetura e Estrutura HTML do Portal (25 min)
  2. Projeto: Web Components do Portal (vaga-card e vaga-filtro) (28 min)
  3. Projeto: Formulário de Publicação de Vagas (25 min)
  4. Projeto: Performance, SEO e Deploy do Portal (22 min)