L'essentiel de Ruby on Rails

Découvrir turbolinks et coffee

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Peut-être avez-vous entendu parler de turbolinks et coffee ? Votre formateur vous présente ces deux bibliothèques JavaScript.
02:59

Transcription

Avez-vous remarqué cette ligne require turbolinks à l’intérieur de votre fichier application.js ? Laissez-moi vous présenter cette technologie, ainsi qu’une de ses méthodes pour pouvoir correctement initialiser Foundation au sein de votre application. Turbolinks est intégré en tant que gem dans Ruby on Rails. Cette gem embarque des fichiers javascript qui sont ensuite intégrés dans votre application.js. Turbolinks – comme sa documentation le précise – permet de bénéficier des avantages d’une application single page sans en avoir les inconvénients. Les applications single page sont des applications web dont le chargement est plus rapide et plus fluide pour les utilisateurs. Parmi les inconvénients de ce type d’application, il y a le fait qu’elles utilisent un firmware en JavaScript. Et donc, il serait assez lourd d’intégrer un tel firmware dans notre application Ruby on Rails. L’autre inconvénient est un problème de référencement. Il ne référencie généralement pas les contenus des pages générées en JavaScript. Si jamais vous ne souhaitez pas utiliser Turbolinks, ce serait aussi simple que de retirer le signal ici pour le désactiver. La documentation Turbolinks précise que si nous voulons initialiser des bibliothèques, comme c’est le cas ici avec Foundation, sur l’ensemble de notre application web, il nous faut utiliser l’événement turbolinks:load. Créons d’abord le fichier foundation_load.coffee. L’extension coffee vient de CoffeeScript. CoffeeScript est une bibliothèque JavaScript qui est également embarquée dans une gem dans l’application Ruby on Rails. Mais CoffeeScript est au JavaScript ce que le SCSS est au CSS. CoffeeScript facilite l’écriture du code JavaScript. Je vous invite à aller jeter un œil à sa documentation en ligne. La syntaxe CoffeeScript ressemble beaucoup à la syntaxe Ruby. Basée sur l’indentation, elle est également beaucoup plus légère que JavaScript, puisque du coup, les accolades et les points-virgules par exemple deviennent facultatifs. Il est toujours possible d’utiliser du JavaScript natif en mettant l’extension .js à la place de .coffee. Passons un chargement convenable de Foundation. Pour cela, utilisons le $ de JQuery, la méthode on pour écouter l’événement, l’événement turbolinks:load puis ouvrons les parenthèses, et une flèche pour écrire une fonction en CoffeeScript. Ensuite, nous ajoutons le chargement de Foundation. N’oubliez pas de retirer, au sein de l’application .js, cette ligne, autrement, Foundation risquerait d’être chargée deux fois sur vos pages. Il est nécessaire d’utiliser cet écouteur d’événements turbolinks:load, plutôt que la méthode usuelle document.ready car c’est Turbolinks qui gère le chargement des pages, lorsque l’on clique sur des liens, et non plus le navigateur. Nous avons vu dans cette vidéo une introduction à Turbolinks ainsi qu’à CoffeeScript. Je vous invite à explorer les documentations de ces deux technologies pour mieux les maîtriser.

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 !