Descargar como PDF, PPTX
Subido porBelatrix Software
Angular: el presente-futuro
El documento aborda el estado actual de Angular, destacando la transición de AngularJS a Angular 2, que se define como una plataforma para crear aplicaciones web y móviles. Se presenta TypeScript como el lenguaje base de Angular 2, y se discute la importancia de utilizar componentes y realizar pruebas unitarias para mejorar la funcionalidad y mantener el código organizado. Finalmente, se mencionan herramientas y características que optimizan el desarrollo con Angular 2, como lazy loading y la CLI de Angular.
Angular: el presente-futuro
- 2.
- 3. Nuestros Panelistas Juan Carlos Yovera SeniorFront End Developer Franco Cunza Senior Developer Karla Cerrón Marketing Analyst
- 4. QUESTIONS #AngularBelatrix ¿Cuál es el presentede Angular? Un vistazo a TypeScript ¿Por qué usar componentes? Unit test para componentes El futuro llegó: Angular 2 Good news ¿Preguntas? ¿Respuestas? Overview
- 5. QUESTIONS #AngularBelatrix ¿Cuál es elpresente de Angular? La versión 1.5 es la más estable y fue creada para allanar el camino de la versión 2: • Components • Transclusión múltiple • ng-animate-swap • lazy transclusion (performance) La versión 2 ya está entre nosotros
- 6. QUESTIONS #AngularBelatrix Un vistazo aTypeScript • Fue desarrollado por Microsoft. • Es un super set de Javascript. • Sus principales capacidades son agregar Tipado Fuerte y soporte a programación orientada a objetos sobre Javascript. • El código Typescript es compilado a Javascript, por lo que al final no hay diferencias para el navegador . • Aun así los navegadores modernos incluyen capacidades para depurar el código de Typescript directamente. • Angular 2 utiliza Typescript como lenguaje base.
- 7. ¿Por qué usarcomponents?
- 8.
- 9. QUESTIONS #AngularBelatrix Components • Los Componentsson fundamentales a la hora de desarrollar con Angular. • Los Components se encargan de gestionar una vista, en otras palabras una sección de nuestra página Web donde el usuario interactuará sobre ésta. • Por lo tanto podemos decir que un Component controla una zona de la vista (zona de nuestra página Web), también podemos deducir que por cada componente que creemos crearemos una plantilla para interactuar sobre la vista.
- 10. QUESTIONS #AngularBelatrix Components TemplateComponent Class Properties Methods += Code supporting the view Createdwith TypeScript Properties: data Methods: logic View layout Created with HTML Includes binding and directives
- 11. QUESTIONS #AngularBelatrix ¿Por qué usarComponents? • API más pequeña con buenas prácticas • Encapsula vistas y código según funcionalidad • Configuración simple
- 12.
- 13. QUESTIONS #AngularBelatrix Testing Una de lasmayores ventajas de utilizar Angular es que está diseñado para que pueda ser probado desde todos los ángulos. Se recomienda mucho que haya una separación funcional entre componentes y así facilitar las pruebas de integración.
- 14. QUESTIONS #AngularBelatrix Unit testing • Karma •Jasmine • TypeScript
- 15.
- 16.
- 17. QUESTIONS #AngularBelatrix Angular 2 yel futuro de la web AngularJS en su versión 1 se define a sí mismo como un conjunto de librerías de Javascript para la creación de aplicaciones web, mientras que Angular 2 se define como una plataforma para creación de aplicaciones web y aplicaciones móviles.
- 18. Principales características deAngular 2
- 19. QUESTIONS #AngularBelatrix Rendimiento Image source: Angular2: Getting Started course from Pluralsight.
- 20.
- 21. QUESTIONS #AngularBelatrix Moderno Image source: Angular2: Getting Started course from Pluralsight.
- 22.
- 23.
- 24. QUESTIONS #AngularBelatrix En resumen… • Lazyloading • Render más rápido • Typescript nos provee muchos beneficios • Los componentes ordenan y ahorran código • Augury, Firebase y muchas herramientas para Angular 2
- 25.
- 26.
- 27.
- 28.
- 29.
- 30. QUESTIONS #AngularBelatrix Angular 2 CLIhace la vida más simple https://cli.angular.io/
- 31. QUESTIONS #AngularBelatrix Angular tiene guíade estilos oficial https://angular.io/styleguide
- 32.
- 33. QUESTIONS #AngularBelatrix Angular 2 mobileesta listo https://mobile.angular.io/
- 34. QUESTIONS #AngularBelatrix Angular 2 esuniversal https://universal.angular.io/
- 35.
- 36.