Introduction to ES6+

Enroll for free Get started!

Join 34721 other students

Log in to get

Access to all our free courses

Interactive hands-on content

100s of code challenges

Join a friendly community

Enroll for free

Subscribe to access!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 and career paths

100s of coding challenges

Certificates of completion

Exclusive Pro members chat

with Dylan C. Israel

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 37 interactive screencasts

Introduction to ES6+

37 lessons1 hour 59 min

1. Introduction to the ES6 course

2. Template Literals

3. Destructuring objects

4. Frontend Career Path

5. Destructuring Objects (Challenge)

6. Destructuring Arrays

7. Object Literal

8. Object Literal (Challenge)

10. For of Loop (Challenge)

11. Spread Operator

12. Spread Operator (Challenge)

13. Rest Operator

14. Arrow Functions

15. Default Params

16. Default Params (Challenge)

18. includes() (Challenge)

19. Let & Const

20. Import & Export

21. Import & Export (Challenge)

22. padStart() & padEnd()

23. padStart() & padEnd() (Challenge)

25. Classes (Challenge)

26. Trailing Commas

28. Challenge: Promises

29. Introduction: Fetch

30. Challenge: Fetch

31. Async & Await

32. Async & Await ( Challenge )

33. Sets in ES6

34. Why are Solo Projects important?

35. Solo Project (PRO) - Shade Town

36. What's Next

37. Congratulations on completing Introduction to ES6+! 🎉

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.

Learn JavaScript

207 lessons | 10 hours 23 min

with Per Harald Borgen

Per Harald Borgen

Meet your teacher

The course creator

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.