19 Web Dev Projects – HTML, CSS, JavaScript Tutorial

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-css-js-projects Diagrams: https://app.eraser.io/workspace/8yoDl1tVoPcljUboujq2 Github Gist: https://gist.github.com/burakorkmez/eca0903f564dbe545a742ce1056f6936 ❤️ Try interactive Frontend courses we love, right in your browser: https://scrimba.com/freeCodeCamp-Frontend (Made possible by a grant from our friends at Scrimba) ⭐️ 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