Introducción a Angular 2

Introductory talk to Angular given at University of La Rioja in Spain on December'16.
Charla introductoria de Angular en la Universidad de La Rioja a los alumnos del Máster en Tecnologías Informáticas.

Transcript

1. Introducción a Angular 2 Pablo Villoslada Puigcerber 21-12-2016, Logroño, Universidad de La Rioja
2. Introducción a Angular 2 Pablo Villoslada Puigcerber 21-12-2016, Logroño, Universidad de La Rioja
3. Semantic Versioning 1.2.3
4. AngularJS Angular 0.9 (20-10-10) Angular 1.0 (13-06-12) Angular 1.1 (31-08-12) Angular 1.2 (08-11-13) Angular 1.3 (13-10-14) Angular 1.4 (26-05-15) Angular 1.5 (05-02-16) Angular 1.6 (08-12-16)
5. Angular 2 Angular 2.0.0 (14-09-16) Angular 3 Angular 4 Angular 5, 6, 7, 8, 9, etc
6. Angular 2 Angular 2.0.0 (14-09-16) Angular 3 Angular 4 (March 2017) Angular 5, 6, 7, 8, 9, etc
7. Angular modules @angular/core 2.4.0 @angular/compiler 2.4.0 @angular/forms 2.4.0 @angular/http 2.4.0 @angular/router 3.4.0
8. TypeScript
9. It’s just JavaScript • Superset of JavaScript (ES6) • Class based programming • Static typed language
10. Benefits • Compilation errors? • IDE intelligence • Angular documentation :)
11. Components
12. Component tree app root users about user-list user-detail
13. Smart/dumb • Reusability • Separation of concerns • How things work/look?
14. Is MVC dead? • MVC • MVP • MVVM • MVW • MV*
15. Reactive
16. Observables • Streams of data • Asynchronous • Subscribe
17. RxJS Implementation of Observables
18. Reactive modules • HTTP • Forms • Router
19. Performance
20. Performance • Ahead of Time (AOT) compilation • Tree shaking (SystemJS, Webpack, Rollup) • Lazy loading
21. Angular CLI
22. Angular CLI • Bootstrap project • Generate components, services, etc. • Build dev/prod
23. Platform
24. Platform • Server side rendering (Universal) • Mobile (Ionic / NativeScript) • Desktop (Electron)
25. ¡Gracias! @Puigcerber