The Complete JavaScript Course: Build a Real-World Project
4.7 (6,751 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
40,709 students enrolled
Wishlisted Wishlist

Please confirm that you want to add The Complete JavaScript Course: Build a Real-World Project to your Wishlist.

Add to Wishlist

The Complete JavaScript Course: Build a Real-World Project

Master JavaScript with the most complete JavaScript course on the market! Includes projects, challenges, final exam, ES6
Best Seller
4.7 (6,751 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
40,709 students enrolled
Created by Jonas Schmedtmann
Last updated 6/2017
English
English
Current price: $19 Original price: $195 Discount: 90% off
30-Day Money-Back Guarantee
Includes:
  • 17.5 hours on-demand video
  • 10 Articles
  • 13 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Go from a total JavaScript beginner to an advanced JavaScript developer.
  • Gain a deep and true understanding of how JavaScript works behind the scenes.
  • Understand and use complex features like the 'this' keyword, function constructors, prototypal inheritance, first-class functions, closures, and more.
  • Code two beautiful real-world apps (starter code included) and not just boring toy apps.
  • Learn how to debug your code and understand other developer's code.
  • Learn how to organize and structure your code using modules and functions. Because coding is not just writing code, it's also thinking about your code!
  • Become familiar with the new features of ES6 / ES2015.
  • Get helpful support in the Q&A.
  • Practice your new skills with coding challenges (solutions included).
  • Test your JavaScript knowledge with a final course exam containing 30 questions
  • Get lifetime access to my HD quality videos. No monthly subscription. Learn at your own pace, whenever you want.
View Curriculum
Requirements
  • No coding experience is necessary to take this course! I take you from beginner to expert!
  • All you need to get started with JavaScript is a computer, a browser and a text editor. We will set these up in the course.
  • A basic understanding of HTML and CSS is a plus, but it's not a must! The course includes a 5-minutes HTML and CSS crash course.
Description

*** The #1 JavaScript course in the official Udemy rankings! ***

"Excellent course. Jonas explains the core concepts in javascript that are usually glossed over in other courses. And he does it in a manner that is clear and concise." — John Collins

...

Do you want to learn the number #1 programming language that powers the internet?

Are you tired of wasting your time and money on random youtube videos or JavaScript courses that are either too simple, or too difficult to follow?

Or do you struggle to deeply understand and use JavaScript in real projects?

If your answer is a big YES... Then this is exactly the course you are looking for!

...

So what is the course about?

This is a truly complete JavaScript course, that goes beyond what other JavaScript courses out there teach you. 

I will take you from a complete JavaScript beginner to an advanced developer. You will not just learn the JavaScript language itself, you will also learn how to program. How to solve problems. How to structure and organize code using common JavaScript patterns.

Come with me on a journey with the goal of truly understanding the JavaScript language. And I explain everything on the way with great detail!

You will learn "why" something works in JavaScript, not just "how". Because in the modern JavaScript world of today, you need more than just knowing how something works. You need to debug code, you need to understand code, you need to be able to think about code.

To achieve our goal together, the course contains coding sessions, coding challenges, theory lectures, real-world projects and a final course exam.

This course is different because it's not just about writing code, it's also about how and why code works the way it does. Because it's the perfect mix between theory and practice. Because it focuses not only on small coding examples, but also on real-world projects and use cases. 

So, by the end of the course, you will be a capable JavaScript developer, able to write, understand and debug JavaScript code using all the powerful features the language offers to us.

...

Here is exactly what we cover in this course:

• All the JavaScript and programming fundamentals: things like variables, data types, boolean logic, if/else statements, loops, functions, objects, arrays, and more.

• Everything you need to know in order to gain a deep understanding of how JavaScript works behind the scenes: execution contexts, hoisting, scoping, the 'this' keyword, and more.

• How to make JavaScript code interact with webpages: DOM manipulation. Learn how to select and change webpage elements, create new elements and handle DOM events.

• Complex JavaScript features such as function constructors, prototypal inheritance, first-class functions, closures, the bind and apply methods, and more.

• We are going to code two beautiful real-world apps to apply our knowledge and learn new concepts (I provide the starter HTML and CSS code for these projects).

• Learn how to organize and structure your code using modules and functions, how to create data privacy and encapsulation, and why that's so important.

• What's new in the most modern version of JavaScript: new features of ES6 / ES2015.

...

Let's now find out if this course is for you. It's a perfect fit if...

Student #1: You want to gain a deep understanding of the most popular programming language in the world: JavaScript.

Student #2: You have taken other JavaScript courses but: 1) still don't really understand JavaScript, or 2) still don't feel confident to code real-world apps. This course is perfect for you!

Student #3: You are interested in using popular libraries/frameworks like React, Angular or Node.js.

Student #4: You want to get started with programming in general: JavaScript is a great language to learn how to code.

...

Now it's your turn to decide. This is what you get:

• Lifetime access to my HD quality videos. No monthly subscription. Learn at your own pace, whenever you want.

• English captions for students with hearing impairment.

• All videos are downloadable. Learn wherever you want, even without an internet connection!

• Downloadable starter code and final code for each section.

• Free helpful support in the course Q&A when you have questions or get stuck.

• Multiple coding challenges to practice your new skills (solutions included).

• A final course exam with 30 questions to test your JavaScript knowledge.

Sounds great? Then start this adventure today by clicking the “Take this course" button, and join me in the only JavaScript course that you will need!

Who is the target audience?
  • Take this course now if you want to gain a deep understanding of the most popular programming language in the world: JavaScript.
  • Take this course now if you have taken other JavaScript courses but: 1) still don't really understand JavaScript, or 2) still don't feel confident to code real-world apps. This course is perfect for you!
  • Take this course now if you're interested in using popular libraries/frameworks like React, Angular or Node.js.
  • Take this course now if you want to get started with programming in general: JavaScript is a great language to learn how to code.
  • Do NOT take this course if you just want to use JavaScript but don't want to know how it actually works.
Curriculum For This Course
113 Lectures
17:38:09
+
Course Introduction
4 Lectures 10:53

READ BEFORE YOU START!
02:11

Get My Best Design and Coding Resources
00:24

+
How JavaScript Works Behind the Scenes
9 Lectures 54:41
Section Intro
01:19

Download the Code
00:30

How Our Code Is Executed: JavaScript Parsers and Engines
02:51

Execution Contexts and the Execution Stack
06:04

Execution Contexts in Detail: Creation and Execution Phases and Hoisting
04:25

Hoisting in Practice
12:34

Scoping and the Scope Chain
13:11

The 'this' Keyword
02:23

The 'this' Keyword in Practice
11:24
+
JavaScript in the Browser: DOM Manipulation and Events
15 Lectures 02:08:02
Section Intro
00:53

Download the Code
00:29

The DOM and DOM Manipulation
02:14

5-Minute HTML and CSS Crash Course
05:44

Project Setup and Details
04:39

First DOM Access and Manipulation
19:56

Events and Event Handling: Rolling the Dice
17:39

Updating Scores and Changing the Active Player
14:23

Implementing Our 'Hold' Function and the DRY Principle
17:28

Creating a Game Initialization Function
11:28

Finishing Touches: State Variables
07:48

Coding Challenge 3
02:34

Coding Challenge 3: Solution, Part 1
06:31

Coding Challenge 3: Solution, Part 2
09:05

Coding Challenge 3: Solution, Part 3
07:11
+
Advanced JavaScript: Objects and Functions
15 Lectures 02:37:25
Section Intro
01:12

Download the Code
00:29

Everything Is an Object: Inheritance and the Prototype Chain
10:25

Creating Objects: Function Constructors
14:26

The Prototype Chain in the Console
08:44

Creating Objects: Object.create
06:45

Primitives vs. Objects
08:43

First Class Functions: Passing Functions as Arguments
15:13

First Class Functions: Functions Returning Functions
08:49

Immediately Invoked Function Expressions (IIFE)
06:46

Closures
17:24

Bind, Call and Apply
17:08

Coding Challenge 4
07:11

Coding Challenge 4: Solution, Part 1
18:08

Coding Challenge 4: Solution, Part 2
16:02
+
Putting It All Together: The Budget App Project
28 Lectures 04:56:14
Section Intro
01:20

Download the Code
00:39

Project Setup and Details
04:45

Project Planning and Architecture: Step 1
06:00

Implementing the Module Pattern
17:38

Setting up the First Event Listeners
16:07

Reading Input Data
16:31

Creating an Initialization Function
05:26

Creating Income and Expense Function Constructors
09:37

Adding a New Item to Our Budget Controller
18:25

Adding a New Item to the UI
19:52

Clearing Our Input Fields
11:50

Updating the Budget: Controller
11:18

Updating the Budget: Budget Controller
21:00

Updating the Budget: UI Controller
11:55

Project Planning and Architecture: Step 2
02:41

Event Delegation
04:01

Setting up the Delete Event Listener Using Event Delegation
19:34

Deleting an Item from Our Budget Controller
17:33

Deleting an Item from the UI
08:08

Project Planning and Architecture: Step 3
02:03

Updating the Percentages: Controller
03:56

Updating the Percentages: Budget Controller
14:42

Updating the Percentages: UI Controller
12:07

Formatting Our Budget Numbers: String Manipulation
19:39

Displaying the Current Month and Year
07:08

Finishing Touches: Improving the UX
10:39

We’ve Made It! Final Considerations
01:40
+
Get Ready for the Future: ES6 / ES2015
19 Lectures 03:39:39
Section Intro
01:01

Download the Code
00:28

What's new in ES6 / ES2015
05:19

Variable Declarations with let and const
16:44

Blocks and IIFEs
03:54

Strings in ES6 / ES2015
10:21

Arrow Functions: Basics
08:22

Arrow Functions: Lexical 'this' Keyword
19:34

Destructuring
08:04

Arrays in ES6 / ES2015
17:52

The Spread Operator
10:12

Rest Parameters
13:48

Default Parameters
08:07

Maps
20:34

Classes
10:01

Classes with Subclasses
16:12

Coding Challenge 5
03:04

Coding Challenge 5: Solution
31:25

How to use ES2015 / ES6 Today!
14:37
+
Final Course Exam: 30 Questions to Test Your JavaScript Knowledge
1 Lecture 01:11
Some Considerations Before You Start
01:11

30 Questions to Test Your JavaScript Knowledge
30 questions
+
Conclusion
2 Lectures 02:29
Where to Go from Here
01:55

Be the First to Know About New Course Launches!
00:34
About the Instructor
Jonas Schmedtmann
4.6 Average rating
23,352 Reviews
194,724 Students
3 Courses
Web Developer, Designer, and Teacher

Hi, I'm Jonas! I have been identified as one of Udemy's Top Instructors and my best-selling HTML5 and CSS3 course has recently made it to the TOP 3 of the best Web Development courses.

I'm a web designer and developer with a great passion for building beautiful new things from scratch. I've been building websites since 2007 and also have a Master's degree in Engineering.

It was in college where I first discovered my passion for teaching and helping others by sharing my knowledge. And that passion brought me to Udemy, where my students really appreciate that I take the time to explain important concepts in a way that everyone can easily understand.

Do you want to learn how to build awesome websites with HTML5 and CSS3?

Want to know how to make your websites look beautiful and professional?

Looking for a complete JavaScript course that takes you from beginner to advanced developer?

Then enrol in my courses today and join 130,000+ happy students. If I had to describe each of my courses in one sentence, I would say “This is exactly the course I wish I had when I first started building websites".

So if you don't want to go through all the books and thousands of online articles and tutorials like I did, then enrol in my course today! I will be very happy to share my knowledge with you, and help you with everything I can along the way.

Because happy students make me happy too!