https://egghead.io/courses/building-angular-2-components
Angular 2 has introduced many new concepts around how to construct components. There's new template syntax, a new event system, a new transclusion system, life cycle hooks, a renderer, and on and on. If you're familiar with Angular 1 and you're looking for Angular 2 $scope, Angular 2 $compile, Angular 2 transclusion, and everything about Angular 2 components then this course is exactly what you're looking for.
- Create an Angular 2 Hello World Component 2:32
- Structure a Basic Angular 2 Application 1:16
- Create Application-Specific Angular 2 Components 2:51
- Create Shareable Angular 2 Components 4:17
- Share a Service Across Angular 2 Components and Modules 2:51
- Angular 2 Smart Components vs Presentation Components 2:25
- Style Angular 2 Components 3:43
- Nesting Elements in Angular 2 Components with ng-content (AKA Angular 2 Transclusion) 2:21
- Select From Multiple Nested Angular 2 Elements 3:02
- Manipulate and Access DOM Elements with Angular 2 Renderer 3:46
- Generate Angular 2 Components Programmatically with entryComponents 4:12
- Set Properties on Dynamically Created Angular 2 Components 1:47
- Order Dynamic Components Inside an Angular 2 ViewContainer 2:08
- Move and Delete Angular 2 Components After Creation 2:25
- Generate and Render Angular 2 Template Elements in a Component 1:25
- Set Values on Generated Angular 2 Templates with Template Context 0:58