Onde encontrar um curso gratuito de JavaScript Moderno ES6 ?

Name: JavaScript Moderno ES6
Availability: InStock

Imagem do Curso gratuito JavaScript Moderno ES6

Curso online gratuitoJavaScript Moderno ES6

Duração do curso online: 3 horas e 17 minutos

Novo

Escreva JavaScript moderno e mais limpo com ES6: arrow functions, template literals, Promises e async/await em um curso online gratuito com exercícios e certificado.

Neste curso gratuito, aprenda sobre

Principais novidades do ES6/ES2015 e impacto no JavaScript moderno
Escopo e hoisting: diferenças práticas entre var, let e const
Temporal Dead Zone: erros ao acessar let/const antes da declaração
Arrow functions: sintaxe curta e comportamento do this (léxico)
Template literals e tagged templates para strings e HTML dinâmico
Shorthand properties e default parameters para escrever menos código
Métodos de string: startsWith, endsWith, includes, padStart e padEnd
Métodos de array: from, of, find/findIndex, filter, fill e includes
Destructuring em objetos/arrays e swap de variáveis sem temporário
Spread (...) e rest params: expandir iteráveis e agrupar argumentos
Promises e fetch: estados, encadeamento e Promise.all vs Promise.race
Async/await com tratamento de erros e paralelismo com Promise.all
Prototypes e classes ES6: herança, extends/super e métodos estáticos
Symbols, iteradores, generators, Proxy, Set/WeakSet, Map/WeakMap e Object.entries/values

Descrição do curso

Dominar JavaScript moderno (ES6+) é um passo decisivo para escrever código mais legível, previsível e fácil de manter — e também para acompanhar o que o mercado espera de quem atua com Front-End. Neste curso online gratuito de JavaScript Moderno ES6, você evolui do “JavaScript que funciona” para o “JavaScript bem escrito”, entendendo as mudanças que transformaram a linguagem e como aplicá-las no dia a dia de projetos reais.

Ao longo das aulas, você consolida fundamentos essenciais como escopo, hoisting e boas práticas de declaração com var, let e const, evitando erros comuns que geram bugs difíceis de rastrear. Você também aprende a escrever funções de forma mais expressiva com arrow functions, compreendendo quando elas ajudam — e quando podem atrapalhar — especialmente em situações envolvendo o this.

O curso reforça a ideia de produtividade com recursos que deixam o código mais enxuto: template literals para compor strings e fragmentos de HTML, shorthand properties e default parameters para tornar objetos e funções mais simples, além de métodos modernos de strings e arrays que substituem soluções improvisadas e repetitivas. Outro ponto forte é ganhar fluidez com destructuring e com os operadores spread e rest, elevando a qualidade da sua manipulação de dados e tornando o código mais semântico.

Na parte assíncrona, você aprende a raciocinar com Promises e a tornar seu fluxo mais claro com async/await, incluindo estratégias de tratamento de erros e execução em paralelo. Isso é fundamental para lidar com requisições, integrações e qualquer rotina que dependa de tempo de resposta. Conforme avança, você também entende conceitos mais avançados do ecossistema da linguagem, como protótipos, classes e herança, além de recursos como Symbol, iterators, generators e Proxy — ampliando seu repertório para construir soluções modernas.

Para fixar o aprendizado, o curso intercala explicações com exercícios e perguntas de revisão, ajudando você a validar o entendimento e corrigir lacunas rapidamente. Ao final, você terá mais confiança para ler códigos atuais, implementar padrões modernos e elevar o nível do seu JavaScript no desenvolvimento Front-End.

Conteúdo do curso

Aula em vídeo: 01. Introducao ES6 - Mini-curso JS Moderno (ES6) 03m
Exercício: Qual foi uma das principais mudanças trazidas pelo ES6 (ES2015) em relação ao JavaScript anterior (ES5)?
Aula em vídeo: 02. Escopo no JavaScript - Mini-curso JS Moderno (ES6) 03m
Exercício: Ao declarar uma variável dentro de uma função usando var, o que acontece ao tentar acessá-la fora dessa função?
Aula em vídeo: 03. Variável let - Mini-curso JS Moderno (ES6) 03m
Exercício: Qual é a principal diferença de escopo entre variáveis declaradas com var e let no ES6?
Aula em vídeo: 04. Variável const - Mini-curso JS Moderno (ES6) 03m
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?
Aula em vídeo: 08. Template Literal - concatenando textos/variáveis - Mini-curso JS Moderno (ES6) 04m
Exercício: Em JavaScript ES6, qual é a forma correta de criar uma string com variáveis embutidas usando template literals?
Aula em vídeo: 09. Template Literal - criando fragmentos de HTML - Mini-curso JS Moderno (ES6) 06m
Aula em vídeo: 10. Tagged Templates - Mini-curso JS Moderno (ES6) 07m

