Angular 2: Getting Started
summary
Shows how to scaffold an Angular 2 demo app with the CLI and build a TCC Manager app in Visual Studio Code using Components for a training list and a detail view. Connects components with @Input/@Output EventEmitter and class binding, encapsulates data in a Service first using ReplaySubject then via HTTP with rxjs map, runs the app with ng serve and a proxy to localhost:3000, and configures routing with routes and RouterOutlet; the live demo demonstrates selection and styling but had minor IDE/compile pauses and left getById detail loading unfinished.
AI-written summary · about
chapters (25)
- 0:00Angular 2 intro
- 1:33Live demo goals
- 2:16Tooling and CLI setup
- 3:20New project with CLI
- 4:42Development setup
- 7:32Bootstrapping app
- 8:15Understanding components
- 10:22Master-detail components
- 12:12Generate components
- 13:15Property bindings
- 17:15Display lists with NG-Repeater
- 18:18Component registration
- 20:05Events and outputs
- 21:49Component communication
- 23:54Training details
- 26:44Dynamic class binding
- 28:31Services and DI
- 33:09Async data with Observables
- 38:26HTTP backend
- 43:48Error handling
- 46:58Routing config
- 50:55Nested routes
- 57:25Data flow in routing
- 59:10Router links
- 1:00:14Summary
