App Empleados con Angular 11 y Firebase
por Tomas Ruiz Diaz
Construye paso a paso un CRUD de empleados con Angular 11 en el frontend y Firebase/Firestore como backend, con formularios reactivos, validación y despliegue en Netlify.
Recomendado, valoración editorial 4 de 5
verificado 2026-10-01 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Programación de nivel intermedio en Udemy impartido por Tomas Ruiz Diaz (2 h). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 1 de octubre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Personas que ya conocen lo básico de Angular y quieren practicar con un proyecto completo.
- Nivel
- Intermedio
- Duración
- 2 h · 20 lecciones
- Precio
- Gratis en Udemy
- Autor
- Tomas Ruiz Diaz
- Plan sugerido
- 1 sem. · 4 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Curso breve y práctico para quien ya conoce lo básico de Angular y quiere ver un CRUD real con Firebase y su despliegue. Su mayor limitación es la versión (Angular 11) y que no explica los fundamentos.
Puntos fuertes
- Proyecto práctico y completo, desde la interfaz hasta el despliegue.
- Cubre varios temas útiles en un único ejemplo: formularios reactivos, servicios, pipes y routing.
- Requisitos claramente indicados en la descripción.
A tener en cuenta
- Está hecho con Angular 11, una versión antigua; algunos detalles pueden diferir de las versiones actuales.
- No es para principiantes absolutos en Angular.
- Solo hay tres capítulos generales, sin detalle de cada lección.
De qué trata
Curso de Udemy de unas 2 horas y 20 lecciones en el que se crea una aplicación de gestión de empleados con Angular en el frontend y Firebase y Firestore en el backend. Está organizado en tres bloques: introducción, maquetación de la aplicación y configuración de Firebase.
Por el camino se trabajan databinding, directivas, componentes, servicios, pipes, routing, formularios reactivos con validación y reutilización de componentes. También se añaden Bootstrap, Fontawesome y Toastr, y se despliega el proyecto en Netlify. El curso no enseña Angular desde cero: asume que ya conoces los conceptos básicos de componentes, servicios, directivas y databinding.
- CRUD con Angular y Firestore
- Formularios reactivos y validación
- Reutilización de componentes y servicios
- Bootstrap, Fontawesome y Toastr
- Despliegue de la app en Netlify
Para quién es este curso
- Personas que ya conocen lo básico de Angular y quieren practicar con un proyecto completo.
- Quienes buscan un primer ejemplo de Angular conectado a Firebase y Firestore como backend.
- Desarrolladores frontend que quieren ver un CRUD de principio a fin, incluido el despliegue.
Mejor busca otro si…
- Quien empieza con Angular desde cero: el curso no explica los conceptos básicos.
- Quien necesite trabajar con versiones actuales de Angular y busque material al día.
Antes de empezar
- Conocimientos mínimos de Angular: componentes, servicios, directivas y databinding.
- Nociones básicas de HTML, CSS y JavaScript/TypeScript, implícitas al trabajar con Angular.
Qué sabrás hacer al terminar
- Crear un CRUD en Angular usando Firebase y Firestore como backend.
- Configurar un proyecto de Firebase y Firestore para la aplicación.
- Construir formularios reactivos con validación.
- Integrar Bootstrap, Fontawesome y Toastr en un proyecto Angular.
- Desplegar la aplicación en Netlify.
Estructura del curso
- 01
Introducción
Presentación del curso, del proyecto que se va a construir y de los requisitos previos de Angular.
- 02
App Empleados - Maquetación
Construcción de la interfaz de la aplicación con componentes, directivas, databinding y librerías como Bootstrap y Fontawesome.
- 03
Firebase
Configuración de Firebase y Firestore como backend, conexión con servicios de Angular para el CRUD y despliegue del proyecto.
Capítulos del vídeo
- 01Introducción
- 02App Empleados - Maquetación
- 03Firebase
Plan de estudio sugerido
1 semana · unas 4 h por semana
- 1.Sesión 1: ve la introducción y la maquetación, y replica la interfaz en tu propio proyecto.
- 2.Sesión 2: sigue el capítulo de Firebase, configura Firestore e implementa las operaciones del CRUD.
- 3.Sesión 3: repasa formularios y validación, y despliega la aplicación en Netlify.
- 4.Sesión 4: amplía el proyecto con un campo o una funcionalidad propia.
El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.
Consejos para seguirlo
- Comprueba antes de empezar que recuerdas componentes, servicios y databinding de Angular.
- Crea tu propio proyecto en Firebase mientras sigues el capítulo de Firebase y prueba cada operación del CRUD.
- Si usas una versión más reciente de Angular, consulta la documentación oficial por si cambia la sintaxis o la configuración.
- Pausa en los formularios reactivos y prueba distintas validaciones por tu cuenta.
Cómo lo presenta Tomas Ruiz Diaz
Crearemos un CRUD en Angular, utilizaremos como BackEnd Firebase, Firestore y deployaremos el proyecto.
En este curso vamos a crear un CRUD utilizando Angular en el FrontEnd y Firebase en el BackEnd Veremos: - Databinding - Directivas - Formularios Reactivos - Validación de Formularios - Reutilización de componentes - Componentes - Servicios - Pipes - Bootstrap - Fontawesome - Toastr - Firebase…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Necesito saber Angular antes?
Sí. El curso indica que no enseña Angular desde cero y que hace falta un conocimiento mínimo de componentes, servicios, directivas y databinding.
+¿Cuánto dura?
Unas 2 horas repartidas en 20 lecciones. Con pausas y práctica, puedes dedicarle alrededor de una semana a un ritmo de unas 4 horas.
+¿Qué backend utiliza?
Firebase con Firestore. El curso incluye su configuración y el despliegue del proyecto en Netlify.
+¿Está actualizado?
Usa Angular 11, que es una versión antigua frente a 2026. Los conceptos siguen siendo útiles, pero algunos detalles pueden haber cambiado.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en Udemy, y revisado según nuestro método. El contenido del curso es obra de Tomas Ruiz Diaz; si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Programación
Agentic AI – Complete Course for Beginners
Curso de unas 24 horas para construir sistemas de agentes de IA con LangChain y LangGraph: Pydantic, flujos de trabajo, memoria, RAG y despliegue en AWS y Render.
Aprende Accesibilidad Web paso a paso
Introducción práctica a la accesibilidad web: pautas y leyes, contenido, navegación, diseño e interacción accesibles, relación con el SEO y evaluación de sitios.
Aprende Godot - Curso completo desde cero
Crea tu primer videojuego 3D en Godot 4 desde cero: escenas, nodos, GDScript, físicas, animaciones, sonido y exportación a .exe.
Aprende JavaScript Ahora! curso completo desde cero para principiantes
Curso de JavaScript desde cero: entorno, variables, tipos, operadores, control de flujo, diez ejercicios y objetos con funciones constructoras.