Apprendre à utiliser une API est l'une des compétences incontournable de nos jours dans le monde des développeurs. Je partage avec vous dans cet article plusieurs API et projets amusants qui vous permettront de vous améliorer et aussi d’étoffer votre portfolio.
Parfois, il y'a des moments où nous ne savons pas quoi faire. bien vrai car cela m'arrive de regarder juste l'éditeur de code sans savoir sur quoi travailler.
Pour aider à surmonter cela, j'ai lie chaque API a un projet que vous pouvez faire en parallèle.
Les API's que nous allons ensemble voir dans cet article:
API Giphy
API Sound cloud
API Discord
API Covid-19
API Pokemon
Prérequis
Pour aborder sans problèmes cet article ils s’avèrent important de connaitre les bases de HTML, CSS, JAVASCRIPT:
Création d'éléments de formulaire en HTML.
Conception de base avec CSS. [compétence supplémentaire pour la conception de projets]
Connaissance de base de JAVASCRIPT.
API Giphy
Comme son nom l'indique, c'est une API pour les gifs. C'est l'une des API les plus populaires dans le monde des gifs.
Idées de projets que vous pouvez créer avec cette API:
Moteur de recherche GIF
Qu'Est-ce que c'est?
Un projet simple basé sur une requête dans lequel vous récupérez des GIF en fonction de la requête. Tout ce dont vous avez besoin est une simple zone de saisie et un bouton et soyez créatif avec des conceptions.
Difficulté: Débutant / Facile
interfaces utilisateurs :
- En appuyant sur Entrée, dans la zone de saisie, il devrait récupérer les GIF.
- Les gifs récupérés avant devraient être supprimés.
Qu'est-ce que vous apprendrez après avoir développe ceci?
Utilisation de l'API Fetch
Afficher les données d'une API
Utiliser sur touche enfoncée ou sur touche haut pour vérifier si l'utilisateur appuie sur entrée.
API Sound Cloud
Une API de chanson simple pour récupérer de la musique et créer des projets sympas.
Idées de projets que vous pouvez créer avec cette API:
- Application de musique simple
Qu'Est-ce que c'est?
Un simple clone d'application de chanson / musique.
Difficulté: Débutant - Intermédiaire
Fonctionnalités que vous pouvez ajouter:
Recherche de chansons particulières
Lecture de la chanson au clic
Ajouter / supprimer des chansons de la liste de lecture
Enregistrement de la playlist sur le stockage local
Qu'allez-vous apprendre après avoir développe ceci?
Utilisation de l'API Fetch
Utilisation de localStorage
Lecture / diffusion audio
événements onkeydown / onkeyup
API Discord
une API Discord que vous pouvez utiliser pour créer des bots Discord sympas.
API Covid-19
Dans le monde d'aujourd'hui, le projet de tracking COVID-19 est traité comme la liste des choses a faire du passé ... pourquoi ne pas se joindre à l'amusement?
Interfaces utilisateurs :
Les données mondiales COVID doivent être affichées
Les utilisateurs peuvent rechercher des données spécifiques à un pays
Il doit être responsive
Fonctionnalités que vous pouvez ajouter
Utilisez chartjs pour créer des graphiques sympas
Ajouter des animations à l'aide de pop-motion
Qu'est-ce que vous apprendrez après avoir développé ceci?
Utilisation de l'API Fetch
Utilisation de .toLocaleString ()
vous pouvez trouvez mon application de tracking COVID 19 en cliquant ici covid19lawalapp
API Pokemon
Une API simple pour obtenir des données pokémon ...
Interfaces utilisateurs :
Au moins 100 pokémon sont affichés.
Vous devriez pouvoir filtrer les options
Lorsque vous cliquez sur n'importe quel Pokémon, vous verrez dans une nouvelle page plus de données sur le Pokémon que vous avez sélectionné.
Il doit être responsive
Fonctionnalités que vous pouvez ajouter
Un jeu Pokemon
Recréez ceci avec un framework et observez le nombre de lignes :)
Qu'est-ce que vous apprendrez après avoir développé ceci?
Utilisation de l'API Fetch
Filtrage de la liste de données
Utilisation de routify, etc.
Vous avez aime cet article ? alors n’hésitez pas a me suivre sur twitter..