Prototyping with Angular? YES

on YouTube ↗20m

" summary

Shows concrete tricks for making Angular prototypes measurable and editable: adds Angular Google Analytics to capture timed events and video metrics, uses ngAria to turn divs into keyboard- and screen-reader friendly controls, pulls live content from Google Sheets via Apps Script into scope variables, and wires URL parameters, cubic-bezier values and the Web Speech API to toggle design options. Delivers a reusable directive library and demoed working integrations rather than abstract advice.

AI-written summary · about

" chapters (11)

1. 0:00Start
2. 1:03User Experience Engineers
3. 2:03Why use Angular for prototyping?
4. 5:02Data Driven Design Decisions
5. 5:19Versions
6. 10:44Accessibility
7. 11:14Angular apps inaccessible?
8. 11:38A solid Foundation
9. 12:12ARIA Accessible Rich Internet Applications
10. 13:04Keyboard support Without help only Form Elements and Links are reachable with Keyboard only
11. 17:12Google Apps Script

" related talks

• 21mAngular for DesignersStephen Fluin · NGConf 2018
• 38mIntroduction to AngularJSShyam Seshadri · AngularJS Miniconf 2014
• 27mAngular RenaissanceMinko Gechev · DevWorld 2024
• 23mUsing StackBlitz & Angular for Rapid App PrototypingAlbert Pai, Eric Simons · NGConf 2018
• 32mangular.jsMiško Hevery · JSConf US 2011
• 56mTechniques and practices for testing AngularDuncan Hunter, Adam Stephensen · NDC Sydney 2017
• 46mThe Amazing Angular 2Gerard Sans · Jazoon TechDays Spring 2016 Bern
• 40mAdvanced UI, Plugins and Components in AngularJSMatias Niemelä · Spotlight: AngularJS 2014