19 Web Dev Projects – HTML, CSS, JavaScript Tutorial

Published: 18 March 2026
on channel: freeCodeCamp.org

68,454

3.5k

Improve your web development skills by building 19 different projects. In this course, you will use HTML, CSS, and JavaScript to make all sorts of web sites.

Course created by ‪@codesistency‬

Full Course On Udemy: https://dub.sh/udemy-launch
Source Code: https://github.com/burakorkmez/html-c...
Diagrams: https://app.eraser.io/workspace/8yoDl...
Github Gist: https://gist.github.com/burakorkmez/e...

⭐️ Contents ⭐️
00:00:00 Course Introduction & Welcome
00:03:09 Setting up the Workspace (VS Code & Extensions)

00:09:57 Project 1: Interactive Quiz Game
01:08:24 Project 2: Random Color Palette Generator
01:48:49 Project 3: Kanban Board (HTML Drag & Drop API)
02:12:20 Project 4: Expense Tracker with Local Storage
03:07:36 Project 5: Bookmark Saver Application
03:30:36 Project 6: Registration Form Validator
04:02:32 Project 7: Password Generator with Strength Meter
05:00:39 Project 8: Functional To-Do App with Filtering
05:59:17 Project 9: Professional Contact Form (HTML/CSS)
06:24:35 Project 10: Modern Modern Pricing Cards
07:05:14 Project 11: Team Members Showcase Section
07:37:56 Project 12: Recipe Finder (MealDB API Integration)
08:29:19 Project 13: Real-Time Currency Converter
08:56:40 Project 14: GitHub User Finder (GitHub API)
09:45:39 Project 15: Custom 404 "Page Not Found" Design
09:52:11 Project 16: Newsletter Signup UI
10:05:31 Project 17: "Coming Soon" Page with Countdown Timer
11:01:21 Project 18: Contact Page UI with Form Validations
11:50:09 Project 19: Scroll Progress Indicator

On this page of the site you can watch the video online 19 Web Dev Projects – HTML, CSS, JavaScript Tutorial with a duration of hours minute second in good quality, which was uploaded by the user freeCodeCamp.org 18 March 2026, share the link with friends and acquaintances, this video has already been watched 68,454 times on youtube and it was liked by 3.5 thousand viewers. Enjoy your viewing!

197