Este repositório contém um curso completo de JavaScript, organizado de forma progressiva e prática para facilitar o aprendizado.
Estudos-JavaScript/
├── README.md # Este arquivo - Visão geral do projeto
├── Aulas/ # 📚 Conteúdo teórico das aulas
│ ├── README.md # Índice detalhado das aulas
│ ├── Aula_1.md # Introdução ao JavaScript
│ ├── Aula_2.md # Variáveis, Tipos de Dados e Operadores
│ ├── Aula_3.md # Funções e Escopo
│ ├── Aula_4.md # Condicionais (if, else, switch)
│ ├── Aula_5.md # Laços (Loops) e Arrays
│ ├── Aula_6.md # Eventos e Manipulação do DOM
│ ├── Aula_7.md # Mini Projeto: Contador Interativo
│ └── Aula_8.md # Desafio Final + Boas Práticas
└── Exercicios/ # 💻 Exercícios práticos interativos
├── README.md # Guia dos exercícios
├── Exercicio_1_Primeiros_Testes/
├── Exercicio_2_Variaveis_Operacoes/
├── Exercicio_3_Funcoes_Escopo/
├── Exercicio_4_Condicionais/
├── Exercicio_5_Loops_Arrays/
├── Exercicio_6_DOM_Eventos/
├── Exercicio_7_Contador_Interativo/
└── Exercicio_8_Gerador_Frases/
- Aprender JavaScript do zero ao avançado
- Praticar com projetos reais e funcionais
- Desenvolver interfaces interativas com HTML, CSS e JS
- Preparar para frameworks modernos (React, Vue, Angular)
- Criar portfólio de projetos práticos
- Teoria + Prática em cada aula
- Projetos progressivos de complexidade crescente
- Exercícios interativos para fixar o aprendizado
- Boas práticas desde o início
- Código limpo e bem documentado
- Aula 1 → Exercício 1 - Introdução e primeiros testes
- Aula 2 → Exercício 2 - Variáveis e operações
- Aula 3 → Exercício 3 - Funções e escopo
- Aula 4 → Exercício 4 - Condicionais
- Aula 5 → Exercício 5 - Loops e arrays
- Aula 6 → Exercício 6 - DOM e eventos
- Aula 7 → Exercício 7 - Projeto contador
- Aula 8 → Exercício 8 - Desafio final
- Leia a teoria completa da aula
- Execute os exemplos no navegador
- Complete o exercício correspondente
- Experimente modificações nos códigos
- Pratique no console do navegador
| Aula | Tópico | Duração | Dificuldade |
|---|---|---|---|
| Aula 1 | Introdução ao JavaScript | 2-3h | Iniciante |
| Aula 2 | Variáveis e Operadores | 3-4h | Iniciante |
| Aula 3 | Funções e Escopo | 4-5h | Básico |
| Aula 4 | Condicionais | 3-4h | Básico |
| Aula 5 | Loops e Arrays | 4-5h | Intermediário |
| Aula 6 | DOM e Eventos | 5-6h | Intermediário |
| Aula 7 | Projeto: Contador | 6-8h | Intermediário |
| Aula 8 | Desafio Final | 8-10h | Avançado |
| Exercício | Projeto | Funcionalidades |
|---|---|---|
| Exercício 1 | Primeiros Testes | Console, alert, funções básicas |
| Exercício 2 | Variáveis e Operações | Cálculos, comparações, validações |
| Exercício 3 | Funções e Escopo | Arrow functions, escopo, geometria |
| Exercício 4 | Condicionais | Login, semáforo, notas, cores |
| Exercício 5 | Loops e Arrays | Estatísticas, listas dinâmicas |
| Exercício 6 | DOM e Eventos | Formulários, galeria, tarefas |
| Exercício 7 | Contador Interativo | Histórico, localStorage, animações |
| Exercício 8 | Gerador de Frases | Favoritos, categorias, estatísticas |
- Navegador moderno (Chrome, Firefox, Edge)
- Editor de código (VS Code, Sublime Text)
- Git (para controle de versão)
- DevTools (F12 no navegador)
- Console do navegador (para testes)
- GitHub (para portfólio)
- Entender conceitos básicos de JavaScript
- Escrever código funcional simples
- Usar condicionais e loops
- Criar funções básicas
- Manipular o DOM
- Criar interfaces interativas
- Trabalhar com eventos
- Integrar HTML, CSS e JavaScript
- Criar projetos completos
- Aplicar boas práticas
- Usar ferramentas profissionais
- Estar preparado para frameworks
- Leia a teoria completamente
- Execute todos os exemplos no navegador
- Complete os exercícios propostos
- Experimente modificações nos códigos
- Pratique no console do navegador
- Documente seu aprendizado
- DevTools (F12) - Para debugging
- Console do navegador - Para testes rápidos
- Editor de código - Para projetos maiores
- Git - Para controle de versão
- Teoria → Prática → Projeto
- Repetição espaçada - Revise periodicamente
- Projetos pessoais - Aplique o conhecimento
- Comunidade - Compartilhe e aprenda
- Frameworks: React, Vue, Angular
- Backend: Node.js, Express
- Banco de dados: MongoDB, MySQL
- APIs: REST, GraphQL
- Testes: Jest, Mocha
- Build tools: Webpack, Vite
- Portfólio pessoal
- Aplicação de tarefas
- Sistema de login
- API REST
- Jogo completo
- Dashboard interativo
- GitHub - Portfólio de projetos
- LinkedIn - Networking profissional
- Comunidades - Stack Overflow, Reddit
- Eventos - Meetups, conferências
- Freelancing - Plataformas online
- MDN Web Docs - Documentação oficial
- JavaScript.info - Tutorial moderno
- freeCodeCamp - Exercícios práticos
- Eloquent JavaScript - Livro online
- VS Code - Editor de código
- GitHub - Controle de versão
- Netlify - Deploy de projetos
- Postman - Teste de APIs
- Stack Overflow - Perguntas e respostas
- Reddit r/javascript - Discussões
- Discord - Comunidades de desenvolvedores
- Meetups - Eventos locais
- Interface moderna com design responsivo
- Animações CSS para melhor UX
- localStorage para persistência de dados
- Validações robustas e tratamento de erros
- Atalhos de teclado para melhor usabilidade
- Boas práticas aplicadas em todos os exemplos
- Código limpo e bem documentado
- Comentários explicativos em português
- Estrutura organizada e escalável
- Conceitos básicos até avançados
- Projetos de complexidade crescente
- Exercícios práticos para fixar o aprendizado
- Desafios para continuar evoluindo
Este curso foi projetado para fornecer uma base sólida em JavaScript, permitindo que você:
- ✅ Entenda os conceitos fundamentais
- ✅ Pratique com exemplos reais
- ✅ Crie projetos funcionais
- ✅ Evolua para tecnologias avançadas
- ✅ Contribua para a comunidade
Continue aprendendo, continue praticando, continue evoluindo! 🚀
🎓 Curso de JavaScript
👨💻 Desenvolvido por: Thiago Matos Tertuliano
📅 Última atualização: [Data atual]
🎯 Status: Completo e atualizado
📚 Total de aulas: 8 aulas teóricas
💻 Total de exercícios: 8 projetos práticos
⏱️ Duração estimada: 40-50 horas de estudo
⭐ Se este curso foi útil, considere dar uma estrela no repositório!