20 Web Projects With Vanilla JavaScript
Learn to build 20 frontend projects from scratch using modern JavaScript (ES6+), DOM manipulation, animations, and more. No frameworks or libraries required. Perfect for beginners and those with basic knowledge of HTML/CSS/JS. Develop dynamic functionality like games, expense trackers, and relaxation apps. Enhance your skills in layout creation, CSS animations, JavaScript fundamentals, API integration, drag and drop, and more. This course is designed for anyone looking to build fun and easy-to-intermediate projects.
What you’ll learn
- Build 20 Frontend Projects From Scratch
- No JS or CSS Frameworks
- Modern JavaScript (ES6+) – Arrows, Fetch, Promises, etc
- DOM Manipulation & Events
- Animations With CSS & JavaScript
- Fetch & JSON With 3rd Party API’s
- HTML5 Canvas, Speech API, Audio & Video
- Beginner Friendly
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!!
Who this course is for:
- Anyone that wants to build some fun and easy to intermediate projects
User Reviews
Be the first to review “20 Web Projects With Vanilla JavaScript”
You must be logged in to post a review.
There are no reviews yet.