Angular2NotesForProfessionals

Content list......Page 2
About......Page 8
Section 1.1: Getting started with Angular 2 with node.js/expressjs backend (http example included)......Page 9
Section 1.2: Install angular2 with angular-cli......Page 14
Section 1.3: Getting started with Angular 2 without angular-cli......Page 17
Section 1.4: Getting through that pesky company proxy......Page 21
Section 1.5: Keeping Visual Studios in sync with NPM and NODE Updates......Page 22
Section 1.6: Let's dive into Angular 4!......Page 23
Section 2.2: Templates & Styles......Page 27
Section 2.3: Testing a Component......Page 28
Section 2.4: Nesting components......Page 29
Section 3.1: Pass data from parent to child with input binding......Page 31
Section 3.2: Parent - Child interaction using @Input & @Output properties......Page 37
Section 3.3: Parent - Child interaction using ViewChild......Page 38
Section 3.4: Bidirectional parent-child interaction through a service......Page 39
Section 4.1: *ngFor......Page 42
Section 4.6: Copy to Clipboard directive......Page 43
Section 4.7: Testing a custom directive......Page 45
Section 5.1: changing the page title......Page 47
Section 6.1: Angular 2 Templates......Page 48
Section 7.2: AsyncPipe......Page 49
Section 7.4: Currency Pipe......Page 50
Section 8.1: Angular 2 @Input and @Output in a nested component......Page 51
Section 8.2: Input example......Page 52
Section 8.3: Angular 2 @Input with asynchronous data......Page 53
Section 9.1: @HostBinding......Page 55
Section 10.3: Show Alert Message on a condition......Page 56
Section 10.4: Use *ngIf with*ngFor......Page 57
Section 11.4: Tracking current interaction example......Page 58
Section 11.5: Angular 2 aliased exported values......Page 59
Section 12.3: Angular 2 for-loop......Page 60
Section 12.5: *ngFor in the Table Rows......Page 61
Section 13.2: Nesting modules......Page 62
Section 14.1: Custom Pipes......Page 64
Section 14.3: Chaining Pipes......Page 65
Section 14.5: Dynamic Pipe......Page 66
Section 14.6: Unwrap async values with async pipe......Page 67
Section 14.7: Stateful Pipes......Page 68
Section 14.8: Creating Custom Pipe......Page 69
Section 14.11: Testing a pipe......Page 70
Section 15.1: The Pipe......Page 72
Section 16.2: Custom validator examples:......Page 75
Section 16.3: Using validators in the Formbuilder......Page 76
Section 17.1: ResolveData......Page 77
Section 17.2: Routing with Children......Page 79
Section 17.3: Basic Routing......Page 80
Section 17.4: Child Routes......Page 83
Section 18.1: Controlling Access to or from a Route......Page 85
Section 18.2: Add guard to route configuration......Page 86
Section 18.3: Using Resolvers and Guards......Page 87
Section 18.5: Bootstrapping......Page 88
Section 18.7: Changing routes (using templates & directives)......Page 89
Section 18.8: Setting the Routes......Page 90
Section 19.1: A wrapper component that adds dynamic components declaratively......Page 92
Section 19.2: Dynamically add component on specific event(click)......Page 93
Section 19.3: Rendered dynamically created component array on template HTML in Angular 2......Page 94
Section 20.2: Adding jquery library in angular-cli project......Page 98
Section 21.3: OnDestroy......Page 101
Section 21.6: AfterViewInit......Page 102
Section 21.8: DoCheck......Page 103
Section 22.3: Encapsulating API requests......Page 105
Section 23.1: Example service......Page 107
Section 23.2: Example with Promise.resolve......Page 108
Section 23.3: Testing a Service......Page 109
Section 24.1: Add Service Worker to our app......Page 112
Section 25.1: Catching the event......Page 115
Section 25.5: Emmiting Events......Page 116
Section 26.1: Default vs OnPush......Page 117
Section 27.2: Angular 2 Form - Custom Email/Password Validation......Page 118
Section 27.3: Simple Password Change Form with Multi Control Validation......Page 120
Section 27.4: Angular 2 Forms ( Reactive Forms ) with registration form and confirm password validation......Page 121
Section 27.5: Angular 2: Reactive Forms (a.k.a Model-driven Forms)......Page 123
Section 27.6: Angular 2 - Form Builder......Page 124
Section 28.1: A component listening in on the window resize event......Page 126
Section 29.1: Basic test......Page 127
Section 30.1: A Feature Module......Page 129
Section 31.4: A module with networking on the web browser......Page 130
Section 31.5: Static bootstrapping with factory classes......Page 131
Section 32.1: Lazy loading example......Page 132
Section 33.1: Image Picker with Preview......Page 134
Section 33.2: Filter out table values by the input......Page 135
Section 34.1: Bypassing Sanitizing with pipes (for code re-use)......Page 137
Section 35.1: Data driven form......Page 140
Section 36.2: Basic Setup......Page 142
Section 37.1: Why we need compilation, Flow of events compilation and example?......Page 144
Section 37.5: Run ngc, the angular compiler......Page 145
Section 37.6: Modify `main.ts` file to use NgFactory and static platform browser......Page 146
Section 38.1: Read from an Restful API in Angular 2......Page 147
Section 39.2: Use your webcomponent in a template......Page 148
Section 40.1: Update typings when: typings WARN deprecated......Page 149
Section 41.1: Unit Test For Component With Mock Store......Page 150
Section 41.2: Angular 2 - Mock Observable ( service + component )......Page 151
Section 41.4: Unit Test For Component Spying On Store......Page 154
Section 41.5: Simple Store......Page 155
Section 42.1: Complete example : Login/logout a user......Page 158
Section 43.2: Simple Class Extending angular's Http class......Page 164
Section 43.3: Simple HttpClient AuthToken Interceptor (Angular 4.3+)......Page 165
Section 44.2: Animating between multiple states......Page 167
Section 45.2: Using NgZone to do multiple HTTP requests before showing the data......Page 169
Section 46.1: Basic Animation - Transitions an element between two states driven by a model attribute......Page 170
Section 47.1: Simplest package......Page 172
Section 48.1: Angular 2 CanActivate......Page 176
Section 49.1: Angular 2 Protractor - Installation......Page 177
Section 49.2: Testing Navbar routing with Protractor......Page 178
Section 50.1: Basic route example with sub routes tree......Page 180
Section 51.1: Input()......Page 181
Section 51.2: Simple example of Input Properties......Page 182
Section 52.3: Create empty Angular 2 application with angular-cli......Page 183
Section 52.6: build with angular-cli......Page 184
Section 53.1: Basic example......Page 185
Section 54.1: @Input()......Page 187
Section 55.1: Scaolding a New Angular CLI Project......Page 189
Section 56.1: Via Dependency Injection......Page 190
Section 57.1: custom ngx-bootstrap datepicker......Page 191
Section 58.2: Using jQuery in Angular 2.x components......Page 194
Section 59.1: Asp.Net Core + Angular 2 + Gulp......Page 195
Section 59.3: MVC <-> Angular 2......Page 199
Section 60.1: Angular 2 webpack setup......Page 201
Section 61.2: Md2Select......Page 205
Section 61.5: Md2Tooltip......Page 206
Section 62.1: Dropzone......Page 207
Section 63.1: Basic......Page 208
Section 63.3: change state......Page 209
Section 63.4: Add redux chrome tool......Page 210
Section 64.1: Minimal module with service class......Page 211
Section 65.1: Using Barrel......Page 215
Section 66.1: Setting up testing with Gulp, Webpack, Karma and Jasmine......Page 216
Section 66.3: Testing Http Service......Page 220
Section 66.4: Testing Angular Components - Basic......Page 222
Section 67.2: Detailed individual component base graphical test coverage reporting......Page 224
Section 68.1: Launch.json setup for you workspace......Page 226
Section 69.1: Basic unit test......Page 228
Credits......Page 229
You may also like......Page 232