https://github.com/doingandlearning/advAngularFeb2023 (https://bit.ly/glencore-angular)

• 9:30 start
• 11:00 coffee break
• 1 lunch break
• 3:00 tea break
• 4:30 end

• intro
• writing code together
• best practices and performance
• interpolation {{}}
• generating stuff
• pipes
• components, modules etc
• bindings
• architectural
• complete the routing
• compare ways to pass data around in an app
• input/output/event
• content projection
• Review Exercise
• how to migrate from older angular
• dev tools
• *ngIf or [disabled]= also consider [hidden]=

Questions:

• Queues -> how to interact/subscribe/push ...
• Websocket - SignalR-JS/SocketIO

• brief review
• Services
• HttpClient Module (replaces earlier Http Module)
• Review Exercise
• Forms
• async pipe
• subscription: every subscription is destroyed when component is destroyed
• manually unsubscribe too
• life-cycle events
• change detection
• rxjs, combining data

questions

• control value accessor
• router and guarded routes
• jwt/token service -> outh2
• store -> story when to use stores
• 200 properties ... dynamically generate based on the ... simplify reactive forms
• ngrx/redux example

• Control Value Accessor => Star Rating
• ngrx => simple cart store (actions, reducers, selectors)
• router => looking at guards (CanActivate, CanActivateChild, CanDeactivate)
• Login services
  • Persist to localStorage (ngrx meta resolver or seperate service)
  • Call and response -- [x] OAuth2 flow -- [x] intermediary server
  • Social login (https://abacritt.github.io/angularx-social-login/)
• single source of truth for complex forms?

• Ivy: much better tree-shaking, new DI, faster/smaller code modules, no need for app.module etc.
• Review Exercise
• Libraries
• Testing unit/functional/e2e
• obfuscated (obfuscation)
• closure
• publish - production - look at the generated code esp js, also aot and jit
• locale (if time)
• end of course feedback: https://frameworktraining.typeform.com/to/pWO8UiNz

Any questions? [email protected]

Can ngIf/else use anything other than template? Nope.

What is the ngrx UPDATE enum? Can't find it documented anywhere!

What happens for clash in key of stores?

Identity server Angular example

• https://github.com/manfredsteyer/angular-oauth2-oidc - this is a library that interacts with an OIDC compliant identity server.