Vuejs solicitudes HTTP con Axios: Filtra y muestra usuarios

Ejercicio de programación: Solicitud HTTP con Axios

Este ejercicio de programación está diseñado para poner a prueba tus conocimientos en Vuejs. Es un ejercicio avanzado que pondrá a prueba tus conocimientos expertos.

Tipo: Ejercicio de código 25 minutos estimados 100 puntos de experiencia

Información adicional del ejercicio

Implementa un script en TypeScript para realizar una solicitud HTTP GET con Axios y filtrar datos obtenidos de una API externa.

Contenido del ejercicio

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.

Lección relacionada

Este ejercicio está relacionado con la lección "Solicitudes HTTP con Axios" de Vuejs. Te recomendamos revisar la lección antes de comenzar.

Ver lección relacionada

Más ejercicios de Vuejs

Explora más ejercicios de programación en Vuejs para mejorar tus habilidades y obtener tu certificación.

Ver más ejercicios de Vuejs

Solución al ejercicio de programación en Vuejs

Contenido bloqueado

¡Desbloquea la solución completa!

Completa el ejercicio de programación en Vuejs para acceder a la solución paso a paso, explicaciones detalladas y mejores prácticas.

solution.js

JavaScript

1 function solveChallenge ( input ) {

2 // Algoritmo optimizado O(n log n)

3 const data = parseInput ( input );

4 const sorted = data . sort (( a , b ) => a - b );

6 // Aplicar técnica de dos punteros

7 let left = 0 , right = sorted . length - 1 ;

8 const result = [];

10 while ( left < right ) {

11 const sum = sorted [ left ] + sorted [ right ];

12 if ( sum === target ) {

13 result . push ([ sorted [ left ], sorted [ right ]]);

14 left ++; right --;

15 } else if ( sum < target ) {

16 left ++;

17 } else {

18 right --;

19 }

20 }

22 return result ;

23 }

Código completo

Explicaciones

Mejores prácticas

+1.200 developers han resuelto este ejercicio de programación

Practica con ejercicios de programación en Vuejs

Mejora tus habilidades con cientos de ejercicios de práctica, recibe retroalimentación instantánea y obtén tu certificación cuando estés listo.

Asistente de IA

Aprende de tus errores

Progreso

Mide tu avance

Certificación

Valida tus habilidades

Comenzar a programar

Únete a miles de desarrolladores mejorando sus habilidades en Vuejs

⭐⭐⭐⭐⭐

4.9/5 valoración