Curso gratuito de JavaScript Moderno ES6 para front-end, com sintaxe atual, classes, promises e async/await para código mais limpo.
Neste curso gratuito, aprenda sobre
Fundamentos do ES6: escopo e declarações de variáveis
Funções modernas e templates
Objetos e novas APIs de strings
Arrays modernos e manipulação de coleções
Destructuring, spread e rest parameters
Assincronismo com Promises
Orientação a objetos no ES6: protótipos, classes e herança
Metaprogramação e iteráveis: Symbol, iterators e generators
Proxy e coleções: Set, WeakSet, Map e WeakMap
JavaScript moderno na prática: strings, async/await e utilitários
Descrição do curso
JavaScript Moderno ES6 é um curso online gratuito indicado para quem quer atualizar a forma de escrever JavaScript no dia a dia do front-end, adotando recursos do ES6 e versões seguintes com mais clareza, organização e produtividade. Você aprende a lidar melhor com escopo e declarações de variáveis, criando código mais previsível e fácil de manter em projetos reais.
Ao longo das aulas, o curso reforça boas práticas de escrita com funções mais enxutas, manipulação moderna de strings e arrays, criação de trechos de HTML com interpolação e melhorias de sintaxe que deixam seus objetos e parâmetros mais expressivos. A evolução acontece de forma prática, ajudando a transformar código repetitivo em soluções mais elegantes e legíveis.
Também há foco em padrões e recursos essenciais do JavaScript moderno para construir aplicações mais robustas, como destructuring, spread e rest, além de fundamentos de orientação a objetos com prototypes e classes. Você ainda entende como trabalhar com coleções e estruturas modernas, como Set, Map e suas variações, e como iterar dados com mais controle.
Para fechar, o curso aborda programação assíncrona com Promises e async/await, incluindo estratégias para tratar erros e coordenar múltiplas operações. É uma ótima escolha para consolidar a base do JavaScript moderno e aplicar os recursos atuais com confiança em interfaces, componentes e integrações do front-end.
Exercício: Em JavaScript ES6, qual afirmação descreve corretamente o comportamento de uma variável declarada com const quando ela referencia um objeto?
Aula em vídeo: 05. Temporal Dead Zone - Mini-curso JS Moderno (ES6)02m
Exercício: Ao tentar acessar uma variável antes de sua atribuição, qual comportamento é esperado ao usar let/const em JavaScript (ES6)?
Aula em vídeo: 06. Introdução Arrow Function - Mini-curso JS Moderno (ES6)06m
Aula em vídeo: 07. Arrow function e o this - Mini-curso JS Moderno (ES6)06m
Exercício: Ao trocar uma function tradicional por uma arrow function em um event listener de clique, o que acontece com o valor de this?
Exercício: Em JavaScript ES6, ao usar um iterator (obtido via Symbol.iterator) e chamar o método next(), o que o retorno indica?
Aula em vídeo: 32. Introdução a Generators - Mini-curso JS Moderno (ES6)05m
Exercício: Em JavaScript ES6, qual alternativa descreve melhor como um generator funciona ao usar yield?
Aula em vídeo: 33. Fluxo de Generators - Mini-curso JS Moderno (ES6)06m
Aula em vídeo: 34. Introdução ao Proxy - Mini-curso JS Moderno (ES6)06m
Exercício: Em JavaScript ES6, qual é a principal finalidade de um Proxy ao envolver um objeto (target) com um handler?
Aula em vídeo: 35. Introdução ao Set - Mini-curso JS Moderno (ES6)05m
Aula em vídeo: 36. Introdução ao WeakSet - Mini-curso JS Moderno (ES6)03m
Exercício: No ES6, qual é uma limitação importante do WeakSet em comparação ao Set?
Aula em vídeo: 37. Introdução ao Map - Mini-curso JS Moderno (ES6)02m
Exercício: No JavaScript ES6, qual é uma diferença essencial entre Map e Set?
Aula em vídeo: 38. Introdução ao WeakMap - Mini-curso JS Moderno (ES6)03m
Exercício: Qual é a principal vantagem do WeakMap em relação ao Map?
Aula em vídeo: 39. Métodos de padStart e padEnd - Mini-curso JS Moderno (ES6)04m
Exercício: Em JavaScript ES6+, o que faz o método String.prototype.padStart()?
Aula em vídeo: 40. Introdução ao async/await - Mini-curso JS Moderno (ES6)11m
Exercício: Qual é a regra para usar await corretamente em JavaScript moderno (ES6+)?
Aula em vídeo: 41. Tratando erros no async await - Mini-curso JS Moderno (ES6)02m
Exercício: Qual é a estrutura básica em JavaScript (ES6) para tratar erros durante a execução de um trecho de código?
Aula em vídeo: 42. Async/await com múltiplas promises - Mini-curso JS Moderno (ES6)06m
Exercício: Em JavaScript ES6+, qual é a melhor forma de executar várias requisições (Promises) em paralelo e aguardar todas terminarem antes de continuar?
Aula em vídeo: 43. Método de array.includes - Mini-curso JS Moderno (ES6)02m
Exercício: Qual é a forma mais moderna (ES6) e legível de verificar se um valor existe dentro de um Array em JavaScript?
Aula em vídeo: 44. Método de object.entries - Mini-curso JS Moderno (ES6)02m
Exercício: Em JavaScript ES6, qual é o resultado de usar Object.entries(animals) em um objeto animals?
Aula em vídeo: 45. Método de object.values - Mini-curso JS Moderno (ES6)01m
