Course 01 Detail Sheet
HTML + CSS + JavaScript in 28 Days
"From zero to a live website in four weeks."
28Total days of learning
4Learning phases
28Recorded sessions
1Live deployed project
Curriculum & Timeline Detailed Breakdown
Phase 01Days 1–77 hours total
HTML — Structure First
HTML boilerplateh1–h6, p, br, strong, emLinks & imagesLists & navigationDivs & containersSemantic tagsForms, inputs, buttons
Outcome: A fully semantic static profile page with contact form
Phase 02Days 8–147 hours total
CSS — Make It Look Real
Box modelColors & Google FontsSelectors & specificityFlexbox (full)CSS GridMedia queries & responsiveCSS variables & transitions
Outcome: A responsive styled landing page — hero, cards, footer
Phase 03Days 15–217 hours total
JavaScript — Make It Respond
let & constFunctions & logicDOM manipulationEvents (click, input, keydown)Arrays & loopsObjects & JSONFetch API & async/awaitlocalStorage
Outcome: Interactive to-do list with persistence across refresh
Phase 04Days 22–287 hours total
Capstone Build — DevLinks
Semantic HTML scaffoldCSS variables themeResponsive layoutDark/light mode toggleCopy-link button (JS)Visit counter (localStorage)GitHub Pages deployment
Outcome: DevLinks — a personal link-in-bio page live on the internet
Capstone Project
🌐 Live on GitHub PagesDevLinks — Personal Link-in-Bio Page
A fully functional, mobile-responsive personal page where students showcase their profile, social links, and bio. Students walk away with a real URL they can share with anyone — a portfolio piece from Day 28.
Semantic HTML5CSS Custom PropertiesFlexbox LayoutResponsive DesignDark / Light Mode ToggleJavaScript DOMlocalStorageCopy-Link ButtonFree Hosting — GitHub Pages