100 Days Of Html, Css & Javascript - Build 100 Projects
[center]
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 [/center] 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
Sitemiz, hukuka, yasalara, telif haklarına ve kişilik haklarına saygılı olmayı amaç edinmiştir. TR AKDAG web sitesi hayvan severlerin oluşturduğu bir platformdur. sitemizde kumar, bahis vb. yasadışı faaliyetlerin sağlanması söz konusu değildir. trakdag.com daki videolar internet ortamında yayın yapan diğer video sitelerinden alıntıdır. Sitemiz, 5651 sayılı yasada tanımlanan "yer sağlayıcı" olarak hizmet vermektedir. 5651 Sayılı kanun’un 8. maddesine ve T.C.K’nın 125. maddesine göre TÜM ÜYELERİMİZ yaptıkları paylaşımlardan sorumludur. İlgili yasaya göre, site yönetiminin hukuka aykırı içerikleri kontrol etme yükümlülüğü yoktur. Bu sebeple, sitemiz "uyar ve kaldır" prensibini benimsemiştir. sitemiz de sansürlenmemiş içerik yoktur. telif hakkına konu olan eserlerin yasal olmayan bir biçimde paylaşıldığını ve yasal haklarının çiğnendiğini düşünen hak sahipleri veya meslek birlikleri, hakkında admin@trakdag.com mail adresinden bize ulaşabilirler. Buraya ulaşan talep ve şikayetler tarafımızdan incelenerek, şikayet yerinde görüldüğü takdirde ihlal olduğu düşünülen içerikler sitemizden kaldırılacaktır. ayrıca, mahkemelerden talep gelmesi halinde hukuka aykırı içerik üreten ve hukuka aykırı paylaşımda bulunan üyelerin tespiti için gerekli teknik veriler sağlanacaktır.
TR KANGAL AKDAG Media
100 Days Of Html, Css & Javascript - Build 100 Projects
![[Resim: f56a98afec0942f7dbcb273a20fcbd96.jpg]](https://i126.fastpic.org/big/2026/0206/96/f56a98afec0942f7dbcb273a20fcbd96.jpg)