FeaturedUdemy
-83%
Udemy20 Web Projects With Vanilla JavaScript
4.7(7,405)43k studentsALL LEVELS
UdemySkip the framework abstraction and own the fundamentals. This project-centric course walks you through 20 mini-builds—games, an expense tracker, a breathing relaxation app—all written in clean HTML, CSS, and vanilla JavaScript. No libraries, no frameworks. You'll master DOM manipulation, event handling, the Fetch API, Canvas, Web Speech API, local storage, and array methods by building real, working code.
Each project completes in just a few hours, making progress feel tangible and motivating. The instructor explains every step as you code, so even with prerequisite knowledge of HTML/CSS/JavaScript, the teaching is clear and comprehensive. This is ideal for developers who want to understand _how_ the web works beneath framework abstractions. By the end, you'll have a portfolio of completed projects and deep confidence in vanilla JavaScript.
This is a fun, practical & project based course for all skill levels. The projects in this course are designed to get you building things using HTML5, CSS & JavaScript with no frameworks or libraries. Every project is built from scratch and has some kind of dynamic functionality from small games to an expense tracker to a breathing relax app.
Although this is a project based course, I will still be explaining everything as I go. These are mini-projects designed for you to complete in a few hours.
You should have some basic knowledge of HTML/CSS/JS. If you are brand new, I would suggest my Modern HTML/CSS From The Beginning and/or my Modern JS From The Beginning courses on Udemy. This course is a mix of both.
Some Things You Will Learn In These Projects:
Create Layouts & UI's With HTML/CSS ( No CSS Frameworks )
CSS Animations (Transitions, Keyframes, etc With JS Triggers)
JavaScript Fundamentals
DOM Selection & Manipulation
JavaScript Events (Forms, buttons, scrolling, etc)
Fetch API & JSON
HTML5 Canvas
The Audio & Video API
Drag & Drop
Web Speech API (Syth & Recognition)
Working with Local Storage
High Order Array Methods - forEach, map, filter, reduce, sort
setTimout, setInterval
Arrow Functions
and More!!
Price
No active coupon right now
View Course →No coupon right now. We'll tell you when there is one.
Advertisement
More in Development
Not the best price we've seen. The lowest we've recorded is $14.99 on 3 Aug.
This is what we recorded in US pricing — not every price this course has ever had, and prices differ by country.
