Introduction to ES6+

Unlock Course Get started!

Join 19062 other students

Sign in to get

Access to 30+ free courses

New courses added monthly

Weekly coding challenge

Join a friendly community

Subscribe to access!

Subscribe to access to this course and ALL other courses. You get a 30-day money-back guarantee, no questions asked.

Subscription includes

All courses, bootcamps, paths

100s of coding challenges

Certificates of completion

Exclusive Pro members chat

New courses bi-weekly

with Dylan C. Israel

19062 students enrolled

Course level: Intermediate

This ES6 tutorial teaches you modern JavaScript through 23 screencasts. You'll get a systematic walk-through of the most important ES6+ features so that you can start using them in your JavaScript projects today.

What's inside

This course contains 33 interactive screencasts

▼

Introduction to ES6+

33 lessons - 1 hour

1. Introduction to the ES6 course

2. Template Literals

3. Destructuring objects

4. Destructuring Objects (Challenge)

5. Destructuring Arrays

6. Object Literal

7. Object Literal (Challenge)

9. For of Loop (Challenge)

10. Spread Operator

11. Spread Operator (Challenge)

12. Rest Operator

13. Arrow Functions

14. Default Params

15. Default Params (Challenge)

17. includes() (Challenge)

18. Let & Const

19. Import & Export

20. Import & Export (Challenge)

21. padStart() & padEnd()

22. padStart() & padEnd() (Challenge)

24. Classes (Challenge)

25. Trailing Commas

27. Challenge: Promises

28. Introduction: Fetch

29. Challenge: Fetch

30. Async & Await

31. Async & Await ( Challenge )

32. Sets in ES6

33. What's Next

You'll learn

Template Literals

Destructuring

Object Literal

For of loop

Spread operator

Rest operator

Arrow Functions

Default Params

Classes

Array.includes()

Let & const

Export & import

Object.keys()

Async/Await

String.padStrart(), String.padEnd()

Trailing commas

Classes

Sets

Prerequisites

Before taking this course, you should have a basic understanding of JavaScript. Here’s our suggested resource to get you up to speed.

The course creator

Meet your teacher

Dylan C. Israel

I teach tens of thousands of students monthly about web development.

Follow me on twitter

Why this course rocks

This course will teach you the most modern features of JavaScript, also known as ES6+. ES6 is short for ECMAScript 6, and the plus sign (+) signals that we're also including features from even newer versions of ECMAScript.

JavaScript is one of the most popular programming languages in the world. It’s used almost everywhere: from large-scale web applications to complex servers to mobile and even in IoT devices. So this course is perfect for developers who want to ensure that their skills are relevant in a broad range of areas. Plus, it only takes an hour to complete!

If you need a refresher on basic JavaScript first, please take our Intro to JavaScript course..

The instructor Dylan Israel runs the popular YouTube channel Coding Tutorials 360 and he has also previously created two successful Scrimba courses, so you can rest assured that you're in good hands.

Join the Scrimba community chat

Learning alone can be lonely. Click here to join our Discord server and connect with other Scrimba learners!

F to the A oracle

to the Q

What's the difference between ECMAScript and JavaScript?

ECMA means European Computer Manufacturer's Association. ECMAScript is a programming language standard and JavaScript is its implementation. ECMAScript specifies the core features that a language should provide and how those features should be implemented. JavaScript was originally created at Netscape, and they wanted to standardize the language. So, they submitted the language to the European Computer Manufacturer's Association (ECMA) for standardization. But there were trademark issues with the name JavaScript, and the standard became called ECMAScript, which is the name it holds today as well.

What is the ES6?

ECMAScript 6 (ES6 for short) is the sixth edition of the ECMA-262 standard and features major changes and improvements to the ECMAScript specification.

Should I learn ES5 before ES6?

While learning ES6 you will cover many topics related to ES5. Many tutorials also present a particular ES6 feature in the light of the improvements it brings compared to the way things used to work with ES5.

Is vanilla ES6 JavaScript?

Vanilla Javascript is another way of saying 'plain Javascript'. ES6 is a set of language features of Javascript.

What is the difference between ES6 and ES5?

ES6 (ECMAScript 6) is the next edition of the ECMA-262 standard. It improves the previous edition and adds some new syntax and functionality. Most of the improvements are covered in the course, so dive straight in to discover the differences.