Desenvolvedor Web

Arborização e Base

• ✔ Estrutura Core: Entendendo a árvore do DOM e arquitetura de uma página.
• ✔ DTD (Doctype): O papel do cabeçalho na renderização dos navegadores.
• ✔ Elementos Inline vs. Block: Comportamento e fluxo dos blocos e linhas.
• ✔ Tratamento de Texto: Formatação de parágrafos, cabeçalhos hierárquicos (H1-H6), listas e hiperlinks.

Componentes de Conteúdo

• ✔ Imagens Avançadas: Inserção, otimização e acessibilidade visual.
• ✔ Tabelas Estruturadas: Organização de dados tabulares de forma limpa.
• ✔ Modelos de Conteúdo: Categorização de elementos segundo as regras da W3C.

A Era do HTML5 Semântico

• ✔ Tags Semânticas: Novas tags de estruturação (header, footer, section, article, nav).
• ✔ Novos Atributos: APIs nativas e novos comportamentos do HTML5.
• ✔ Formulários Inteligentes: Novos tipos de inputs, validação nativa e seletores.
• ✔ Elementos de Mídia: Incorporação nativa e manipulação de Áudio e Vídeo.
• ✔ Elemento Canvas: Introdução à renderização de gráficos bidimensionais e animações.

Fundamentos & Arquitetura

• ✔ Seletores CSS: Mapeamento eficiente de elementos (classes, IDs, atributos e pseudoclasses).
• ✔ Especificidade: Entendendo a regra da cascata e o cálculo de peso dos estilos.
• ✔ Modelo de Caixa (Box Model): Controle absoluto de margens (margin), bordas (border), espaçamentos (padding) e conteúdo.
• ✔ Unidades de Medida: Diferenças práticas entre medidas fixas (px) e relativas (em, rem, %, vh, vw).

Layout & Efeitos Modernos

• ✔ Position & Float: Fluxos de posicionamento estático, relativo, absoluto, fixo e flutuação de elementos.
• ✔ Efeitos de Estilo Avançados: Aplicação profissional de gradientes, bordas arredondadas e sombras complexas (box-shadow/text-shadow).
• ✔ Transições & Animações: Criação de movimentos, estados de hover dinâmicos e keyframes puros por CSS3.

Design Responsivo Multi-Dispositivo

• ✔ Layout Fixo x Líquido: Estratégias antigas vs. técnicas fluidas para distribuição de telas.
• ✔ Regra @media: Entendendo o funcionamento prático de media types e quebras de layout.
• ✔ Media Queries Avançadas: Escrevendo regras inteligentes voltadas a smartphones, tablets e desktops.
• ✔ Cultura Responsiva: Conceito de adaptação automática de interfaces para qualquer tamanho de tela.

Lógica & Manipulação de DOM

• ✔ Sintaxe e Variáveis: Escopos de declaração moderna usando var e let.
• ✔ Estruturas de Controle: Condicionais (if/else, switch) e laços de repetição (for, while).
• ✔ Funções & Escopo: Criação de blocos lógicos reutilizáveis e parametrização.
• ✔ DOM (Document Object Model): Seleção, alteração e controle dinâmico de elementos HTML em tempo real.
• ✔ Orientação a Eventos: Escuta e mapeamento de interações do usuário (click, submissão, teclado).

Arquitetura Avançada & APIs

• ✔ Orientação a Objetos (POO): Abstração, classes e modelagem de dados com JavaScript.
• ✔ Chamadas Assíncronas: Entendendo o comportamento não-bloqueante e fluxos de execução paralelos.
• ✔ AJAX & HTTP Request: Requisições assíncronas para comunicação em tempo real com servidores.
• ✔ Serviços REST: Consumo e integração de dados estruturados vindos de APIs externas.
• ✔ Introdução a Promises: Manipulação inteligente do sucesso e erro em rotinas assíncronas.

Ecossistema & Ecossistema Expandido

• ✔ Introdução ao Node.js: Primeiros passos do JavaScript rodando do lado do servidor (Back-End).
• ✔ Persistência de Dados: Conceitos de armazenamento de dados e estados de aplicação.
• ✔ Biblioteca jQuery: Simplificação e legado na manipulação do DOM e AJAX com códigos compactos.
• ✔ Integração com Bootstrap: Como combinar JavaScript com a biblioteca HTML/CSS para acelerar o desenvolvimento de layouts.