Qué es Angular 4 y el salto de versiones
Clase 3 de 80 • Curso de Angular 4
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
Angular 4 destaca por su enfoque moderno para crear aplicaciones web de una sola página con una base sólida en JavaScript y TypeScript. Aquí verás de forma clara qué es, cómo evolucionó desde AngularJS y la razón detrás del salto directo a la versión 4, con énfasis en routing y módulos.
¿Qué es Angular 4 y cómo crea single page applications?
Angular 4 es un framework basado en JavaScript y su superset TypeScript que permite construir single page applications: el navegador no redirige a otra página; Angular y su ruteador manejan todo el flujo. Se destaca por ser elegante, simple, ligera y reactiva.
- Usa JavaScript con TypeScript como superset.
- Implementa single page applications sin recargar páginas.
- El router gestiona rutas y vistas de forma dinámica.
- Enfoque elegante, simple, ligero y reactivo.
¿Qué significa superset de TypeScript?
- TypeScript amplía JavaScript.
- Facilita la escritura del código con mayor claridad.
- Se integra de forma natural con Angular.
¿Cómo evolucionó de AngularJS a Angular 2 y 4?
AngularJS fue la primera versión liberada por Google y fue adoptada rápidamente. Sin embargo, se detectaron errores fundamentales que no era viable parchar, por lo que se reescribió todo el framework para lanzar Angular 2. Esto genera dudas comunes sobre el orden de aprendizaje.
- AngularJS inició todo y tuvo gran adopción.
- Angular 2 nació de una reescritura completa por fallas de base.
- Lo aprendido en AngularJS no sirve en su mayoría (90–95%) para Angular 2.
- Recomendación: ir directo a Angular 2 y, de preferencia, a Angular 4.
¿Conviene aprender AngularJS hoy?
- No se recomienda empezar por AngularJS.
- La transferencia de conocimiento a Angular 2/4 es mínima.
- Enfocarse en versiones modernas agiliza el aprendizaje.
¿Por qué no existe Angular 3 y qué rol tuvo el routing?
El salto a Angular 4 se explica por desalineaciones de versiones entre módulos. Según Igor Minar (líder del equipo en Google), el módulo de routing era clave para las single page applications y su versión no coincidía con el resto, lo que generaba conflictos. Para unificar, se decidió pasar a la versión 4.
- El routing iba en la versión 3.3.0.
- El resto de módulos iba en 2.3.0.
- Hubo conflictos por versiones desalineadas.
- Se saltó a Angular 4 para alinear todo en 4.0.0.
¿Qué versiones concretas causaron el salto?
- Módulo de routing: 3.3.0.
- Resto de módulos: 2.3.0.
- Unificación final: 4.0.0.
¿Te quedaron dudas sobre versiones, routing o el enfoque SPA? Comparte tus preguntas y experiencia para seguir la conversación.