Aula em vídeo: 11. Shorthand Properties - Mini-curso JS Moderno (ES6) 03m
Exercício: No ES6, qual é a forma correta de usar o object property shorthand ao criar um objeto quando a propriedade e a variável têm o mesmo nome?
Aula em vídeo: 12. Default Parameters - Mini-curso JS Moderno (ES6) 03m
Exercício: Em JavaScript ES6, qual é a principal vantagem de usar default parameters em funções?
Aula em vídeo: 13. Metódos strings - startsWith, endsWith, includes - Mini-curso JS Moderno (ES6) 03m
Exercício: Qual método do ES6 é usado para verificar se uma string começa com um determinado valor, podendo receber uma posição inicial?

Aula em vídeo: 14. Método array.from - Mini-curso JS Moderno (ES6) 03m
Aula em vídeo: 15. Método array.of - Mini-curso JS Moderno (ES6) 00m
Exercício: Qual é a principal utilidade do método Array.of() em JavaScript ES6?
Aula em vídeo: 16. Método array.find e array.findIndex - Mini-curso JS Moderno (ES6) 04m
Exercício: Qual é a principal diferença entre os métodos Array.prototype.find() e Array.prototype.filter() no ES6?
Aula em vídeo: 17. Método array.fill - Mini-curso JS Moderno (ES6) 02m
Exercício: No JavaScript ES6, o que o método Array.prototype.fill() faz?

Aula em vídeo: 18. Introdução ao destructuring - Mini-curso JS Moderno (ES6) 05m
Exercício: Em JavaScript ES6, qual é a principal vantagem do destructuring ao extrair propriedades de um objeto?
Aula em vídeo: 19. Fazendo destructuring num array - Mini-curso JS Moderno (ES6) 00m
Exercício: Como fazer desestruturação (destructuring) em um Array no JavaScript ES6?
Aula em vídeo: 20. Fazendo swap de variáveis com destructuring - Mini-curso JS Moderno (ES6) 02m
Exercício: Em JavaScript ES6, qual é a forma correta de trocar os valores de duas variáveis sem usar uma variável temporária?
Aula em vídeo: 21. Introdução ao spread operator - Mini-curso JS Moderno (ES6) 04m
Exercício: No ES6, para que serve o spread operator (...) ao ser usado em valores iteráveis?
Aula em vídeo: 22. Usando o spread nos argumentos da função - Mini-curso JS Moderno (ES6) 01m
Exercício: Em JavaScript ES6, qual é o objetivo do operador spread (...) ao chamar uma função com um array de valores?
Aula em vídeo: 23. Introdução ao Rest Params - Mini-curso JS Moderno (ES6) 04m
Exercício: Em JavaScript ES6, qual recurso permite que uma função receba uma quantidade indefinida de argumentos e os agrupe em um array?

Aula em vídeo: 24. Introdução as Promises - Mini-curso JS Moderno (ES6) 06m
Exercício: Em JavaScript ES6, qual é o principal benefício do uso de Promises em operações assíncronas?
Aula em vídeo: 25. Exemplo usando Promises - Mini-curso JS Moderno (ES6) 04m
Exercício: Ao usar fetch em JavaScript ES6, quais são os três estados mais comuns de uma Promise?
Aula em vídeo: 26. Exemplo usando múltiplas Promises - Mini-curso JS Moderno (ES6) 03m
Exercício: Em Promises múltiplas, qual é a principal diferença entre Promise.all e Promise.race?

