C FRONT-END DEVELOPER

U
R ANGULAR 15:
S Fundamentos
O
y Aplicaciones
15

www.galaxy.edu.pe
ESPECIALIZACIÓN: ANGULAR Más Experiencia

Inicio: Finalización: 52 HORAS

14 DE ENERO 04 DE MARZO académicas

Sábados Soporte Plataforma

DE 09:00H - 14:00H. TÉCNICO DIGITAL

CERTIFICACIÓN
Aplicativo DIGITAL
ZOOM Previa aprobación
de examen
ESPECIALIZACIÓN: ANGULAR Más Experiencia

INSTRUCTOR

UBER REFERENCIAS
HILARI
LINKEDIN:
https://bit.ly/3VngPF3
Ingeniero de Sistemas, con mas de 20 años de experiencia en el desarrollo de
software mayormente de corte financiero, como aplicaciones de soporte para
SABs (Inteligo, Citi, Diviso, Larrain Vial, entre otros) y aplicaciones para BCP e
Interbank. Actualmente se desempeña con el perfil full-stack, utilizando NET
como lenguaje para Back-End y Angular como framework para Front-End.
 ESPECIALIZACIÓN: ANGULAR Más Experiencia

RESUMEN REQUISITOS ACADÉMICOS

Conceptualización, diseño, desarrollo y pruebas de aplicaciones web basadas en Angular 15, Conocimientos básicos de JavaScript.
TypeScript y RxJS, consumiendo servicios REST en back-end. Se desarrollarán casos prácticos Conocimientos básicos de HTML y CSS.
por tema en cada sesión. Conocimientos básicos de servicios REST.

OBJETIVO REQUISITOS TÉCNICOS

Conocer los fundamentos y la arquitectura de Angular, incluyendo librerías relacionadas
Características mínimas de una laptop o PC: 8GB RAM, Procesador de
para el desarrollo, optimización, pruebas y gestión de estados de aplicaciones angular y
7°ma generación o en adelante, almacenamiento libre de al menos 20GB.
contar con los conocimientos solidos para llevar cursos avanzados de especialización de
desarrollo Front-End utilizando Angular.

TECNOLOGÍAS
METODOLOGÍA Servicios REST. Node.js, npm, Angular CLI y Sass.
Exposición de aspectos teóricos. Angular 15, JavaScript, SPA, MPA y PWA.
Desarrollo de casos prácticos. TypeScript y RxJS.
Compartir experiencias de los participantes (instructor y alumnos). DOM, CSS, Bootstrap y
Discusión de casos empresariales (casuísticas). Angular Material.
Evaluación continua (teórica y práctica en cada sesión).
 ESPECIALIZACIÓN: ANGULAR Más Experiencia

SESIÓN 01
INTRODUCCIÓN AMBIENTE DE DESARROLLO
A ANGULAR Y APLICACIONES

¿Qué es Angular? Herramientas de desarrollo (node.js, npm, Angular CLI,

WebStorm y VSC).
Aplicaciones SPA, MPA y PWA.
Extensiones de VSC.
Angular JS (1.5,) vs Angular (2,...13, 14, 15).
Configuración del ambiente de desarrollo.
JavaScript, TypeScript.
Introducción a Angular CLI(scaffolding).
Angular vs Vue Js vs React JS vs Svelte Js.
Mi primera aplicación en Angular.
Desarrollo Front-End, Back-End vs Full-Stack.
Iniciando con componentes, clases y servicios.

www.galaxy.edu.pe
 ESPECIALIZACIÓN: ANGULAR Más Experiencia

SESIÓN 01
INTRODUCCIÓN IMPLEMENTANDO
A TYPESCRIPT POO

Introducción a TypeScript. Clases (class), atributos y métodos - herencia (extends).

Tipos de datos primitivos (string, number, boolean). Interfaces(interface).

Operadores matemáticos, lógicos y relacionales.

Variables (let) y constantes (const).
Arreglos, enum, any y object.

www.galaxy.edu.pe
 ESPECIALIZACIÓN: ANGULAR Más Experiencia

SESIÓN 02
MANEJO DE INFORMACIÓN DIRECTIVAS INTRODUCCION
EN TEMPLATE Y PIPES A COMPONENTES

Interpolación de cadenas de texto. Directivas estructurales (*ngIf, *ngFor). Introducción a componentes(@Component).

Transferencia de información Directivas de atributos (NgSwitch, NgStyle Tipos de componentes (públicos y privados).
a través de propiedades. y NgClass).
Ciclo de vida de componentes (constructor,
Transferencia de información Tuberías (pipes) (currency, date, number, ngOnChanges, ngOnInit, ngDoCheck y ngOnDestroy).
a través de eventos. json, lowercase, uppercase,percent).
Atributos y métodos (@Input y @Output).
Comunicación Bidireccional. Creación de pipes
Trabajando con eventos.
Reutilizando componentes

