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