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:
- The Syntax of JavaScript
- Data Types
- Variables
- Conditions and Loops
- 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:
- Arithmetic Operators
- Comparisons
- Logical Operators
- 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:
- Function Declarations
- Parameters and Arguments
- Function Returns
- Invoking Functions
- The Power of Function Composition
- Quiz Yourself on JavaScript Functions
- 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:
- Working with Arrays
- Array Methods
- Quiz Yourself on JavaScript Arrays
- 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:
- Object Definitions
- Properties and Methods
- The this Keyword
- Quiz Yourself on JavaScript Objects
- 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:
- Callbacks
- Promises
- Async/Await
- 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:
- The DOM
- The Fetch API
- The Local Storage API
- Quiz Yourself on Web APIs
- Mission: Storing Data in the Browser
- Mission: Display Data from an API
Putting Everything Together:
- Building an App - Part I.
- 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.
Learn MoreYou'll get access to the full JavaScript from Zero course that contains:
Size
3.58 MB๐ 40
lessons๐ 296
minutes of reading material๐จโ๐ป 227
interactive code examples๐ป 174
code examplesโ 26
coding challenges๐จ 34
illustrationsโ 7
quizzes๐ 7
projectsโ 120+
bonus interview questions๐๏ธ 30+
additional free resources
- You'll get access to the full JavaScript from Zero course that contains:
- Size3.58 MB
- ๐ 40lessons
- ๐ 296minutes of reading material
- ๐จโ๐ป 227interactive code examples
- ๐ป 174code examples
- โ 26coding challenges
- ๐จ 34illustrations
- โ 7quizzes
- ๐ 7projects
- โ 120+bonus interview questions
- ๐๏ธ 30+additional free resources