TRAVERSY MEDIA COURSE
50 Projects In 50 Days - HTML, CSS & JavaScript
Sharpen your skills by building 50 quick, unique & fun mini projects.
4.7 ★★★★★ • 677 students • Lifetime access
20 hours
On-demand video lessons
50+ projects
Practical project work
53 modules
Complete course curriculum
170 lessons
Focused explanations and builds
Lifetime access
Learn at your pace
COURSE OVERVIEW
Sharpen your frontend skills with fifty focused builds
Build a new HTML, CSS, and JavaScript project in every module, with each project focused on a specific interface or browser concept.
The short format makes it easy to practice consistently, experiment, and add polished components to your portfolio.
WHAT YOU WILL LEARN
Build practical skills with 50 Projects In 50 Days - HTML, CSS & JavaScript
Move from the core concepts to a complete project workflow.
DOM Projects
Build interactive widgets and interfaces with browser DOM APIs.
Modern CSS
Practice transitions, transforms, animations, layouts, and visual effects.
API Integration
Fetch and render data for movie, profile, joke, and image projects.
Forms and Controls
Create custom inputs, validation, ranges, choices, and notifications.
Games and Tools
Build quizzes, drawing tools, timers, generators, and small games.
Portfolio Practice
Complete more than fifty focused projects you can adapt and reuse.
BUILD AS YOU LEARN
Turn the course concepts into practical work
Build focused UI components, animations, tools, and API-powered mini applications.
PROJECT 01
Expanding Cards
Create an image card interface that expands smoothly as users change the active selection.
PROJECT 02
Split Landing Page
Build a responsive split-screen landing page with animated hover states.
PROJECT 03
Verify Account UI
Create a polished verification-code interface with focused input behavior.
THE COMPLETE CURRICULUM
53 modules from foundations to the finished build
170 published lessons and 20 hours of focused video with practical exercises and project work.
1 - Introduction & Setup
2 - Expanding Cards
3 - Progress Steps
4 - Rotating Navigation Animation
5 - Hidden Search Widget
6 - Blurry Loading
7 - Scroll Animation
8 - Split Landing Page
9 - Form Input Wave
10 - Sound Board
11 - Dad Jokes
12 - Event KeyCodes
13 - FAQ Collapse
14 - Random Choice Picker
15 - Animated Navigation
16 - Incrementing Counter
17 - Drink Water
18 - Movie App
19 - Background Slider
20 - Theme Clock
21 - Button Riple Effect
22 - Drag N Drop
23 - Drawing App
24 - Kinetic Loader CSS Animation
25 - Content Placeholder
26 - Sticky NavBar
27 - Double Vertical Slider
28 - Toast Notification
29 - GitHub Profiles
30 - Double Click Heart
31 - Auto Text Effect
32 - Password Generator
33 - Good, Cheap, Fast Checkboxes
34 - Notes App
35 - Animated Countdown
36 - Image Carousel
37 - Hoverboard
38 - Pokedex
39 - Mobile Tab Navigation
40 - Password Strength Background
41 - 3D Background Boxes
42 - Verify Account UI
43 - Live User Filter
44 - Feedback UI Design
45 - Custom Range Slider
46 - Netflix Navigation
47 - Quiz App
48 - Testimonial Box Switcher
49 - Random Image Feed
50 - Todo List
51 - Insect Catch Game
52 - Simple Timer (Bonus Day 1)
52 - Dice Roller (Bonus Day 2)
CHOOSE YOUR ACCESS
Own the course or unlock the full library
Both options include immediate access and future course updates.
50 Projects In 50 Days - HTML, CSS & JavaScript
$25
Lifetime course access
Get 50 Projects In 50 Days - HTML, CSS & 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.
50 Projects In 50 Days - HTML, CSS & 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 50 Projects In 50 Days - HTML, CSS & 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