The Complete JavaScript Course 2024: From Zero to Expert!

The modern JavaScript course for everyone! Master JavaScript with projects, challenges and theory. Many courses in one!

4.71 (203887 reviews)
Udemy
platform
English
language
Web Development
category
The Complete JavaScript Course 2024: From Zero to Expert!
898,932
students
68.5 hours
content
Jan 2024
last update
$199.99
regular price

What you will learn

Become an advanced, confident, and modern JavaScript developer from scratch

Build 6 beautiful real-world projects for your portfolio (not boring toy apps)

Become job-ready by understanding how JavaScript really works behind the scenes

How to think and work like a developer: problem-solving, researching, workflows

JavaScript fundamentals: variables, if/else, operators, boolean logic, functions, arrays, objects, loops, strings, etc.

Modern ES6+ from the beginning: arrow functions, destructuring, spread operator, optional chaining (ES2020), etc.

Modern OOP: Classes, constructors, prototypal inheritance, encapsulation, etc.

Complex concepts like the 'this' keyword, higher-order functions, closures, etc.

Asynchronous JavaScript: Event loop, promises, async/await, AJAX calls and APIs

How to architect your code using flowcharts and common patterns

Modern tools for 2022 and beyond: NPM, Parcel, Babel and ES6 modules

Practice your skills with 50+ challenges and assignments (solutions included)

Get fast and friendly support in the Q&A area

Course pathways: design your unique learning path according to your goals!

Why take this course?

The #1 bestselling JavaScript course on Udemy!

"Really, really well made course. Super in-depth, with great challenges and projects that will solidify your Javascript understanding. I found the lectures were paced perfectly -- Jonas doesn't skip over anything that might be useful to a JS developer" — Carson Bartholomew


JavaScript is the most popular programming language in the world. It powers the entire modern web. It provides millions of high-paying jobs all over the world.

That's why you want to learn JavaScript too. And you came to the right place!


Why is this the right JavaScript course for you?

This is the most complete and in-depth JavaScript course on Udemy (and maybe the entire internet!). It's an all-in-one package that will take you from the very fundamentals of JavaScript, all the way to building modern and complex applications.

You will learn modern JavaScript from the very beginning, step-by-step. I will guide you through practical and fun code examples, important theory about how JavaScript works behind the scenes, and beautiful and complete projects.

You will become ready to continue learning advanced front-end frameworks like React, Vue, Angular, or Svelte.

You will also learn how to think like a developer, how to plan application features, how to architect your code, how to debug code, and a lot of other real-world skills that you will need in your developer job.

And unlike other courses, this one actually contains beginner, intermediate, advanced, and even expert topics, so you don't have to buy any other course in order to master JavaScript from the ground up!

But... You don't have to go into all these topics. This is a huge course, because, after all, it's "The Complete JavaScript Course". In fact, it's like many courses in one! But you can become an excellent developer by watching only parts of the course. That's why I built this course in a very modular way, and designed pathways that will take you through the course faster.

By the end of the course, you will have the knowledge and confidence that you need in order to ace your job interviews and become a professional developer.


Why am I the right JavaScript teacher for you?

My name is Jonas, I'm an experienced web developer and designer, and one of Udemy's top instructors. I have been teaching this bestselling course since 2016 to over 850,000 developers, always listening to feedback and understanding exactly how students actually learn.

I know how students learn JavaScript and what they need in order to master it. And with that knowledge, I designed the ideal course curriculum. It's a unique blend of real-world projects, deep explanations, theory lectures, and challenges, that will take you from zero to an expert and confident JavaScript developer in just a couple of weeks.


So what exactly is covered in the course?

  • Build 5 beautiful real-world projects for your portfolio! In these projects, you will learn how to plan and architect your applications using flowcharts and common JavaScript patterns

  • Master the JavaScript fundamentals: variables, if/else, operators, boolean logic, functions, arrays, objects, loops, strings, and more

  • Learn modern JavaScript (ES6+) from the beginning: arrow functions, destructuring, spread operator, default arguments, optional chaining, and more

  • How JavaScript works behind the scenes: engines, the call stack, hoisting, scoping, the 'this' keyword, reference values, and more.

  • Deep dive into functions: arrow functions, first-class and higher-order functions, bind, and closures.

  • Deep dive into object-oriented programming: prototypal inheritance, constructor functions (ES5), classes (ES6), encapsulation, abstraction, inheritance, and polymorphism. [This is like a small standalone course]

  • Deep dive into asynchronous JavaScript: the event loop, promises, async/await, and error handling. You will use these to access data from third-party APIs with AJAX calls. [This is like a small standalone course]

  • Learn modern tools that are used by professional web developers: NPM, Parcel, Babel, and ES6 modules

Check out the course curriculum for an even more detailed overview of the content :)


This is what's also included in the package:

  • Up-to-date HD-quality videos, that are easy to search and reference (great for Udemy Business learners)

  • Professional English captions (not the auto-generated ones)

  • Downloadable starter code and final code for each section

  • Downloadable slides for 40+ theory videos

  • 25+ coding challenges and 25+ assignments to practice your new skills


