Front-End Web Development

Description

Front-End Web Development

Overview:
From first HTML tag to performant, component-driven interfaces used in modern teams.

What You’ll Learn by Level:
– Beginner (Foundation):
• HTML semantics; CSS basics (flexbox, responsive units); Git intro
• Accessibility fundamentals: alt text, focus order, headings
• Project: single-page website with responsive layout
– Intermediate (Applied):
• Modern CSS (grid, custom properties); JS fundamentals (DOM, fetch)
• Tooling: npm scripts, modules, bundling basics; GitHub workflows
• Project: multi-page site with components + API data
– Advanced (Professional):
• Architecture: BEM/utility, design tokens, performance budgets
• Accessibility deep-dive (ARIA patterns), testing (Lighthouse, unit tests)
• Handoff: documentation & Storybook-style component library
• Capstone: component library + demo app

Course Structure & Inclusions:
– Starter repos, code sandboxes, checklists
– Intermediate/Advanced: code reviews + CI templates
– Certificates per level

Modules:
1) HTML
2) CSS
3) JavaScript
4) Components
5) Accessibility
6) Performance