We may earn an affiliate commission when you visit our partners.
Course image
Udemy logo

JavaScript - The Complete Guide 2024 (Beginner + Advanced)

Academind by Maximilian Schwarzmüller and Maximilian Schwarzmüller

Join the most comprehensive and in-depth JavaScript course on Udemy and learn JavaScript from the ground up, in great detail with this bestselling course.

Read more

Join the most comprehensive and in-depth JavaScript course on Udemy and learn JavaScript from the ground up, in great detail with this bestselling course.

JavaScript is THE most important programming language you need to learn as a web developer - and with this course, you make sure that you will not miss a single thing you have to know as a JavaScript developer.

This is the most comprehensive and modern course you can find on JavaScript - it's based on all my JavaScript knowledge AND teaching experience. It's both a complete guide, starting with the core basics of the language, as well as an extensive reference of the JavaScript language and environment, ensuring that both newcomers as well as experienced JavaScript developers get a lot out of this course.

It's a huge course packed with important knowledge and helpful content:

From the core basics, over advanced concepts and JavaScript specialties, all the way up to expert topics like performance optimization and testing - this course has it all. My goal was to create your go-to resource for the JavaScript language, which you can not just use for learning it but also as a resource you can come back to and look up important topics.

The course is based on my experience as a long-term JavaScript developer as well as a teacher with more than It's packed with examples, demos, projects, assignments, quizzes and of course videos - all with the goal of giving you the best possible way of learning JavaScript.

What's in the course?

This course is obviously packed with content - I therefore strongly recommend that you check out the full course curriculum to get a clear idea of all the topics covered in the course. In general, here's what you'll find in the course:

  • Modern JavaScript from the start: The JavaScript syntax changed over time - in this course, you'll learn the latest syntax from the start (you'll also learn about the old one though, so that you can work in ANY JS project)

  • ALL the Basics: Variables, constants, functions, how scripts are loaded etc

  • Arrays & Objects: We'll explore these very important data structures in great detail

  • Control Structures: Understand how to run code conditionally and in loops

  • A look behind the Scenes: How JavaScript engines work behind the scenes and what that means for us

  • Deep dives into Core Concepts: ALL the special things about JavaScript function, different syntaxes

  • Working with the DOM: How to manipulate web pages dynamically via JavaScript (including deep dives and different use-cases)

  • Events in JavaScript: Learn how to listen to a broad variety of events (e.g. drag & drop) and execute appropriate code

  • Classes & Object-oriented Programming: Learn how to work with classes, prototypes, the "this" keyword, constructor functions and much more

  • Asynchronous and Synchronous Programming: We'll explore callbacks, promises, async/ await and other important tools and language features to execute code correctly

  • Http Requests: Learn how to send Http requests via JavaScript

  • Tooling, Optimizations & Browser Support: Code splitting, producing small code and ensuring that scripts work in all browsers  - this matters and hence is covered in great detail

  • Libraries & Frameworks: Learn about libraries like Axios or frameworks like React.js - why they matter and how to use them

  • Node.js: Whilst focusing on the browser-side for the majority of the course (because the syntax is the same), we'll also have a dedicated section on Node.js to learn all about that JS host environment

  • Security & Performance Optimizations: Of course security matters, so does performance - no surprise that both is covered in the course.

  • Automated Testing: Testing manually is hard work and can be unreliable - in this course you'll also get an introduction into automated testing

What are the course prerequisites?

  • NO JavaScript knowledge is required - you'll learn it from scratch.

  • You also need NO programming experience other than basic web development knowledge (e.g. how the web works)

  • Basic HTML and CSS knowledge is recommended but not a must-have

Enroll now

What's inside

Learning objectives

  • Learn javascript from scratch and in great detail - from beginner to advanced
  • All core features and concepts you need to know in modern javascript development
  • Everything you need to become a javascript expert and apply for javascript jobs
  • Project-driven learning with plenty of examples
  • All about variables, functions, objects and arrays
  • Object-oriented programming
  • Deep dives into prototypes, javascript engines & how it works behind the scenes
  • Manipulating web pages (= the dom) with javascript
  • Event handling, asynchronous coding and http requests
  • Meta-programming, performance optimization, memory leak busting
  • Testing, security and deployment
  • And so much more!
  • Show more
  • Show less

Syllabus

What is JavaScript and what is this course about? This module introduces you to the course!

Welcome to the course, amazing to have you on board of this JavaScript course! Let me walk you through the content of this complete JavaScript course and explain what you're going to learn!

Read more

What is JavaScript and why do we use it? What's awesome about it and what's its role in modern web development? Let's take a closer and understand the importance of JavaScript!

Let's dig deeper into the core fundamentals of JavaScript and add it our first little web application!

Join our Online Learning Community

Let's have a look at how JavaScript is executed, what the browser's role is and how all these pieces fit together!

