https://egghead.io/courses/angular-2-fundamentals
Heads-up: This course is dated. It is still useful and covers many of the core concepts that you will find in Angular 2. Some of the syntax has changed with the latest pre-releases. We are in the process of creating piles of amazing content for Angular 2's upcoming release. You should probably spend some time with the RxJS courses in the meantime. 😄 Angular 2 is currently in pre-release, but it's time to start learning the basics and the "Angular 2 Way" of building applications. In Angular 2, the component is the core primitive building block of your application. This series of lessons you will dive into components, and learn how they are assembled in Angular 2. It should be noted that Angular 2 is beta software! We will be keeping these lessons as up to date as possible. If you want a deep-dive into getting started with your TypeScript development environment, check out this course: Up and Running with TypeScript
- Say "Hello World" to Angular 20:50
- Writing a Simple Angular 2 Component 1:43
- Using events and refs 1:22
- Events in Depth 1:02
- Injecting a Service 2:37
- Using the @Inject decorator 1:23
- Using ng-for to repeat template elements 3:08
- Using ng-model for two-way binding 1:19
- Adding a data model 2:19
- Template property syntax 1:39
- Passing data to components with @Input 1:38
- ng-class and Encapsulated Component Styles 0:56
- Controlling how Styles are Shared with View Encapsulation 2:03
- Using Pipes to Filter Data 2:24
- Using Array ...spread to enforce Pipe immutability. 1:54
- Refactoring mutations to enforce immutable data in Angular 24:16
- Build a select dropdown with *ngFor in Angular 24:21
- Filter items with a custom search Pipe in Angular 23:15
- Organizing Angular 2 projects by feature 2:23
- Overview of Angular 2 and what to learn next... 4:33