Does any of these look like you? If so, then start this adventure today, and join me and 850,000+ other developers in the only JavaScript course that you will ever need!

Content

Course Introduction

Welcome to the Course!
READ BEFORE YOU START!
Setting up Our Tools

JavaScript Language Basics

Section Intro
Download the Code
Let's start coding!
A Brief Introduction to JavaScript
Variables and Data Types
Variable Mutation and Type Coercion
Basic Operators
Operator Precedence
Coding Challenge 1
Coding Challenge 1: Solution
If / else Statements
Boolean Logic
The Ternary Operator and Switch Statements
Truthy and Falsy Values and Equality Operators
Coding Challenge 2
Coding Challenge 2: Solution
Functions
Function Statements and Expressions
Arrays
Coding Challenge 3
Coding Challenge 3: Solution
Objects and Properties
Objects and Methods
Coding Challenge 4
Coding Challenge 4: Solution
Loops and Iteration
Coding Challenge 5
Coding Challenge 5: Solution, Part 1
Coding Challenge 5: Solution, Part 2
JavaScript Versions: ES5, ES6 / ES2015 and ES6+

How JavaScript Works Behind the Scenes

Section Intro
Download the Code
How Our Code Is Executed: JavaScript Parsers and Engines
Execution Contexts and the Execution Stack
Execution Contexts in Detail: Creation and Execution Phases and Hoisting
Hoisting in Practice
Scoping and the Scope Chain
The 'this' Keyword
The 'this' Keyword in Practice

JavaScript in the Browser: DOM Manipulation and Events

Section Intro
Download the Code
The DOM and DOM Manipulation
5-Minute HTML and CSS Crash Course
Project Setup and Details
First DOM Access and Manipulation
Events and Event Handling: Rolling the Dice
Updating Scores and Changing the Active Player
Implementing Our 'Hold' Function and the DRY Principle
Creating a Game Initialization Function
Finishing Touches: State Variables
Coding Challenge 6
Coding Challenge 6: Solution, Part 1
Coding Challenge 6: Solution, Part 2
Coding Challenge 6: Solution, Part 3

Advanced JavaScript: Objects and Functions

Section Intro
Download the Code
Everything Is an Object: Inheritance and the Prototype Chain
Creating Objects: Function Constructors
The Prototype Chain in the Console
Creating Objects: Object.create
Primitives vs. Objects
First Class Functions: Passing Functions as Arguments
First Class Functions: Functions Returning Functions
Immediately Invoked Function Expressions (IIFE)
Closures
Bind, Call and Apply
Coding Challenge 7
Coding Challenge 7: Solution, Part 1
Coding Challenge 7: Solution, Part 2

Putting It All Together: The Budget App Project

Section Intro
Download the Code
Project Setup and Details
Project Planning and Architecture: Step 1
Implementing the Module Pattern
Setting up the First Event Listeners
Reading Input Data
Creating an Initialization Function
Creating Income and Expense Function Constructors
Adding a New Item to Our Budget Controller
Adding a New Item to the UI
Clearing Our Input Fields
Updating the Budget: Controller
Updating the Budget: Budget Controller
Updating the Budget: UI Controller
Project Planning and Architecture: Step 2
Event Delegation
Setting up the Delete Event Listener Using Event Delegation
Deleting an Item from Our Budget Controller
Deleting an Item from the UI
Project Planning and Architecture: Step 3
Updating the Percentages: Controller
Updating the Percentages: Budget Controller
Updating the Percentages: UI Controller
Formatting Our Budget Numbers: String Manipulation
Displaying the Current Month and Year
Finishing Touches: Improving the UX
We’ve Made It! Final Considerations

Next Generation JavaScript: Intro to ES6 / ES2015

Section Intro
Download the Code
What's new in ES6 / ES2015
Variable Declarations with let and const
Blocks and IIFEs
Strings in ES6 / ES2015
Arrow Functions: Basics
Arrow Functions: Lexical 'this' Keyword
Destructuring
Arrays in ES6 / ES2015
The Spread Operator
Rest Parameters
Default Parameters
Maps
Classes
Classes with Subclasses
Coding Challenge 8
Coding Challenge 8: Solution

Asynchronous JavaScript: Promises, Async/Await and AJAX

Section Intro
An Example of Asynchronous JavaScript
Understanding Asynchronous JavaScript: The Event Loop
The Old Way: Asynchronous JavaScript with Callbacks
From Callback Hell to Promises
From Promises to Async/Await
AJAX and APIs
Making AJAX Calls with Fetch and Promises
Making AJAX Calls with Fetch and Async/Await

Modern JavaScript: Using ES6, NPM, Babel and Webpack