JavaScript is a weakly typed language - but what does that mean? In this lecture, we'll explore the different kinds of programming languages and how JavaScript fits into the picture!

JavaScript is a versatile language. That's awesome - but what does it mean? Let's explore the concept of host environments and see how JavaScript fits into that picture!

We know what JavaScript is about - but what is this course about? This is obviously a very comprehensive JavaScript course, in this lecture, I'll walk you through the content of this course and what you can get out of it!

Your success matters to me! In this lecture I'll explain how you can get the most out of this course and get the most value for your money.

This course comes with tons of content and resources - here's how to use them!

We got JavaScript and we got Java. What's the difference, how are they related? Or are they maybe not related at all? Let's find the answer!

JavaScript is a modern programming language with a colorful past and many new features added over time. Let's find out how it changed and is managed today!

We're ready to go! Now let's set up a development environment that allows us to write code efficiently and progress quickly! 

Got questions? Here are the answers!

This module covers the JavaScript basics, the fundamentals you absolutely need to know!
Module Introduction
Setting Up the Project
More on Version Control & Git
Adding JavaScript to the Website
Introducing Variables & Constants
Declaring & Defining Variables
Working with Variables & Operators

Variables and operators are extremely important in any script you're going to write. Time to check your knowledge!

Exercise: Variables & Operators
Understanding the Starting Code
Data Types: Numbers & Strings (Text)
Using Constants
More on Strings

Do you understand numbers, strings and constants?

Time to Practice: Variables, Constants, Operators & Core Data Types
Introducing Functions
Adding A Custom Function
Code Styles, Conventions & Syntax
Returning Values
Exercise: Functions
The (Un)Importance of Code Order
An Introduction to Global & Local Scope
"Shadowed Variables"
More about the "return" Statement
Executing Functions "Indirectly"
"Indirect" vs "Direct" Function Execution - Summary
Exercise: Executing Functions Directly & Indirectly

Just like variables, functions are kind of the meat of any program. It's extremely important that we're all on the same level, so time to check that!

Time to Practice: Functions
Converting Data Types
Mixing Numbers & Strings
Splitting Code into Functions
Connecting all Buttons to Functions
Working with Code Comments
More Operators!
More Core Data Types!
Using Arrays
Exercise: Arrays
Creating Objects
Exercise: Objects
Objects - Common Syntax Gotchas
Accessing Object Data

Arrays and objects are core data types in most programming languages - they definitely are in JavaScript. Let's explore your knowledge!

Adding a Re-Usable Function That Uses Objects
undefined, null & NaN
The "typeof" Operator

These types are ... weird. Is their meaning clear though?

Importing Scripts Correctly with "defer" & "async"
Importing JavaScript - Summary
Wrap Up
Useful Resources & Links
Learn how to write code efficiently and how to debug it. Finding + fixing errors is a vital part of programming!
Efficient Development & Debugging - An Overview
Configuring the IDE Look & Feel
Using Shortcuts
Working with Auto-Completion & IDE Hints
Installing IDE Extensions
Tweaking Editor Settings
Utilizing Different IDE Views
Finding Help & Working with MDN
The ECMAScript Standard
How to "google" Correctly
Debugging JavaScript - An Overview
An Error Message! No Reason To Panic!
Using console.log() to look "into the Code"
Next-Level Debugging with the Chrome Devtools & Breakpoints
Testing Code Changes Directly in the Devtools
Debugging Code directly Inside VS Code
Some code should not execute under all circumstances. This course module covers JavaScript control structures in depth.
Introducing "if" Statements & Boolean (Comparison) Operators
Using Booleans in Conditions & More on Text Comparisons
Using "if" Statements
Working with "if", "else" and "else-if"
Exercise: Getting Started with if Statements
Beware When Comparing Objects & Arrays for Equality!
The Logical AND and OR Operators
Understanding Operator Precedence

Time to check the very basics about if statements and the operators you use there.

Beyond true/ false: "Truthy" and "Falsy" Values
Coercion vs Conversion

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Espouses version control and git, which is indispensable to modern development teams
Ideal for students who want to gain foundational knowledge in JavaScript as a beginner
Covers the latest versions of JavaScript syntax for use in modern web development
Suitable for students looking to build a solid foundation in JavaScript, from its core features to advanced concepts
Covers debugging techniques that are vital for resolving issues efficiently
Introduces object-oriented programming concepts common in many modern programming languages

Save this course

Save JavaScript - The Complete Guide 2024 (Beginner + Advanced) to your list so you can find it easily later:
Save

Reviews summary

Comprehensive javascript course

Learners say this comprehensive JavaScript course is a "good foundation" for their "daily JS life." Students appreciate that the course covers a range of topics and includes references for further exploration. The instructor, Max, is praised for his knowledge and ability to explain complex concepts clearly.

