Angular: Convierte cualquier template HTML en una WebAPP
por Fernando Herrera
Convierte una plantilla HTML en una app Angular con rutas, servicios, Firebase como backend y búsqueda de productos, y la despliega en GitHub Pages.
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 en Udemy impartido por Fernando Herrera (3 h 31 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 1 de octubre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Desarrolladores con una base mínima de Angular (componentes y servicios) que quieren practicar con un proyecto completo.
- Duración
- 3 h 31 min · 57 lecciones
- Precio
- Gratis en Udemy
- Autor
- Fernando Herrera
- Plan sugerido
- 2 sem. · 5 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Curso práctico y bien acotado para quien ya conoce lo básico de Angular y quiere ver un proyecto real de principio a fin: plantilla, Firebase y despliegue. No sirve como primera toma de contacto con Angular y conviene verificar la vigencia de las versiones.
Puntos fuertes
- Enfoque práctico de aprender haciendo con un proyecto único de principio a fin.
- Cubre el ciclo completo: plantilla, Angular, backend con Firebase y despliegue.
- Incluye tareas y ejercicios con soluciones en el siguiente vídeo, según la descripción.
A tener en cuenta
- No enseña Angular desde cero; requiere una base previa.
- No consta el año de publicación, y Angular cambia rápido, por lo que conviene comprobar que las versiones coinciden.
- Duración moderada (unas 3,5 horas): no profundiza en temas avanzados.
De qué trata
Curso práctico de Fernando Herrera que muestra cómo convertir una plantilla HTML en una aplicación Angular completa. Se organiza en 57 lecciones y unas 3,5 horas, divididas en nueve capítulos que van de la introducción y la creación de componentes a las rutas, los servicios y las peticiones HTTP.
Después incorpora Firebase como backend, prepara los productos en la base de datos y construye una pantalla de productos con búsquedas. Termina desplegando la aplicación en GitHub Pages, usando Git como repositorio. Incluye tareas y ejercicios con soluciones en el vídeo siguiente. Requiere nociones básicas de componentes y servicios de Angular.
- Convertir una plantilla HTML en componentes de Angular
- Rutas con módulos, servicios y peticiones HTTP
- Firebase REST API como backend
- Pantalla de productos con búsquedas
- Despliegue en GitHub Pages con Git
Para quién es este curso
- Desarrolladores con una base mínima de Angular (componentes y servicios) que quieren practicar con un proyecto completo.
- Quienes necesitan convertir una plantilla HTML ya hecha en una aplicación Angular.
- Personas que quieren aprender a usar Firebase como backend y desplegar en GitHub Pages para su portafolio.
Mejor busca otro si…
- Quien no ha tocado nunca Angular y busca un curso de fundamentos completo: el propio autor aclara que no enseña Angular desde cero.
- Quien ya domina componentes, rutas, servicios, HTTP y despliegue y busca temas avanzados.
Antes de empezar
- Nociones básicas de componentes y servicios de Angular.
- Conocimientos básicos de HTML.
- Disposición para crear cuentas de Firebase y GitHub (el curso configura Git y los repositorios desde cero).
Qué sabrás hacer al terminar
- Convertir una plantilla HTML en componentes de Angular.
- Configurar rutas y páginas adicionales con módulos.
- Consumir datos de Firebase mediante su REST API usando servicios y HTTP.
- Implementar una pantalla de productos con búsqueda.
- Desplegar una aplicación Angular en GitHub Pages.
Estructura del curso
- 01
Introducción y de HTML a componentes
Presentación del curso y paso de la estructura HTML de la plantilla a componentes de Angular.
- 02
Rutas, páginas adicionales y constantes
Creación de páginas adicionales, configuración de rutas y uso de constantes en la aplicación.
- 03
Servicios, constantes y HTTP
Uso de servicios de Angular y peticiones HTTP para obtener datos.
- 04
Firebase como backend
Uso de Firebase para automatizar la carga de datos y preparación de la base con los productos de la web.
- 05
Pantalla de productos y búsquedas
Construcción de la pantalla de productos con funcionalidad de búsqueda.
- 06
Despliegue en GitHub Pages y cierre
Publicación de la aplicación en GitHub Pages y despedida del curso.
Capítulos del vídeo
- 01Introducción
- 02Estructuras HTML a componentes de Angular
- 03Páginas adicionales, rutas, y constantes
- 04Servicios, Constantes y HTTP
- 05Utilizando Firebase para nuestra automátización
- 06Preparar Firebase con nuestros productos
- 07Pantalla de productos y búsquedas
- 08Desplegando nuestra WebApp a GitHub Pages
- 09Fin del Curso - Despedida
Plan de estudio sugerido
2 semanas · unas 5 h por semana
- 1.Semana 1, sesión 1: capítulos Introducción y Estructuras HTML a componentes; practica creando los componentes de tu plantilla.
- 2.Semana 1, sesión 2: Páginas adicionales, rutas y constantes; Servicios, constantes y HTTP.
- 3.Semana 2, sesión 1: Firebase y preparación de productos; prueba la REST API con tus propios datos.
- 4.Semana 2, sesión 2: Pantalla de productos y búsquedas, y despliegue en GitHub Pages.
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
- Haz las tareas y ejercicios antes de ver la solución, que llega en el siguiente vídeo.
- Sigue el proyecto con tu propia plantilla HTML para comprobar que sabes aplicar la conversión.
- Crea las cuentas de GitHub y Firebase antes de empezar los capítulos de Firebase y despliegue.
- Si las versiones de Angular difieren de las del curso, consulta la documentación oficial ante cualquier error.
Antes y después de este curso
- Antes de este cursoDesarrollo Web con HMTL, CSS y Bootstrap 4! Curso desde ceroRefuerza HTML y CSS, útiles para trabajar con plantillas HTML.
- Antes de este cursoJavaScript - Curso COMPLETO desde 0 | Paso a paso y con Ejemplos 👨💻Base de JavaScript recomendable antes de trabajar con un framework como Angular.
- Después de este cursoHow to Deploy, Secure, and Automate Full-Stack Web Apps – Course for BeginnersAmplía el despliegue y la automatización de aplicaciones web completas.
Cómo lo presenta Fernando Herrera
¿Quieres aprender a crear un sitio web dinámico con Angular, Firebase y GitHub Pages? Estas en el lugar correcto.
Este curso se enfoca en enseñar como convertir una plantilla HTML a una aplicación de Angular, usando Firebase como backend, desplegando el sitio web en GitHub Pages y utilizando Git como repositorio. El curso es totalmente gratuito y tiene como objetivo ayudarte en tu conocimiento…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Necesito saber Angular antes?
Sí, una base pequeña: componentes y servicios. El autor indica que el curso no enseña Angular desde cero, aunque también dice que te llevará de la mano si es tu primera vez.
+¿Cuánto dura?
Unos 211 minutos en 57 lecciones. Con pausas y práctica, calcula unas 6-8 horas en total, por ejemplo en dos semanas.
+¿Qué se construye?
Una web dinámica a partir de una plantilla HTML, con Angular, Firebase como backend y despliegue en GitHub Pages, con pantalla de productos y búsquedas.
+¿Hay ejercicios?
La descripción menciona un par de tareas y ejercicios, con las soluciones en el siguiente vídeo.
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 Fernando Herrera; 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.