Skip to content

Latest commit

 

History

History

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 

README.md

🎓 JavaScript Intermediário - Curso Completo

Bem-vindo ao curso JavaScript Intermediário! Este curso foi desenvolvido para levar você do nível básico ao intermediário em JavaScript, com foco em conceitos práticos e aplicações reais.

📁 Estrutura do Curso

JavaScript_Intermediario/
├── 📚 Aulas/           # Material teórico completo
│   ├── Aula_1md       # Objetos e Estrutura de Dados
│   ├── Aula_2.md       # Métodos Avançados de Arrays
│   ├── Aula_3     # Manipulação Avançada do DOM
│   ├── Aula_4.md       # Callbacks + setTimeout e setInterval
│   ├── Aula_5.md       # Armazenamento Local
│   ├── Aula_6 # Arrow Functions + Escopo de this
│   ├── Aula_7.md       # Módulos JS e Organização de Arquivos
│   ├── Aula_8.md       # Mini Projeto - Conversor de Temperatura
│   └── README.md       # Guia das aulas
│
└── 🧪 Exercicios/      # Exercícios práticos
    ├── Aula_1Objetos/
    ├── Aula_2_Arrays/
    ├── Aula_3_DOM/
    ├── Aula_4Callbacks/
    ├── Aula_5_LocalStorage/
    ├── Aula_6rrowFunctions/
    ├── Aula_7Modulos/
    ├── Aula_8MiniProjeto/
    └── README.md       # Guia dos exercícios

🎯 Objetivos do Curso

O que você aprenderá:

  • Objetos avançados - Criação, manipulação e métodos
  • Programação funcional - map, filter, reduce
  • DOM dinâmico - Manipulação avançada de elementos
  • Programação assíncrona - Callbacks e temporizadores
  • Armazenamento local - localStorage e sessionStorage
  • Arrow functions - Sintaxe moderna e escopo do this
  • Módulos ES6 - Organização e reutilização de código
  • Projetos completos - Integração de todos os conceitos

Habilidades desenvolvidas:

  • 🚀 Código limpo e bem organizado
  • 🚀 Pensamento funcional e modular
  • 🚀 Manipulação eficiente de dados
  • 🚀 Interfaces interativas e responsivas
  • 🚀 Aplicações web completas e funcionais

📖 Como Usar Este Curso

###1 Ordem de Estudo

Aula 1 → Aula 2 → Aula 3 → Aula 4 → Aula 5 → Aula 6 → Aula 7 → Aula8

###2 Método Recomendado 1** a aula completa (arquivo .md)2xecute** os exemplos no console 3. Pratique com os exercícios correspondentes 4erimente** modificando os códigos 5 Avance para a próxima aula

3. Tempo Estimado

  • Total do curso: 15horas
  • **Por aula:**1 horas (dependendo da complexidade)
  • Prática adicional: 5 horas

🛠️ Pré-requisitos

Conhecimentos Básicos Necessários:

  • HTML básico - Estrutura de páginas
  • CSS básico - Estilização simples
  • JavaScript fundamental - Variáveis, funções, loops
  • Lógica de programação - Condicionais e algoritmos

Ferramentas Necessárias:

  • 🌐 Navegador moderno (Chrome, Firefox, Safari, Edge)
  • 📝 Editor de código (VS Code, Sublime Text, etc.)
  • 🖥️ Servidor local (para módulos ES6) - Live Server, Python, Node.js

📚 Conteúdo Detalhado

Aula 1 - Objetos e Estrutura de Dados

  • Criação e manipulação de objetos
  • Propriedades e métodos
  • O contexto this
  • Objetos aninhados e arrays de objetos
  • Projeto: Sistema de biblioteca completo

Aula2 Métodos Avançados de Arrays

  • map(), filter(), reduce()
  • Method chaining
  • Programação funcional
  • Projeto: Sistema de e-commerce

Aula 3- Manipulação Avançada do DOM

  • Seleção de elementos
  • Manipulação de conteúdo e estilos
  • Eventos e interações
  • Projeto: Sistema de gerenciamento de produtos

