Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-02-09 20:44:13
30-Day Money-Back Guarantee
Development Web Development JavaScript

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

Javascript e TypeScript - front-end e back-end (Full Stack) - Node, Express, noSQL, React, hooks, Redux, Design Patterns
Highest Rated
Rating: 4.7 out of 54.7 (2,980 ratings)
15,733 students
Created by Luiz Otávio Miranda
Last updated 2/2021
Portuguese
Portuguese [Auto]
30-Day Money-Back Guarantee

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 e 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 GOF - Design Patterns (Bônus)
  • NestJS + Strapi + PostgreSQL (com CSR, SSR, SSG e ISR)
  • HTML5 e CSS3 (Bônus)
Curated for the Udemy for Business collection

Course content

35 sections • 619 lectures • 143h 43m total length

  • Preview13:58
  • Instalando NodeJS, VSCode e Chrome no Linux (Ubuntu 18.04)
    15:26
  • Não se esqueça de salvar seus arquivos antes de executar
    00:41
  • Preview26:14
  • Perguntas e Respostas - Como funciona?
    09:27
  • Regras para perguntas e respostas
    01:42
  • Seção de HTML e CSS (Novo)
    01:40

  • Console.log
    15:30
  • Execícios
    04:30
  • Repositório do curso no Github
    00:35
  • Discord para alunos
    00:16
  • Comentários de código
    11:41
  • Preview21:49
  • Variáveis com let
    21:50
  • Constantes com const
    17:54
  • Correção
    00:18
  • Exercícios - Const e Let
    16:22
  • Código do exercício solucionado
    00:23
  • Let vs Var - Primeira diferença
    05:58
  • Tipos de dados primitivos
    16:46
  • Operadores aritméticos, de atribuição e incremento
    32:15
  • Preview26:04
  • Exercícios - Solução
    08:47
  • Exercício com variáveis
    09:24
  • Mais sobre strings
    28:19
  • Exercícios com strings
    25:12
  • Mais sobre numbers
    24:30
  • Objeto Math
    16:01
  • Exercícios com numbers e Math
    25:14
  • Arrays (Básico)
    28:07
  • Const com valores mutáveis
    01:13
  • Funções (Básico)
    24:57
  • Objetos (Básico)
    20:09
  • Valores primitivos e valores por referência
    19:09
  • Preview36:24

  • Extensões que utilizo no VSCode
    09:04
  • Operadores de comparação
    15:48
  • Operadores Lógicos
    16:40
  • Avaliação de Curto-Circuito (Short-Circuit)
    18:34
  • if, else if e else (1)
    17:38
  • if, else if e else (2)
    17:58
  • Modelo HTML e CSS para exercícios posteriores
    21:50
  • Nota sobre o próximo exercício
    00:17
  • Exercício (unindo tudo aprendido até aqui e mais)
    54:05
  • Operação ternária
    08:49
  • Objeto Date
    25:15
  • Switch/Case
    21:45
  • Exercício com switch e date
    24:48
  • Mais diferenças entre var e let/const
    19:42
  • Preview19:13
  • Atribuição via desestruturação (Objetos)
    10:37
  • For - Clássico - Estrutura de repetição
    17:46
  • Exercícios com for
    20:31
  • DOM e a árvore do DOM
    09:03
  • For in - Estrutura de repetição
    08:54
  • For of - Estrutura de repetição
    12:52
  • Exercícios com NodeList (Browser)
    13:42
  • While e Do While - Estrutura de repetição
    16:10
  • Break e Continue
    13:09
  • Exercício com lógica de programação - 01
    06:45
  • Exercício com lógica de programação - 02
    05:55
  • Exercício com lógica de programação - 03
    09:31
  • Tratando e lançando erros (try, catch, throw)
    14:01
  • Tratando e lançando erros (try, catch, finally)
    15:45
  • setInterval e setTimeout
    08:14
  • Preview30:29
  • Criando uma Lista de tarefas
    42:28

  • Maneiras de declarar funções
    14:01
  • Parâmetros da função
    28:50
  • Retorno da função
    21:46
  • Escopo léxico
    04:46
  • Closures
    08:46
  • Funções de callback
    13:03
  • Preview08:25
  • Funções fábrica (Factory Functions)
    27:01
  • Praticando com factory functions
    39:50
  • Funções construtoras (constructor functions)
    12:55
  • Calculadora com função construtora
    25:00
  • Funções recursivas
    07:33
  • Funções geradoras
    16:11

  • Revisão do básico em Arrays
    18:15
  • Método Splice
    15:59
  • Concatenando arrays
    06:22
  • Filter - Filtrando o array
    27:17
  • Map - Mapeando o array
    20:35
  • Preview19:05
  • Filter + Map + Reduce
    05:35
  • forEach
    05:37

  • Revisando Objetos
    32:30
  • Object.defineProperty() e Object.defineProperties()
    16:08
  • Getters e Setters
    10:57
  • Métodos úteis para objetos
    19:34
  • Prototypes
    21:51
  • Manipulando Prototypes
    21:51
  • Herança
    24:41
  • Herança?
    00:55
  • Preview13:01
  • Exercício - Validando um CPF (Solução)
    30:18
  • Polimorfismo
    17:42
  • Factory Functions + Prototypes
    14:25
  • Objeto Map()
    11:43

  • Criando classes
    08:33
  • Getters e Setters
    18:49
  • Herança com classes
    17:28
  • Métodos de instância e estáticos
    13:41
  • Preview21:48
  • Validando um formulário (usando classe)
    38:54

  • Preview23:12
  • Métodos úteis para Promises
    20:57
  • Async / Await
    19:55
  • XMLHttpRequest (GET) + Promises
    32:20
  • Fetch API (GET)
    13:56
  • Fetch API e Axios (JSON)
    19:20

  • Preview24:06
  • Webpack (Boilerplate)
    42:19
  • Correção core-js (de v2 para v3)
    03:20
  • ES6 Modules - Import/Export
    31:15
  • Nosso modelo antigo (agora com webpack)
    12:00
  • Criando um gerador de CPFs válidos
    20:11
  • Criando um gerador de senhas
    36:07
  • Core-js e regenerator-runtime
    11:32

  • Pasta da seção "node"
    01:53
  • Módulos (1)
    21:04
  • Módulos (2)
    19:48
  • Preview19:45
  • Atualizando o Node para v12.x LTS
    03:49
  • Listando arquivos com FS e Recursão mútua
    22:22
  • Escrevendo e lendo arquivos
    21:17
  • Preview24:41
  • Express + Nodemon
    07:29
  • Express - req.params, req.query e req.body
    22:36
  • Express Router e Controllers
    15:48
  • Express Views
    10:09
  • Express - Arquivos estáticos
    05:31
  • Express + Webpack
    11:22
  • Express Middlewares
    20:48
  • Criando um servidor MongoDB
    06:37
  • Solução de problemas - Re-criando o projeto usando Atlas e Compass
    05:51
  • MongoDB - Conexão e primeiro Model
    29:26
  • Erros no connect-mongo
    00:08
  • Express Session e Flash Messages
    18:53
  • Correção connect-mongo
    00:19
  • Injetando conteúdo nos views
    24:09
  • Helmet e CSRF
    16:46
  • Helmet no localhost (EVITE)
    00:19
  • Resumo
    15:30

