Skip to content

README.md

Latest commit

 

History

History
267 lines (210 loc) · 4.36 KB

README.md

File metadata and controls

267 lines (210 loc) · 4.36 KB
Raw

🚀 JavaScript Aplicado ao Front-End

JavaScript HTML5 CSS3 Status

📚 Sobre

Este repositório contém meus estudos completos de JavaScript aplicado ao Front-End.

O objetivo é dominar JavaScript moderno criando aplicações reais, entendendo profundamente como a linguagem interage com HTML, CSS, APIs e o navegador.

Todo o conteúdo será desenvolvido na prática, utilizando projetos que simulam situações encontradas no mercado de trabalho.

🎯 Objetivos

Ao finalizar este repositório serei capaz de:

  • Manipular o DOM
  • Criar interfaces dinâmicas
  • Trabalhar com Eventos
  • Construir formulários completos
  • Consumir APIs
  • Criar dashboards
  • Desenvolver aplicações modernas
  • Utilizar LocalStorage
  • Criar componentes reutilizáveis
  • Desenvolver projetos profissionais

🗂 Estrutura do Repositório

📦 JavaScript
│
├── 📂 Aula01 - Introdução ao JavaScript
│   ├── index.html
│   ├── style.css
│   ├── script.js
│   └── README.md
│
├── 📂 Aula02 - Variáveis e Tipos
│   ├── index.html
│   ├── style.css
│   ├── script.js
│   └── README.md
│
├── 📂 Aula03 - Operadores
│
├── 📂 Aula04 - Condicionais
│
├── 📂 Aula05 - Loops
│
├── 📂 Aula06 - Funções
│
├── 📂 Aula07 - Arrays
│
├── 📂 Aula08 - Objetos
│
├── 📂 Aula09 - DOM
│
├── 📂 Aula10 - Eventos
│
├── 📂 Aula11 - Manipulação de Classes
│
├── 📂 Aula12 - Manipulação de Estilos
│
├── 📂 Aula13 - Formulários
│
├── 📂 Aula14 - Upload de Arquivos
│
├── 📂 Aula15 - LocalStorage
│
├── 📂 Aula16 - SessionStorage
│
├── 📂 Aula17 - Fetch API
│
├── 📂 Aula18 - Async Await
│
├── 📂 Aula19 - APIs
│
├── 📂 Aula20 - Dashboard
│
├── 📂 Aula21 - Performance
│
├── 📂 Aula22 - Debounce
│
├── 📂 Aula23 - Throttle
│
├── 📂 Aula24 - Lazy Loading
│
├── 📂 Aula25 - Projeto Login
│
├── 📂 Aula26 - Projeto Cadastro
│
├── 📂 Aula27 - Projeto Modal
│
├── 📂 Aula28 - Projeto To-do
│
├── 📂 Aula29 - Projeto Dashboard
│
├── 📂 Aula30 - Projeto Chat
│
└── README.md

📖 Conteúdo

📌 DOM

  • querySelector()
  • querySelectorAll()
  • getElementById()
  • getElementsByClassName()
  • createElement()
  • appendChild()
  • removeChild()
  • innerHTML
  • textContent

🖱 Eventos

  • click
  • input
  • submit
  • change
  • keydown
  • keyup
  • mousemove
  • scroll
  • addEventListener()

🎨 Interface

  • Modal
  • Sidebar
  • Menu Mobile
  • Tabs
  • Accordion
  • Slider
  • Carrossel
  • Toast
  • Tooltip

🎭 Classes

  • classList.add()
  • classList.remove()
  • classList.toggle()
  • classList.contains()

🎨 Estilos

  • style.color
  • style.display
  • style.background
  • style.transform
  • style.transition

📝 Formulários

  • Login
  • Cadastro
  • Validação
  • Feedback Visual
  • Máscaras

📷 Upload de Arquivos

  • File API
  • Preview
  • Drag and Drop
  • URL.createObjectURL()

💾 LocalStorage

  • Persistência
  • Dark Mode
  • Carrinho
  • Preferências

🌐 APIs

  • Fetch
  • Async Await
  • Promises
  • Tratamento de Erros
  • Loading

⚡ Performance

  • Debounce
  • Throttle
  • Lazy Loading
  • Otimização

💼 Projetos

  • ✅ Sistema de Login
  • ✅ Sistema de Cadastro
  • ✅ To-do List
  • ✅ Dashboard
  • ✅ Chat
  • ✅ Carrinho
  • ✅ Modal
  • ✅ Upload de Imagens
  • ✅ Galeria
  • ✅ Dashboard Consumindo API

🛠 Tecnologias

  • HTML5
  • CSS3
  • JavaScript ES6+
  • Fetch API
  • LocalStorage
  • SessionStorage
  • Git
  • GitHub

🚀 Evolução

Este repositório será atualizado constantemente com novas aulas, exercícios e projetos.

Cada aula conterá:

  • 📖 Explicação
  • 💻 Código comentado
  • 🧠 Exercícios
  • ✅ Correção
  • 🚀 Mini projeto

⭐ Se este projeto te ajudar, deixe uma estrela no repositório!