DW3-Angular

¿Qué es Angular?

Angular es un framework de desarrollo front-end creado por Google. Se utiliza para construir aplicaciones web de una sola página (Single Page Applications - SPA) con capacidades avanzadas como el enrutamiento, la gestión de estado y la inyección de dependencias.

Tip-resumen: https://devtalles.com/files/angular-cheat-sheet-v2.pdf

Contenido: 

1. Componentes de Angular
2. URL: https://angular.dev
3.  Estructura según códigos de programación
4. Librerías de Angular
   

Temario para Desarrollo con Angular: https://angular.dev/tutorials/learn-angular

1. Fundamentos de Angular:

   • Introducción a Angular
   • Instalación de Angular CLI
   • Creación y uso de componentes
   • Templates = Plantillas
     
   • DataBinding:  
   • Enlace de datos y eventos
   •  Template Statements (Instrucciones de plantilla)
   •  
     
   • Directivas
   •  CommonModule 
   • Uso de directivas integradas (ngIf, ngFor).
   • Creación de directivas personalizadas. 
   • 
     
   •  Pipes
   • Uso de pipes integrados (date, currency, uppercase).
   • Creación de pipes personalizados.
   •  
   •  Estructuras específicas  
   • Interfaces del objeto: estructura de objetos
   •  Estructuras para clases, objetos y funciones 
   •  Objetos y array de objetos: Personas y datos personales
   • Estructura de un Formulario
     
   • Estructura de una Tabla de datos 
   • Métodos: funciones locales
     
   • Comunicacion Entre Componentes
   •  
   •  App de Cuestionarios con Data Binding
   • 
     

2.  Gestión de Datos:

   •  Formularios:
   • FormsModule 
   •  Base de datos local - JSON Server
     
   • Formularios basados en plantillas.
   • Formularios reactivos.
   • Comunicacion Entre Componentes
     
   • Servicios y Dependencias
   • HTTPClient y APIs REST
   • Observables y RxJS
   • Estadistica-app -- Tareas estadísticas 
     

3. Enrutamiento y Navegación:

   •  RouterModule
   • Configuración de Rutas
   • Navegación entre vistas
   • Lazy Loading
   • Guards y Resolvers

4. Gestión de Estado:

   • Introducción a NgRx
   • Acciones, Reducers y Selectores

5. Pruebas:

   • Pruebas Unitarias con Jasmine y Karma
   • Pruebas de Integración

6. Despliegue de la aplicación:

   •  Configuración, Compilación, implementación
   • Construcción y Optimización
   • Despliegue en Servidores y Servicios en la Nube
   • Angular (v18) – Internacionalización
     

 

¿Qué es una API? https://youtu.be/u2Ms34GE14U 

API (Application Programming Interface) es un conjunto de reglas y definiciones que permiten que aplicaciones de software se comuniquen entre sí. Las APIs pueden ser utilizadas para interactuar con servicios externos, como bases de datos, sistemas de autenticación y otras aplicaciones.

 

Desarrollo de una Aplicación

1. Planificación:

   • Definir Requisitos y Funcionalidades
   • Diseño de la Arquitectura

2. Configuración del Proyecto:

   • Crear un nuevo proyecto con Angular CLI
   • Configurar el entorno de desarrollo

3. Desarrollo del Front-End:

   • Crear Componentes y Templates
   • Implementar Enrutamiento
   • Integrar Angular Material para UI

4. Desarrollo del Back-End:

   • Configurar Node.js y Express
   • Crear Endpoints para la API
   • Conectar con Base de Datos (MongoDB)

5. Integración Front-End y Back-End:

   • Implementar Servicios en Angular para consumir la API
   • Gestionar Autenticación y Autorización

6. Pruebas y Despliegue:

   • Realizar Pruebas Unitarias e Integración
   • Desplegar la Aplicación en Servicios en la Nube (por ejemplo, AWS, Firebase)