⚡ Fase 04: JavaScript Vanilla (ES6+), Manipulação do DOM e Fetch API

Bem-vindo à Fase 04 da Trilha de Formação em Computação. Nesta etapa, você aprenderá a programar nativamente no navegador utilizando o JavaScript moderno (ES6+), manipulando a árvore DOM, tratando eventos de usuário e consumindo APIs RESTful assíncronas.

🎯 Objetivos de Aprendizado

• Sintaxe ES6+: Declaradores let e const, escopo de bloco, arrow functions, desestruturação (destructuring), operadores spread/rest.
• Funções de Alta Ordem: Processamento de coleções com map(), filter(), reduce(), forEach() e find().
• Manipulação do DOM: Seleção de elementos, manipulação de conteúdo, modificação de estilos CSS e criação dinâmica de nós HTML.
• Gerenciamento de Eventos: addEventListener, delegação de eventos, formulários e prevenção de comportamento padrão (preventDefault).
• Programação Assíncrona: Entendimento do Event Loop, Promises, sintaxe async/await e consumo de endpoints REST com a Fetch API.

🚀 Sumário da Fase 04

Acesse o Sumário Completo da Fase 04 para iniciar a programação no navegador.

📊 Arquitetura Conceitual da Fase 04

flowchart TD
    A[⚡ JavaScript ES6+ & Funções de Alta Ordem] --> B[🌳 Manipulação da Árvore DOM]
    B --> C[🎯 Escuta e Trativa de Eventos de Usuário]
    C --> D[⏳ Assincronismo: Promises & Async/Await]
    D --> E[🌐 Consumo de APIs REST com Fetch API & JSON]

⚔️ Metodologia 30/50/20 Aplicada

• 30% Teoria: Leitura da especificação ECMAScript e documentação MDN Web Docs.
• 50% Exercícios: Resolução de 20 desafios práticos de código no navegador (Bronze, Prata e Ouro).
• 20% Projeto: Construção da versão SPA em JavaScript Vanilla do Sistema de Gestão de Alunos.