Master JavaScript: 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 interactive 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 by writing quality code.

🧠 Why Should I Take This Course?

There are countless tutorials online about everything. This course includes only the relevant information in an organized manner so you can master JavaScript in less time, and be job-ready as fast as possible.

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. Most importantly, you will learn how to write good, quality JavaScript code.

During the course, you will also learn step-by-step the process of building new projects from scratch, such as the famous hangman game, a food tracker app to keep track of your expiry dates and much more.

🔍 Course Overview

This course includes the following content to help you master JavaScript from the very beginning, as well as a "course resources" section with 350+ additional high-quality webtips, cheatsheets, and members-only posts to help you on your developer journey.

- 📚 40 lessons
- 📖 5 hours of content
- 👨‍💻 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 resources
- 🎓 Certificate of completion

📖 How You Will Learn

✅ Learn right inside your browser with a standalone web app
✅ 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

Test your skills with interactive code examples

📋 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 extra great 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 additional materials from where you can take your learnings further to the next level to learn about more advanced concepts of JavaScript.

❓ FAQ

What do I need to know to take this course?

You can take this course with absolute zero knowledge of JavaScript as we are going to start from the very beginning, and cover everything you need to know to get you up and ready.

Is this course right for me if I am not a beginner?

While this course mainly focuses on beginners, if you already have some prior knowledge, you may still find valuable information in it on some more advanced concepts. It will also help to give you a better overview of how everything ties together in the world of JavaScript.

Are there any additional fees/time limits involved?

No additional monthly or yearly fees/microtransactions or time limits are involved. Once you purchase the course, you will get access to everything without having to spend more.

What happens if I purchase the course and it gets updated?

You will get free lifetime updates once you purchase this course. This means that you won't be missing out on important updates. In fact, when an update is available, you will be prompted in the course to download it, free of charge. You also have the ability to export/import your progress at any time.

How do I use the course after purchasing it?

After purchasing this course, you will get access to a zip file that contains all the necessary assets for the course. You can unzip it to a folder, and open the provided index.html file to start the course. It is entirely built-in JavaScript, so you can use it right inside your browser.

What if I buy the course and do not like it?

While I'm certain that you will love the material, if for any reason you think it is still not worth it, you can get a full refund by contacting us.

Any other questions?

In case of any other questions, do not hesitate to reach out through our contact form.

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.