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
Conclusión ¿Qué aprendimos en el curso?




Todos los cursos GRATIS
Resumen
Crear una app completa con Angular 4, integrarla con Firebase y publicarla es posible con un enfoque práctico: desde el uso de directivas, pipes, servicios y componentes hasta la integración con Google Maps, Facebook y RxJS para comunicación en tiempo real. Aquí tienes lo esencial para afianzar lo aprendido y aplicarlo de inmediato.
¿Qué construiste con Angular 4 y Firebase?
Consolidaste un flujo de desarrollo de principio a fin: idea, construcción e implementación en Firebase. Aprendiste a usar y a crear tus propias piezas de Angular 4 para resolver necesidades reales cuando no hay soluciones listas en Internet.
- App creada desde cero y publicada en Firebase.
- Uso de directivas, pipes, servicios y componentes.
- Capacidad para crear tus propias piezas de Angular 4.
- Integración con Firebase para datos y autenticación.
¿Cómo aprovechar directivas, pipes, servicios y componentes?
Lograste trabajar con las partes fundamentales de Angular 4: las directivas para controlar el comportamiento en las vistas, los pipes para transformar datos, los servicios para la lógica compartida y los componentes como base de la interfaz. Además, aprendiste a crear los tuyos cuando lo necesites.
¿Por qué publicar en Firebase aporta valor?
Publicar en Firebase te permite cerrar el ciclo de desarrollo: pasar de local a producción con una integración directa para guardar información y autenticarse de forma sencilla.
¿Cómo integraste servicios externos clave?
Conectaste tecnologías que potencian la experiencia del usuario y la arquitectura. Lograste integrar datos, mapas, autenticación social y comunicación en tiempo real sin perder coherencia en el proyecto.
- Firebase: guardar información y autenticación de usuarios.
- API de Google Maps: transformar direcciones a coordenadas y mostrar el mapa.
- Facebook como login alternativo: acceso rápido para usuarios.
- RxJS con sockets: comunicación en tiempo real para actualizaciones instantáneas.
¿Qué recursos seguir para mejorar?
La recomendación es clara: nunca dejes de aprender. Tienes a la mano fuentes confiables para resolver dudas y profundizar.
- angular.io para documentación oficial.
- StackOverflow para preguntas específicas.
- Platzi con cursos de Node y JavaScript, que se complementan muy bien con este contenido.
¿Qué habilidades y palabras clave consolidaste?
Fortaleciste competencias prácticas y conceptos que se usan a diario en desarrollo web moderno.
- Angular 4: uso y creación de directivas, pipes, servicios y componentes.
- Firebase: almacenamiento de datos y autenticación, además de publicación.
- API de Google Maps: geocodificación y visualización en mapa.
- Facebook login: autenticación social dentro de la app.
- RxJS y sockets: comunicación en tiempo real.
- Aprendizaje continuo: uso de angular.io, StackOverflow y cursos de Node y JavaScript en Platzi.
¿Tienes dudas o quieres compartir tu proyecto? Cuéntame en los comentarios qué te gustaría construir a partir de aquí.