CATALOGUE Code & Data Apprendre Svelte 3 et SvelteKit 1.0 Récupération de données multi-sources avec SvelteKit

Récupération de données multi-sources avec SvelteKit

Plusieurs sources de données
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Svelte 3 et SvelteKit 1.0
Revoir le teaser Je m'abonne
Transcription

Cette leçon fait partie de la formation
129,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

Cette leçon fait partie de la formation
129,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

L'objectif de cette vidéo est de vous enseigner comment récupérer et afficher des données d'utilisateurs aléatoires via une API externe et de manipuler ces données en utilisant JavaScript et SvelteKit. Vous apprendrez également à utiliser des paramètres API pour affiner les résultats et à intégrer ces données dans un composant web.

Cette vidéo vous montre comment récupérer des données d'utilisateurs provenant de plusieurs sources à l'aide de l'API RandomUser.me. Elle détaille également comment utiliser les paramètres pour filtrer les données par nationalité.

Dans cette leçon, nous allons apprendre à récupérer des données d'utilisateurs aléatoires en provenance de l'API RandomUser.me. Nous commencerons par explorer les différents paramètres que cette API offre, notamment le paramètre NAT qui permet de filtrer les utilisateurs par nationalité. Nous allons spécifiquement récupérer trois utilisateurs français (NAT égale FR) et trois utilisateurs russes (NAT égale RS).

Le code sera principalement divisé en deux fichiers : PLUSPAGE.js et PLUSPAGE.svelte. Dans le fichier JavaScript, nous définirons des constantes pour stocker les résultats des utilisateurs français et russes, et nous utiliserons la fonction asynchrone FETCH pour obtenir ces données. La fonction LOAD retournera un objet JSON contenant ces informations.

Ensuite, nous verrons comment afficher ces données dans un composant Svelte. Le fichier Svelte utilise des constantes pour extraire les utilisateurs français et russes de l'objet JSON et les afficher en utilisant des boucles each. Nous montrerons également comment structurer et mettre en forme ces informations à l'aide de quelques règles CSS.

À la fin de la vidéo, nous aurons une vue claire sur l'affichage des données de différentes nationalités et comment ces données peuvent être mise à jour dynamiquement.

Voir plus
Questions réponses
Quelle API est utilisée pour récupérer des données d'utilisateurs aléatoires?
L'API utilisée est RandomUser.me.
Quels paramètres de l'API RandomUser.me sont utilisés dans cette leçon?
Les paramètres Results et NAT sont utilisés pour spécifier le nombre d'utilisateurs et leurs nationalités respectivement.
Comment les utilisateurs français et russes sont-ils récupérés dans le code?
Ils sont récupérés en utilisant des constantes définies dans le fichier PLUSPAGE.js qui invoquent la fonction FETCH avec des paramètres NAT égaux à FR pour les français et RS pour les russes.

Programme détaillé