Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/andrehaguiar/js_webpack

Javascript e TypeScript - front-end e back-end (Full Stack) - Node, Express, noSQL, React, hooks, Redux, Design Patterns.
https://github.com/andrehaguiar/js_webpack

babel javascript mvc-architecture webpack

Last synced: about 1 month ago
JSON representation

Javascript e TypeScript - front-end e back-end (Full Stack) - Node, Express, noSQL, React, hooks, Redux, Design Patterns.

Awesome Lists containing this project

README 

        
### Curso de JavaScript e TypeScript do básico ao avançado 2020







About this course


Javascript e TypeScript - front-end e back-end (Full Stack) - Node, Express, noSQL, React, hooks, Redux, Design Patterns






By the numbers




Skill level: All Levels


Students: 10222


Languages: Portuguese


Captions: Yes






Lectures: 408


Video: 106.5 total hours








Features


Available on iOS and Android






Description






Curso de JavaScript e TypeScript do básico ao avançado - Atualizado para 2020 - O curso mais completo sobre todas as nuances do JavaScript você você vai encontrar na atualidade.


Aprenda Javascript moderno (ES6+) para front-end (com Webpack, babel, React, React Hooks e Redux) e back-end (com Node, Express, MySQL e MongoDB) e se torne um(a) desenvolvedor(a) full stack. 


Este curso inclui JavaScript e TypeScript, você vai aprender ambas as linguagens.


Fundamentos


Inicialmente, o aluno aprenderá a utilizar recursos nativos do JavaScript sem a necessidade de utilizar frameworks ou bibliotecas adicionais (Javascript puro, conhecido como Vanilla JS).


NodeJS, Frameworks e bibliotecas 


Apresentarei o Node JS, Express e o MongoDB (noSQL) para trabalhar com Javascript no Back-end. Apresentarei frameworks e bibliotecas que são padrão no mercado atualmente, como Express (servidor Web) e Mongoose (para modelar bases de dados MongoDB). Também apresentarei em detalhes o sistema de módulos do NodeJS.


JS Tooling


Falaremos do Babel e Webpack, o que nos permitirá utilizar o sistema de módulos do ES6 em navegadores mais antigos que não teriam suporte para tal.


Projeto #1


Também vamos criar um projeto realizando um CRUD (create, read, update e delete) na base de dados mongo com sistema de login real usando sessions (posteriormente com JWT).


Deploy (Linux)


Ao longo do curso, o aluno aprenderá tecnologias adicionais ao JS, como: criar um servidor web com NGINX para fazer proxy reverso com Node; gerenciar projetos node com o pm2; configurar um servidor linux no Google Cloud Platform (GCP), adicionar certificado SSL/TLS (HTTPS) com letsencrypt gratuitamente, configurar um repositório com o Git (e comandos adicionais do git em geral), configurar chaves SSH no servidor e computador pessoal, TypeScript do básico ao avançado e muito mais.


TypeScript


Uma novidade neste curso é o TypeScript, o aluno não precisará comprar outro curso para aprender essa linguagem que está tão em alta no momento.


Segurança


Também tive o cuidado de focar bastante na parte de segurança de todos os serviços utilizados ao longo do curso, com isso o aluno poderá fazer deploy de suas aplicações sem medo. 


API Rest


Criaremos uma API Rest utilizando MariaDB/MySQL (SQL) e o Sequelize, com sistema de login que utiliza JSON Web Tokens (JWT). Nesta seção, o aluno aprenderá ainda mais recursos que são padrão de mercado, como: editorconfig, eslint, prettier, JWT, middlewares e mais.


React


Na seção básica de React JS, criaremos uma lista de tarefas utilizando class components e functional components (com classes e funções). Também utilizaremos o localStorage do navegador para salvar os dados da lista de tarefas, fazendo algo muito similar ao que faríamos com bases de dados.


Na seção avançada do React JS utilizaremos React Hooks, Redux + Redux Saga e muito mais. Também vamos consumir a API Rest que criamos em aulas anteriores. Criaremos um sistema de Login com JWT e o axios e faremos um CRUD (create, read, update e delete) na base de dados MySQL/MariaDB da nossa API Rest.


Expressões Regulares


Você vai aprender a criar suas próprias expressões regulares (regex). Melhor que isso, você vai entender o que está fazendo com suas expressões regulares.


Princípios SOLID


O curso tem seções específicas sobre os pilares da programação orientada a objetos (POO) e princípios SOLID (S.O.L.I.D), que são parte extremamente importante na formação de qualquer programador, independente da linguagem de programação escolhida.


Testes com o Jest


Testes automatizados são de extrema importância para qualquer desenvolvedor. Abordaremos testes unitários e testes de integração utilizando o jest.


Design Patterns (Padrões de projeto)


