Course Highlights
  • Code in JavaScript like a pro.
  • Code in es6 comfortably, using all the new features.
  • Build es6 projects from the ground up using tools like webpack and babel.
  • Create a basic ReactJS application from scratch.

Overview

What can I learn from the course?

  • This course's straightforward objective is to update and improve your fundamental JavaScript abilities while preparing for you to write current JavaScript.
  • Mastering ES6: Simple Victories in Variables, Scopes, and Template Strings
  • Unlocking New Language Features: Arrow Functions and Destructuring
  • Embracing Iterables: A Guide to Looping Over Data
  • Demystifying the Power of the Three Dots (...) in JavaScript
  • Organizing Your Code: Modules and NPM Best Practices
  • Leveling Up Your Skills: Advanced Classes, Proxies, Generators, Sets, and Maps
  • Ensuring Code Quality: Writing Clean and Consistent JavaScript with ESLint
  • Efficient Development: Tooling and Bundling with Webpack
  • And Much More: Explore the Full List of Videos Below

Who is this Course For?

This course is suitable for almost everyone! While advanced JavaScript developers may progress through the content more rapidly, We've ensured that the course is accessible to a broad audience.

Certain videos provide a review of concepts that might be challenging for some, such as scoping, the "this" keyword, and prototypal inheritance.

Keep in mind that this isn't a JavaScript beginner course. Prior familiarity with functions, variables, objects, arrays, and other fundamental concepts is recommended for optimal understanding.
  • Individuals dependent on jQuery aim to enhance their understanding of fundamental JavaScript features.
  • Current JavaScript developers are seeking to fill personal learning gaps and comprehensively learn ES6.
  • PHP and WordPress developers are aspiring to strengthen their skills on the client side.
  • Anyone eager to improve their JavaScript proficiency prefers to learn through practical demonstrations of both fundamental and advanced concepts.
Curriculum

5 Topics
Introducing the Course
Outline of the Course
Installing a Code Editor
Setting Up with Node
Getting the Source Code

5 Topics
Introducing JavaScript
Understanding HTML
Adding JS to HTML
The Document Object Model (DOM)
Introducing JS - A Review

19 Topics
Javascript Language and Essentials - the Foundation
Syntax Statements and Data Types
Variables and Assignment
Operators
Help! Can You Fix this Syntax?
Help! Can You Fix This Syntax? | Solution
Functions
Objects
Arrays and Array Methods
Weighing Buddy (Functions and Objects)
Weighing Buddy (Functions and Objects) | Solution
Booleans and Comparison Operators
If Statements
Switch Statements
For Loops
While Loops
Show Me the Evens - Show me the Odds
Show Me the Evens - Show Me the Odds | Solution
Language and Essentials - the Foundations | Section Overview

10 Topics
Presenting ES6 Babel and Webpack
A Note for "ES6 Essentials" Students
Why We Need Babel
How Babel Works
Benefits of Webpack
Set Up Project and Webpack 4
Configure Webpack and Development Environment
Set Up Babel with Webpack
Forking the Coding Environment
Setting Up an ES6 Development Environment | Section Overview

9 Topics
Presenting New ES6 Syntax
Assignment with Let and Const
Control with Block Scoping
Template Literals
Operating and Destructuring | Preview
Spread Operator and Rest Parameters
Destructuring Assignment on Arrays and Objects
Optional Quiz : New ES6 Syntax
Synthesizing ES6 Syntax | Section Overview

8 Topics
Presenting Methods and Modules
Arrow Functions
Map and Filter Method
Presenting Additional ES6 Built-in Methods
String Helper Methods
Modules
Optional Quiz : Methods and Modules
Methods and Modules | Section Overview

11 Topics
Presenting Classes
Defining Classes
Inheriting Classes
Static Methods in Classes
Fender Bender (Classes)
Fender Bender (Classes) | Solution
Highlighting Differences between Classes and ProtoTypes
ProtoTypes
Prototype a Vehicle
Prototype a Vehicle | Solution
Classes and Prototypes | Section Overview

9 Topics
Presenting Data Structures in ES6
Writing a Set
Does this Word Contain this Letter? (Sets)
Does this Word Contain this Letter? | Solution
Presenting Maps
Writing a Map
How Many Times Does this Letter Appear? (Maps)
How Many Times Does this Letter Appear? | Solution
Data Structures in ES6 | Section Overview

8 Topics
Presenting Closures
Closures and Scoping
Function Factories
Addition Factory (Closures)
Addition Factory (Closures) | Solution
Private Methods
Optional Quiz: Examining Closures
Closures in ES6 | Section Overview

8 Topics
Presenting Generators
Defining a Generator
Generation XYZ
Generation XYZ | Solution
Controlling Flow with Generators
Generators vs Iterators
Optional Quiz | Generators in ES6
ES6 Generators | Section Overview

7 Topics
Presenting Asynchronous Programming and Promises
Promises
Optional Quiz: Examining Promises and Asynchronous Programming
Presenting HTTP Request Methods and Fetch
APIs and ES6 Fetch
Optional Quiz: Revisiting Fetch and HTTP
Asynchronous Programming Promises and APIs | Section Overview

6 Topics
Presenting ES7 and More on EcmaScript
ES7: New Features
ES8 Proposal: More Object Manipulation
ES8 Proposal: Async
Optional Quiz: Reviewing ES7 and ES8 Proposals
ES7 and ES8 Proposals | Section Overview

10 Topics
Previewing the Application
Setting Up and JSX
Make a Global Component
Creating an Input Component
Introducing State
Styling with CSS
Fetching Books
Adding a Gallery Component and Introducing Props
Gallery Details
Overviewing React and ES6 | Section Overview

3 Topics
Congratulations and More Content
Be the First to Know about New Material and Courses!
Bonus Content and Special Discount: Vue JS Course

3 Topics
Deprecated: Setting Up With Webpack
Deprecated: Some Webpack Troubleshooting Solutions
Deprecated: Adding Babel to Webpack

  Write a Review

The Full JavaScript & ES6 Tutorial - (including ES7 & React)

Go to Paid Course
Frequently Asked Questions
No time limit and no ongoing monthly or annual fees apply to maintain access. The course will be available to you at any time when you log in!
Indeed, JavaScript is case-sensitive, requiring language keywords, variables, function names, and other identifiers to be written in specific capitalization.
Use the email address you used to purchase the series to sign in to your existing account or create a new one.
ES6, or ECMAScript 6, is a standard regulated by ECMA. It introduces various features, including classes, modules, arrow functions, template literals, destructuring assignments, and more, enhancing the ease of working with JavaScript.
Even if you are still supporting older browsers, you can begin utilizing ES6 right now.