L'essentiel de Ruby on Rails

Intégrer jQuery dans Rails 5.1

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Rails 5.1 intègre désormais le gestionnaire de paquet JavaScript Yarn. Découvrez comment l'exploiter pour intégrer jQuery à votre application.
02:51

Transcription

Cette vidéo va vous présenter comment intégrer des nouveaux paquets JavaScript dans votre application Ruby on Rails. Dans les versions précédentes de Ruby on Rails, il était usuel d’ajouter de nouvelles bibliothèques JavaScript via l’usage de gem ou alors directement en téléchargeant les fichiers js. Depuis Rails 5.1, nous pouvons désormais utiliser yarn yarn est un gestionnaire de paquets JavaScript, au même titre que Bundle gère les bibliothèques Ruby on Rails. yarn a été développé et maintenu par Facebook. Peut-être connaissez-vous npm ? npm est le gestionnaire de paquets originel de Node.js. yarn se trouve être plus sécurisé et plus rapide que npm. C’est donc cette solution qui a été retenue dans la nouvelle version de Ruby on Rails pour intégrer des nouveaux packages js. Je vous invite à aller sur le site pour voir comment l’installer pour votre environnement. Vous avez, par exemple, les instructions d’installation sur Linux. En ce qui me concerne, yarn est déjà installé sur ma machine. Je peux donc d’ores et déjà l’utiliser. Nous allons ajouter la bibliothèque JQuery et notre application Ruby on Rails BestTopics. Si j’ajoute cette bibliothèque, ce n’est pas par hasard. Jetons, en effet, un œil à la console de notre application. Quand je parle de la console, il s’agit en vérité de celle du navigateur. Ouvrons-la, rafraîchissons la page et nous voyons ici beaucoup d’erreurs liées à JQuery. En effet, Foundation requiert JQuery pour certaines de ses fonctionnalités. Or, JQuery n’est pour le moment ni installé ni intégré à notre application. Nous allons donc ajouter JQuery à notre application. Pour cela, retournez dans votre terminal et écrivez yarn add jquery. Cela va automatiquement télécharger le paquet et l’installer dans l’application Ruby on Rails. Une fois fait, rendez-vous par votre code dans app\assets\javascripts, ouvrez application.js et rajoutez ici //= require jquery. Cela aura pour effet de charger la librairie JQuery à l’intérieur de notre application. Faites attention car l’ordre des require ici est très important. Il faut, en effet, que Foundation soit placé après JQuery, pour qu’il ait accès à l’ensemble des fonctionnalités initialisées dans la bibliothèque JQuery. Rafraîchissons notre application. Vous voyez que notre console, dans notre navigateur, ne contient plus aucune erreur concernant JQuery. Nous l’avons donc convenablement installé et intégré. Cette courte vidéo vous a présenté comment intégrer la bibliothèque JQuery dans votre application Ruby on Rails grâce au gestionnaire de paquets yarn. JQuery est une bibliothèque très utilisée dans les applications web. Aussi est-il important de savoir l’intégrer. Bien évidemment, vous n’êtes pas obligé de l’utiliser vous-même. Cependant, si vous utilisez twitter, bootstrap ou Foundation, vous allez sûrement en avoir besoin.

L'essentiel de Ruby on Rails

Concevez des applications web évolutives et intemporelles avec Ruby on Rails. Installez l’environnement, réalisez un projet de stack overflow, enrichissez-le, etc.

6h08 (85 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 !