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 Burak Orkmez.

Full Course On Udemy: https://dub.sh/udemy-launch
Source Code: https://github.com/burakorkmez/html-css-js-projects
Diagrams: https://app.eraser.io/workspace/8yoDl1tVoPcljUboujq2
Github Gist: https://gist.github.com/burakorkmez/eca0903f564dbe545a742ce1056f6936

⭐️ 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

freeCodeCamp is a nonprofit organization offering free online coding courses and programming tutorials, covering topics such as web development, data science, and machine learning. Learners can gain practical coding skills, build real-world projects, and earn certifications to advance their careers in tech.

freeCodeCamp

A beginner-friendly course teaching HTML, CSS, and JavaScript through 19 real-world projects including a quiz game, color palette generator, e-commerce cart, QR code generator, and various UI components. The tutorial covers workspace setup in VS Code with essential extensions (Live Server, Prettier, Google Fonts, Auto Rename Tag), then walks through building a complete quiz game from scratch covering HTML markup, CSS styling with flexbox and media queries, and JavaScript DOM manipulation with event listeners and dynamic content. The full 100-project course is available on Udemy; this YouTube video covers the first 12 hours.

19 Web Dev Projects – HTML, CSS, JavaScript Tutorial

<p>Thank you <a href="https://app.daily.dev/freecodecamp" data-mention-id="rOf3zRsDh73gM014vJgfb" data-mention-username="freecodecamp" translate="no">@freecodecamp</a> for sharing this with us.</p>
