ng-book the complete book on angular6

Table of Contents......Page 4
We'd love to hear from you!......Page 18
Running Code Examples......Page 19
Code Block Numbering......Page 20
Getting Help......Page 21
Technical Support Response Time......Page 22
Chapter Overview......Page 23
Simple Reddit Clone......Page 24
Getting started......Page 26
TypeScript......Page 27
Angular CLI......Page 28
Example Project......Page 29
Running the application......Page 33
Making a Component......Page 35
Component Decorators......Page 37
Adding a template......Page 38
Adding CSS Styles with styleUrls......Page 39
Loading Our Component......Page 40
Adding Data to the Component......Page 41
Working With Arrays......Page 44
Using the User Item Component......Page 47
Rendering the UserItemComponent......Page 48
Passing an Input value......Page 49
Bootstrapping Crash Course......Page 51
bootstrap......Page 53
Expanding our Application......Page 54
Adding CSS......Page 55
The Application Component......Page 56
Adding Interaction......Page 58
Adding the Article Component......Page 62
Creating an Article class......Page 71
Storing Multiple Articles......Page 76
Configuring the ArticleComponent with inputs......Page 77
Rendering a List of Articles......Page 79
Adding New Articles......Page 81
Displaying the Article Domain......Page 82
Re-sorting Based on Score......Page 83
Deployment......Page 84
Building Our App for Production......Page 85
Full Code Listing......Page 86
Getting Help......Page 87
Angular is built in TypeScript......Page 88
What do we get with TypeScript?......Page 89
Types......Page 90
Trying it out with a REPL......Page 91
Built-in types......Page 92
Properties......Page 94
Methods......Page 95
Constructors......Page 97
Inheritance......Page 98
Fat Arrow Functions......Page 100
Template Strings......Page 102
Wrapping up......Page 103
Application......Page 104
The Breadcrumbs Component......Page 105
The Product List Component......Page 106
How to Use This Chapter......Page 108
Product Model......Page 109
Components......Page 110
Component template......Page 112
Adding A Product......Page 113
Viewing the Product with Template Binding......Page 115
Adding More Products......Page 116
Selecting a Product......Page 117
Listing products using ......Page 118
The ProductsListComponent......Page 121
Component inputs......Page 122
Component outputs......Page 124
Emitting Custom Events......Page 125
Writing the ProductsListComponent Controller Class......Page 127
Writing the ProductsListComponent View Template......Page 128
The Full ProductsListComponent Component......Page 130
The ProductRowComponent Component......Page 132
ProductRowComponent Configuration......Page 133
ProductRowComponent template......Page 134
The PriceDisplayComponent Component......Page 135
The ProductDepartmentComponent......Page 136
NgModule and Booting the App......Page 137
Booting the app......Page 139
Deploying the App......Page 140
A Word on Data Architecture......Page 141
NgIf......Page 143
NgSwitch......Page 144
NgStyle......Page 146
NgClass......Page 149
NgFor......Page 152
Getting an index......Page 157
NgNonBindable......Page 158
Conclusion......Page 159
FormControl......Page 160
FormGroup......Page 161
Our First Form......Page 162
Loading the FormsModule......Page 163
Simple SKU Form: template......Page 164
Try it out!......Page 168
Using FormBuilder......Page 170
Using FormBuilder......Page 171
Using myForm in the view......Page 172
Try it out!......Page 173
Adding Validations......Page 175
Explicitly setting the sku FormControl as an instance variable......Page 176
Custom Validations......Page 182
Watching For Changes......Page 184
ngModel......Page 185
Wrapping Up......Page 187
Dependency Injection......Page 188
Injections Example: PriceService......Page 189
Dependency Injection Parts......Page 193
Playing with an Injector......Page 194
Providing Dependencies with NgModule......Page 198
Using a Class......Page 200
Using a Factory......Page 205
Dependency Injection in Apps......Page 208
More Resources......Page 209
Introduction......Page 210
import from @angular/common/http......Page 211
A Basic Request......Page 212
Building the SimpleHttpComponent template......Page 213
Building the SimpleHttpComponent Controller......Page 214
Full SimpleHttpComponent......Page 216
Writing a YouTubeSearchComponent......Page 217
Writing a SearchResult......Page 218
Writing the YouTubeSearchService......Page 219
Writing the SearchBoxComponent......Page 224
Writing SearchResultComponent......Page 231
Writing YouTubeSearchComponent......Page 232
Making a POST request......Page 236
PUT / PATCH / DELETE / HEAD......Page 237
Summary......Page 238
Why Do We Need Routing?......Page 239
How client-side routing works......Page 240
The evolution: HTML5 client-side routing......Page 241
Imports......Page 242
Routes......Page 243
Installing our Routes......Page 244
RouterOutlet using ......Page 245
Putting it all together......Page 247
HomeComponent......Page 249
ContactComponent......Page 250
Application Component......Page 251
Configuring the Routes......Page 252
Routing Strategies......Page 254
Running the application......Page 255
Route Parameters......Page 257
ActivatedRoute......Page 258
Music Search App......Page 259
First Steps......Page 261
The SpotifyService......Page 262
The SearchComponent......Page 263
Trying the search......Page 271
TrackComponent......Page 274
Router Hooks......Page 276
AuthService......Page 277
LoginComponent......Page 279
ProtectedComponent and Route Guards......Page 280
Nested Routes......Page 287
Configuring Routes......Page 288
ProductsModule......Page 289
Summary......Page 293
An Overview of Data Architecture......Page 294
Data Architecture in Angular......Page 295
Learning Reactive Programming and RxJS......Page 296
Chat App Overview......Page 298
Components......Page 299
Models......Page 300
Summary......Page 301
Thread......Page 302
Message......Page 303
Implementing UsersService......Page 304
currentUser stream......Page 305
Setting a new user......Page 306
UsersService.ts......Page 307
the newMessages stream......Page 308
The Operation Stream Pattern......Page 310
Sharing the Stream......Page 312
Adding Messages to the messages Stream......Page 313
Our completed MessagesService......Page 316
Trying out MessagesService......Page 319
A map of the current set of Threads (in threads)......Page 321
The currently selected Thread (in currentThread)......Page 326
The list of Messages for the currently selected Thread (in currentThreadMessages)......Page 328
Our Completed ThreadsService......Page 331
Data Model Summary......Page 333
Building Our Views: The AppComponent Top-Level Component......Page 334
The ChatThreadsComponent......Page 337
The Single ChatThreadComponent......Page 338
ChatThreadComponent template......Page 340
The ChatWindowComponent......Page 341
The ChatMessageComponent......Page 351
The ChatMessageComponent template......Page 353
The ChatNavBarComponent @Component......Page 354
The ChatNavBarComponent template......Page 356
Summary......Page 357
Introduction to Redux with TypeScript......Page 359
Redux: Key Ideas......Page 360
What's a reducer?......Page 361
Creating Our First Reducer......Page 362
Running Our First Reducer......Page 363
Adjusting the Counter With actions......Page 364
Reducer switch......Page 365
Action ``Arguments''......Page 367
Storing Our State......Page 368
Being Notified with subscribe......Page 369
The Core of Redux......Page 373
Messaging App state......Page 374
Messaging App actions......Page 375
Messaging App reducer......Page 376
Trying Out Our Actions......Page 379
Action Creators......Page 380
Using Real Redux......Page 382
Using Redux in Angular......Page 384
Defining the Application State......Page 385
Defining the Reducers......Page 386
Creating the Store......Page 387
Providing the Store......Page 389
Bootstrapping the App......Page 390
imports......Page 391
The template......Page 392
The constructor......Page 393
Putting It All Together......Page 395
References......Page 396
Context For This Chapter......Page 398
Components......Page 399
Models......Page 400
Summary......Page 401
Thread......Page 402
Message......Page 403
A Word on Code Layout......Page 404
The UsersState......Page 405
The ThreadsState......Page 406
Visualizing Our AppState......Page 407
Set Current User Action Creators......Page 408
UsersReducer - Set Current User......Page 409
Adding a New Thread Action Creators......Page 410
Adding a New Thread Reducer......Page 411
Adding New Messages Action Creators......Page 412
Adding A New Message Reducer......Page 413
Selecting A Thread Action Creators......Page 415
Selecting A Thread Reducer......Page 416
Building the Angular Chat App......Page 417
The top-level AppComponent......Page 419
The ChatPage......Page 421
Container vs. Presentational Components......Page 422
Building the ChatNavBarComponent......Page 423
Redux Selectors......Page 425
Threads Selectors......Page 426
Unread Messages Count Selector......Page 427
Building the ChatThreadsComponent......Page 428
ChatThreadsComponent Controller......Page 429
ChatThreadsComponent template......Page 431
The Single ChatThreadComponent......Page 432
ChatThreadComponent template......Page 433
Building the ChatWindowComponent......Page 434
The ChatMessageComponent......Page 441
Setting incoming......Page 442
The ChatMessageComponent template......Page 443
Summary......Page 444
Styling......Page 446
View (Style) Encapsulation......Page 449
Shadow DOM Encapsulation......Page 453
No Encapsulation......Page 455
Popup Structure......Page 458
Using ElementRef......Page 460
Binding to the host......Page 462
Adding a Button using exportAs......Page 465
Creating a Message Pane with Content Projection......Page 467
Using ng-content......Page 468
Querying Neighbor Directives - Writing Tabs......Page 470
ContentTabComponent......Page 471
ContentTabsetComponent Component......Page 472
Using the ContentTabsetComponent......Page 474
Lifecycle Hooks......Page 476
OnInit and OnDestroy......Page 477
OnChanges......Page 481
DoCheck......Page 487
AfterContentInit, AfterViewInit, AfterContentChecked and AfterViewChecked......Page 500
Advanced Templates......Page 507
Rewriting ngIf - ngBookIf......Page 508
Rewriting ngFor - NgBookFor......Page 510
Change Detection......Page 516
Customizing Change Detection......Page 520
Zones......Page 527
Observables and OnPush......Page 528
Summary......Page 532
End-to-end vs. Unit Testing......Page 533
Jasmine......Page 534
Angular Unit testing framework......Page 535
Setting Up Testing......Page 536
Testing Services and HTTP......Page 538
Stubs......Page 539
Mocks......Page 540
TestBed.configureTestingModule and Providers......Page 541
Testing getTrack......Page 542
Creating a Router for Testing......Page 549
Mocking dependencies......Page 552
Spies......Page 553
Back to Testing Code......Page 555
fakeAsync and advance......Page 558
Testing ArtistComponent's Initialization......Page 559
Testing ArtistComponent Methods......Page 560
Testing ArtistComponent DOM Template Values......Page 562
Testing Forms......Page 564
Creating a ConsoleSpy......Page 567
Installing the ConsoleSpy......Page 568
Testing The Form......Page 569
Refactoring Our Form Test......Page 571
Testing a POST......Page 575
Testing DELETE......Page 578
Testing HTTP Headers......Page 579
Testing YouTubeSearchService......Page 581
Conclusion......Page 588
Peripheral Concepts......Page 589
What We're Building......Page 590
Mapping AngularJS 1 to Angular......Page 591
The AngularJS 1 App......Page 593
The ng1-app HTML......Page 595
ng1: PinsService......Page 596
ng1: Configuring Routes......Page 598
ng1: / HomeController template......Page 599
ng1: pin Directive template......Page 600
ng1: AddController......Page 602
ng1: AddController template......Page 604
Building A Hybrid......Page 607
Hybrid Project Structure......Page 608
Bootstrapping our Hybrid App......Page 610
What We'll Upgrade......Page 612
A Minor Detour: Typing Files......Page 615
Writing ng2 PinControlsComponent......Page 618
Using ng2 PinControlsComponent......Page 620
Downgrading ng2 PinControlsComponent to ng1......Page 621
Adding Pins with ng2......Page 623
Upgrading ng1 PinsService and $state to ng2......Page 624
Writing ng2 AddPinComponent......Page 625
Exposing an ng2 service to ng1......Page 631
Downgrade ng2 AnalyticsService to ng1......Page 632
Using AnalyticsService in ng1......Page 633
Summary......Page 634
References......Page 635
What is NativeScript?......Page 636
Where NativeScript Differs from Other Popular Frameworks......Page 637
What are the System and Development Requirements for NativeScript?......Page 638
Building and Testing for Android and iOS......Page 640
Installing JavaScript, Android, and iOS Plugins and Packages......Page 641
Planning the NativeScript Page Layout......Page 642
Adding UI Components to the Page......Page 644
Styling Components with CSS......Page 645
Developing a Geolocation Based Photo Application......Page 646
Creating a Fresh NativeScript Project......Page 647
Creating a Multiple Page Master-Detail Interface......Page 648
Creating a Flickr Service for Obtaining Photos and Data......Page 652
Creating a Service for Calculating Device Location and Distance......Page 657
Including Mapbox Functionality in the NativeScript Application......Page 661
Implementing the First Page of the Geolocation Application......Page 662
Implementing the Second Page of the Geolocation Application......Page 668
Try it out!......Page 669
NativeScript for Angular Developers......Page 670
Revision 63 - 2017-08-02......Page 671
Revision 59 - 2017-04-07......Page 672
Revision 54 - 2017-03-10......Page 673
Revision 49 - 2017-01-18......Page 674
Revision 43 - 2016-11-08......Page 675
Revision 38 - 2016-08-29......Page 676
Revision 32 - 2016-05-06......Page 677
Revision 28 - 2016-04-01......Page 678
Revision 23 - 2016-03-04......Page 679
Revision 17 - 2016-01-28......Page 680
Revision 14 - 2015-12-23......Page 681
Revision 11 - 2015-11-09......Page 682
Revision 9 - 2015-10-15......Page 683
Revision 4 - 2015-07-30......Page 684
Revision 1 - 2015-07-01......Page 685