Front-End Development with HTML and CSS

📚 Course Curriculum

Week	📖 Lecture	🧪 Lab
Week 1	Introduction to the Web and Developer Workflow	Lab 1: Exploring the Web Ecosystem
Week 1	HTML Fundamentals and Document Structure	Lab 2: Building Your First Web Page
Week 2	Forms, Media, and Accessibility	Lab 3: Accessible Forms & Media Integration
Week 2	Version Control	Lab 4: Collaborative Version Control
Week 3	CSS Foundations: Selectors, Properties, and the Cascade	Lab 5: Styling a Personal Profile Page
Week 3	Layout Technique: Flexbox and Grid	Lab 6: Building a Multi-Section Layout
Week 4	Responsive Design and Media Queries	Lab 7: Designing for Every Device
Week 4	Design Systems and Visual Hierarchy	Lab 8: Creating a Visual Design System
Week 5	JavaScript for Front-End Developers	Lab 9 Adding Interactivity to a Web Page
Week 5	DOM Events, User Interaction, and Asynchronous Data Integration	Lab 10: Building a Responsive Interface
Week 6	Performance and Accessibility Optimization	Lab 11: Auditing for Speed and Inclusion
Week 6	Cross-Browser Testing and Debugging	Lab 12: Debugging Across Platforms
Week 7	Advanced CSS and Modular Design	Lab 13: Refactoring Modular CSS Architecture
Week 7	Type-Safe Styling and LLM Code Reviews	Lab 14: Creating Reusable Style Components
Week 8	Front-End Testing and Quality Assurance	README
Week 8	Capstone Project: Multi-Page Front-End Portfolio	Capstone Project: Multi-Page Front-End Portfolio