📚 Syllabus & Course Curriculum
Data Science & Analytics
Module-by-module breakdown of CSS Grid, Flexbox, and JavaScript: Building Responsive Websites, from foundations to a certified capstone project.
Layout Model
• Box model, display types and the containing block
• Normal flow, floats and positioning, and why layout hacks were needed historically
• Browser DevTools as the primary way to understand a broken layout
Flexbox
• Main and cross axis, justify-content and align-items
• Flex grow, shrink and basis, and the sizing behaviour that surprises people
• Navigation bars, card rows and centring done properly
Grid
• Explicit and implicit grids, template areas and line-based placement
• minmax, auto-fit and auto-fill for layouts that respond without breakpoints
• Choosing Grid or Flexbox rather than treating them as alternatives
Responsive
• Mobile-first breakpoints, relative units and container queries
• Responsive images, srcset and the performance cost of getting it wrong
• Accessibility: focus order, contrast, reduced motion and semantic markup
Interaction
• DOM selection, events and delegation
• Progressive enhancement so core content works without scripting
• Debouncing, layout thrashing and keeping interaction responsive
Earn government-registered certification in CSS Grid, Flexbox, and JavaScript: Building Responsive Websites
e-Certificate and e-Marksheet issued on successful completion.