Aula em vídeo: 27. Herança Prototipal (Prototypes) - Mini-curso JS Moderno (ES6) 05m
Exercício: Em JavaScript, por que adicionar um método em Animal.prototype permite que diferentes instâncias o utilizem?
Aula em vídeo: 28. Trabalhando com Classes - Mini-curso JS Moderno (ES6) 05m
Exercício: Em classes no JavaScript ES6, qual afirmação descreve corretamente um método estático?
Aula em vídeo: 29. Estendendo Classes - Mini-curso JS Moderno (ES6) 04m
Exercício: Ao criar uma classe que estende outra em ES6, o que deve ser feito no constructor antes de usar this?

Aula em vídeo: 30. Introdução a Symbols - Mini-curso JS Moderno (ES6) 05m
Exercício: Em JavaScript ES6, qual é a principal vantagem de usar Symbol como chave de propriedades em objetos?
Aula em vídeo: 31. Iterador for...of - Mini-curso JS Moderno (ES6) 04m
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
Aula em vídeo: 46. Trailing comas - Mini-curso JS Moderno (ES6) 02m
Aula em vídeo: 47. Exponenciação - Mini-curso JS Moderno (ES6) 00m
Exercício: No ES6, qual operador substitui o uso de Math.pow() para calcular potências?

Cursos online Gratuitos sobre JavaScript

Aprenda sobreJavaScript

Domine JavaScript com cursos online gratuitos! Aprenda programação, crie sites dinâmicos e impulsione sua carreira. Inscreva-se já e comece a codificar!

Este curso gratuito inclui:

3 horas e 17 minutos de curso online em vídeo

Certificado digital de conclusão de curso ( Gratuito )

Exercícios para treinar seus conhecimentos

100% gratuito, do conteúdo ao certificado

Pronto para começar?Baixe o app e comece hoje mesmo.

Instale o app agora

para ter acesso ao curso

+ de 5.000 cursos gratuitos

Programação, Inglês, Marketing Digital e muito mais! Aprenda o que quiser, gratuitamente.

Plano de estudos com IA

A Inteligência Artificial do nosso aplicativo pode criar um cronograma de estudos para o curso que você escolher.

Do zero ao Sucesso profissional

Melhore seu currículo com nosso Certificado gratuito e depois utilize nossa Inteligência Artificial para buscar seu emprego dos sonhos.

Você também pode utilizar o QR Code ou os Links abaixo

Mais cursos gratuitos em Programação Front-End

Curso GratuitoReact JS

(24)

1h22m

10 exercícios

Curso GratuitoProgramação para Web

(4)

14h37m

12 exercícios

Curso GratuitoAprenda HTML criando um clone da Netflix

(2)

4h16m

17 exercícios

Curso GratuitoHTML completo

(37)

4h18m

15 exercícios

Curso GratuitoCSS Flexbox no desenvolvimento de sites

(1)

1h18m

10 exercícios

Curso Gratuito Criação de loja virtual

(12)

20h31m

21 exercícios

Curso GratuitoJavascript completo

4.96

(84)

3h49m

24 exercícios

Curso GratuitoCriação de sites em Wordpress

4.95

(43)

6h44m

42 exercícios

Curso GratuitoHTML e CSS para iniciantes

4.92

(624)

4h31m

16 exercícios

Curso GratuitoJquery

4.92

(13)

9h19m

53 exercícios

Ebook + Áudiobooks gratuitos! Aprenda ouvindo ou lendo!

Capa do Ebook gratuito Curso completo de HTML, CSS e Javascript para se tornar um Desenvolvedor Front End

4.73

(11)

Capa do Ebook gratuito Como utilizar o Javascript no desenvolvimento de sites web

4.5

(4)

Capa do Ebook gratuito HTML + CSS para criação de sites incríveis

(2)

Capa do Ebook gratuito Curso completo de HTML

3.5

(2)

Capa do Ebook gratuito Curso completo de CSS

(1)

Baixe o Aplicativo agora para ter acesso a + de 5000 cursos gratuitos, exercícios, certificado e muito conteúdo sem pagar nada!

Cursos online 100% gratuitos do início ao fim

Milhares de cursos online em vídeo, ebooks e áudiobooks.
Mais de 60 mil exercícios gratuitos

Para testar seus conhecimentos no decorrer dos cursos online
Certificado Digital gratuito válido em todo o Brasil

Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail

Baixe nosso aplicativo pelo QR Code ou pelos links abaixo:.