Angular 2: Built for Huge, Long-lasting Applications
summary
Live-coding a small Random User app on the Angular 2 alpha shows concrete choices: ES6/TypeScript classes and ES6 modules/classes for components, explicit per-component dependency injection, a separate RandomUser service using axios, and a user-card component with a loading spinner inserted via Web Components content projection. Zone.js handles async updates; change detection claims 3–10x faster. Demo mostly works on the bleeding-edge alpha but a few APIs (HTTP, pipes) remain incomplete.
AI-written summary · about
chapters (36)
- 0:00Intro
- 0:18About Kent
- 4:41Outline
- 5:11Demo
- 7:25ES6 vs ES5
- 9:15Bootstrap Main
- 9:53No Directive Annotation
- 10:45Component Annotation
- 11:34Template Annotation
- 12:55App Example
- 13:40Create User Card
- 14:10Create Random User
- 14:44Change Template
- 17:08Testing
- 17:30Building
- 18:00CSS
- 18:43Controller
- 19:47Binding Data
- 20:55Template Syntax
- 24:56Binding to User
- 25:36Pipes
- 26:06Binding
- 26:34Change User
- 26:45Set Timeout
- 27:03Arrow Functions
- 27:45Timeout
- 29:36Iterating
- 30:05Get New User
- 30:21Button
- 33:43Get New Users
- 34:00Business Logic
- 34:33Random User
- 36:58Explicit Dependencies
- 39:55Loading Spinner
- 40:58Loading Indicator
- 49:42Resources
