Espera un momento 🎁 ...
¿Te gustaría aprender a programar, gratis?
Sólo debes registrarte 😉.
Crea una cuenta y continúa aprendiendo 🚀
Regístrate o inicia sesión para continuar aprendiendo:
Frontend
Aprendiz
Pasos siguientes: API & Promises
Algunos temas no están relacionados directamente con Vue 3, pero te recomiendo aprender más sobre ellos si aún estás empezando. Por ejemplo, el desarrollo de APIs (tema backend), y las Promesas (característica de JavaScript).
Uso de fetch para cargar datos
Ya hemos visto cómo hacer una petición haciendo uso de fetch para cargar datos de manera asíncrona.
Enfoque del curso
En este curso, como se trata de un curso frontend en el que aprendemos Vue JS en su versión 3, no estamos desarrollando una API porque eso es un tema backend.
Pero si estás interesado en ello, junto a esta lección encontrarás material relacionado para que puedas aprender a desarrollar una API desde cero con Laravel.
Consumo de API pública
Voy a dejarte material relacionado donde explico cómo usar fetch para consumir una API pública.
Ósea, no un recurso JSON que está definido de manera local, sino una API externa, libre y de acceso gratuito para que la puedas consumir.
Ejercicio de postulación como Developer
Como probablemente estés interesado en postular como: Vue Developer, voy a adjuntar a esta lección un vídeo.
En este vídeo desarrollo un ejercicio de postulación como Full-stack Developer.
Es un vídeo súper corto para que veas qué tipo de preguntas se pueden hacer mientras postulas a un trabajo de desarrollo como Vue 3 Developer.
Consultas y dudas
Recuerdo que ante cualquier duda que tengas, puedes consultarme a través de la sección de preguntas y respuestas.
Todas las dudas son bienvenidas, ya sea sobre algún tema en particular o si buscas alguna recomendación sobre qué continuar aprendiendo.
Comunicación frontend-backend
Es común que las aplicaciones “frontend” se comuniquen con un “backend” haciendo peticiones a una API.
Por ejemplo, aquí para fetchProducts nosotros usamos fetch, pero existen otras alternativas también para hacer peticiones.
Alternativas a fetch
Existen bibliotecas como Axios, por ejemplo, que permiten hacer lo mismo y muchas de estas bibliotecas trabajan con promesas.
Uso de then
Probablemente te hayas preguntado ¿qué significa esto de then?
Por qué luego de que fetch se resuelve, tenemos por aquí un then y nuevamente otro then.
Este método then nos permite responder ante la respuesta de una promesa.
Qué son las promesas
Las promesas son un tema específico de JavaScript y no tienen relación directa con Vue.
Los frameworks frontend como: Vue, React, Angular... hacen uso de promesas.
Hacen uso de fetch, pero estas son APIs que están disponibles en el lenguaje de JavaScript como tal.
Recursos adicionales
Es importante que conozcas estos temas, por lo tanto, también voy a dejarte en los recursos enlaces para que aprendas más sobre promesas y peticiones asíncronas en general.
Dudas adicionales
Como repito, cualquier duda que tengas sobre estos temas es bienvenida.
Esta lección cuenta con 2 recursos adicionales:
Ya hemos visto cómo hacer una petición haciendo uso de fetch para cargar datos de manera asíncrona. En este curso, como se trata de un curso frontend en el que aprendemos “VueJS” en su versión 3, no estamos desarrollando una API porque eso es un tema backend. Pero si estás interesado en ello, junto a esta lección encontrarás material relacionado para que puedas aprender a desarrollar una API desde cero con Laravel. Asimismo, voy a dejarte material relacionado donde explico cómo usar fetch para consumir una API pública, ósea, no un recurso json que está definido de manera local, sino más bien una API externa, pero que es libre y de acceso gratuito para que la puedas consumir. Siguiendo la misma idea, como probablemente estés interesado en postular como: Vue Developer, voy a adjuntar a esta lección un vídeo en el que desarrollo un ejercicio de postulación como Full-stack Developer. Es un vídeo súper corto para que veas que tipo de preguntas se pueden hacer mientras postulas a un trabajo de desarrollo como Vue 3 Developer. Recuerdo que ante cualquier duda que tengas, de todas formas, puedes consultarme a través de la sección de preguntas y pespuestas. Todas las dudas son bienvenidas, ya sea sobre algún tema en particular o si buscas alguna recomendación sobre qué continuar aprendiendo. Es común que las aplicaciones “frontend” se comuniquen con un “backend” haciendo peticiones a una API. Por ejemplo, aquí para “fetchProducts” nosotros usamos fetch, pero existen otras alternativas también para hacer peticiones. Existen bibliotecas como Axios, por ejemplo, que permiten hacer lo mismo y muchas de estas bibliotecas trabajan con promesas. Probablemente te hayas preguntado ¿qué significa esto de “then”? Por qué luego de que “fetch” se resuelve, tenemos por aquí un “then” y nuevamente otro “then”. Este método then nos permite responder ante la respuesta de una promesa, las promesas son un tema específico de JavaScript y no tiene relación directa con Vue. Los frameworks frontend como: Vue, React, Angular... hacen uso de promesas. Hacen uso de “fetch”, pero estas son APIs que están disponibles en el lenguaje de JavaScript como tal. Es importante que conozcas estos temas, por lo tanto, también voy a dejarte en los recursos enlaces para que aprendas más sobre promesas y peticiones asíncronas en general. Como repito, cualquier duda que tengas sobre estos temas es bienvenida.
¿Tienes dudas?
Publicar preguntaRegístrate
Inicia sesión para llevar un control de tu progreso.
Capítulos
Estás viendo un capítulo de la serie Aprende Vue 3, Vite, VueRouter, Vuetify, Pinia y TypeScript