Udemy

Platform

Português

Language

Web Development

Category

JavaScript - Dominando o ECMAScript 6 + Babel 6 e Webpack 4

Aprenda as novas Features do ECMAScript e seja um desenvolvedor Web Moderno.

4.35 (27 reviews)

Students

8.5 hours

Content

Oct 2018

Last Update
Regular Price


What you will learn

Ao concluir este curso, o aluno irá aplicar recursos modernos do JavaScript em seu dia a dia para manter e desenvolver aplicativos modernos, manuteníveis e escaláveis.

Variáveis let e const

Estrutura de dados Map e WeakMap

Estrutura de dados Set e WeakSet

Operador Spread

Rest Parameter

Default Parameters

Template String

Tagged Template String

Explorar o this

Arrow functions - Sintaxe

Arraw function - this léxico com callback

Arrow Function - this léxico eventos objeto

Extensões de objeto literal

Shorthand property

Shorthand method

Propriedades computadas

Destructuring - Desestruturação de dados

Destructuring - Desestruturação de dados com objetos

Destructuring - Desestruturação de dados como parâmetro de função

Destructuring - Desestruturação de dados com array

Classe e Herança ES5 e ES6

Classes - Como criar classes no ES6 em comparação ao ECMAScript 5 e protótipo

Herança entre classes no ES6 em comparação ao ECMAScript 5 com uso de protótipo


Description

ATENÇÃO: Caso você tenha obtido o curso 'Curso de JavaScript Completo - Formação JS Mestre Jedi'  não será necessário adquirir este curso, pois trata-se de um módulo do Mestre Jedi JS.

Com crescentes atualizações na especificação 262 da ECMAScript com ES5, ES6 e ESNext, a linguagem de programação JavaScript está ganhando bastante espaço entre os desenvolvedores e empresas, tem apresentado novas features que diminui a curva de aprendizagem da linguagem, tornando o processo de desenvolvimento mais ágil, principalmente para desenvolvedores oriundos de linguagens como JAVA, C#, C++, PHP dentre outras que fazem uso do paradigma de programação orientado a objetos.

Conforme publicado em janeiro/2018 o índice TIOBE que aponta as linguagens mais populares na WEB, o JavaScript cresceu mais uma posição no rank, saltando da 7ª para a 6ª linguagem de programação mais pesquisada dentre os desenvolvedores  do mundo inteiro, o que mostra o enorme sucesso da linguagem.

JavaScript é um mundo a ser explorado, desde o lançamento do popular framework JQuery em 2006 pelo John Resig, a linguagem tem tomado novos horizontes, com o surgimento de vários frameworks impressionantes como o NodeJS, Angular, React, Vue, Ember dentre outros. 

Esta curso de JavaScript irá apresentar novos horizontes para os desenvolvedores Web, que terão oportunidades de desenvolver projetos JavaScript modernos com os novos recurso do ECMAScript.


Screenshots

JavaScript - Dominando o ECMAScript 6 + Babel 6 e Webpack 4
JavaScript - Dominando o ECMAScript 6 + Babel 6 e Webpack 4
JavaScript - Dominando o ECMAScript 6 + Babel 6 e Webpack 4
JavaScript - Dominando o ECMAScript 6 + Babel 6 e Webpack 4

Content

Apresentação

Apresentação

Tecnologias e ferramentas

Instalando o Node.js e NPM

Instalando editor Visual Studio Code

Instalando o plugin Code Runner no Visual Studio Code

Variáveis

let - Variáveis com escopo de bloco e suas regras

const - Variável com valor constante

TDZ - Temporal Dead Zone

Estrutura de dados Map

Map estrutura de dados - Criar um Map e conhecer os métodos set, get e size

Map - Conhecendo os métodos forEach, delete, has, keys, values, entries e clear

WeakMap - Colocando o Garbage Collector para trabalhar com listas

Estrutura de dados Set

Set - Armazenando valores únicos de qualquer tipo

WeakSet - Armazene objetos mantidos fracamente na coleção

Operador Spread e Rest Parameter

Operador Spread - Propagar estrutura de dados

Rest Parameter (Parâmetro Rest) - Recuperando número indefinido de argumentos

Rest parameter e operador spread trabalhando em conjunto

Default Parameters

Default Parameters - Parâmetro padrão para argumentos de função

Template String

Template String

Tagged Template String

Explorando o this

Introdução ao this

This no contexto de execução global e de função aninhada

This em escopo de objeto, função construtora e uso do método bind

Comportamento do this com uso de Callcabk e método call

Comportamento do this com disparo de eventos por elementos DOM

This em funções assíncronas setTimeout e setInterval

Arrow functions

Arrow functions - Sintaxe

Arraw function - this léxico com callback

Arrow Function - this léxico eventos objeto

Extensões de objeto literal

Shorthand property - Objeto literal com definição de propriedades abreviadas

Shorthand method - Objeto literal com definição de métodos abreviados

Propriedades computadas em objetos literais

Destructuring - Desestruturação de dados

Destructuring - Desestruturação de dados com objetos

Destructuring - Desestruturação de dados como parâmetro de função

Destructuring - Desestruturação de dados com array

Classe e Herança ES5 e ES6

Classes - Como criar classes no ES6 em comparação ao ECMAScript 5 e protótipo

Herança entre classes no ES6 em comparação ao ECMAScript 5 com uso de protótipo

Expressão de classe e conceito de hoisting em classes

Classe com métodos estáticos e de instancia

Babel JavaSctipt Compliler

Babel - Introdução

Babel - Instalação

Babel - configuração e execução

Webpack

Webpack - Introdução

Webpack - instalação e configuração

Webpack Módulos - Entendendo como o Webpack cria um bundle de módulos JavaScript

Webpack Loaders - Integrando Webpack e Babel para funcionar com o babel-loader

Webpack - Instalando e configurando babel-polyfill e exemplo de Promise

Webpack - Instalando e configurando o servidor webpack-dev-server com liveserver

Webpack - Empacotando seus arquivos CSS

Processando e empacotando seus arquivos SASS com Webpack

Integrando Bootstrap ao Webpack

Webpack - Extraindo e empacotando arquivos css e sass em um bundle

Webpack - Compactando arquivos JS, CSS e SASS com UglifyJs e Optimize CSS

Webpack - Code Splitting, dividindo o código se sua aplicação em vários bundles


Reviews

P
Paula30 August 2018

Não é nem questão do quão experiente é quem faz o curso, mas da falta de objetividade inicial. 3 Seções de conteúdos mal explicados. Mais tempo digitando exemplos do que explicando as coisas. Melhorou um pouco quando começou a falar do spread operator, do uso do 'this' e orientação a objeto. Acho que poderia ver os vídeos com mais carinho e melhorar o começo do curso que ao meu ver deixou bem a desejar. Também na parte do Webpack poderia ter falado sobre codesplitting. Mas no geral foi bem.


1848302

Udemy ID

8/10/2018

Course created date

11/20/2019

Course Indexed date
Bot
Course Submitted by