koaben/angularadvanced

Labs, exercises and example code on the training Angular Advanced by Peter Kassenaar, [email protected]

Angular Advanced

Labs, exercises and example code on the training Angular Advanced by Peter Kassenaar

Contents

• 1xx - Modules and Routing
• 2xx - @ngrx/store
• 3xx - Advanced components
• 4xx - Testing
• 5xx - Firebase
• 6xx - Angular and 3rd party integration
• 7xx - Miscellaneous concepts
• 8xx - Change Detection
• 9xx - Deprecated, used for older versions

Some links that might be useful

These were used during the training, I find them useful.

• Angular Upgrade Guide: https://update.angular.io/
• An introduction to Angular Schematics: https://blog.angular.io/schematics-an-introduction-dc1dfbc2a2b2
• How to write your first Angular Schematics with ease: https://medium.com/@tomastrajan/%EF%B8%8F-how-to-create-your-first-custom-angular-schematics-with-ease-%EF%B8%8F-bca859f3055d
• 6 Great Uses of the Spread Operator (by David Walsh) - https://davidwalsh.name/spread-operator
• Online Training by Todd Motto on @ngrx/store -platform.ultimateangular.com/ngrx-store-effects
• On Stateful en Stateless components (by Todd Motto) - https://toddmotto.com/stateful-stateless-components
• When to use the .forRoot() method - https://medium.com/@chrishouse/when-to-use-angulars-forroot-method-400094a0ebb7

Change Detection

• Angular Change Detection Explained (Thoughtram) - https://blog.thoughtram.io/angular/2016/02/22/angular-2-change-detection-explained.html
• Understanding Change Detection in Angular (Alligator.io) - https://alligator.io/angular/change-detection-strategy/

PWA's

• Official documentation on
  • Service Workers: https://angular.io/guide/service-worker-getting-started
  • Manifest.json and Google Guide for PWAs: https://developers.google.com/web/updates/2015/12/getting-started-pwa
• Slides/presentations on PWA: https://speakerdeck.com/steffenjahr/progressive-web-apps-pwa-with-angular-rocking-the-web-the-native-way
• Repo bij bovenstaande slides. Met client/server demo code. Je kunt een npm install uitvoeren op de codes - zie beschrijving in README.md.
• PDF JS - generate pdf's with JavaScript - https://mozilla.github.io/pdf.js/ en https://github.com/mozilla/pdf.js
• Dexie JS - wrapper around IndexedDB - https://dexie.org/

Observables

• Pipes and Observables, the async pipe: https://toddmotto.com/angular-ngif-async-pipe
• How to avoid memory leaks from subscriptions: https://medium.com/@sub.metu/angular-how-to-avoid-memory-leaks-from-subscriptions-8fa925003aa9
• Observables in Angular - https://blog.thoughtram.io/angular/2016/01/06/taking-advantage-of-observables-in-angular2.html

-- Questions, updates? Mail me at [email protected]