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

Published 2/2026
Created by Burak Orkmez
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz, 2 Ch
Level: All Levels | Genre: eLearning | Language: English | Duration: 139 Lectures ( 23h 39m ) | Size: 23.6 GB
Master HTML, CSS & jаvascript by building 100 real-world projects. From UI components to games to API-powered apps.
What you'll learn
✓ You will master HTML, CSS & jаvascript 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 & jаvascript.
● 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 jаvascript 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 jаvascript & 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 & jаvascript.
• 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 jаvascript
• 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 & jаvascript.
Who this course is for
■ If you want to get good at HTML, CSS and jаvascript 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 jаvascript
Buy / Renew Your Premium Account From My Download Links & Get Fastest Speed.
Password: movieblogarea.com
https://nitroflare.com/view/1D4496C7C9D48BD
https://nitroflare.com/view/94DBABFC600AF33
https://nitroflare.com/view/B13F1736995FDA2
https://nitroflare.com/view/796582D7DAA01F2
https://nitroflare.com/view/CAC62D3DBD5A23A
https://nitroflare.com/view/5BBD07FF9B1210F
https://nitroflare.com/view/A5E1CBBCAC4D102
https://nitroflare.com/view/F1B3D03AFB0057C
https://nitroflare.com/view/75A23E77387894F
https://nitroflare.com/view/7526EA2E5C1AAE4
https://nitroflare.com/view/73809FABAA1B859
https://nitroflare.com/view/7234F2DA41BBE0E
https://rapidgator.net/file/9e43084977eb72daf6bf5076fac75e82
https://rapidgator.net/file/30b41d5020a454cd7a0adc1b67e3931b
https://rapidgator.net/file/330df6b9bb172fea325a2b8f27314561
https://rapidgator.net/file/fc728dde8d582436eb356808ed245d62
https://rapidgator.net/file/2b3a6216ae5f5b3fc0576b07b71159b6
https://rapidgator.net/file/df671b66c45d8b8e8f343ca0f1499766
https://rapidgator.net/file/24568e0bc421cb921f272c2494e800fd
https://rapidgator.net/file/c97455e3702b503abfcbc79febc57336
https://rapidgator.net/file/7dfb276b7469308308379e914273262e
https://rapidgator.net/file/4be45b484f6f0c19cc1645bea110aa21
https://rapidgator.net/file/998c6af73fffb7db0d7cc52ac091bb49
https://rapidgator.net/file/f3090db52780be2300408bddcf05421f