Obtener datos de una API con VueJS (Options API)
por Brayan Angarita
Construye una app de recetas con VueJS (Options API) que consume la API abierta TheMealDB: búsqueda, paginación, navegación y despliegue en DigitalOcean.
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 Brayan Angarita (1 h 18 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
- Personas que ya empiezan con VueJS y quieren practicar consumiendo una API real en un proyecto completo.
- Duración
- 1 h 18 min · 15 lecciones
- Precio
- Gratis en Udemy
- Autor
- Brayan Angarita
- Plan sugerido
- 2 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 aprender a consumir una API con VueJS mediante una app de recetas, incluyendo despliegue. Es útil para quien ya tiene nociones básicas y quiere practicar; hay que revisar la vigencia de las versiones por la falta de fecha.
Puntos fuertes
- Proyecto completo y concreto, con un resultado final claro (app de recetas).
- Cubre todo el ciclo: instalación, consumo de API, navegación y despliegue.
- Duración breve (78 minutos, 15 lecciones) y fácil de seguir en pocas sesiones.
A tener en cuenta
- No hay fecha de publicación; en un framework que evoluciona, conviene comprobar que las versiones sigan funcionando.
- Usa Options API, por lo que no muestra el enfoque con Composition API.
- Git/GitHub solo se ve de forma superficial, según la descripción.
De qué trata
Curso de 78 minutos y 15 lecciones en el que se construye una aplicación de recetas con VueJS (Options API) que consume los datos de TheMealDB, una API abierta. Parte de la instalación de VueJS con NodeJS y NPM.
Se organiza en cinco bloques: Introducción, La API de TheMealDB, Búsqueda y paginación, Navegación y VueJS en el servidor. Recorre la separación en componentes, el formulario de búsqueda, la paginación, el diseño con SweetAlert, la subida a GitHub (solo lo básico) y el despliegue en DigitalOcean.
- Consumir la API abierta TheMealDB con VueJS
- Formulario de búsqueda y paginación desde cero
- Navegación y vista de detalle de recetas
- Mejora del diseño con SweetAlert
- Despliegue del proyecto en DigitalOcean
Para quién es este curso
- Personas que ya empiezan con VueJS y quieren practicar consumiendo una API real en un proyecto completo.
- Quienes quieren ver un proyecto de principio a fin, desde la instalación hasta el despliegue en DigitalOcean.
- Aprendices que prefieren un ejemplo sencillo (app de recetas) para entender componentes, búsqueda, paginación y navegación.
Mejor busca otro si…
- Quien busque un curso en profundidad de Git/GitHub: el propio curso aclara que solo ve lo básico.
- Quien quiera aprender la Composition API: el curso usa Options API.
Antes de empezar
- Tener instalado NodeJS para disponer de NPM (también se podría usar Yarn, que no se usa en el curso).
- Nociones básicas de programación web; la descripción no especifica más requisitos.
Qué sabrás hacer al terminar
- Consultar los datos de una API abierta (TheMealDB) desde una aplicación VueJS.
- Separar la interfaz en componentes y añadir un formulario de búsqueda con paginación.
- Añadir navegación entre componentes y mostrar recetas por categoría y su detalle con ingredientes.
- Subir el proyecto a GitHub (lo básico) y desplegarlo en DigitalOcean.
Estructura del curso
- 01
Introducción
Presentación del curso y puesta en marcha del entorno: instalación de VueJS con NodeJS y NPM.
- 02
La API de TheMealDB
Exploración de la API abierta y obtención de categorías, recetas e ingredientes, separando la aplicación en componentes.
- 03
Búsqueda y paginación
Creación de un formulario de búsqueda sencillo y de una paginación funcional hecha desde cero.
- 04
Navegación
Navegación entre componentes, con vista de detalle de cada receta y mejora del diseño con SweetAlert.
- 05
VueJS en el servidor
Subida del proyecto a GitHub y despliegue en DigitalOcean, con indicaciones sobre el mantenimiento posterior.
Capítulos del vídeo
- 01Introducción
- 02La API de TheMealDB
- 03Búsqueda y paginación
- 04Navegación
- 05VueJS en el servidor
Plan de estudio sugerido
2 semanas · unas 4 h por semana
- 1.Semana 1, sesión 1: Introducción y La API de TheMealDB; instala NodeJS y prueba la API en el navegador.
- 2.Semana 1, sesión 2: Búsqueda y paginación; implementa el formulario y la paginación en tu propio proyecto.
- 3.Semana 2, sesión 1: Navegación; añade rutas y la vista de detalle de receta.
- 4.Semana 2, sesión 2: VueJS en el servidor; sube el proyecto a GitHub y despliégalo.
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
- Escribe el código a la vez que el vídeo en lugar de solo mirarlo, sobre todo en búsqueda y paginación.
- Antes de empezar, instala NodeJS y comprueba que NPM funciona desde la terminal.
- Prueba las peticiones de TheMealDB por separado antes de integrarlas en los componentes.
- Para el despliegue, ten lista una cuenta de GitHub y otra de DigitalOcean.
Cómo lo presenta Brayan Angarita
TheMealDB es una API libre. Descubre cómo hacer una APP de recetas con VueJS gratis y de manera sencilla
Te invito a inscribirte en este curso para que aprendas a usar una API abierta para consumir y usar los datos. TheMealDB es una API de código abierto, la cual nos permitirá obtener información de categorías, detalles de recetas, información de sus ingredientes y más. En este curso aprenderás…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Cuánto dura el curso?
Son 78 minutos repartidos en 15 lecciones y 5 bloques: Introducción, La API de TheMealDB, Búsqueda y paginación, Navegación y VueJS en el servidor.
+¿Qué necesito instalar?
La descripción indica que necesitas NodeJS para obtener NPM. También podrías usar Yarn, aunque el curso no lo utiliza.
+¿Enseña Git y GitHub a fondo?
No. El proyecto se sube a GitHub, pero solo se ve lo básico; el curso aclara que no profundiza en Git/GitHub.
+¿Qué construiré al terminar?
Una app de recetas con formulario de búsqueda, filtrado por categorías, vista de detalle con ingredientes y navegación entre componentes, desplegada en DigitalOcean.
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 Brayan Angarita; 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.