Requirements

  • Computador ou Laptop com Windows, Linux ou Mac

Description

Curso de JavaScript e TypeScript do básico ao avançado - Atualizado para 2021 - 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, Redux, HTML5, CSS3 e mais) e back-end (com Node, Express, MySQL / MariaDB, MongoDB, PostgreSQL, Next.Js, Strapi e mais) e se torne um(a) desenvolvedor(a) full stack.

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

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). Trabalharemos tanto no Node.Js (back-end) quanto no navegador (front-end).

Node.Js, 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).

NextJS + Strapi

Vamos criar um blog usando NextJS + Strapi com SSR (server-side rendering), SSG (static site generation) e ISR (Incremental Static Regeneration). Neste blog também vamos fazer deploy da aplicação usando servidor Linux (Ubuntu), PostgreSQL (base de dados) e Github Webhooks para Continuous Deployment (CD). Além disso, vamos falar de muitas outras coisas que vão muito além do código em si (infraestrutura).

Bancos de dados SQL (MySQL)

Temos uma seção específica onde você aprender a executar as consultas mais comuns em bases de dados SQL (MySQL). Após essa seção o aluno será capaz de criar, apagar, atualizar, ler e fazer relações entre tabelas da base de dados.

Knex - Query Builder

Também falaremos especificamente do Knex, um Query Builder para construir queries SQL em bases de dados Postgres, MSSQL, MySQL, MariaDB, SQLite3, Oracle, e Amazon Redshift.

HTML5 e CSS3 (Bônus)

Recentemente adicionamos à grade do curso HTML5 e CSS3 para quem não conhece nada sobre HTML e CSS. Essa seção é um bônus, visto que seria um requisito para aprender JavaScript de maneira eficaz.

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

  • NextJS + Strapi - vamos a criar sites com SSR e SSG usando o NextJS

  • Bancos de dados SQL (MySQL)

  • Knex - Query Builder

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

  • Bônus: HTML5 e CSS3


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

Luiz Otávio Miranda
Desenvolvedor de Software
Luiz Otávio Miranda
  • 4.8 Instructor Rating
  • 7,894 Reviews
  • 42,183 Students
  • 4 Courses

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.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.