In just 24 sessions of one hour or less, students will be up and running with AngularJS in their Microsoft .NET environment. Using a straightforward, step-by-step approach, each lesson builds on their .NET skills and knowledge, helping them quickly learn the essentials of AngularJS, and use it to streamline any web development project.



Table of Contents:
&>

Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

HOUR 1: Introducing Modern Front-End Development . . . . . . . . . . . . . . . . . . . . . 5

Why Does Everything Look So Different? . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

How Is the Code Different? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
Options for Front-End Development . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
Why Angular? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
Why Is Angular 1 Still Relevant? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

HOUR 2: Presenting JavaScript Patterns . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Five JavaScript Tips and Tricks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
JavaScript Patterns . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

HOUR 3: Tinkering with Tools for Modern Front-End Development . . . . . . . . . . . 29
The Tool Landscape . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29
Node . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
Package Management . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36

HOUR 4: Mastering Modules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37
Angular Modules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37
Creating Modules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 40

HOUR 5: Covering Controllers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41
Angular Controllers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41
$scope . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42
Controller Inheritance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44
What Should and Shouldn’t Go into a Controller . . . . . . . . . . . . . . . . . . . . 45
Best Practices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 45
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47

HOUR 6: Understanding Views, Data Binding, and Event Handling . . . . . . . . . . . 49
Angular Views . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 49
Data Binding . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50
Two-Way Data Binding with ng-model . . . . . . . . . . . . . . . . . . . . . . . . . . . 53
Data Binding Performance . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55
Multiple Controllers in a View . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58
Multiple Templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58
Angular Event Binding . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59
View Best Practices . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62

HOUR 7: Discovering Services: Part I . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63
Angular Services . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63
Service Versus Factory . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64
Using Services . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70

HOUR 8: Discovering Services: Part II . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
Using Services for a DAL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71
Promises and $q . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78

HOUR 9: Using Built-In Directives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79
Angular Directives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79
Built-In Angular Directives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87

HOUR 10: Conquering Custom Directives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89
Why Custom Directives? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90
Link Function . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92
Directive Scope . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94
Element Versus Attribute . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 102

HOUR 11: Depending on Dependency Injection . . . . . . . . . . . . . . . . . . . . . . . 103
Inversion of Control and Dependency Injection . . . . . . . . . . . . . . . . . . . . 103
Dependency Injection in .NET . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 104
Using Angular’s DI . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109

HOUR 12: Rationalizing Routing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111
Routing in a Single-Page App . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111
Setting Up Routing with Angular . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112
Cleaning Up your URLs with HTML5 Mode . . . . . . . . . . . . . . . . . . . . . . . 117
Executing Code Before a Route Change with a Resolve . . . . . . . . . . . . . . . 118
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 121

HOUR 13: Actualizing Application Organization . . . . . . . . . . . . . . . . . . . . . . . 123
Angular in a Single File . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123
Breaking Your Application into Separate Files . . . . . . . . . . . . . . . . . . . . . 124
Organizing Your Application by File Type . . . . . . . . . . . . . . . . . . . . . . . . 126
Organizing Your Application by Feature . . . . . . . . . . . . . . . . . . . . . . . . . 126
Application Pro Tips . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128

HOUR 14: Figuring Out Filters . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 129
Examples of Formatting with Built-In Angular Filters . . . . . . . . . . . . . . . . 129
Create Your Own Angular Filter . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132
Using a Filter to Search on ng-repeat . . . . . . . . . . . . . . . . . . . . . . . . . . . 143
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147

HOUR 15: Approaching Angular Patterns . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149
Design Patterns . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149
Controller Patterns and Principles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 150
Service Patterns and Principles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151
Angular Architecture Patterns . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 153
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154

HOUR 16: Making Components Communicate . . . . . . . . . . . . . . . . . . . . . . . . 155
Communication Between Components . . . . . . . . . . . . . . . . . . . . . . . . . . 155
Calling Directive Functions from a Controller . . . . . . . . . . . . . . . . . . . . . 157
Using $watch to Communicate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161
Using Events to Communicate . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165
Nested Controller Communication . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 172
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173

HOUR 17: Demonstrating Deployment . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175
Automating Deployment Tasks . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175
Writing Production-Ready Angular Code . . . . . . . . . . . . . . . . . . . . . . . . . 177
Error-Checking Your Angular Code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178
Minifying and Concatenating Your Angular Code . . . . . . . . . . . . . . . . . . 181
Deploying Your Angular Code to Microsoft Azure . . . . . . . . . . . . . . . . . . 182
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184

HOUR 18: Unraveling Unit Tests . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185
Unit Testing in Angular . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185
Karma and Jasmine . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186
Getting Everything Set Up . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186
Testing Controllers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189
Testing Services . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 191
Testing Directives . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 196
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198

HOUR 19: Destroying Debugging . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199
Debugging Strategies and Tips . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 199
Tools . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 223

HOUR 20: Applying Angular to ASP.NET Web Forms . . . . . . . . . . . . . . . . . . . . 225
Strategies for Modernizing Web Applications . . . . . . . . . . . . . . . . . . . . . . 225
Translating Web Forms into Angular . . . . . . . . . . . . . . . . . . . . . . . . . . . 226
Augment Web Forms with Angular . . . . . . . . . . . . . . . . . . . . . . . . . . . . 239
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 245
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246

HOUR 21: Applying Angular to ASP.NET MVC . . . . . . . . . . . . . . . . . . . . . . . . . 247
Building a Sample ASP.NET MVC App . . . . . . . . . . . . . . . . . . . . . . . . . . 247
Adding Angular to an ASP.NET MVC App . . . . . . . . . . . . . . . . . . . . . . . . 256
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 263
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 264

HOUR 22: Using Angular with ASP.NET Web API . . . . . . . . . . . . . . . . . . . . . . 265
Single-Page Apps with Angular and Web API . . . . . . . . . . . . . . . . . . . . . 265
Creating a Simple Web API . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 266
Consuming the Web API in Angular . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273
Consuming Other APIs with Angular . . . . . . . . . . . . . . . . . . . . . . . . . . . 285
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 291
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292

HOUR 23: Using Angular with ASP.NET SignalR . . . . . . . . . . . . . . . . . . . . . . . 293
When Should You Use SignalR? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293
Configuring SignalR . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 294
Adding SignalR to the OWIN Pipeline . . . . . . . . . . . . . . . . . . . . . . . . . . . 294
Sending SignalR Messages in Your API . . . . . . . . . . . . . . . . . . . . . . . . . . 297
Receiving SignalR Messages in Angular . . . . . . . . . . . . . . . . . . . . . . . . . 299
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 305
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 305
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306

HOUR 24: Focus on the Future . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 307
What’s the Current Status of Angular? . . . . . . . . . . . . . . . . . . . . . . . . . . 307
What’s Changing in Angular 2? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 308
How Can You Prepare for Angular 2? . . . . . . . . . . . . . . . . . . . . . . . . . . . 309
ES6 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311
Web Components . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 312
Why the First 23 Hours of This Book Are More Important Than This Last Hour . .  . . 315
Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316
Q&A . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316
Workshop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 316
Exercise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 317

Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319