Paving the Way to Construction
summary
Argues that architectural design steps—site constraints, navigation tree, coarse mockups, fine blueprints—produce cleaner web apps; uses Angular components, templates and routers and Material Design elements to scaffold a real digital-portfolio (project list, add/edit screens, responsive web and mobile). Reports planning uncovers missing elements before coding, yields more scalable maintainable code and better time estimates, and recommends explicit pen‑and‑paper drafts before implementation.
AI-written summary · about
chapters (19)
- 0:00Introduction
- 1:46Overview
- 3:00Design Task
- 3:55Sketching
- 4:23Scale
- 4:50Group blueprints
- 5:15Web applications
- 5:36Web house analogy
- 6:28Web application example
- 7:40Web application components
- 8:28Sketch
- 8:54Mockups
- 10:10What do we learn
- 10:45Finer details
- 11:37Recap
- 12:10Why is this important
- 14:07What is a build
- 14:23Building design
- 15:36Example
related talks
21mAngular for Designers
24mA Frameworkless Approach to Building Your Single Page Application
18mSoftware Architecture Building Better Applications with Architecture Best Practices
28mFrom Scratch to Screen: The Art of Component Design in Angular
31mDummy to App
15mWhy You Should be Building Design Systems and CSS Architectures
56mThe Web, Its Frameworks and Its Standards: Deconstruct to (Re?)Construct
48mA practical guide to style guide driven development