JavaScript from Zero: Building Projects from Scratch

JavaScript is one of the world's most popular programming languages that powers every website on the web, including this very page you are looking at right now.

In this course, you will get a solid foundation of how and why JavaScript works the way it works, and how you can use it to its full potential to build your dream projects. That's why this course will focus on and really go deep into basic conceptions.

🔍 Course Overview

This course includes the following content to help you master JavaScript from the very beginning:

- 📚 40 lessons
- 📖 296 minutes of reading material
- 👨‍💻 227 interactive code examples
- 💻 174 code examples
- ❔ 7 quizzes with 94 questions
- ✅ 26 coding challenges
- 🎨 34 illustrations
- 🚀 7 projects
- ❓ 120+ bonus interview questions
- 🗄️ 30+ additional recommended free resources

📖 How You Will Learn

✅ This course is interactive
✅ Keep track of your progress
✅ Test your skills with quizzes and coding challenges
✅ Get up to date knowledge on the latest features of JavaScript
✅ Get updates when a newer version of this course is available
✅ Everything is bundled together into one app. This means you can learn offline

🧠 Takeaways

At the end of this course, you will have a solid understanding of how JavaScript works, and you will have no problem building out new projects from scratch.

During the course, you will also learn step by step how to build new projects, such as the hangman game, or a food tracker app to keep track of your expiry dates.

📋 What is Covered in this Course?

Get to know JavaScript from the start

This course will start off by taking you through the JavaScript fundamentals. How the syntax looks like, what are the different data types that are available in JavaScript, how to work with variables, different loops, and conditions. This section includes the following lessons:

1. The Syntax of JavaScript
2. Data Types
3. Variables
4. Conditions and Loops
5. Quiz Yourself on the Fundamentals of JavaScript

Learn everything about JavaScript operators

Then we will move on to learn about operators. Not just on how to work with arithmetic and logical operators, but also on how they can help you create various expressions. This section includes:

1. Arithmetic Operators
2. Comparisons
3. Logical Operators
4. Quiz Yourself on JavaScript Operators

Get the best of JavaScript by mastering functions

JavaScript is highly functional, that's why we tackle functions right away as soon as we have a solid ground. Functions are everywhere, and if you can use them right, there is no limit on what you can create. Here we will cover the following points:

1. Function Declarations
2. Parameters and Arguments
3. Function Returns
4. Invoking Functions
5. The Power of Function Composition
6. Quiz Yourself on JavaScript Functions
7. Mission: Building a Calculator

Learn why we need arrays, and how to work with them

JavaScript comes with a handful of array utilities, in fact, more than you can count on your hands, but each being powerful in its own way. This is why arrays need a separate section on their own, where we will touch on the following:

1. Working with Arrays
2. Array Methods
3. Quiz Yourself on JavaScript Arrays
4. Mission: Building a Hangman

In JavaScript, everything is an object. But how?

Arrays are powerful, but combine them with objects, and then you will be able to represent any type of data. Learn how you can work with properties, master the use of the this keyword, and built-in object methods. This section is all about objects, covering:

1. Object Definitions
2. Properties and Methods
3. The this Keyword
4. Quiz Yourself on JavaScript Objects
5. Mission: Building a Sortable and Filterable Table

For fulfilling promises, Asynchronicity is

Now that you know everything about the basic building blocks of JavaScript, you know how to build powerful functions, and work with arrays and objects in and out, it's time to also master promises, and how asynchronous behavior can help you execute code in a non-linear fashion. In this section, we dive deep into:

1. Callbacks
2. Promises
3. Async/Await
4. Quiz Yourself on Asynchronicity

Put the learnings together, and learn how to communicate with the web

Master everything you have learned so far, and extend your JavaScript knowledge with some lessons on core Web APIs. These are some of the APIs you will work with the most. Learn everything about the DOM, how to communicate with servers to grab data from anywhere, and how to create a state for your applications. In the remaining lessons we will cover the following:

1. The DOM
2. The Fetch API
3. The Local Storage API
4. Quiz Yourself on Web APIs
5. Mission: Storing Data in the Browser
6. Mission: Display Data from an API

Putting Everything Together:

1. Building an App - Part I.
2. Building an App - Part II.

See where to go next, and find some great free resources too at the end of this course.

📚 Other Resources

Where to go next? Once you finish this course, there will be a resources section with free materials from where you can take your learnings further to the next level to learn about more advanced concepts of JavaScript.

Interested in the writing style and quality of this course? Check out some of the tutorials on webtips.dev to see what you can expect.