- 1

Integración de Angular con Firebase para apps web completas
01:11 - 2

Firebase: plataforma de Google para desarrollo con IA integrada
08:49 - 3

Planes y precios de Firebase: cuándo usar Spark o Blaze
02:49 - 4

Instalación de entorno para Firebase y Angular en Windows
06:36 - 5

Configuración inicial de Angular 20 para proyectos con Firebase
03:56 - 6

Estructura básica de Angular 20 y preparación del proyecto
04:55 - 7

Configuración de Firebase en Angular 20 con autenticación y Firestore
07:05 quiz de Configuración Inicial y Estructura del Proyecto
Integración de Angular con Firebase para apps web completas
Clase 1 de 21 • Curso de Firebase con Angular 20
Contenido del curso
- 11

Componente Auth con Google y Firebase en Angular 20
08:49 - 12

Construcción del componente chat en Angular con Firestore
11:51 - 13

Modelos tipados para chat y usuario en TypeScript
04:40 - 14

Configuración de providers en Angular para Firebase y APIs
05:17 - 15

Autenticación con Google en Firebase para Angular
11:16 - 16

Coordinación del chat service con Firestore y Gemini usando mocks
09:25 - 17

Integración de Firestore en Angular para guardar mensajes de chat
13:48 - 18

Integración de la API de Gemini en Angular con service completo
14:02 - 19

Protección de rutas con Auth Guard en Angular
02:31 quiz de Implementación de Autenticación y Chat
¿Querés lanzar una app web con inicio de sesión, datos sincronizados y despliegue rápido? Con Angular + Firebase tenés el backend listo, integrás en minutos y publicás sin dolores de servidor. Ideal para chats, e-commerce, dashboards y apps educativas que escalan sin fricción.
¿Qué es Firebase y por qué acelera Angular?
Firebase es la plataforma de Google que ofrece autenticación segura, Firestore para guardar datos y hosting sin complicaciones. Angular aporta el frontend y Firebase hace que todo funcione con un ecosistema integrado.
- Backend listo: autenticación, base de datos y hosting en un mismo lugar.
- Integración rápida: de la idea al producto en horas.
- Escalabilidad sin servidores: antes necesitabas un equipo de backend; hoy, solo unas integraciones.
- Casos de uso: chats, e-commerce, dashboards, apps educativas.
¿Qué construirás: autenticación, Firestore y hosting?
Avanzás paso a paso desde cero: conectás Angular con Firebase, configurás login, guardás mensajes en Firestore y publicás todo en el hosting de Firebase. Simple, rápido, escalable.
¿Cómo se integra la autenticación segura?
Autenticación con Google para iniciar sesión y ver datos sincronizados. Volvés y seguís donde estabas.
- Inicio de sesión integrado con Google.
- Sesiones persistentes y datos disponibles.
- Configuración de autenticación en Firebase.
¿Cómo guarda datos Firestore para tu app?
Firestore permite guardar mensajes y mantenerlos sincronizados. Pensado para apps en tiempo real.
- Base de datos en la nube con lectura y escritura simples.
- Mensajes almacenados y listos para mostrar.
- Datos accesibles desde Angular sin fricción.
¿Cómo publicar en el hosting de Firebase?
Subís la aplicación completa al hosting de Firebase sin procesos complejos.
- Despliegue directo desde el proyecto.
- Contenido servido de forma rápida y segura.
- Todo dentro del ecosistema de Google.
¿Qué habilidades y conceptos vas a practicar?
Dominás integración de Angular con servicios en la nube y flujo completo de desarrollo.
- Integrar Angular con Firebase: conexión del proyecto y servicios listos.
- Configurar autenticación: login con Google y manejo de sesión.
- Guardar datos en Firestore: persistencia de mensajes.
- Usar Services y Hourgats de Angular: organización de lógica y control de acceso.
- Publicar en hosting de Firebase: despliegue final sin complicaciones.
¿Tenés dudas sobre la integración o el despliegue? Contá tu caso en los comentarios y compartimos soluciones.