Contenido del curso
Introducción a Angular 4
Setup del Ambiente de Trabajo
Conceptos Básicos
- 9

Para qué nos sirven los Módulos y Componentes
08:10 min - 10

Tipos de Data Binding y String Interpolation
05:05 min - 11

Property Binding
06:04 min - 12

Event Binding
03:04 min - 13

ngModel y two way binding en Angular
05:12 min - 14

Directivas en Angular 4 y ngFor
07:39 min - 15

Cómo usar ngIf en Angular 4.0
03:04 min - 16

Instalando librerías con NPM (Google Maps)
06:48 min
Directivas
Angular UI
Ruteo
- 24

Qué hace el router en Angular 4
03:11 min - 25

Implementación de Rutas en el Proyecto
07:36 min - 26

Href vs router link: navegación angular
02:27 min - 27

Resaltando el link activo con CSS para indicar visualmente en que componente nos encontramos
01:53 min - 28

Parámetros de ruta con routerLink en Angular
06:01 min - 29

Parámetros tipo Query
03:53 min - 30

Creando una vista de detalle para el proyecto
09:06 min - 31

Página de contacto Angular desde cero
07:45 min
Servicios
- 32

Servicios en Angular para compartir datos
00:58 min - 33

Creando nuestro propio servicio
07:11 min - 34

Configurando Firebase en nuestro proyecto
05:12 min - 35

Guardando Records en Firebase
12:20 min - 36

Obteniendo records desde Firebase
08:40 min - 37

Obteniendo coordenadas usando Geocoding
13:45 min - 38

Reto: Crear una vista para editar records
09:29 min - 39

Mostrando marcadores en el Mapa de Google
03:02 min
Conexión Remota (Http y Sockets)
Pipes
Animaciones en Angular
Testing en Angular
Autenticación y Protección de Rutas
- 59

Cómo funcionan los JSON Web Tokens
03:05 min - 60

Preparación de vistas para login y registro
11:58 min - 61

Registrando usuarios
07:29 min - 62

Loggeando usuarios
07:18 min - 63

Guardias canActivate en Angular: Proteger rutas con autenticación
11:09 min - 64

Cómo integrar Facebook login con Firebase
09:08 min - 65

Logout en Angular con Firebase
05:28 min
RxJS
- 66

Cómo funciona RxJS con metáfora de oficina
02:09 min - 67

Mostrar email del usuario logueado en Angular
06:32 min - 68

Uso de los Observables
04:30 min - 69

Cómo implementar type ahead con Observables y RxJS
10:43 min - 70

Implementar formularios reactivos con type ahead
07:58 min - 71

Cómo rellenar campos automáticamente con Google
01:28 min
Publicando nuestro proyecto
Fin del curso
Sesiones en vivo
Contenido Bonus
Introducción a unit tests
Resumen
Para construir aplicaciones estables en Angular 4, el testing automatizado es clave. Con unit tests aislados, detectas errores rápido, evitas regresiones y mejoras el diseño mientras desarrollas. Además, refuerzas el control de calidad de código y mantienes los componentes alineados sin sorpresas.
¿Qué es testing y por qué importa en aplicaciones complejas?
El testing es programación enfocada en probar la aplicación de forma automática. Permite encontrar errores fácilmente y muy rápido. Evita el clásico «Esto funcionaba ayer», típico cuando un cambio en un componente rompe otro sin que lo notes.
- Detecta errores de forma precisa y veloz.
- Evita regresiones en cambios o features mayores.
- Informa exactamente dónde y qué falló.
- Mejora el diseño y el paradigma de programación.
¿Cómo se integra en el flujo de trabajo?
- Ejecuta tests después de cada feature mayor.
- Ajusta lo que falló, vuelve a correr y confirma estabilidad.
- Mantiene la aplicación más estable y predecible.
¿Qué diferencia hay entre tests aislados y no aislados?
Los aislados, o unit tests, no dependen de otros tests ni del estado global. Su orden es irrelevante y cada ejecución prepara su propio ambiente. En cambio, los no aislados son más funcionales: requieren secuencia fija y prueban porciones grandes del sistema, pero suelen dar diagnósticos menos precisos.
- Aislados: independencia total y orden irrelevante. Preparan su ambiente antes de correr.
- No aislados: secuenciales y funcionales. Cobertura mayor, diagnóstico menos detallado.
- Con aislados, un script puede tener veinte tests y cada uno corre sin afectar a los demás.
¿Qué prepara el ambiente de un test aislado?
- Reseteo de base de datos.
- Reseteo de local storage.
- Reinicio de variables para replicar siempre el mismo ambiente.
¿Por qué preferir unit tests para empezar?
- Son más fáciles de implementar.
- Evalúan una unidad pequeña y específica.
- Ofrecen un resultado claro: funciona o no.
¿Qué se hará a continuación en Angular 4?
Se creará un proyecto nuevo, se ejecutarán los tests que ya incluye y se revisará la estructura por defecto de testing en Angular 4. Así verás cómo corre el conjunto y dónde encontrar cada parte para mantener el control de calidad desde el inicio.
- Crear un proyecto nuevo.
- Correr los tests incluidos.
- Revisar la estructura de testing por defecto en Angular 4.
¿Tienes dudas sobre cómo empezar con unit tests aislados o cómo preparar el ambiente de pruebas? Comparte tus preguntas y experiencias en los comentarios.