IEEE Tucumán - Lithning Talks - Introducción al framework Angular

Slides utilizados en la presentación de la charla: Introducción al framework Angular, dictada en el marco del evento Lightning Talks organizado por la rama estudiantil del IEEE Tucumán.

Transcript

1. Un vistazo al framework Angular Agustin Lencina Ingeniería en Sistemas de Información – UTN FRT Voluntario IEEE Tucumán
2. Conceptos previos Conocimientos básicos sobre: • TypeScript • HTML Conocimientos que pueden ayudar a la comprensión del framework: • React • Vue • Node Nota: se puede estudiar estos temas paralelamente
3. ¿Que es Angular?
4. Arquitectura de Angular • Bloque fundamental de construcción: NgModule • NgModules dan un contexto de compilación a los componentes • Una app de Angular esta definida por un conjunto de NgModules • Una aplicación siempre tiene al menos un módulo root que permite el arranque, y generalmente tiene muchos más módulos adicionales.
5. Arquitectura de Angular Componente Vista Elemento Elemento Elemento Elemento Elemento Elemento define
6. Arquitectura de Angular Componente Servicio Funcionalidad x provee
7. Arquitectura de Angular • Los componentes y los servicios son simplemente clases que tienen decoradores que marcan su tipo y proveen metadata que le dicen a Angular como usarlos. • Una componente de una app normalmente define muchas vistas organizadas jerarquicamente. Angular te da el servicio Rooter para ayudarte a definir las rutas de navegación a través de las vistas.
8. Módulos Modulo 1 Modulo 2 Modulo N Root Module funcionalidades funcionalidades funcionalidades funcionalidades
9. Componentes Componente Datos y lógica Template Vista
10. Templates, directivas y data binding modifica Template HTML Angular Markup
11. Templates, directivas y data binding • Las directivas proveen lógica y el binding markup conecta los datos de la aplicación con el DOM. • Hay dos maneras de hacer el data binding • Binding a través de eventos • Binging a través de propiedades
12. • Documentacion oficial de Angular: https://angular.io/docs • Fazt Youtube: https://www.youtube.com/channel/UCX9NJ471o7Wie1DQe9 4RVIg Material para consultar