Curso: Angular desde Cero

Aprende Angular desde cero, entendiendo componentes, módulos y servicios, construye formularios reactivos, conecta APIs y navega con routing.

POR QUÉ ANGULAR?
Estudiar Angular te permite construir aplicaciones web dinámicas, escalables y de alto rendimiento, dominando una de las herramientas más demandadas en el desarrollo moderno

QUE APRENDERÁS

Aprenda a usar Inputs, Outputs y Comunicación entre Componentes
Desarrollos escalables con Servicios e Inyección de Dependencias (DI)
Domine Routing, Navegación, Formularios y Reactive Forms
Como usar HTTP y Consumo de APIs
Construya aplicaciones con Pipes y Utilidades
Aprenda el módulo de Angular Material
Desarrollo patrón de diseño con Lazy Loading en Módulos
Aprenda testear su aplicación con Unit Testing con Jasmine

REQUISITOS:

Tener conocimiento básico de Typescript.
Tener conocimiento básico en programación.

DIRIGIDO:

Todo profesional con ganas de aprender tener conocimientos de frontend.
Para estudiantes de tecnología que ya quieran laborar en una compañía
Otros profesionales relacionados con el área de TI

TEMARIO:

💡Módulo 1: Introducción a Angular

¿Qué es Angular y para qué se usa?

SPA vs MPA: ¿Por qué Angular?

Instalación de Node.js, Angular CLI y configuración inicial

Estructura de un proyecto Angular (src, app, assets, angular.json)

Primer proyecto: ng new, ng serve, ng generate

💡Módulo 2: Fundamentos de Componentes

¿Qué es un componente? Decorador @Component

Estructura: HTML, CSS, TS

Data Binding:

Interpolación {{ }}

Property binding [value]

Event binding (click)

Two-way binding [(ngModel)]

Directivas estructurales:

*ngIf, *ngFor, *ngSwitch

Directivas de atributo:

ngClass, ngStyle

💡Módulo 3: Inputs, Outputs y Comunicación entre Componentes

@Input() → Pasar datos al hijo

@Output() → Emitir eventos al padre

ViewChild y referencia a elementos del DOM

Jerarquía de componentes y buenas prácticas

💡Módulo 4: Servicios e Inyección de Dependencias (DI)

¿Qué es un servicio? ¿Por qué usarlo?

Crear servicios con ng generate service

@Injectable() y el sistema de inyección

Compartir datos entre componentes

Singleton vs scoped services

💡Módulo 5: Routing y Navegación

Configuración de rutas (RouterModule)

Parámetros de ruta (/detalle/:id)

Navegación programática (router.navigate)

Rutas hijas y lazy loading (módulo extra para intermedio)

Guardas de ruta (CanActivate, CanDeactivate) [nivel intermedio]

💡Módulo 6: Formularios

Template-driven Forms

FormsModule, ngModel

Validaciones básicas (required, minlength, etc.)

Reactive Forms

FormGroup, FormControl, FormBuilder

Validaciones síncronas y personalizadas

Mostrar errores en el UI

Subida de formularios

💡Módulo 7: HTTP y Consumo de APIs

Introducción a HttpClientModule

GET, POST, PUT, DELETE

Manejo de errores con catchError

Interceptores (nivel intermedio)

Mostrar datos en tablas con *ngFor

💡Módulo 8: Pipes y Utilidades

Pipes incorporados (date, uppercase, async, etc.)

Crear un Pipe personalizado (ng generate pipe)

Usos comunes y composición de pipes

💡Módulo 9: Modularización del Proyecto

Crear módulos (ng generate module)

Organizar componentes, servicios y rutas

Compartir módulos (SharedModule)

CoreModule vs FeatureModule

💡Módulo 10: Introducción a Angular Material

Aprende a usar la librería de componentes UI oficial de Angular.

¿Qué es Angular Material? Instalación con ng add @angular/material

Theming: temas predefinidos y personalizados

Uso de componentes más comunes:

MatToolbar, MatButton, MatIcon, MatCard

MatTable, MatPaginator, MatSort

MatFormField, MatInput, MatSelect, MatDatepicker

MatDialog, MatSnackBar

Layout con @angular/flex-layout (opcional)

🧩 Actividad práctica: Crear un formulario con Angular Material + validación reactiva

Implementación.

💡Módulo 11: Lazy Loading de Módulos

Optimiza el rendimiento cargando módulos solo cuando se necesitan.

¿Qué es Lazy Loading y por qué es útil?

Configurar rutas con Lazy Loading (loadChildren)

Modularización de vistas y rutas

Diferencia entre Eager Loading vs Lazy Loading

Preloading Strategy (cargar en segundo plano)

🧩 Actividad práctica: Separar DashboardModule y AdminModule para cargar con Lazy Loading

💡Módulo 12: Unit Testing Básico con Jasmine

Aprende a testear componentes y servicios en Angular.

¿Qué es Jasmine y cómo se integra con Angular?

Estructura de un spec file (*.spec.ts)

Testear:

Componentes (renderización básica, eventos)

Servicios (funciones, llamadas HTTP con mocks)

Pruebas con TestBed

Comandos: ng test, cobertura de código

🧩 Actividad práctica: Testear un servicio de login y un componente que muestra datos

Características del curso

Inicio 30 de Abril
Frecuencia Lunes, Miércoles y Viernes
Horario 7:30pm - 9:30pm
Duración 24 hrs
Nivel de habilidad Todos los niveles
Idioma Español
Evaluaciones Si

Angular desde Cero

QUE APRENDERÁS

REQUISITOS:

DIRIGIDO:

Características del curso

Subscribe our Newsletter

Compañía

Links

Soporte

Recomendaciones

Angular desde Cero

QUE APRENDERÁS

REQUISITOS:

DIRIGIDO:

Características del curso

Te podría gustar

Especialista en Kubernetes con Cloud

Especialista en Spring Boot Multicloud

Especialista en Angular

Especialista en DevOps Multicloud

Análisis de datos con SQL

Subscribe our Newsletter

Compañía

Links​

Soporte

Recomendaciones

Inicie sesión con su cuenta de sitio

Modal title

Links