TRAVERSY MEDIA COURSE
20 Web Projects With Vanilla JavaScript
Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries)
4.7 ★★★★★ • 440 students • Lifetime access
16 hours
On-demand video lessons
20 projects
Practical project work
21 modules
Complete course curriculum
140 lessons
Focused explanations and builds
Lifetime access
Learn at your pace
COURSE OVERVIEW
Build JavaScript confidence through twenty practical projects
Create interactive frontend projects with modern JavaScript, HTML, and CSS without frameworks or libraries.
Work with DOM APIs, browser features, third-party APIs, media, canvas, speech, storage, and animation.
WHAT YOU WILL LEARN
Build practical skills with 20 Web Projects With Vanilla JavaScript
Move from the core concepts to a complete project workflow.
DOM Fundamentals
Select, create, update, and organize interface elements with the browser DOM.
Modern JavaScript
Use ES6+ syntax, array methods, promises, async code, and modules.
Browser APIs
Work with speech, audio, video, canvas, and local storage.
Third-Party Data
Fetch and display data from external APIs and JSON endpoints.
UI Interaction
Build modals, menus, forms, games, media controls, and animations.
Twenty Projects
Turn individual JavaScript concepts into complete browser applications.
BUILD AS YOU LEARN
Turn the course concepts into practical work
Build interactive applications, games, media tools, and data-driven interfaces with pure JavaScript.
PROJECT 01
Movie Seat Booking
Create an interactive cinema booking UI with seat selection and saved state.
PROJECT 02
Music Player
Build a custom audio player with controls, progress tracking, and playlist navigation.
PROJECT 03
Exchange Rate Calculator
Fetch live exchange data and create an interactive currency conversion interface.
THE COMPLETE CURRICULUM
21 modules from foundations to the finished build
140 published lessons and 16 hours of focused video with practical exercises and project work.
1 - Course Introduction
2 - Form Validator - Intro Project
3 - Movie Seat Booking
4 - Custom Video Player
5 - Exchange Rate Calculator
6 - Dom & Array Methods Project
7 - Menu Slider & Modal
8 - Hangman Game
9 - Meal Finder
10 - Expense Tracker
11 - Music Player
12 - Infinite Scrolling
13 - Typing Game
14 - Speech Text Reader
15 - Memory Cards
16 - LyricsSearch App
17 - Relaxer App
18 - Breakout Game
19 - New Years Countdown
21 - Number Guessing Game With Speech
Product Filtering UI
CHOOSE YOUR ACCESS
Own the course or unlock the full library
Both options include immediate access and future course updates.
20 Web Projects With Vanilla JavaScript
$25
Lifetime course access
Get 20 Web Projects With Vanilla JavaScript
YOUR INSTRUCTOR
Learn with Brad Traversy
Brad has helped millions of developers learn web development through practical, project-based teaching. His courses focus on clear explanations, useful projects, and the skills you need to build real websites and applications.
20 Web Projects With Vanilla JavaScript follows that same approach, moving from the essential concepts into practical implementation and a complete project workflow.
FREQUENTLY ASKED QUESTIONS
Before you enroll
Is this course beginner friendly?
What do I get with the $25 option?
What is included in the annual membership?
What experience should I have before starting?
START BUILDING TODAY
Learn 20 Web Projects With Vanilla JavaScript through practical work
Get lifetime course access for $25, or unlock every included Traversy Media course for $99 per year.
Get Full Access for $99/year