The Complete JavaScript Course 2018: Build Real Projects!
Master JavaScript with the most complete course on the market! Projects, challenges, quizzes, ES6+, OOP, AJAX, Webpack
Go from a total beginner to an advanced JavaScript developer
Code 3 beautiful real-world apps with both ES5 and ES6+ (no boring toy apps)
JavaScript and programming fundamentals: variables, boolean logic, if/else, loops, functions, arrays, etc.
Complex features like the 'this' keyword, function constructors, prototypal inheritance, first-class functions, closures
Asynchronous JavaScript: The event loop, promises, async/await, AJAX and APIs
Modern JavaScript for 2018: NPM, Webpack, Babel and ES6 modules
A true understanding of how JavaScript works behind the scenes
What's new in ES6: arrow functions, classes, default and rest parameters, etc.
Practice your new skills with coding challenges (solutions included)
Organize and structure your code using JavaScript patterns like modules
Get friendly and fast support in the course Q&A
Downloadable lectures, code and design assets for all projects
Course Introduction
1
Welcome to the Course!
2
READ BEFORE YOU START!
3
Setting up Our Tools
JavaScript Language Basics
1
Section Intro
2
Download the Code
3
Let's start coding!
4
A Brief Introduction to JavaScript
5
Variables and Data Types
6
Variable Mutation and Type Coercion
7
Basic Operators
8
Operator Precedence
9
Coding Challenge 1
10
Coding Challenge 1: Solution
11
If / else Statements
12
Boolean Logic
13
The Ternary Operator and Switch Statements
14
Truthy and Falsy Values and Equality Operators
15
Coding Challenge 2
16
Coding Challenge 2: Solution
17
Functions
18
Function Statements and Expressions
19
Arrays
20
Coding Challenge 3
21
Coding Challenge 3: Solution
22
Objects and Properties
23
Objects and Methods
24
Coding Challenge 4
25
Coding Challenge 4: Solution
26
Loops and Iteration
27
Coding Challenge 5
28
Coding Challenge 5: Solution, Part 1
29
Coding Challenge 5: Solution, Part 2
30
JavaScript Versions: ES5, ES6 / ES2015 and ES6+
How JavaScript Works Behind the Scenes
1
Section Intro
2
Download the Code
3
How Our Code Is Executed: JavaScript Parsers and Engines
4
Execution Contexts and the Execution Stack
5
Execution Contexts in Detail: Creation and Execution Phases and Hoisting
6
Hoisting in Practice
7
Scoping and the Scope Chain
8
The 'this' Keyword
9
The 'this' Keyword in Practice
JavaScript in the Browser: DOM Manipulation and Events
1
Section Intro
2
Download the Code
3
The DOM and DOM Manipulation
4
5-Minute HTML and CSS Crash Course
5
Project Setup and Details
6
First DOM Access and Manipulation
7
Events and Event Handling: Rolling the Dice
8
Updating Scores and Changing the Active Player
9
Implementing Our 'Hold' Function and the DRY Principle
10
Creating a Game Initialization Function
11
Finishing Touches: State Variables
12
Coding Challenge 6
13
Coding Challenge 6: Solution, Part 1
14
Coding Challenge 6: Solution, Part 2
15
Coding Challenge 6: Solution, Part 3
Advanced JavaScript: Objects and Functions
1
Section Intro
2
Download the Code
3
Everything Is an Object: Inheritance and the Prototype Chain
4
Creating Objects: Function Constructors
5
The Prototype Chain in the Console
6
Creating Objects: Object.create
7
Primitives vs. Objects
8
First Class Functions: Passing Functions as Arguments
9
First Class Functions: Functions Returning Functions
10
Immediately Invoked Function Expressions (IIFE)
11
Closures
12
Bind, Call and Apply
13
Coding Challenge 7
14
Coding Challenge 7: Solution, Part 1
15
Coding Challenge 7: Solution, Part 2
Putting It All Together: The Budget App Project
1
Section Intro
2
Download the Code
3
Project Setup and Details
4
Project Planning and Architecture: Step 1
5
Implementing the Module Pattern
6
Setting up the First Event Listeners
7
Reading Input Data
8
Creating an Initialization Function
9
Creating Income and Expense Function Constructors
10
Adding a New Item to Our Budget Controller
11
Adding a New Item to the UI
12
Clearing Our Input Fields
13
Updating the Budget: Controller
14
Updating the Budget: Budget Controller
15
Updating the Budget: UI Controller
16
Project Planning and Architecture: Step 2
17
Event Delegation
18
Setting up the Delete Event Listener Using Event Delegation
19
Deleting an Item from Our Budget Controller
20
Deleting an Item from the UI
21
Project Planning and Architecture: Step 3
22
Updating the Percentages: Controller
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
Includes
28 hours on-demand video
9 articles
4 lectures
Certificate of Completion