📚 Cronograma de Estudo de JavaScript

Este cronograma foi elaborado para ajudar no aprendizado de JavaScript, desde os fundamentos até tópicos mais avançados, incluindo projetos práticos.

---

📌 Fundamentos do JavaScript

🔹 Introdução ao JavaScript ✅

• O que é JavaScript?
• Como funciona no navegador e no Node.js?
• Configuração do ambiente (VS Code, Node.js)
• Primeiro código: console.log("Hello, JavaScript!")

🔹 Variáveis e Tipos de Dados ✅

• var, let, const
• Tipos de dados primitivos (string, number, boolean, null, undefined, symbol, bigint)
• Conversão de tipos

🔹 Operadores e Estruturas Condicionais ✅

• Operadores aritméticos, lógicos e de comparação
• Estruturas condicionais: if, else if, else, switch

🔹 Estruturas de Repetição ✅

• Loops: for, while, do while, forEach
• Trabalhando com loops aninhados

🔹 Funções ✅

• Declaração de funções (function, arrow functions)
• Parâmetros e retorno
• Funções anônimas e callbacks

🔹 Arrays e Objetos ✅

• Métodos de array (push, pop, shift, unshift, map, filter, reduce)
• Manipulação de objetos (Object.keys(), Object.values(), Object.entries())

🚀 Mini-projeto

✅ Criar um checklist de tarefas (To-Do List) no console. https://github.com/EnzoLavieri/ListaDeTarefasBasicaJS

---

🚀 JavaScript Moderno (ES6+) e DOM

🔹 Introdução ao ES6+

• let e const
• Template literals
• Destructuring
• Spread e Rest Operator

🔹 Manipulação do DOM

• Selecionando elementos (getElementById, querySelector)
• Modificando elementos (textContent, innerHTML, style)
• Manipulando classes e atributos

🔹 Eventos no JavaScript

• addEventListener()
• Eventos de clique, teclado e mouse
• Prevenção de comportamento padrão (preventDefault())

🔹 Trabalhando com LocalStorage

• localStorage e sessionStorage
• Armazenando e recuperando dados

🔹 Promises e Async/Await

• Introdução às Promises
• Uso de then() e catch()
• Async/Await e Fetch API

🔹 Manipulação de APIs

• Consumindo APIs com fetch()
• Manipulando JSON
• Criando uma requisição assíncrona

🚀 Mini-projeto

Criar um gerador de frases motivacionais usando uma API.

---

📌 Programação Orientada a Objetos e Avançado

🔹 POO com JavaScript

• Classes e objetos
• Construtores e métodos
• Herança e encapsulamento

🔹 Manipulação Avançada de Arrays

• Métodos avançados: map(), filter(), reduce()
• Ordenação e busca de elementos (sort(), find())

🔹 Módulos no JavaScript

• import e export
• Trabalhando com múltiplos arquivos

🔹 Expressões Regulares

• Criando e testando regex
• Aplicação em validação de formulários

🔹 Web Storage e Cookies

• Armazenamento de sessão
• Manipulação de cookies com JavaScript

🔹 Tratamento de Erros

• try, catch, finally
• Criando erros personalizados

🚀 Mini-projeto

Criar um validador de formulário interativo.

---

🚀 Frameworks, Bibliotecas e Projeto Final

🔹 Introdução ao TypeScript

• Tipagem estática
• Interfaces e Generics

🔹 Introdução ao React

• Criando um projeto com Vite
• Componentes e Props

🔹 Webpack e Babel

• Como funcionam e por que usar?
• Configuração básica

🔹 Testes com Jest

• Testes unitários
• Mocking de funções

🔹 Segurança e Boas Práticas

• Evitando ataques XSS e CSRF
• Melhores práticas para código limpo

🚀 Projeto Final

Criar um dashboard de estatísticas usando APIs externas.

---

🎯 Revisão Geral e Portfólio

• Melhorando os projetos
• Publicando no GitHub

📌 Dica: Compartilhe seus projetos e pratique o máximo possível! 🚀