Introducing the Course
  • Introducing the Course
  • Introducing the Instructor
  • Presenting ES6
  • Installing a Code Editor
  • Setting Up With Node
  • Getting the Source Code
Setting Up ES6 Tools
  • Why We Need Babel
  • How Babel Works
  • Benefits of Webpack
  • Set Up Project and Webpack 4
  • Configure Webpack and Development Server
  • Set Up Babel with Webpack
  • Break: Babel and Webpack
Coding New ES6 Syntax
  • Getting Help With Code
  • Variable Scoping with Let
  • Let's Scope 'lets'
  • Constant-ly Scoping
  • Can we manipulate constants?
  • Template Literals/Strings
  • Mastering Template Literals & ES6 Strings
  • Coding Break: New ES6 Syntax
Operating and Destructuring
  • Understanding the Spread Operator
  • Butter Spread
  • Destructuring Assignment - Arrays
  • Destructuring the Fellowship (Array)
  • Destructuring Assignment - Objects
  • Destructuring Animals (Objects)
  • Coding Break: Operating and Destructuring
ES6 Functions and Methods
  • Arrow Functions
  • Arrow Functions Ignoring This
  • Archery (Arrow Functions)
  • Helping With the Map Method
  • Scaling Maps (Map Helper Method)
  • Filtering in ES6
  • Filtering For Stars (Filter Helper Method)
  • Coding Break: Functions and Methods
Modules in ES6
  • Exporting Values
  • Exporting Expressions and by Default
  • Exports and Imports (Modules)
  • Break: Modules
ES6 Classes
  • Presenting Object-Oriented Programming
  • Setting Up an ES6 Class
  • ES6 Classes
  • Inheritance in ES6 Classes
  • Inheriting Powers (Class Inheritance)
  • Break: Classes
Extending Upon ES6 with React
  • JSX in ES6
  • ES6 Promises and More React
  • ES6 JSX and Promises
  • Overview: Extending Upon ES6 With React
Concluding the Course
  • Final Remarks
  • Bonus Lecture: In-Depth ES6 and ES7 Course!
  • Be the First to Know about New Material and Courses!
Deprecated Material
  • Deprecated: Setting Up With Webpack
  • Deprecated: Setting Up With Webpack (extra notes)
  • Deprecated: Webpack-ing Babel