Become a Ninja with Angular

Author(s): Ninja Squad (Author)

• Publisher: Ninja Squad
• Publication Date: 2024
• Language: English
• Print length: 353 pages

Book Description

Table of Contents
1. Introduction - - 1
2. A gentle introduction to ECMAScript 2015+ - - 4
2.1. Transpilers - - 4
2.2. let - - 5
2.3. Constants - - 6
2.4. Shorthands in object creation - - 7
2.5. Destructuring assignment - - 7
2.6. Default parameters and values - - 9
2.7. Rest operator - - 11
2.8. Classes - - 12
2.9. Promises - - 14
2.10. Arrow functions - - 17
2.11. Async/await - - 20
2.12. Sets and Maps - - 21
2.13. Template literals - - 21
2.14. Modules - - 22
2.15. Conclusion - - 24
3. Going further than ES2015+ - - 25
3.1. Dynamic, static and optional types - - 25
3.2. Enters TypeScript - - 26
3.3. A practical example with DI - - 26
4. Diving into TypeScript - - 29
4.1. Types as in TypeScript - - 29
4.2. Enums - - 30
4.3. Return types - - 31
4.4. Interfaces - - 31
4.5. Optional arguments - - 32
4.6. Functions as property - - 33
4.7. Classes - - 33
4.8. Working with other libraries - - 35
4.9. Decorators - - 36
5. Advanced TypeScript - - 39
5.1. readonly - - 39
5.2. keyof - - 39
5.3. Mapped type - - 40
5.4. Union types and type guards - - 42
6. The wonderful land of Web Components - - 45
6.1. A brave new world - - 45
6.2. Custom elements - - 46
6.3. Shadow DOM - - 47
6.4. Template - - 47
6.5. Frameworks on top of Web Components - - 48
7. Grasping Angular’s philosophy - - 50
8. From zero to something - - 54
8.1. Node.js and NPM - - 54
8.2. Angular CLI - - 54
8.3. Application structure - - 56
8.4. Our first standalone component - - 57
8.5. Bootstrapping the app - - 59
9. The templating syntax - - 61
9.1. Interpolation - - 62
9.2. Using other components in our templates - - 64
9.3. Property binding - - 66
9.4. Events - - 69
9.5. Expressions vs statements - - 72
9.6. Local variables - - 73
9.7. Structural directives - - 74
9.8. Other template directives - - 77
9.9. Summary - - 78
10. Building components and directives - - 82
10.1. Introduction - - 82
10.2. Directives - - 82
10.3. Components - - 93
11. Styling components and encapsulation - - 95
11.1. Shadow DOM strategy - - 96
11.2. Emulated strategy - - 96
11.3. None strategy - - 97
11.4. Styling the host - - 97
12. Pipes - - 99
12.1. Pied piper - - 99
12.2. json - - 99
12.3. slice - - 100
12.4. keyvalue - - 101
12.5. uppercase - - 103
12.6. lowercase - - 103
12.7. titlecase - - 103
12.8. number - - 103
12.9. percent - - 104
12.10. currency - - 105
12.11. date - - 105
12.12. async - - 106
12.13. A pipe in your code - - 107
12.14. Creating your own pipes - - 108
13. Dependency injection - - 110
13.1. DI yourself - - 110
13.2. Easy to develop - - 110
13.3. Easy to configure - - 113
13.4. Other types of provider - - 116
13.5. Hierarchical injectors - - 117
13.6. DI without types - - 119
13.7. inject() - - 121
13.8. Services provided by the framework - - 121
14. Reactive Programming - - 123
14.1. Call me maybe - - 123
14.2. General principles - - 123
14.3. RxJS - - 124
14.4. Reactive programming in Angular - - 126
15. Testing your app - - 128
15.1. The problem with troubleshooting is that trouble shoots back - - 128
15.2. Unit tests - - 128
15.3. Fake dependencies - - 134
15.4. Testing components - - 136
15.5. Testing with fake templates, providers… - - 139
15.6. Simpler, cleaner unit tests with ngx-speculoos - - 141
15.7. End-to-end tests (e2e) - - 143
16. Send and receive data through HTTP - - 145
16.1. Getting data (provideHttpClient) - - 145
16.2. Transforming data - - 148
16.3. Advanced options - - 148
16.4. Interceptors - - 149
16.5. Context - - 150
16.6. Tests - - 151
17. Router - - 153
17.1. En route (provideRouter) - - 153
17.2. Navigation - - 156
17.3. Redirects - - 158
17.4. Matching strategy - - 159
17.5. Hierarchical and empty-path routes - - 159
17.6. Guards - - 161
17.7. Resolvers - - 163
17.8. Router events - - 165
17.9. Parameters and data - - 165
17.10. Bind parameters and data to component inputs - - 167
17.11. Lazy loading - - 168
18. Forms - - 170
18.1. Forms, dear forms - - 170
18.2. Template-driven - - 172
18.3. Code-driven - - 177
18.4. Adding some validation - - 181
18.5. Errors and submission - - 183
18.6. Add some style - - 186
18.7. Creating a custom validator - - 187
18.8. Grouping fields - - 190
18.9. Reacting to changes - - 192
18.10. Updating on blur or on submit only - - 194
18.11. FormArray and FormRecord - - 195
18.12. Strictly typed forms - - 197
18.13. Super simple validation error messages with ngx-valdemort - - 199
18.14. Going further: define custom form inputs with ControlValueAccessor - - 200
18.15. Summary - - 202
19. Zones and the Angular magic - - 204
19.1. AngularJS 1.x and the digest cycle - - 204
19.2. Angular and zones - - 207
20. Angular compilation: Just in Time vs Ahead of Time - - 213
20.1. Code generation - - 213
20.2. Ahead of Time compilation - - 215
21. Advanced observables - - 217
21.1. Subscribe, unsubscribe and async pipe - - 217
21.2. Leveraging operators - - 222
21.3. Building your own Observable - - 225
21.4. Managing state with stores (NgRx, NGXS, Akita and friends) - - 226
21.5. Conclusion - - 227
22. Advanced components and directives - - 228
22.1. Input transforms - - 228
22.2. View queries: ViewChild - - 229
22.3. Content: ng-content - - 232
22.4. Content queries: ContentChild - - 234
22.5. Conditional and contextual content projection: ng-template and ngTemplateOutlet - - 237
22.6. Host listener - - 239
22.7. Host binding - - 241
23. Angular modules - - 244
23.1. A compilation unit - - 244
23.2. Module composition - - 245
23.3. Functional, routed modules - - 246
24. Internationalization - - 247
24.1. The locale - - 247
24.2. Default currency - - 249
24.3. Translating text - - 250
24.4. Process and tooling - - 250
24.5. Translating messages in the code - - 256
24.6. Pluralization - - 257
24.7. Best practices - - 259
25. Performances - - 261
25.1. First load - - 261
25.2. Reload - - 264
25.3. Profiling - - 265
25.4. Runtime performances - - 266
25.5. NgZone - - 278
26. Signals - - 286
26.1. The reasons behind Signals - - 286
26.2. Signals API - - 286
26.3. Signals, components, and change detection - - 289
26.4. Tip for signals with nullable values - - 290
26.5. Sharing a signal between components - - 291
26.6. Memory leaks - - 292
26.7. Signals and RxJS interoperability - - 293
26.8. Signal-based components - - 294
26.9. Inputs as signals - - 295
26.10. Queries as signals - - 297
26.11. model() - - 300
26.12. Conclusion - - 302
27. Control flow template syntax - - 303
27.1. Structural directives under the hood - - 303
27.2. Control flow syntax - - 306
27.3. If statement - - 307
27.4. For statement - - 308
27.5. Switch statement - - 309
27.6. The future of templating - - 309
28. Deferrable Views with @defer - - 311
28.1. @placeholder, @loading, and @error - - 313
28.2. Conditions - - 314
28.3. Prefetching - - 316
28.4. How to test deferred loading? - - 316
29. Going to production - - 318
29.1. Environments and configurations - - 318
29.2. strictTemplates - - 320
29.3. Package your application - - 320
29.4. Server configuration - - 321
29.5. Conclusion - - 322
30. This is the end - - 323
Appendix A: Changelog - - 326
A.1. v17.2.0 - 2024-02-15 - - 326
A.2. v17.1.0 - 2024-01-18 - - 326
A.3. v17.0.0 - 2023-11-08 - - 326
A.4. v16.2.0 - 2023-08-10 - - 327
A.5. v16.1.0 - 2023-06-14 - - 327
A.6. v16.0.0 - 2023-05-17 - - 327
A.7. v15.2.0 - 2023-02-23 - - 327
A.8. v15.1.0 - 2023-01-11 - - 327
A.9. v15.0.0 - 2022-11-16 - - 328
A.10. v14.2.0 - 2022-08-26 - - 328
A.11. v14.1.0 - 2022-07-21 - - 328
A.12. v14.0.0 - 2022-06-03 - - 329
A.13. v13.3.0 - 2022-03-16 - - 329
A.14. v13.2.0 - 2022-01-27 - - 329
A.15. v13.1.0 - 2021-12-10 - - 329
A.16. v13.0.0 - 2021-11-04 - - 329
A.17. v12.2.0 - 2021-08-05 - - 330
A.18. v12.1.0 - 2021-06-25 - - 330
A.19. v12.0.0 - 2021-05-13 - - 330
A.20. v11.2.0 - 2021-02-12 - - 330
A.21. v11.1.0 - 2021-01-21 - - 330
A.22. v11.0.0 - 2020-11-12 - - 330
A.23. v10.2.0 - 2020-10-22 - - 331
A.24. v10.1.0 - 2020-09-03 - - 331
A.25. v10.0.0 - 2020-06-25 - - 331
A.26. v9.1.0 - 2020-03-26 - - 331
A.27. v9.0.0 - 2020-02-07 - - 331
A.28. v8.2.0 - 2019-08-01 - - 332
A.29. v8.1.0 - 2019-07-02 - - 333
A.30. v8.0.0 - 2019-05-29 - - 333
A.31. v7.2.0 - 2019-01-09 - - 334
A.32. v7.1.0 - 2018-11-27 - - 334
A.33. v7.0.0 - 2018-10-25 - - 334
A.34. v6.1.0 - 2018-07-26 - - 335
A.35. v6.0.0 - 2018-05-04 - - 336
A.36. v5.2.0 - 2018-01-10 - - 337
A.37. v5.0.0 - 2017-11-02 - - 337
A.38. v4.3.0 - 2017-07-16 - - 338
A.39. v4.2.0 - 2017-06-09 - - 338
A.40. v4.0.0 - 2017-03-24 - - 339
A.41. v2.4.4 - 2017-01-25 - - 340
A.42. v2.2.0 - 2016-11-18 - - 340
A.43. v2.0.0 - 2016-09-15 - - 341
A.44. v2.0.0-rc.5 - 2016-08-25 - - 341
A.45. v2.0.0-rc.0 - 2016-05-06 - - 343
A.46. v2.0.0-alpha.47 - 2016-01-15 - - 344

v17.2.0 - 2024-02-15