Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Angular 2 with TypeScript for Beginners: The Pragmatic Guide
Getting Started with Angular 2
1- What is Angular 2 (2:59)
2- Architecture of Angular 2 Apps (4:53)
3- TypeScript (3:51)
4- Setting Up the Development Environment (1:38)
5- Your First Angular 2 App (4:36)
6- TypeScript Compilation (3:13)
Angular Dependencies
angular2-seed
The Big Picture
1- Introduction (0:30)
2- Creating Components (4:23)
3- Using Components (5:25)
4- Templates (4:30)
5- Services (2:32)
6- Dependency Injection (5:46)
7- Angular Basics Cheat Sheet
8- Exercise (0:57)
9- Code Review (2:22)
10- Directives (7:39)
11- Summary (0:26)
Boilerplate
Completed
Displaying Data and Handling Events
1- Introduction (0:22)
2- Property Binding (3:25)
3- Class Binding (1:48)
4- Style Binding (1:10)
5- Event Binding
6- Two-way Binding (5:23)
7- Bindings Cheat Sheet
8- Exercise (1:35)
9- Code Review (1:39)
10- Summary (0:25)
Building Re-usable Components
1- Introduction (0:21)
2- Component API (1:42)
3- Input Properties (4:27)
4- Output Properties (4:31)
5- Templates (2:55)
6- Styles (3:31)
7- Angular Components Cheat Sheet
8- Exercise (1:15)
9- Code Review (2:35)
10- Exercise 2 (3:25)
11- Code Review 2 (4:10)
12- Challenge (2:17)
13- Summary (0:34)
Controlling Rendering of HTML
1- Introduction (0:19)
2- ngIf (4:30)
3- ngSwitch (7:04)
4- ngFor (2:13)
5- Leading Asterisk (2:22)
6- ngClass (2:23)
7- ngStyle2 (1:58)
8- Elvis Operator (3:15)
9- ngContent (5:45)
10- Angular Templates Cheat Sheet
11- Exercise (1:51)
12- Code Review (3:32)
13- Solution - ZippyComponent
14- Summary (0:36)
Building Forms with Simple Validation
1- Introduction (0:34)
2- Building a Basic Form (7:00)
3- Control and ControlGroup (3:18)
4- ngControl (6:13)
5- Showing Validation Erros (7:00)
6- Showing Specific Validation Errors (6:05)
7- ngForm (5:17)
8- Disabling the Submit Button (1:27)
9- Angular Template-driven Forms Cheat Sheet
10- Exercise (1:10)
11- Solution - Template-driven Forms
12- Summary (0:41)
Building Forms with Complex Validation
1- Introduction (0:20)
2- Building a Basic Form (0:47)
3- Creating Controls Explicitly (8:43)
4- Using FormBuilder (2:29)
5- Implementing Custom Validation (6:58)
6- Async Validation (8:37)
7- Showing a Loader Image (1:48)
8- Validating Upon Form Submit (3:09)
9- Angular Model-driven Forms Cheat Sheet
10- Exercise (2:51)
11- Exercise - Model-driven Form
12- Solution - Model-driven Forms
13- Summary (0:54)
Introduction to Reactive Extensions
1- Introduction (0:33)
2- What is Reactive Extensions (1:48)
3- Callback Hell (5:51)
4- Observables (2:47)
5- SeedForObservables
6- Creating Observables (2:43)
7- Using Observable Operators (4:19)
8- Transforming Observables (5:37)
9- Canceling Subscriptions (0:52)
10- Importing Operators (2:26)
11- Exercise (0:53)
13- Summary (0:56)
12- Adventures in Rx
Connecting to the Server
1- Introduction (0:14)
2- A Simple RESTful API (1:32)
3- Getting Data (6:30)
4- Sending Data (1:48)
5- Dependency Injection (5:11)
6- Component Lifecycle (2:56)
7- Static Type Checkign (5:42)
8- Adding a Loader Icon (3:39)
9- Using Promises (1:29)
10- Accessing Cross Domain (2:38)
11- Connecting to the Server Cheat Sheet
12- Exercise (0:47)
13- Exercise - Http
14- Code Review (4:39)
15- Solution - Connecting to the Server
16- Summary (0:29)
Building Single Page Apps
1- Introduction (0:18)
2- Seed Project (0:47)
3- Routing - Seed Project
4- Enabling Routing (3:09)
5- Configuring Routes (5:10)
6- Router Outlet (2:21)
7- Adding Links (5:46)
8- Route params (4:45)
9- Imperative Navigation (1:44)
10- Implementing Dirty Checking (5:44)
11- Structuring Large Apps (1:45)
12- Angular Routers Cheat Sheet
13- Exercise (1:42)
14- Solution - Routers
15- Summary (0:47)
Building a Real-world App (CRUD Operations)
1- Introduction (0:40)
1- Building an App - Seed Project
2- Adding a Navbar (2:07)
3- Code Review (2:05)
4- Setting Up a Basic SPA (1:13)
5- Code Review (1:47)
6- Setting Up a Basic SPA - Common Issues
7- Highlighting the Current Menu (1:53)
8- Displaying the List of Users (1:14)
9- Displaying List of Users - Common Issues
10- Building a Form (1:54)
11- Bootstrap Grid System
12- Implementing Validation (1:38)
13- Implementing Dirty Tracking (0:41)
14- Creating a User (1:34)
15- Cleaning a Form Upon Submit
16- Code Review (2:14)
17- Editing a User (2:48)
18- Code Review and Refactoring (4:52)
19- Updating a User (1:12)
20- Deleting a User (1:14)
Building a Real-world App (More Challenges)
1- Introduction (0:44)
2- Displaying the List of Posts (0:54)
3- Adding a Loader Icon (0:21)
4- Refactoring (1:38)
5- Master Detail (1:52)
6- Styles for list of posts
7- Loading Related Objects (2:25)
8- Reusing the Spinner component (0:28)
9- Cleaning the Code (0:56)
10- Filtering (1:26)
11- Implementing Filtering (9:21)
12- Pagination (1:36)
13- Pagination Component Requirements
14- Using External Libraries (4:48)
15- Paging with Underscore (2:19)
16- Restrucutring the App (3:46)
17- Updates after Moving Files
Appendix: From Beta to Release Candidate
1- Introduction (0:31)
2- From Beta7 to RC1 (2:38)
3- Angular Beta7 to RC1 Cheat Sheet
4- Seed Project RC (2:09)
5- angular2-seed-rc1
6- Upgrading (4:41)
Boilerplate
Download
Boilerplate.zip
Complete and Continue