[UDM] 20 Web Projects With Vanilla JavaScript Course (Feb 2025) + Resources

Introduction & Learning Style
You will be guided through the projects by 20 practical tasks that will result in 20 exciting web applications built using vanilla JavaScript, HTML5, and CSS. You will not use frameworks or libraries, so you will develop the ability to create fully functional applications without the help of existing tools. The projects of the 20 Web Projects With Vanilla JavaScript Course have been well designed to let you learn meaningful coding concepts and have fun, hands-on, and rewarded coding. At the end of the 20 Web Projects With Vanilla JavaScript Course, you will know a lot about JavaScript, and you will have plenty of impressive projects to show around.

What You Will Learn
During the 20 Web Projects With Vanilla JavaScript Course, your knowledge of JavaScript will be enhanced to the current level and standards of programming that ES6+ offers, with an emphasis on functions, events, promises, async/await, and the fetch API. You will also learn how to manipulate Document Object Model (DOM), user interaction, and interface browser APIs like local storage, canvas, video, and drag-and-drop, among others. Together with the scripting, you will also use CSS to style and animate your applications, building polished, interactive applications that also work well across devices.

Project Examples
The examples you will construct are very diverse and lead to the different facets of web development being brought forward. Some of them are a movie seat booking system, a form validator, a custom video player, an exchange rate calculator, a hangman game, an expense tracker, a typing speed tester, a lyrics search app, an infinite scroll blog, a countdown timer, and even a memory card game. Every project is constructed on the previous project, so you can work on problem-solving, code patterns, and application design in the real world.

Who This Course Is For & Outcomes
The 20 Web Projects With Vanilla JavaScript Course is the ideal course to follow in case one understands basic HTML and CSS and wants to acquire knowledge in JavaScript on a higher level. Although you are likely fairly new at programming, the step-by-step explanation of things helps to follow along and to get a sense of confidence. And, by going through all 20 projects, you not only are going to learn JavaScript better, but also have a variety of applications that you may present to your future employer, or to build a foundation and learn other advanced frameworks, such as JavaScript, React, Vue, or Angular.