Ejercicio de programación con Vuejs: Solicitud HTTP con Axios

Código
Puntuación
0h 25m

Aprende a manejar solicitudes HTTP en Vue.js utilizando Axios. Domina manejo asíncrono y control de errores para desarrollar aplicaciones con Vuejs y Axios.

Este ejercicio de programación está diseñado para poner a prueba tus habilidades en la interacción con APIs usando Vuejs y Axios

La tarea consiste en desarrollar un script en TypeScript que realice una solicitud HTTP GET para obtener una lista de usuarios desde una URL ficticia. Una vez que los datos son recibidos, el objetivo es aplicar un filtro a los usuarios para seleccionar aquellos que superen los 30 años de edad, y finalmente imprimir este subconjunto de usuarios en la consola. 

El reto se centra en el manejo asíncrono de solicitudes HTTP, empleando async/await, que es esencial para trabajar de manera eficiente con operaciones que dependen de respuestas externas. Además, se requiere implementar un manejo básico de errores, asegurando que cualquier problema durante la solicitud sea capturado y notificado adecuadamente en la consola. Este ejercicio permite no solo practicar con Axios, sino también mejorar el manejo de datos y la gestión de promesas en TypeScript.

Instrucciones:

1. Asegúrate de importar Axios correctamente.

2. Realiza la solicitud GET dentro de una función asíncrona.

3. Utiliza `async/await` para manejar la respuesta de Axios.

4. Filtra la lista de usuarios para incluir solo aquellos con una edad mayor a 30 años.

5. Imprime los usuarios filtrados en la consola.

6. Maneja posibles errores en la solicitud y muestra un mensaje en la consola en caso de fallo.

Empezar ejercicio de programación

Todos los ejercicios de programación de Vuejs

Evalúa tus conocimientos con ejercicios de programación en Vuejs de tipo Test, Puzzle, Código y Proyecto con VSCode.

Certificados de superación de Vuejs

Supera todos los retos de Vuejs y obtén estos certificados de superación para mejorar tu currículum y tu empleabilidad.

Tutorial para resolver este ejercicio de programación

Vue.js

Vuejs

Solicitudes HTTP con Axios

Interacción HTTP con APIs de backend

Otros tutoriales de programación con Vuejs