Programmation asynchrone : exercices
Ces exercices sont payants
S'inscrire- Horloge
- Clignotement
- Arc en ciel
- Créer un effet de fading
- Lancer puis stopper une animation
- Feu de circulation
- Menu horizontal dynamique
- Menu déroulant
- Transformer une variable en JSON
- Transformer une chaîne JSON en variable
- Récupérer et afficher des données utilisateurs en AJAX
- Plateforme de bloging
- Station météo
- Cinémathèque
Horloge
Mis à jour leUtiliser un timer pour créer une petite horloge en Javascript.Vidéo : (vidéo visible sur la plateforme de formation)horloge.mp4 ...
Fin de l'extraitVous devez être inscris pour voir le contenu complet de cet exercice (énoncé, vidéo, corrigé).
Clignotement
Mis à jour leVidéo : (vidéo visible sur la plateforme de formation)clignotement.mp4 ...
Fin de l'extraitVous devez être inscris pour voir le contenu complet de cet exercice (énoncé, vidéo, corrigé).
Arc en ciel
Mis à jour leVidéo : (vidéo visible sur la plateforme de formation)rainbow.mp4 ...
Fin de l'extraitVous devez être inscris pour voir le contenu complet de cet exercice (énoncé, vidéo, corrigé).
Créer un effet de fading
Mis à jour leVidéo : (vidéo visible sur la plateforme de formation)fader.mp4 ...
Fin de l'extraitVous devez être inscris pour voir le contenu complet de cet exercice (énoncé, vidéo, corrigé).
Lancer puis stopper une animation
Mis à jour leÉcrivez un script qui va faire bouger une div de la gauche vers la droite sur votre écran en utilisant setInterval(). N'oubliez pas d'arrêter de stopper le déplacement de la div à un moment ...
Fin de l'extraitVous devez être inscris pour voir le contenu complet de cet exercice (énoncé, vidéo, corrigé).
Feu de circulation
Mis à jour leCoder un feu de circulation.Consignes : le feu reste 5 secondes au vert le feu reste 2 secondes à l'orange le feu reste 3 secondes au rouge puis on relance un cycle Indice : cr...
Fin de l'extraitVous devez être inscris pour voir le contenu complet de cet exercice (énoncé, vidéo, corrigé).
Menu horizontal dynamique
Mis à jour leVidéo : (vidéo visible sur la plateforme de formation)menu-horizontal.mp4 ...
Fin de l'extraitVous devez être inscris pour voir le contenu complet de cet exercice (énoncé, vidéo, corrigé).
Menu déroulant
Mis à jour le...
Fin de l'extraitVous devez être inscris pour voir le contenu complet de cet exercice (énoncé, vidéo, corrigé).
Transformer une variable en JSON
Mis à jour leDans cet exercice, je vous demande de créer une simple variable JS contenant plusieurs informations, puis de la transformer en chaîne JSON.Variable à créer : créer une variables "eleves"la v...
Fin de l'extraitVous devez être inscris pour voir le contenu complet de cet exercice (énoncé, vidéo, corrigé).
Transformer une chaîne JSON en variable
Mis à jour leRécupérez cette variable dans votre fichier exercice :let result = '{ "squadName": "Super hero squad", "homeTown": "Metro City", "formed": 2016, "secretBase": "Super tower", "active": true, "members...
Fin de l'extraitVous devez être inscris pour voir le contenu complet de cet exercice (énoncé, vidéo, corrigé).
Récupérer et afficher des données utilisateurs en AJAX
Mis à jour lePour cet exercice, je vous demande d'utiliser un simple formulaire HTML pour requeter une URL en AJAX, puis d'afficher les données qu'elle renvoi dans une page web.Créer un nouveau dossier pour cet ...
Fin de l'extraitVous devez être inscris pour voir le contenu complet de cet exercice (énoncé, vidéo, corrigé).
Plateforme de bloging
Mis à jour leOn va faire une page web qui permettra d'afficher les données des utilisateurs de Typicode grâce à des appels asynchrones. Vous pouvez réaliser cet exercice à l'aide de Jquery ou Bootst...
Fin de l'extraitVous devez être inscris pour voir le contenu complet de cet exercice (énoncé, vidéo, corrigé).
Station météo
Mis à jour leVous allez devoir réaliser un mini tableau de bord de surveillance de données météorologique sur plusieurs villes du monde. Vous devrez récupérer une liste de villes à surveiller, puis vous dev...
Fin de l'extraitVous devez être inscris pour voir le contenu complet de cet exercice (énoncé, vidéo, corrigé).
Cinémathèque
Mis à jour leDans cet exercice, nous allons voir comment exploiter une API. Pour ce faire, nous utiliserons ce site : https://www.themoviedb.org Une API peut être assez complexe à prendre en main, tout...
Fin de l'extraitVous devez être inscris pour voir le contenu complet de cet exercice (énoncé, vidéo, corrigé).