Modern Web Development: Building Interfaces
Building real, production-shaped interfaces with routing, data, and interaction depth.
Course overview
This live-session course moves beyond isolated components into full interfaces: routing between views, handling real data shapes, and building interaction patterns that hold up under actual use. Sessions are built around live build-alongs and code review.
What you’ll learn
- Structure multi-page applications with clear data flow
- Build accessible, interactive components from scratch
- Give and receive meaningful code review
- Debug real interface bugs systematically
Curriculum
5 chapters · 18 lessons · 8h 20m
Structuring an application, not just a component.
- Routing and view structure18m
- Data flow across a multi-view app20m
- Live session: architecture walkthrough45m
Interaction patterns that hold up.
- Building accessible interactive components22m
- Handling real-world data shapes19m
- Live session: build-along, a filterable data table55m
Code review as a skill.
- Reviewing code for correctness and clarity16m
- Live session: peer code review workshop50m
Debugging systematically under real conditions.
- A systematic approach to debugging interfaces17m
- Live session: live debugging clinic45m
- Performance and layout-shift troubleshooting16m
Build and present a complete interface application.
- Project brief: a learning-path progress interface10m
- Live session: final project presentations50m
Requirements
- Completion of Modern Web Development: Foundations or equivalent
- Availability for weekly live build sessions
Who this is for
- Developers ready to build production-shaped interfaces
- Bootcamp graduates preparing for their first role
- Designers-turned-developers formalizing their skills
Related courses
Modern Web Development: Foundations
Component-driven, typed front-end development as it is actually practiced on real teams today.
Leadership & Decision Making
The mechanics of good judgment — how experienced leaders decide when the answer isn't obvious.
Decision Making Under Uncertainty
Advanced decision practice for situations with incomplete information and real consequences.