L'essentiel de Ruby on Rails

Installer votre première gem

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Installez Zurb Foundation, votre première gem. Conçue pour le responsive design, vous apprendrez à la configurer et à l'intégrer à votre projet.
06:09

Transcription

Nous allons dans cette vidéo installer notre propre Gem dans un projet Ruby on Rails. La Gem que nous allons installer est Foundation. Foundation est un framework front-end, ce framework embarque une panoplie d'outils pour rendre voter site responsive. Peut-être ne savez-vous pas ce que signifie responsive. Il s'agit de rendre votre site adapté et adaptable à différentes tailles d'écrans. Par exemple, le site de Foundation est lui-même responsive. Nous pouvons le redimensionner, et nous verrons que le menu du site s'adapte automatiquement à la taille de notre navigateur, qui est désormais plus petite. Il n'y a pas que le menu qui s'adapte à la taille de notre navigateur, mais à également les images, le contenu, bref, tout ce qui s'affiche sur le site Foundation. Peut-être avez-vous déjà entendu parler de Twitter Bootstrap. Il s'agit là d'un autre framework front-end permettant de rendre votre site responsive. Foundation est certes, plus méconnu, mais il n'en est pas moins utilisé par des grandes sociétés, voyez plutôt. On retrouve ici des grands noms comme Amazon, Disney, Pixar, HP, Adobe, bref, beaucoup de sociétés utilisent Foundation pour rendre leur site plus responsive. Un autre intérêt de cette technologie est qu'elle a été initialement développée par des développeurs Ruby on Rails. Aussi, est-il assez simple de l'intégrer dans une application Ruby on Rails. Évidemment, de nos jours, il est également aussi assez simple d'intégrer Twitter Bootstrap, mais Foundation étant originalement développé par des développeurs Ruby on Rails, il s'intègre merveilleusement bien dans une telle application. Un framework front-end embarquera également beaucoup d'autres outils qui vous permettront de réaliser différents éléments sur votre site web. Je vous invite quand vous aurez le temps, à aller jeter un œil à la documentation et aux différents tutoriels présents sur le site Foundation. Afin d'intégrer ce merveilleux framework dans notre application, il existe une Gem. Vous pouvez la retrouver facilement en effectuant une recherche : « rails foundation gem », par exemple. L'ensemble des Gem que vous retrouverez sur GitHub sont très souvent accompagnées d'un readme. Le readme sera toujours très important pour pouvoir installer et configurer votre Gem à l'intérieur de votre projet Ruby on Rails. Comme vous pouvez le voir, il s'agit ici d'un petit guide pas-à-pas. Commençons donc par ajouter la Gem « foundation-rails » à notre « GemFile ». Allez dans votre projet, ouvrez votre fichier « GemFile ». Pour garder mon « GemFile » organisé, j'ai pour habitude de regrouper les Gem par type. Par exemple, je vais ajouter le commentaire « Front-end gems », et lister ci-dessous les Gem ajoutant des fonctionnalités Front-end à mon application. Qui ajoute donc « foundation-rails » ainsi que Turbolinks « coffee-rails », qui sont deux Gem ajoutant des fonctionnalités front-end, et j'ai ajouté également « sass-rails ». Rajoutons quelques dièses pour dire qu'il s'agit ici d'une catégorie de Gem particulière. Notez que l'ordre des Gem n'est pas forcément important. Cela peut arriver que pour certaines Gem, l'ordre soit important, mais dans ce cas-là, l'ordre sera précisé dans la readme de la Gem. Je prends également pour habitude d'ajouter le lien qui se trouve ici, au côté de la Gem que je viens d'ajouter. Cela permettra de retrouver plus facilement le site associé à cette Gem, et donc sa documentation. Continuons de suivre le petit guide. Allons désormais dans le terminal. Si comme moi, vous avez votre serveur rails qui est en train de tourner, il faut l'arrêter, en appuyant sur Ctrl+C. En effet, lorsque vous ajoutez une Gem, soit une bibliothèque à votre application Ruby on Rails, il sera nécessaire de relancer votre serveur. Exécutons désormais bundle, qui est un raccourci pour bundle install. La commande va donc installer la nouvelle Gem que nous venons d'ajouter à notre « GemFile ». Comme vous pouvez le voir, cette installation s'affiche ici en vert. Maintenant que c'est chose faite, il nous reste à passer les tables de configuration. Je vous rassure, pour avoir une configuration par défaut qui fonctionne, il n'y a pas grand chose à faire, continuons donc. Ruby nous demande d'exécuter la commande $ rails g foundation:install. Le « g » que vous voyez dans cette commande est un raccourci pour generate. rails generate est une commande très utilisée dans l'environnement Ruby on Rails. Elle va nous permettre ici de faciliter la configuration de Foundation et son installation à l'intérieur de notre projet. Exécutez-la. Il est à priori normal que vous ayez un conflit qui apparaisse ici. En effet, la commande ci-dessus va ajouter automatiquement du code à l'intérieur de différents fichiers. Ce type de conflit est plutôt anodin dans les applications Ruby on Rails lorsque nous utilisons la commande rails generate. Vous avez alors différentes options : Y, n, a, q, d, h, « h » étant pour l'aide, et vous donnant ce à quoi correspond chacune des lettres. J'aime généralement utiliser la lettre « d » afin de voir la différence entre mon fichier actuel et ce que la commande aimerait y mettre. Les lignes précédées de « - » sont les lignes qui seront retirées de notre fichier. Les lignes précédées d'un « + » sont les lignes qui seront ajoutées. Nous pouvons faire confiance à Foundation, puisque nous n'avons pas encore modifié notre fichier. Pour l'autoriser à écraser le fichier, il suffit d'appuyer sur Entrée puisque Yes, le « Y » est l'option par défaut. Et voilà, Foundation est configuré et installé dans notre projet. Nous pouvons relancer le serveur. De la même manière que « g » est un raccourci pour generate, « s » est un raccourci pour server. Vous pouvez retourner sur votre site et voir le résultat. Pour le moment il n'y a pas énormément d'amélioration, et on se demande bien pourquoi on a ajouté cette Gem, mais vous verrez à l'usage, que cette Gem vous apportera énormément de choses, et vous permettra de rendre votre site plus sympathique, plus rapidement. Cette vidéo vous a présenté comment installer une Gem au sein d'une application Ruby on Rails.

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 !