Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Angular 102

Angular 102

Even in its beta stage, Angular2 is amassing interest and strong community support and is already a hot topic. In this session we'll cover our bases and take a look at the benefits of the framework and the differences you'd need to adjust to. We'll talk about the benefits and the quirks and everything in between.
http://xlr8con.com/#tracks

9903773a171f54352c4e22e4449a7ce9?s=128

Damyan Petev

May 14, 2016
Tweet

Transcript

  1. #XLR8con

  2. #XLR8con Angular 101 #XLR8con ` 2 class Speaker { name:

    string = "Damyan Petev"; work: string = "Dev, Infragistics"; twitter: string = "@DamyanPetev"; SayHi() { return "Hello!"; } }
  3. #XLR8con #XLR8con Join http://sli.do #0801

  4. #XLR8con MAGIC

  5. #XLR8con It’s a plane…It’s a framework.. Progressive Performant Universal Modular

  6. #XLR8con Components Directives Templates Services DI Data Binding Metadata Typescript

    Router More++* * may contain magic
  7. #XLR8con #XLR8con

  8. #XLR8con <component> </component> • It’s everything. It’s life. • Decorations

    • Patch of screen space • Encapsulation You are here
  9. #XLR8con Ol’ favorites <button my-directive></button> <input [(ngModel)]="name" /> <div> {{

    order.date | date }} </div>
  10. #XLR8con Demo time

  11. #XLR8con #XLR8con GoT characters

  12. #XLR8con

  13. #XLR8con Your HTML is not your own * Errors on

    mistakes Parser View Renderer HTML?
  14. #XLR8con Your properties are not your own • @Input() and

    OnChange values • Type Safety
  15. #XLR8con Styling

  16. #XLR8con

  17. #XLR8con “I’ll just fix this small thing here”

  18. #XLR8con Router

  19. #XLR8con “Did someone call?”

  20. #XLR8con $scope, $apply

  21. None
  22. #XLR8con $digest loop

  23. #XLR8con

  24. #XLR8con ZONE.js • Awesome • Because performance • Smart task

    scheduling https://github.com/angular/zone.js/
  25. #XLR8con

  26. #XLR8con Of the few things Angular can’t help with… #XLR8con

  27. #XLR8con

  28. #XLR8con More More Más Още Più

  29. #XLR8con

  30. #XLR8con

  31. #XLR8con Thank you  dpetev@infragistics.com @DamyanPetev https://angular.io/