Activities

Coming soon We're preparing activities for JavaScript - The Complete Guide 2024 (Beginner + Advanced). These are activities you can do either before, during, or after a course.

Career center

Learners who complete JavaScript - The Complete Guide 2024 (Beginner + Advanced) will develop knowledge and skills that may be useful to these careers:
Front-End Web Developer
Front-end web developers are responsible for the design, implementation, and maintenance of the user interface of a website. This course will help you build a strong foundation in JavaScript, which is essential for creating interactive and engaging web pages.
Full-Stack Web Developer
Full-stack web developers are responsible for both the front-end and back-end of a website. This course will help you build a strong foundation in JavaScript, which is essential for creating both the user interface and the server-side logic of a website.
Back-End Web Developer
Back-end web developers are responsible for the server-side of a website, which includes managing data, processing requests, and interacting with databases. This course will help you learn the basics of JavaScript, which can be used to create dynamic and efficient back-end applications.
Mobile App Developer
Mobile app developers are responsible for the design, development, and maintenance of mobile applications. This course will help you learn the basics of JavaScript, which can be used to create both native and cross-platform mobile apps.
Software Engineer
Software engineers are responsible for the design, development, and maintenance of software applications. This course can help you build a strong foundation in JavaScript, which is a popular language for developing both web and mobile applications.
Data Scientist
Data scientists are responsible for the collection, analysis, and interpretation of data. This course can help you build a foundation in JavaScript, which can be used to develop data analysis and visualization tools.
Business Analyst
Business analysts are responsible for the analysis of business needs and the development of solutions to meet those needs. This course can help you build a foundation in JavaScript, which can be used to develop data analysis and visualization tools that can be used to support business decision-making.
Project Manager
Project managers are responsible for the planning, execution, and control of projects. This course can help you build a foundation in JavaScript, which can be used to develop project management tools and applications.
Web Designer
Web designers are responsible for the design of websites. This course can help you build a foundation in JavaScript, which can be used to develop tools and applications that can help you create and test websites.
UX Designer
UX designers are responsible for the design of user interfaces. This course can help you build a foundation in JavaScript, which can be used to develop tools and applications that can help you create and test user interfaces.
UI Designer
UI designers are responsible for the design of user interfaces. This course can help you build a foundation in JavaScript, which can be used to develop tools and applications that can help you create and test user interfaces.
Computer Systems Analyst
Computer systems analysts are responsible for the analysis, design, and implementation of computer systems. This course can help you build a foundation in JavaScript, which can be used to develop tools and applications that can help you analyze, design, and implement computer systems.
Technical Writer
Technical writers are responsible for the creation of technical documentation, such as user manuals and white papers. This course can help you build a foundation in JavaScript, which can be used to develop tools and applications that can help you create and manage technical documentation.
Information Security Analyst
Information security analysts are responsible for the protection of information systems from unauthorized access, use, disclosure, disruption, modification, or destruction. This course can help you build a foundation in JavaScript, which can be used to develop tools and applications that can help you protect information systems.
Database Administrator
Database administrators are responsible for the management and maintenance of databases. This course can help you build a foundation in JavaScript, which can be used to develop tools and applications that can help you manage and maintain databases.

Reading list

We've selected 14 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in JavaScript - The Complete Guide 2024 (Beginner + Advanced).
Provides a comprehensive overview of JavaScript, from the basics to advanced concepts. It great resource for both beginners and experienced JavaScript developers.
Classic guide to JavaScript. It covers the essential parts of the language and provides practical advice on how to write good JavaScript code.
Comprehensive reference guide to JavaScript. It covers all aspects of the language, from the basics to advanced topics.
Comprehensive reference guide to JavaScript. It covers all aspects of the language, from the basics to advanced topics.
Comprehensive reference guide to JavaScript. It covers all aspects of the language, from the basics to advanced topics.
Comprehensive guide to JavaScript for web developers. It covers all aspects of the language, from the basics to advanced topics.
Collection of design patterns for JavaScript. It provides a great way to learn how to write reusable and maintainable JavaScript code.
Is the first in a series of books that provide a deep dive into the JavaScript language. It covers the basics of the language in a clear and concise way.
Fast-paced introduction to JavaScript for programmers who are already familiar with other programming languages. It covers the basics of the language in a clear and concise way.
Fun and engaging introduction to JavaScript. It uses a unique visual approach to explain the concepts of the language.
Comprehensive guide to JavaScript for web developers. It covers all aspects of the language, from the basics to advanced topics.
Provides a deep dive into the principles of object-oriented programming in JavaScript. It great resource for experienced JavaScript developers who want to learn more about the language.
Collection of advanced JavaScript techniques. It great resource for experienced JavaScript developers who want to learn more about the language.
Collection of practical JavaScript techniques. It covers a wide range of topics, from basic to advanced.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser