Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

JavaScript : JSON, AJAX et les requêtes asynchrones

Installer des librairies avec Yarn

Testez gratuitement nos 1336 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Yarn est un gestionnaire de librairies efficace avec lequel vous allez installer jQuery. Vous pourrez l'utiliser avec tout type de librairie.
03:00

Transcription

On va voir comment utiliser l'outil « yarn » puisqu'on va l'utiliser dans le projet pour installer les librairies nécessaires, et puis ça va vous servir également puisque pour tout projet Java Script, ça peut être très utile. Pour vérifier que tout s'est bien passé, d'abord vous allez utiliser la ligne de commande et taper « yarn --v » qui va vous permettre d'avoir la version. Il va vous dire que vous avez un « yarn » d'installé qui est en version 23.3, alors en faisant ça en plus, vous allez voir qu'il va vous sauvegarder à l'intérieur du projet un « yarn.log ». Ça se génère automatiquement, il n'y a pas besoin de s'embêter avec ça, surtout, ça vous crée déjà le « node_modules » ici, ça, c'est des choses qui sont faites automatiquement par l'outil. Maintenant, si j'ai envie d'ajouter des librairies, si je les connais, c'est très bien, si je les connais pas, je peux aller les chercher. Sur le site de « yarn », ici vous avez un moteur de recherche, par exemple jQuery, on va pouvoir récupérer jQuery. Vous remarquez qu'en plus, même quand je me trompe, il trouve quand même des « jquery ». Je peux utiliser ce moteur de recherche pour trouver tout un tas de librairies, le plus simple, je vous conseille de passer par des sites qui référencent les librairies, c'est quand même mieux, par exemple, « JavaScripting.com » qui est un très bon site, on en a tout un tas. Alors maintenant, si j'ai envie d'installer jQuery dans mon projet, je vais utiliser « yarn add », je vais simplement lui donner le nom du paquet, et si j'ai envie de le sauvegarder comme dépendance de mon projet, je vais utiliser « --save » qui va me permettre de sauvegarder la dépendance. En faisant ça, ça va simplement vous installer directement la librairie, et ça va vous créer automatiquement un « package.json ». Alors le seul souci, c'est qu'ici, on n'a pas référencé vraiment les infos de notre projet, pour le faire, il suffira d'utiliser « yarn init ». « yarn init » va vous permettre d'initialiser en répondant aux différentes questions de votre projet, et ce qui est bien, c'est qu'en plus de ça, si vous aviez déjà utilisé en fait l'injection de dépendance, et que vous aviez récupéré des dépendances, ça va les garder, ça vous complète le fichier « package.json », mais en aucun cas, ça ne l'écrase. Alors qu'est-ce qui s'est passé tout à l'heure quand on a fait un « add » ? D'abord, il a inscrit la dépendance ici, ce qui veut dire qu'avec un « yarn install », si vous récupérez un fichier comme ça, vous allez avoir toutes les dépendances, et puis surtout ici, vous avez créé un sous-dossier « jquery » qui contient jQuery. En quoi est-ce que un gestionnaire de paquets est important pour un projet ? Tout simplement parce que vous n'allez plus avoir besoin de récupérer à la main les paquets, de les mettre vous même dans le dossier. Si par exemple une nouvelle version de jQuery sort après demain, pour la mettre à jour, il me suffira simplement de faire un « yarn upgrade ». Avec cette commande-là, il va lire votre fichier « yarn », il va aller regarder à l'intérieur quelles sont les dépendances, il va mettre à jour automatiquement. Et vous avez plus besoin de vous embêter avec la gestion des dépendances, c'est lui qui fait tout. Ça, je vous conseille de vraiment l'utiliser dans tous vos projets pour tous les paquets que vous avez installés, qui sont du Java Script évidemment, puisque ça va gérer essentiellement des paquets Java Script. Ensuite, vous aurez plus simplement qu'à venir relier la librairie que vous voulez, en partant sur notre module « jquery », et généralement, c'est un dossier « dist », et puis les fichiers qui sont à l'intérieur qui vont vous intéresser. Voilà comment on utilise « yarn », c'est très très simple, vous le voyez, c'est vraiment une très bonne solution pour maintenir les dépendances, et nous, on installera tout à l'heure des dépendances avec et on verra que on peut maintenir les dépendances entre librairies.

JavaScript : JSON, AJAX et les requêtes asynchrones

Découvrez les requêtes asynchrones en Javascript avec le format JSON et la norme AJAX. Assimilez les techniques du développement d’applications web en single-page.

2h03 (30 vidéos)
Aucun commentaire n´est disponible actuellement
 

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !