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
