Labs, exercises and example code on the training Angular Advanced by Peter Kassenaar.
Disclaimer! The examples are not production ready, they are just for the training. Some use older versions of Node.js. They are NOT all updated to the latest version of Angular yet.
- 1xx - Modules and Routing (now also with standalone components)
- 2xx - @ngrx/store
- 3xx - Advanced components
- 4xx - Testing
- 5xx - Firebase
- 6xx - Angular and 3rd party integration
- 7xx - Miscellaneous concepts
- 8xx - Change Detection
- 9xx - Deprecated, old stuff is moved here for your reference
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
- 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
- Angular Change Detection Explained (Thoughtram)
- Understanding Change Detection in Angular (Alligator.io) - https://alligator.io/angular/change-detection-strategy/
- Pitfalls in Change Detection: https://blog.angular-university.io/onpush-change-detection-how-it-works/
- Official documentation: https://angular.io/guide/testing
- Testing basics - introduction blog: https://medium.com/javascript-in-plain-english/unit-testing-in-angular-basics-part-1-329304813dc3
- More extensive blog: https://www.digitalocean.com/community/tutorials/testing-angular-with-jasmine-and-karma-part-1
- Generic JavaScript Design Patterns, by Addy Osmani: https://addyosmani.com/resources/essentialjsdesignpatterns/book/
- AND/OR (a little bit more modern): https://dev.to/zeeshanhshaheen/design-patterns-in-javascript-1pgm
- Specific Angular Design Patterns book: https://www.amazon.co.uk/Angular-Design-Patterns-Implement-patterns/dp/1786461722/
- Java Design Patterns: https://refactoring.guru/design-patterns/java
- Develop and test locally with
ng serve - Create a production build with
ng build --prod - Upload the contents of the
\dist\folder to - for instance - Netlify: https://www.netlify.com/ (but there are a * ton* of other free hosting options available, such as Azure, AWS, Github Pages, Heroku, Firebase, and more).
- 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 installuitvoeren 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/
- Pipes and Observables, the
asyncpipe: 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
- Read the excellent series of articles by Manfred Steyer GDE, on this topic: https://www.angulararchitects.io/aktuelles/angulars-future-without-ngmodules-lightweight-solutions-on-top-of-standalone-components/
- Is NPM safe? : https://medium.com/hackernoon/im-harvesting-credit-card-numbers-and-passwords-from-your-site-here-s-how-9a8cb347c5b5
- Jurgen van de Moere: Why you should never use function calls in Angular template expressions. https://medium.com/showpad-engineering/why-you-should-never-use-function-calls-in-angular-template-expressions-e1a50f9c0496
- Martin Splitt on how google handles JavaScript sites: https://www.youtube.com/watch?v=LXF8bM4g-J4 (check the complete series!)
- Andre Staltz on creating observables from scratch: https://www.youtube.com/watch?v=uQ1zhJHclvs
- On using
module.forRoot(...)function. https://medium.com/slackernoon/when-to-use-angulars-forroot-method-400094a0ebb7
-- Questions, updates? Mail me at [email protected]