Udemy – 100 Days of HTML, CSS and JavaScript – Build 100 Projects

This project-based course takes you from complete beginner to confident frontend developer. No fluff, no endless theory -just hands-on coding. This course is actively growing! We currently have 50+ complete projects, and I’m adding new ones every day until we reach the full 100. Enroll now to lock in the price and receive all future projects automatically as they’re released.

What You’ll Learn:

• Master HTML, CSS, and JavaScript by building 100 unique, real-world projects
• Work with REST APIs – fetch and display data from Pokemon API, Country API, Meal API, Crypto API, and more
• Build interactive UI components like modals, tabs, carousels, tooltips, and notification systems
• Create games and apps including Tic-Tac-Toe, Calculator, Music Player, and Image Filter App
• Master modern CSS techniques – Flexbox, Grid, animations, skeleton loaders, and hover effects
• Handle form validation and input formatting – OTP inputs, password strength meters, credit card formatters
• Build e-commerce components – shopping carts, product cards, price comparison cards, and order history
• Use Browser APIs like Battery Status, Page Visibility, and Scroll Progress detection
• Design professional layouts – navbars, footers, sidebars, and 404 pages
• Create a portfolio of 100 projects

What You’ll Build:

• Interactive games (Tic-Tac-Toe, Calculator)
• API-powered apps (Pokemon Viewer, Crypto Tracker, Country Lookup, Random Meal Generator)
• E-commerce components (Shopping Cart, Product Cards, Price Comparison)
• Modern UI components (Modals, Carousels, Tabs, Tooltips, OTP Input)
• Professional layouts (Navbars, Footers, Sidebars, 404 Pages)
• CSS-only challenges (Skeleton Loaders, Timelines, Chat Bubbles)
• And much more!

Technologies Covered:

• HTML5 & Semantic Markup
• CSS3 (Flexbox, Grid, Animations, Transitions)
• Vanilla JavaScript & DOM Manipulation
• REST APIs & Fetch
• Browser APIs (Battery Status, Page Visibility, Scroll Events)
• Responsive Design & Modern UI/UX

Who Is This Course For:

• Complete beginners with a basic understanding of HTML, CSS & JavaScript.
• Aspiring startup founders who want to build their own websites and web apps
• Backend developers wanting to strengthen their frontend skills through hands-on projects
• Designers wanting to code – learn to bring your designs to life with HTML, CSS, and JavaScript
• Anyone who learns best by doing rather than watching endless theory videos

By the End of This Course:

• You’ll have 100 projects
• You’ll be confident building any frontend component from scratch
• You’ll have the skills to bring any web design to life

No frameworks. No dependencies. Just pure HTML, CSS & JavaScript.