[go: up one dir, main page]
Scribd
Upload
101 views2 pages

HTML CSS Complete 100 Days Course

The '100 Days of HTML & CSS Course' is structured to transform beginners into advanced developers through daily lessons, tasks, and mini projects over 100 days. It is divided into four phases covering HTML basics, CSS fundamentals, intermediate concepts, and advanced projects. Each phase culminates in a review and quiz to reinforce learning.

Uploaded by

babaraliarain2211
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
101 views2 pages

HTML CSS Complete 100 Days Course

The '100 Days of HTML & CSS Course' is structured to transform beginners into advanced developers through daily lessons, tasks, and mini projects over 100 days. It is divided into four phases covering HTML basics, CSS fundamentals, intermediate concepts, and advanced projects. Each phase culminates in a review and quiz to reinforce learning.

Uploaded by

babaraliarain2211
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

100 Days of HTML & CSS Course

This course is designed to take you from complete beginner to advanced HTML & CSS developer in
100 days. Each phase includes daily lessons, tasks, and mini projects to solidify your understanding.

Phase 1: HTML Basics (Days 1-25)


- Day 1-3: Intro to HTML & Editor Setup
- Day 4-6: Headings, Paragraphs, Text Tags
- Day 7-8: Links & Images
- Day 9-11: Lists (ul, ol), Tables
- Day 12-13: Forms (inputs, buttons)
- Day 14-15: Semantic Tags (header, footer)
- Day 16-18: Multimedia (audio/video)
- Day 19-20: HTML Entities, Comments
- Day 21-24: Mini Project: Personal Bio Site
- Day 25: Review & Quiz

Phase 2: CSS Basics (Days 26-50)


- Day 26-28: Intro to CSS, Syntax, Selectors
- Day 29-31: Colors, Units, Typography
- Day 32-34: Box Model: Margin, Padding
- Day 35-36: Backgrounds, Gradients
- Day 37-38: Borders, Shadows
- Day 39-41: Flexbox Layout System
- Day 42-43: Positioning (static to fixed)
- Day 44-45: Hover, Focus, Pseudo-classes
- Day 46-49: Mini Project: Styled Portfolio
- Day 50: Review & Quiz

Phase 3: Intermediate HTML + CSS (Days 51-75)


- Day 51-52: Navigation Bars
- Day 53-54: CSS Grid
- Day 55-56: Forms + Validation Styling
- Day 57-59: Media Queries & Responsiveness
- Day 60-62: CSS Variables, calc()
- Day 63-64: Animations & Transitions
- Day 65-66: Glassmorphism & Neumorphism
- Day 67-68: Web Fonts & FontAwesome
- Day 69-72: Dark/Light Mode Toggle
- Day 73-74: Mini Project: Resume Website
- Day 75: Review & Quiz

Phase 4: Advanced & Projects (Days 76-100)


- Day 76-78: Landing Page Design
- Day 79-81: Product Card with Flex/Grid
- Day 82-84: Animated Form Design
- Day 85-87: Image Gallery with Filters
- Day 88-90: Responsive CV Template
- Day 91-93: Multi-page Website Project
- Day 94-95: Debugging & Optimization
- Day 96-97: Hosting with GitHub Pages
- Day 98-99: Final Project Submission
- Day 100: Showcase + Get Certificate

You might also like