Introducción a Angular 2

Transcript

1. Introducción a Angular 2 @frontend_3
2. ¿Qué es Angular 2?
3. Es un framework javascript para construir aplicaciones web desktop y mobile. Fue presentada por Google en el 2014 como una versión mucho más moderna y optimizada de Angular 1.
4. Angular 2 fue es desarrollado con TypeScript. Pero también puede ser trabajado con ES5, ES6 y Dart.
5. Aún así todos los esfuerzos en cuanto documentación están principalmente puestos en TypeScript https://angular.io/docs/ts/latest/index.html
6. The official European Angular conference 2015 https://youtu.be/sMXMKz7TunQ?list=PLCd_98asDva8I3ir1FvgsKDb_zMo0DVht
7. ¿Qué es TypeScript?
8. Typescript es Javascript con poderes.
9. Types Interfaces Enums Encapsulation(private/public) Optional properties Mixin Generics Decoradores Type checking in compile-time
10. Types TypeScript ES5
11. Encapsulation TypeScript ES5
12. Decoradores
14. ¿Por qué TypeScript?
15. Inicialmente ellos querían trabajar con AtScript (una extensión de TypeScript que permitía tipados y decoradores). En ese momento Microsoft lanzó TypeScript 1.5 con el soporte a esas features por lo cual decidieron utilizarlo finalmente.
16. Siéntete libre de usar TypeScript, ES5, ES6 ó Dart (tal vez pueda ayudarte esta presentación) http://www.slideshare.net/NeilGreen1/type-script-vs-coffeescript-vs-es6
17. Angular 2 se cierne bajo 3 conceptos: Mobile Modern Modular
18. Mobile Está enfocado principalmente al desarrollo de aplicaciones mobile.
19. Modular Puedes elegir los módulos del core que realmente necesitas.
20. Modern Hecho para trabajar principalmente con ES6.
21. Compatibilidad con navegadores
22. ¡Be careful! Angular 2 aún se encuentra en beta. Hoy 22/03/2016 2.0.0-beta.11
23. Arquitectura
24. Módulos Componentes Template Metadata Data Binding Service Directive Dependency Injection
26. Módulos
27. Las aplicaciones en angular son modulares, en general podemos definir nuestra aplicación como el conjunto de muchos módulos.
30. Componentes
31. Un componente controla una vista(puede ser una pequeña parte de lo que estamos viendo en pantalla: una listado, los links de navegación, etc)
33. Demo (https://c9.io/emanrique/angular-2/files)
34. Gracias