Inclui o Curso Completo de Git e GitHub

Curso de HTML Acessível, Lógica de Programação e JavaScript (com Git incluso)

A base do desenvolvimento frontend explicada de forma lógica e inclusiva. Crie páginas web semânticas e implemente inteligência programática do absoluto zero.

Informações Gerais

  • Investimento: R$ 550,00 (pode ser parcelado em até 3x sem juros no cartão ou via Pix).
  • Acesso: Acesso garantido por no mínimo 6 meses a todo o conteúdo, videoaulas gravadas e fórum.
  • Bônus Especial: Inclui acesso completo ao Curso de Git e GitHub sem custo adicional.
  • Metodologia: Aulas práticas gravadas, desafios por módulos integrados em um projeto global final e suporte de especialista.

Aprenda com Especialista WAS

O curso é planejado e ministrado por Juliano Lopes, analista no Google e especialista certificado como Web Accessibility Specialist (WAS) pela IAAP (International Association of Accessibility Professionals).

Web Accessibility Specialist (WAS)

Validar Certificação IAAP WAS no Credly →

Estrutura Curricular Completa

Módulo 1 – Acessibilidade Digital

Entenda o que é acessibilidade web, os tipos de limitações que os usuários enfrentam e as diretrizes oficiais de mercado.

  • Conceito de pessoa com deficiência e necessidades de usuários
  • Tipos de limitações (visual, motora, cognitiva, auditiva) e o que são barreiras de uso
  • O papel e os tipos de tecnologias assistivas na web
  • Conceitos fundamentais de padrões e recomendações de design web inclusivo
  • Princípios, diretrizes e níveis de sucesso da WCAG
  • Ferramentas automatizadas e metodologias para auditoria e teste de acessibilidade

Módulo 2 – HTML Semântico e Acessível

Aprenda a estruturar o conteúdo de suas páginas usando marcações semânticas estritas para navegação por leitores de tela.

  • História da internet, funcionamento da rede e o trio da web (HTML, CSS, JS)
  • História do HTML, tags básicas, atributos e comentários de código
  • Listas ordenadas, não ordenadas e de definição semântica
  • Trabalhando de forma acessível com links internos e externos
  • Inserção correta e acessível de arquivos de mídia (imagens, áudio, vídeos)
  • Modelagem acessível de tabelas de dados e criação de formulários ricos

Módulo 3 – Lógica de Programação com JavaScript

Aprenda a pensar como um programador de sistemas. Domine a lógica de computadores utilizando JavaScript.

  • Algoritmos e modelagem lógica de sistemas
  • Criação de scripts, variáveis (let), constantes (const) e tipos de dados
  • Operadores aritméticos, relacionais e operadores lógicos
  • Estruturas de fluxo condicional (if, else) e estruturas de loops
  • Uso e estruturação de estruturas de dados de vetores e matrizes
  • Procedimentos, funções e logs no console do navegador (DevTools)

Módulo 4 – DOM e Interatividade com JavaScript

Aprenda a responder a ações de usuários, manipular o layout da página dinamicamente e buscar dados externos em tempo real.

  • Escopo de dados, criação de objetos complexos e métodos específicos de vetores
  • O que é o DOM (Document Object Model) e seleção dinâmica de elementos
  • Reagir e disparar escutadores de eventos de usuário (cliques, digitação)
  • Uso de JSON e consumo dinâmico de dados em APIs externas

Módulo 5 – Desvendando WAI-ARIA

Domine a especificação WAI-ARIA para enriquecer a semântica e anunciar estados complexos de componentes JS para leitores de tela.

  • O que é WAI-ARIA, suporte dos browsers e regras de uso
  • Aplicação estática e dinâmica de estados, propriedades e papéis (roles) ARIA
  • Garantindo anúncios de estados de carregamento e mudanças assíncronas no layout

Módulo 6 – Estilizando a Web com CSS

Descubra o poder das folhas de estilo para transformar completamente a estética, as cores e a organização espacial de suas páginas HTML.

  • Introdução, sintaxe, regras e integração de CSS em documentos HTML
  • O modelo de caixa (Box Model): margem, preenchimento (padding) e dimensões
  • Trabalhando com tipografias modernas, estilização de texto e de links
  • Esquemas de cores harmoniosos e regras de contraste visual exigidos pela WCAG
  • Criação de designs responsivos e estruturação de layouts flexíveis com Flexbox e Grid