100 Days of HTML, CSS & JavaScript – Build 100 Projects

Master HTML, CSS & JavaScript by building 100 real-world projects. From UI components to games to API-powered apps.

What you’ll learn
✓ You will master HTML, CSS & JavaScript by building 100 unique projects over 100 days.
✓ 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
✓ Design professional layouts – navbars, footers, sidebars, and 404 pages
✓ Handle form validation and input formatting – OTP inputs, password strength meters, credit card formatters
✓ Master modern CSS techniques – Flexbox, Grid, animations, skeleton loaders, and hover effects

Requirements
● You need a super basic understanding of HTML CSS & JavaScript.
● The only tool you need is a laptop – even an old one would work. No need for a fancy computer.

Description
100 days. 1 project per day.

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.

Who this course is for
■ If you want to get good at HTML, CSS and JavaScript by building fun projects, then take this course.
■ .If you want to start your own startup by building your own websites, landing pages, and web apps
■ If you’re a backend developer wanting to strengthen your frontend skills – learn through hands-on coding projects
■ If you’re a designer wanting to code – learn to bring your designs to life with HTML, CSS, and JavaScript