% Off Udemy Coupon - CourseSpeak

100 Days of HTML, CSS and JavaScript - Build 100 Projects

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

$10.99 (90% OFF)
Get Course Now

About This Course

<div>100 days. 1 project per day.</div><div><br></div><div>This project-based course takes you from complete beginner to confident frontend developer. No fluff, no endless theory -just hands-on coding.</div><div><br></div><div>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.</div><div><br></div><div>What You'll Learn</div><div><ul><li><span style="font-size: 1rem;">Master HTML, CSS, and JavaScript by building 100 unique, real-world projects</span></li><li><span style="font-size: 1rem;">Work with REST APIs - fetch and display data from Pokemon API, Country API, Meal API, Crypto API, and more</span></li><li><span style="font-size: 1rem;">Build interactive UI components like modals, tabs, carousels, tooltips, and notification systems</span></li><li><span style="font-size: 1rem;">Create games and apps including Tic-Tac-Toe, Calculator, Music Player, and Image Filter App</span></li><li><span style="font-size: 1rem;">Master modern CSS techniques - Flexbox, Grid, animations, skeleton loaders, and hover effects</span></li><li><span style="font-size: 1rem;">Handle form validation and input formatting - OTP inputs, password strength meters, credit card formatters</span></li><li><span style="font-size: 1rem;">Build e-commerce components - shopping carts, product cards, price comparison cards, and order history</span></li><li><span style="font-size: 1rem;">Use Browser APIs like Battery Status, Page Visibility, and Scroll Progress detection</span></li><li><span style="font-size: 1rem;">Design professional layouts - navbars, footers, sidebars, and 404 pages</span></li><li><span style="font-size: 1rem;">Create a portfolio of 100 projects</span></li></ul></div><div><span style="font-size: 1rem;">What You'll Build</span></div><div><ul><li><span style="font-size: 1rem;">Interactive games (Tic-Tac-Toe, Calculator)</span></li><li><span style="font-size: 1rem;">API-powered apps (Pokemon Viewer, Crypto Tracker, Country Lookup, Random Meal Generator)</span></li><li><span style="font-size: 1rem;">E-commerce components (Shopping Cart, Product Cards, Price Comparison)</span></li><li><span style="font-size: 1rem;">Modern UI components (Modals, Carousels, Tabs, Tooltips, OTP Input)</span></li><li><span style="font-size: 1rem;">Professional layouts (Navbars, Footers, Sidebars, 404 Pages)</span></li><li><span style="font-size: 1rem;">CSS-only challenges (Skeleton Loaders, Timelines, Chat Bubbles)</span></li><li><span style="font-size: 1rem;">And much more!</span></li></ul></div><div><span style="font-size: 1rem;">Technologies Covered</span></div><div><ul><li><span style="font-size: 1rem;">HTML5 &amp; Semantic Markup</span></li><li><span style="font-size: 1rem;">CSS3 (Flexbox, Grid, Animations, Transitions)</span></li><li><span style="font-size: 1rem;">Vanilla JavaScript &amp; DOM Manipulation</span></li><li><span style="font-size: 1rem;">REST APIs &amp; Fetch</span></li><li><span style="font-size: 1rem;">Browser APIs (Battery Status, Page Visibility, Scroll Events)</span></li><li><span style="font-size: 1rem;">Responsive Design &amp; Modern UI/UX</span></li></ul></div><div><span style="font-size: 1rem;">Who Is This Course For</span></div><div><ul><li><span style="font-size: 1rem;">Complete beginners with a basic understanding of HTML, CSS &amp; JavaScript.</span></li><li><span style="font-size: 1rem;">Aspiring startup founders who want to build their own websites and web apps</span></li><li><span style="font-size: 1rem;">Backend developers wanting to strengthen their frontend skills through hands-on projects</span></li><li><span style="font-size: 1rem;">Designers wanting to code - learn to bring your designs to life with HTML, CSS, and JavaScript</span></li><li><span style="font-size: 1rem;">Anyone who learns best by doing rather than watching endless theory videos</span></li></ul></div><div><span style="font-size: 1rem;">By the End of This Course</span></div><div><ul><li><span style="font-size: 1rem;">You'll have 100 projects</span></li><li><span style="font-size: 1rem;">You'll be confident building any frontend component from scratch</span></li><li><span style="font-size: 1rem;">You'll have the skills to bring any web design to life</span></li><li><span style="font-size: 1rem;">No frameworks. No dependencies. Just pure HTML, CSS &amp; JavaScript.</span></li></ul></div>

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