Aula 4 - Callbacks e Temporizadores

  • Funções de callback
  • setTimeout() e setInterval()
  • Programação assíncrona
  • Projeto: Contadores e animações

Aula5rmazenamento Local

  • localStorage e sessionStorage
  • JSON e serialização
  • Persistência de dados
  • Projeto: Formulários persistentes

Aula 6 - Arrow Functions

  • Sintaxe moderna
  • Diferenças do this
  • Boas práticas
  • Projeto: Comparações práticas

**Aula 7 - Módulos ES6export e import

  • Organização de código
  • Reutilização de funcionalidades
  • Projeto: Módulo de calculadora

Aula 8 - Mini Projeto Final

  • Integração de todos os conceitos
  • Conversor de temperatura completo
  • Módulos + DOM + Eventos
  • Projeto: Aplicação web funcional

🧪 Exercícios e Prática

Estrutura dos Exercícios:

  • Aulas 1, 4, 6: Arquivos .js para console
  • Aulas 3, 5: Arquivos .html com interface
  • Aulas 7, 8: Módulos ES6 com servidor local

Como Praticar:

  1. Execute todos os exemplos das aulas 2omplete** os exercícios correspondentes
  2. Modifique os códigos para experimentar
  3. Crie suas próprias variações
  4. Combine conceitos de aulas anteriores

🎯 Resultados Esperados

Ao final do curso, você será capaz de:

  • 🚀 Criar aplicações web interativas
  • 🚀 Manipular dados de forma eficiente
  • 🚀 Organizar código em módulos reutilizáveis
  • 🚀 Trabalhar com programação assíncrona
  • 🚀 Implementar funcionalidades modernas
  • 🚀 Desenvolver projetos completos

Projetos que você poderá criar:

  • 📱 Aplicações web responsivas
  • 🎮 Jogos simples em JavaScript
  • 📊 Dashboards interativos
  • 🛒 Sistemas de e-commerce
  • 📝 Aplicações de produtividade
  • 🎨 Interfaces dinâmicas

💡 Dicas de Sucesso

Para Iniciantes:

  • Não tenha pressa - JavaScript é uma linguagem complexa
  • Pratique muito - A prática é fundamental
  • Experimente - Modifique códigos e veja o que acontece
  • Use o console - Para testar pequenos trechos

Para Intermediários:

  • Entenda os conceitos - Não apenas memorize sintaxe
  • Leia documentação - MDN Web Docs é excelente
  • Participe de comunidades - Stack Overflow, GitHub
  • Crie projetos pessoais - Aplique o que aprendeu

🔗 Recursos Adicionais

Documentação Oficial:

Ferramentas Online:

Comunidades:

📝 Próximos Passos

Após completar o curso:

  1. Explore frameworks - React, Vue, Angular2 Aprenda Node.js - JavaScript no servidor
  2. Estude TypeScript - JavaScript tipado
  3. Contribua para projetos - GitHub, open source5. Crie portfólio - Projetos pessoais

Áreas para aprofundamento:

  • 🎨 Frontend: React, Vue, Angular
  • ⚙️ Backend: Node.js, Express
  • 📱 Mobile: React Native, Ionic
  • 🎮 Games: Phaser, Three.js
  • 🤖 AI/ML: TensorFlow.js, Brain.js

🤝 Contribuições

Este curso é um projeto educacional. Se você encontrar:

  • ❌ Erros ou inconsistências
  • 💡 Sugestões de melhoria
  • 🆕 Novos exercícios ou exemplos

Sinta-se à vontade para contribuir!

📄 Licença

Este material é livre para uso educacional. Compartilhe conhecimento! 🚀


🎉 Comece Agora!

1Escolha** uma aula para começar 2. Leia o material completo 3. Pratique com os exercícios 4 Experimente e modifique 5 Avance para a próxima aula

Bom estudo! Lembre-se: a consistência é mais importante que a velocidade. 🚀


Desenvolvido com ❤️ para a comunidade JavaScript