www.galaxy.edu.pe
 ESPECIALIZACIÓN: ANGULAR Más Experiencia

SESIÓN 03
RUTAS Y GESTION PROVEEDORES
DE EXCEPCIONES DE DATA EN RUTAS GUARDIANES

Rutas y configurando (routes, path, redirectTo Resolvers. Protección de rutas (guards).

y component).
Animación de carga de ruta Tipos (canActivate, canLoad, canDeactivate)
Navegabilidad (router-outlet, href, router, (NavigationStart, NavigationEnd).
routerLink/routerLinkActive). Parametrizar datos
Capturar data de los Resolvers.
Rutas no validas (path: “404” y path: “**”) Interceptar urls y parámetros

Pase de parámetros Crear guardián reutilizable

Rutas anidadas(childs)

www.galaxy.edu.pe
 ESPECIALIZACIÓN: ANGULAR Más Experiencia

SESIÓN 04
INTRODUCCION INTRODUCCION
A RXJS INTERCEPTORES A SERVICIOS

Streams Interceptación de llamados Http Servicios (@Injectable), atributos y métodos.

Observables, Sujetos Modificación de request global Inyección de dependencia (DI), providers

y constructores.
Operadores Interceptación y manejo de errores
http a nivel global Implementando HttpClient
Suscriptores y Suscripciones
Integrando con RxJS
Manipular y transformar Streams
Trabajando con clases e interfaces

Creando servicios reutilizables

www.galaxy.edu.pe
 ESPECIALIZACIÓN: ANGULAR Más Experiencia

SESIÓN 05
FORMULARIOS FORMULARIOS
DE TEMPLATE TEMPLATE + BOOTSTRAP

Introducción a formularios(forms). Pruebas del servicio a consumir.

Formularios template vs reactivos. Formulario de listados y búsquedas.

Estados de control (ngModel). Formulario de registro.

Principales controles. Personalizando la presentación con Bootstrap.

Integrando eventos y métodos. Validaciones personalizadas, mensajes y alertas

(Toaster, sweetalert2).

www.galaxy.edu.pe
 ESPECIALIZACIÓN: ANGULAR Más Experiencia

SESIÓN 06
FORMULARIOS FORMULARIOS REACTIVOS +
REACTIVOS ANGULAR MATERIAL
Introducción a formularios reactivos (FormBuilder). Pruebas del servicio a consumir.
Objetos básicos y complejos. Migrando formularios template a rective.
Controles dinámicos (FormArray). Formulario de listados y búsquedas.
Suscripción en cambios de estado y valor. Formulario de registro.
Validaciones asíncronas. Validaciones personalizadas.
Componentes de mensajes y alertas.

www.galaxy.edu.pe
 ESPECIALIZACIÓN: ANGULAR Más Experiencia

SESIÓN 07
GESTION DE ESTADOS LIBRERIAS
EN ANGULAR DE GESTIÓN DE ESTADOS

Introducción a gestión de estados. Mas conocidas y usadas NGRX y NGXS.

Principios (inmutabilidad y flujo). Implementando caso practico con NGRX.

Introducción a redux, reductores y store. Implementando caso practico con NGXS.

Implementando estados con servicios y RxJS. Comparando soluciones.

Utilizando Subjects como stores.

www.galaxy.edu.pe
 ESPECIALIZACIÓN: ANGULAR Más Experiencia

SESIÓN 08
UNIT REVISIÓN
TESTING DE PROYECTO
Presentación del proyecto de curso desarrollado por los alumnos.
Pruebas unitarias de código utilitario.
Evaluación y calificación del proyecto.
Pruebas unitarias de componentes.
Retroalimentación del proyecto presentado.
Pruebas unitarias de servicios.
Recomendaciones generales.
Mocks.
Lecciones aprendidas.
Reporte de cobertura.

www.galaxy.edu.pe
 ESPECIALIZACIÓN: ANGULAR Más Experiencia

CRONOGRAMA

SESIÓN 01 02 03 04 05 06 07 08

Introducción
Manejo de Información Rutas y Gestión Introducción
a Angular Formularios Formularios Gestión de Unit
en Template de Excepciones a RxJS
de Templates Reactivos Estados en Angular Testing
Ambiente de desarrollo
ACTIVIDAD y aplicaciones
Directivas Proveedores
Interceptores
y Pipes de Data en Rutas
Introducción Revisión
a TypeScript Formularios Formularios Reactivos Librerías
de proyecto
Templates + Bootstrap + Angular Material de Gestión de Estados
Introducción Introducción
Implementando Guardianes
a componentes a servicios
POO

FECHA 14 ENE 21 ENE 28 ENE 04 FEB 11 FEB 18 FEB 25 FEB 04 MAR

Este cronograma puede estar sujeto a cambios por parte de Galaxy Training.