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

The Full JavaScript & ES6 Tutorial – (including ES7 & React)
The Full JavaScript & ES6 Tutorial – (including ES7 & React)
English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 5 Hours | 721 MB

The most in-depth course on ES6 around. Start with JavaScript, deep-dive into ES6, & even more (Webpack, ES7, & React)!

Become a highly-demanded software engineer and developer by taking this in-depth tutorial on JavaScript and ES6. As one of the most highly-paid languages in the industry, learning ES6 will open so many opportunities and jobs for you!

This course contains a ton of creative content, so you’ll learn JS and in-depth ES6 in a stimulating, informative, and fun way.

Filmed tutorials will get you coding yourself. The videos will ensure that you understand the reason behind each new line and keyword.

Optional quizzes and coding challenges reinforce key concepts. Next, coding breaks in each section allow you to approach the course at your own pace. Jokes come up every now and then, especially in the breaks. Who knows, you may chuckle at some ES6 humor!

If you’re new, then this course gives a great intro to JavaScript as a first programming language. If you have a lot of experience, then you’ll find a nice overview of JS and in-depth ES6 topics. Either way, this course is perfect for you!

What are you waiting for? Let’s dive into JavaScript and ES6 and start coding!

What you’ll learn

  • 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.
Table of Contents

Introducing the Course
1 Introducing the Course
2 Introducing the Instructor
3 Outline of the Course
4 Installing a Code Editor
5 Setting Up with Node
6 Getting the Source Code

Introducing JavaScript
7 Introducing JavaScript
8 Understanding HTML
9 Adding JS to HTML
10 The Document Object Model (DOM)
11 Introducing JS – A Review

JavaScript Language and Essentials
12 Javascript Language and Essentials – the Foundation
13 Syntax, Statements, and Data Types
14 Variables and Assignment
15 Operators
16 Help! Can You Fix This Syntax? | Solution
17 Functions
18 Objects
19 Arrays and Array Methods
20 Weighing Buddy (Functions and Objects) | Solution
21 Booleans and Comparison Operators
22 If Statements
23 Switch Statements
24 For Loops
25 While Loops
26 Show Me the Evens – Show Me the Odds | Solution
27 Language and Essentials – the Foundations | Section Overview

Setting up an ES6 Development Environment
28 Presenting ES6, Babel, and Webpack
29 A Note for “ES6 Essentials” Students
30 Why We Need Babel
31 How Babel Works
32 Benefits of Webpack
33 Set Up Project and Webpack 4
34 Configure Webpack and Development Environment
35 Set Up Babel with Webpack
36 Forking the Coding Environment
37 Setting Up an ES6 Development Environment | Section Overview

Understanding ES6 Essentials Part 1
38 Presenting New ES6 Syntax
39 Assignment with Let and Const
40 Control with Block Scoping
41 Template Literals
42 Operating and Destructuring | Preview
43 Spread Operator and Rest Parameters
44 Destructuring Assignment on Arrays and Objects
45 Synthesizing ES6 Syntax | Section Overview

Understanding ES6 Essentials Part 2
46 Presenting Methods and Modules
47 Arrow Functions
48 Map and Filter Method
49 Presenting Additional ES6 Built-in Methods
50 String Helper Methods
51 Checking Numbers
52 Modules
53 Methods and Modules | Section Overview

Classes and Prototypes
54 Presenting Classes
55 Defining Classes
56 Inheriting Classes
57 Static Methods in Classes
58 Fender Bender (Classes) | Solution
59 Highlighting Differences between Classes and ProtoTypes
60 ProtoTypes
61 Prototype a Vehicle | Solution
62 Classes and Prototypes | Section Overview

Data Structures in ES6
63 Presenting Data Structures in ES6
64 Writing a Set
65 Does this Word Contain this Letter? | Solution
66 Presenting Maps
67 Writing a Map
68 How Many Times Does this Letter Appear? | Solution
69 Data Structures in ES6 | Section Overview

Closures in ES6
70 Presenting Closures
71 Closures and Scoping
72 Function Factories
73 Addition Factory (Closures) | Solution
74 Private Methods
75 Closures in ES6 | Section Overview

ES6 Generators
76 Presenting Generators
77 Defining a Generator
78 Generation XYZ | Solution
79 Controlling Flow with Generators
80 Generators vs Iterators
81 ES6 Generators | Section Overview

Asynchronous Programming, Promises, and APIs
82 Presenting Asynchronous Programming and Promises
83 Promises
84 Presenting HTTP Request Methods and Fetch
85 APIs and ES6 Fetch
86 Asynchronous Programming, Promises, and APIs | Section Overview

ES7 and ES8 Proposals
87 Presenting ES7 and More on EcmaScript
88 ES7: New Features
89 ES8 Proposal: More Object Manipulation
90 ES8 Proposal: Async
91 ES7 and ES8 Proposals | Section Overview

Project: A React and ES6 Application
92 Previewing the Application
93 Setting Up and JSX
94 Make a Global Component
95 Creating an Input Component
96 Introducing State
97 Styling with CSS
98 Fetching Books
99 Adding a Gallery Component and Introducing Props
100 Gallery Details
101 Overviewing React and ES6 | Section Overview

Closing Remarks
102 Congratulations and More Content
103 Be the First to Know about New Material and Courses!
104 Bonus Content and Special Discount: Vue JS Course

Deprecated Material
105 Deprecated: Setting Up With Webpack
106 Deprecated: Some Webpack Troubleshooting Solutions
107 Deprecated: Adding Babel to Webpack