Menú

Curso Angular moderno: aplicaciones web con Angular del centro TrainingIT

Programa de Curso Angular moderno: aplicaciones web con Angular

Modalidad: A Distancia , Online
Precio: 300 €
Si vienes de Empresa, puedes bonificar hasta el 100% del curso con el crédito FUNDAE.

Descripción

Actualízate a Angular moderno y construye aplicaciones web empresariales con las últimas técnicas del framework líder.

Por medio de la formación lograrás sumergirte en el mundo del desarrollo de aplicaciones con las últimas novedades del framework más utilizado por grandes organizaciones. Vas a aprender a trabajar con componentes standalone, signals para estado reactivo, sintaxis declarativa y mejoras en la inyección de dependencias. 

A quién va dirigido

Hemos destinado la formación a todas aquellas personas que desarrollen sus actividades profesiones en el sector IT y deseen actualizarse a Angular moderno y sus nuevas técnicas.

Objetivos

  1. Instalar, configurar y utilizar el Angular CLI para generar, depurar y desplegar código.
  2. Usar formularios y validaciones de datos. 
  3. Gestionar rutas en aplicaciones SPA (Single Page Applications).
  4. Aplicar fundamentos de programación declarativa y reactiva. 
  5. Emplear inyección de dependencias en proyectos modernos. 

Temario

1.Hola Angular

1.0 Hola Angular

1.1 Instalación del Angular CLI y generación de una aplicación

1.1.1 Crear un proyecto nuevo Activity Bookings

1.1.2 Árbol de ficheros y carpetas

1.2 Comandos básicos para depurar y ejecutar aplicaciones

1.2.1 Compilar y servir en modo producción

1.2.2 Ejecutar y actualizar aplicación en modo desarrollo

1.3 Configuración del espacio de trabajo, editor y herramientas recomendadas

1.3.1 Angular Essentials y DotFiles

1.3.2 Eslint y prettier

2.Componentes

2.0 Componentes

2.1 Generación de componentes

2.1.1 El CLI y el Angular json

2.2 Anatomía de un componente plantillas y lógica

2.2.1 Plantillas para las vistas

2.2.2 Propiedades y métodos

2.3Presentación de datos

2.3.1 Datos y transformación

2.3.2 Custom pipes

2.3.3 Estilos

3.Señales y control

3.0 Señales y control

3.1 Actualización de datos y refresco de pantalla usando Signals

3.1.1 Señales por todas partes

3.2Programación reactiva con Signals

3.2.1 Computación derivada

3.2.2 Efectos colaterales

3.3Estructuras de control declarativas

3.3.1 Condicionales

3.3.2 Repetitivas

4.Rutas y SPA

4.0 Rutas y SPA

4.1 Conceptos de enrutado y Single Page Applications

4.1.1 Configuración y router outlet

4.1.2 Router link

4.1.3 Page components

4.2 Parámetros en las rutas, señales en los componentes

4.2.1 Configuración y envío

4.2.2 Recepción reactiva de parámetros como señales

4.3 SEO y Server Side Rendering

4.3.1 SPA y navegación local y offline

4.3.2 Indexación de contenido SSR

4.3.3 SEO y Metadatos

5.Comunicaciones HTTP

5.0 Comunicaciones HTTP

5.1 Consumo de un API

5.1.1 Lectura asíncrona de datos

5.1.2 Envío asíncrono de cambios

5.2 Asincronismo y señales

5.2.1 Señales con los datos recibidos

5.2.2 Señales para enviar cambios

5.3 Operadores RxJS

5.3.1 Tuberias funcionales

5.3.2 Interoperabilidad de señales y observables

5.3.3 Usos avanzados de rxjs-interop

6.Patrones de escalado

6.0 Patrones de escalado

6.1 Patrón Container Presenter

6.1.1 Extraer presentación a un componente simple

6.1.2 Refactorizar componente contenedor inteligente

6.1.3 Comunicación entre contenedor y presentador

6.1.3 Comunicación entre contenedor y presentador NUEVO

6.1.4 Comunicación de eventos desde el presentador

6.2 Servicios e inyección de dependencias

6.2.1 Extraer lógica y datos a un servicio fachada

6.2.2 Inyectar dependencias en el componente contenedor

6.3 Principio DRY con código compartido

6.3.1 Servicios y utilidades de datos comunes

6.3.2 Lógica y tipos de dominio

6.3.3 Componentes reutilizables

7. Programación reactiva

7.0 Programación reactiva

7.1 Un almacén global basado en Signals

7.1.1 Crear un store basado en signals

7.1.2 Uso desde páginas o componentes inteligentes

7.1.3 Persistencia y reutilización

7.2 Usando el router como almacén

7.2.1 Un widget con señales

7.2.2 Señales desde Query Params

7.2.3 Query params observables

7.3 Operadores RxJs de primer nivel

7.3.1 Observando eventos de usuario

7.3.2 Operadores observables de primer orden

7.3.3 Peticiones paralelas

8. Seguridad y validación de datos

8.0 Seguridad y validación de datos

8.1 Formularios para recogida segura de datos

8.1.1 Formularios reactivos

8.1.2 Validaciones personalizadas

8.1.3 Control de presentación

8.2 Interceptores de comunicaciones y guardias de Navegación

8.2.1 Envío de credenciales y almacenaje de Token

8.2.2 Interceptores de comunicaciones

8.2.3 Guardias de navegación

8.3 Presentación de feedback al usuario

8.3.1 Feedback de operaciones

8.3.2 Notificaciones de errores

Test de conocimientos

Titulación obtenida

Una vez la formación haya finalizado exitosamente se hará entrega a cada uno de los participantes de un certificado de aprovechamiento.

Requisitos

  1. Deseable conocimientos de Programación Orientada a Objetos.
  2. Experiencia con HTML y JavaScript.
  3. Node LTS Visual Studio Code Chrome / Edge.

Información Adicional

Precio: 300,00 €

Si vienes de Empresa, puedes bonificar hasta el 100% del curso con el crédito FUNDAE

Contacta ahora con el centro

Junglebox S.L. (Responsable) tratará tus datos personales con la finalidad de gestionar el envío de solicitudes de información requeridas y el envío de comunicaciones promocionales sobre formación, derivadas de tu consentimiento. Podrás ejercer tus derechos de acceso, supresión rectificación, limitación, portabilidad y otros derechos, según lo indicado en nuestra P. de Privacidad​