Section Intro
Project Overview
An Overview of Modern JavaScript
A Brief Introduction to the Command Line
A Modern Setup: Installing Node.js and NPM
Note: Tooling Changes
A Modern Setup: Configuring Webpack
A Modern Setup: The Webpack Dev Server
A Modern Setup: Babel
Planning our Project Architecture with MVC
How ES6 Modules Work
PLEASE READ: Changes to the Project API
Making our First API Calls
Building the Search Model
Building the Search Controller
Building the Search View - Part 1
Building the Search View - Part 2
Rendering an AJAX Loading Spinner
Implementing Search Results Pagination
Building the Recipe Model - Part 1
Building the Recipe Controller
Building the Recipe Model - Part 2
Building the Recipe View - Part 1
Building the Recipe View - Part 2
Updating Recipe Servings
Building the Shopping List Model
Building the Shopping List View
Building the Shopping List Controller
Building the Likes Model
Building the Likes Controller
Building the Likes View
Implementing Persistent Data with localStorage
Wrapping up: Final Considerations

Final Course Exam: 30 Questions to Test Your JavaScript Knowledge

Some Considerations Before You Start
30 Questions to Test Your JavaScript Knowledge

Conclusion

Where to Go from Here
Be the First to Know About New Course Launches!

BONUS: A Node.js Crash Course

A Quick Overview of Node.js
The Laptop Store Project, Part 1
The Laptop Store Project, Part 2

Screenshots

The Complete JavaScript Course 2024: From Zero to Expert! - Screenshot_01The Complete JavaScript Course 2024: From Zero to Expert! - Screenshot_02The Complete JavaScript Course 2024: From Zero to Expert! - Screenshot_03The Complete JavaScript Course 2024: From Zero to Expert! - Screenshot_04

Our review

🌟 **Course Overview:** Jonas Schemedtmann's JavaScript Course is a comprehensive learning experience that has received high praise from students across various skill levels. With a total of 68.5 hours of video content, this course offers an in-depth exploration of modern JavaScript features and advanced projects. The course structure is designed to take learners from the basics to mastery with clarity and precision, making it a favorite among many. **Pros:** - **Detailed Explanations:** Jonas' teaching style is engaging and clear, which is highly appreciated by learners of all levels. His ability to explain complex concepts in an accessible manner is a standout feature of this course. - **Practical Application:** The course does not just focus on theory but also provides advanced projects that allow students to apply their knowledge effectively. This balance ensures a deep understanding of JavaScript. - **Up-to-Date Content:** The course is regularly updated to include modern JavaScript features, making it highly relevant for developers looking to stay current with the latest trends and technologies. - **Structured Learning Path:** The course progression from fundamental concepts to advanced topics is well-structured and logical, facilitating a smooth learning experience. - **Engaging Pace:** The pace of the course is comfortable, allowing learners to absorb information without feeling rushed, which contributes to a more thorough comprehension. - **Recommended for Various Levels:** Suitable for beginners as well as experienced developers who wish to upgrade their skills, this course is a versatile tool in one's learning arsenal. - **Didactic Excellence:** Jonas' didactic skills are commended by students, with many noting that his teaching approach feels similar to a classroom experience. **Cons:** - **Not All Beginner-Friendly:** Some reviews suggest that the course, although excellent, may not be tailored for beginners or those with prior knowledge looking for more advanced content. - **Language Considerations:** Jonas' communication style is slow and clear, which some students find beneficial, especially if English is not their first language. However, others might prefer different teaching aids like written transcripts. - **Market Competition:** As this course is highly effective, it may lead to increased competition in the job market for those who complete it. **Learner Feedback:** - The course is highly recommended and described as "the number 1 JavaScript course" due to its comprehensive nature and practical exercises. - Many learners report that this course has exceeded their expectations, especially beginners who find it easy to follow and understand the concepts. - The projects included in the course are made with love and add significant value to the learning experience. - Jonas is often praised for his exceptional teaching abilities and the legacy he's creating with his courses. **Conclusion:** Jonas Schemedtmann's JavaScript Course is a top-rated educational resource that has received widespread acclaim for its quality, detail, and effectiveness in teaching JavaScript. It is suitable for beginners to advanced developers who are looking for a course that offers both theoretical knowledge and practical experience. The course's only drawbacks are its potential lack of focus on beginner-level content and the possibility of entering a more competitive job market upon completion. Overall, this course is an excellent investment for anyone aiming to deepen their understanding of JavaScript and become a master developer in the field.

Coupons

DateDiscountStatus
10/21/202091% OFF
expired
10/27/202094% OFF
expired
7/20/202192% OFF
expired
11/14/202289% OFF
expired
11/14/202390% OFF
expired

Charts

Price

The Complete JavaScript Course 2024: From Zero to Expert! - Price chart

Rating

The Complete JavaScript Course 2024: From Zero to Expert! - Ratings chart

Enrollment distribution

The Complete JavaScript Course 2024: From Zero to Expert! - Distribution chart

Related Topics

851712
udemy ID
5/17/2016
course created date
5/12/2019
course indexed date
Bot
course submited by