Este é o repositório de todos os exemplos que usei no curso de Javascript do básico ao avançado!
| 1º | 2º |
|---|---|
| Javascript | Node.JS |
| Projeto AGenda | WebPack |
Esta pasta contém aulas fundamentais sobre a linguagem JavaScript, incluindo os seguintes tópicos:
- Aula 1 a Aula 10: Introdução ao JavaScript com uso básico de
console.log,alert,confirm, eprompt. - Aula 11 a Aula 20: Trabalhando com variáveis, tipos de dados, strings, números e objetos básicos como o
Math. - Aula 21 a Aula 30: Operadores de comparação, operadores lógicos, e a introdução à avaliação de curto-circuito (
short-circuit). - Aula 31 a Aula 40: Estruturas de controle como
if,else,switch,for,while,do-while, e a diferença entrevar,let, econst. - Aula 41 a Aula 50: Funções em JavaScript, escopo léxico, funções anônimas, e funções recursivas.
- Aula 51 a Aula 60: Revisão de arrays, métodos úteis como
splice,map,filter,reduce, eforEach. - Aula 61 a Aula 80: Manipulação de objetos, getters e setters, prototypes e herança em JavaScript.
- Aula 81 a Aula 90: Classes, polimorfismo, validação de CPF, uso de Promises, Async/Await e introdução ao uso de Ajax e Fetch API.
- Aula 91 a Aula 92: Uso da Fetch API com Axios e Babel para compatibilidade com navegadores.
Nesta pasta, você encontrará aulas sobre Node.js e o desenvolvimento de servidores backend utilizando este ambiente de execução JavaScript. Os principais tópicos abordados são:
- Aula 1 e Aula 2: Introdução a módulos no Node.js, explorando como organizar o código em arquivos separados e utilizar
requireemodule.exports. - Aula 3: Uso do NPM para gerenciar dependências de projetos Node.js.
- Aula 4 e Aula 5: Manipulação de arquivos com o módulo
FileSystem(fs), incluindo operações de leitura e escrita em arquivos. - Aula 6 a Aula 9: Introdução ao Express.js, configuração de rotas, uso do Nodemon para reiniciar o servidor automaticamente e manipulação de parâmetros (query, body, params).
- Aula 10 a Aula 12: Uso de templates de views no Express.js e integração com Webpack para bundling de arquivos.
- Aula 13: Introdução a middlewares no Express, demonstrando como interceptar e modificar requisições/respostas.
- Aula 14: Conexão com MongoDB e configuração de models para persistência de dados.
- Aula 15: Implementação de sessões e mensagens flash no Express, utilizando
ExpressSessionpara armazenar dados entre requisições. - Aula 16: Injeção de conteúdo dinâmico nas views, criando páginas dinâmicas com dados fornecidos pelo servidor.
- Aula 17: Implementação de segurança em aplicações Node.js com Helmet e proteção contra ataques CSRF.
Este conjunto de aulas fornece uma base sólida para o desenvolvimento de aplicações Node.js completas, desde a manipulação de arquivos até a criação de APIs seguras e conectadas a um banco de dados.
O projeto Projeto Agenda é uma aplicação desenvolvida em Node.js, mais informações em Documentação do projeto.
Neste repositório, você encontrará exemplos práticos e códigos desenvolvidos durante as aulas de Webpack. Cada aula aborda conceitos importantes para o desenvolvimento moderno de aplicações web, utilizando o Webpack para gerenciamento de módulos e otimização de projetos.
- Descrição: Nesta aula, foi criado um boilerplate inicial para a organização de projetos utilizando o Webpack.
- Conteúdo: Configuração básica do Webpack, organização de diretórios e arquivos de um projeto Web.
- Descrição: A aula foca no uso de
importeexportpara modularizar o código JavaScript, permitindo uma estrutura mais limpa e escalável. - Conteúdo: Importação e exportação de módulos, configuração de paths no Webpack.
- Descrição: Implementação de um gerador de CPF simples com o uso de Webpack para bundling e gerenciamento dos arquivos.
- Conteúdo: Criação e integração de um gerador de CPF dentro da estrutura de um projeto Webpack.
- Descrição: Desenvolvimento de um gerador de senhas utilizando JavaScript e Webpack para empacotar e otimizar os scripts.
- Conteúdo: Geração dinâmica de senhas e como organizar o código de forma modular com Webpack.
- Descrição: Introdução ao uso de polyfills e transpilers como CoreJS e Regenerator Runtime para garantir a compatibilidade de código com navegadores mais antigos.
- Conteúdo: Uso de
babel-loadere integração com Webpack para suportar async/await e outras funcionalidades modernas de JavaScript.
Os arquivos estão organizados conforme as boas práticas de desenvolvimento com Webpack, separando claramente a lógica de negócio, configurações do Webpack e assets.
Este projeto está sob a licença GNU GENERAL PUBLIC LICENSE.