Vuejs solicitudes HTTP con Axios: Filtra y muestra usuarios

Descripción

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

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.

Guarda tu progreso

Inicia sesión para no perder tu progreso y accede a miles de tutoriales, ejercicios prácticos y nuestro asistente de IA.

Progreso guardado

Asistente IA

Ejercicios

Iniciar sesión gratis

Más de 25.000 desarrolladores ya confían en CertiDevs

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.

Solución al ejercicio

Contenido bloqueado

¡Desbloquea la solución completa!

Completa el examen 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 exámenes de Vuejs

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

Retroalimentación

Aprende de tus errores

Progreso

Mide tu avance

Certificación

Valida tus habilidades

Comenzar a practicar

Únete a miles de desarrolladores mejorando sus habilidades

⭐⭐⭐⭐⭐

4.9/5 valoración