Angular Air

Guest

• Tony Sneed

 

Episode Notes

• Intro

• Debugging

  • Why would we want to debug in our editor instead of just in browser dev tools?

    • VS Code Debugging:

  • Debugging app serve, unit tests, end-to-end tests

    • Recipe: https://github.com/weinand/vscode-recipes/tree/master/Angular-CLI

  • Angular CLI versions

    • Fix sourcemap issues - 1.3 (now in rc)

  • How do we get set up

    • Install / update node - latest current version

    • Install angular cli globally: npm install -g @angular/cli@1.3.0-rc.5

    • New angular app: ng new my-dream-app

    • Npm scripts vs global ng commands

  • Demo

• Other cool stuff (time permitting)

  • Blog post: https://blog.tonysneed.com/2017/07/18/turbocharge-vs-code-for-angular-development/

  • VS Code tasks for npm scripts

    • Passing parameters

    • Keyboard shortcuts

  • Cool extensions

    • Icons: vs-code-icons

    • Organizing imports: TS Hero

    • Renaming and moving files:  Move TypeScript

    • Angular Language Service

• Wrap up

 

Picks

• Angular DI w/ updated 5.0 references
  https://blog.thoughtram.io/angular/2015/05/18/dependency-injection-in-angular-2.html#new-staticinjector-apis
• Webpack 3.5 is out scope hoisting fixes
  https://twitter.com/wSokra/status/894843792175616000

@angular/flex-layout

https://github.com/angular/flex-layout

 

Picks

StackBlitz
https://stackblitz.com/

Node.js on iOS
https://twitter.com/joemccann/status/890635691645845504

Styling in Angular
https://twitter.com/stephenfluin/status/892766742241353728

 

Episode Notes

• Intro
• ngAtl Jan 30-Feb 2 2018 - use code AngularAir
  http://ng-atl.org/
• Authentication
  • Authentication.
  • Best practices & the power of rxjs’ BehaviorSubject.
  • Using Guards.
  • Handle signout.
  • Handle authentication token invalidation/expiration.
  • Presentation of the whole components/services interactions with a diagram.
  • Demos
• Wrap up
• Repo: https://github.com/wishtack/wt-angular-auth-demo  
• Blog: https://blog.wishtack.com/rest-apis-best-practices-and-security/
• Contact: http://courses.wishtack.com/en/web-dev/keep-in-touch

Picks

• Mike
  • Be mindful about how you treat others, especially online, there’s a person behind the account user123 with feelings.
• Justin
  Dave Geddes - Build Overwatch player picker in Flex
  http://gedd.ski/build/overwatch-hero-picker/
• Younes
  • Node.js release