Uma outra novidade deste curso é que temos uma seção inteira sobre padrões de projeto (Design patterns). O foco aqui é aprender os padrões de projeto da GoF (que são os mais clássicos e mais relevantes atualmente).


Listagem do conteúdo principal


Lista do que será ensinado nas seções:


    

  • Instalação dos programas utilizados ao longo do curso (Node, Visual Studio Code e mais)
    • 

  • Javascript básico (variáveis e coisas básicas de programação)
    • 

  • Javascript com lógica de programação (estruturas condicionais, de repetição e mais)
    • 

  • Javascript orientado a objetos (classes, funções construtoras, factory functions, e mais)
    • 

  • Javascript funcional (seções específicas para funções, arrays e objetos)
    • 

  • Javascript assíncrono (com promises, ajax, axios e fetch API)
    • 

  • Webpack e Babel (para uso de recursos modernos em navegadores mais antigos)
    • 

  • Node.js (básico de Node + Express e MongoDB)
    • 

  • Projeto agenda (Um projeto real utilizando tudo o que foi descrito anteriormente)
    • 

  • Deploy - Criar, configurar e manter um servidor Linux (inclui configuração de várias tecnologias diferentes)
    • 

  • Api rest - Criar uma API Rest do zero usando Express, JWT e o Sequelize (com MariaDB/MySQL).
    • 

  • React JS Básico - Nesta seção, criaremos uma lista de tarefas utilizando o React JS e o localStorage do navegador. 
    • 

  • React JS Avançado - React Hooks, Redux + Redux Saga, Autenticação com JWT, Redux Persist e muito mais.
    • 

  • Bônus: Expressões Regulares (Regex)
    • 

  • TypeScript - Você não precisa comprar outro curso para aprender TypeScript
    • 

  • Princípios da programação orientada a objetos e princípios S.O.L.I.D (SOLID)
    • 

  • Testes automatizados com o Jest
    • 

  • Bônus: Padrões de projeto (Design patterns)
    • 



Recomendações


Recomendo que o aluno conheça o básico de HTML e CSS para absorver melhor o conhecimento. (este curso não inclui HTML e CSS).




What you’ll learn


    

  • JavaScript Básico, Funcional e Orientado a Objetos (ES6+, front-end e back-end)
    • 

  • TypeScript  - um superset do JavaScript com tipagem estática (front-end e back-end)
    • 

  • Node, Express, MongoDB e MySQL/MariaDB (Back-end)
    • 

  • Webpack e Babel (Front-end)
    • 

  • Sistema de login com session (front-end e back-end)
    • 

  • Sistema de login com JWT (front-end e back-end)
    • 

  • Criação de projetos com Node, Express e EJS (front-end e back-end)
    • 

  • Configuração de um servidor Linux para Deploy (Ubuntu Server)
    • 

  • Configurações de segurança para o servidor (SSH e TLS - Https)
    • 

  • Utilização de noSQL com mongoose (MongoDB)
    • 

  • Utilização de SQL com sequelize (MySQL/MariaDB)
    • 

  • Criação de API Rest com Node + Express + Sequelize (back-end)
    • 

  • React JS com React Hooks + Redux com Redux Saga (front-end)
    • 

  • Princípios da programação orientada a objetos
    • 

  • Princípios S.O.L.I.D
    • 

  • Testes automatizados com o Jest
    • 

  • Expressões Regulares (Bônus)
    • 

  • Padrões de projeto - Design Patterns (Bônus)
    • 



Are there any course requirements or prerequisites?


    

  • Conhecer HTML e CSS ajudará a fixar melhor o conteúdo
    • 

  • Computador ou Laptop com Windows, Linux ou Mac
    • 



Who this course is for:


    

  • Para aqueles que desejam aprender JavaScript Moderno (ES6+) do zero
    • 

  • Para desenvolvedores experientes que desejam aprimorar seu conhecimento em JS
    • 

  • Para desenvolvedores que desejam trabalhar com front-end e back-end (fullstack)
    • 

  • Para quem deseja aprender TypeScript
    • 









Instructor






User photo


Luiz Otávio Miranda


Desenvolvedor de Software










Trabalha há mais de 12 anos com desenvolvimento de softwares para terceiros usando várias linguagens, libs e frameworks diferentes. 


Especializado em desenvolvimento web voltado para e-commerces.


Atua tanto em front-end quanto back-end.


Atuou no setor de provedores de internet, trabalhando com infraestrutura de redes (wireless, fibra óptica, cabeamento, etc...). No mesmo seguimento, também atuou na área de  administração de servidores Linux.


Está em contínuo aprendizado.


Atualmente, mantem softwares próprios criados para terceiros e ensina o que sabe para outros desenvolvedores. 


Músico nas horas vagas.