Course Overview
Learn the practical foundation of frontend development through hands-on lessons, guided assignments, and portfolio-ready projects. Students move from basic layout to responsive pages, component thinking, Git usage, and deployment confidence.
What students will learn
- Understand website structure and responsive design
- Write clean HTML, CSS, and JavaScript
- Build reusable interface sections
- Deploy a polished starter portfolio
Curriculum
- Module 01Introduction to Web Basics
Understand how websites are planned, structured, and viewed in browsers before writing code.
Practice: Create a one-page content map and basic webpage skeleton.
- Module 02HTML Structure and Semantics
Learn clean document structure, semantic tags, links, media, and accessible page foundations.
Practice: Build a structured landing page with meaningful sections.
- Module 03CSS Layouts and Responsive Design
Practice spacing, typography, flex/grid layouts, and mobile-first responsive design decisions.
Practice: Create a responsive course page section.
- Module 04JavaScript Essentials
Learn interaction basics, DOM updates, events, data handling, and simple interface behavior.
Practice: Add interactive tabs or form states to a page.
- Module 05Git, GitHub, and Deployment
Use version control, organize project commits, and publish a starter portfolio online.
Practice: Deploy the final portfolio project.