Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

HTML5 : Optimisation des flux de production

Utiliser Sass sous Ruby

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Il existe plusieurs solutions pour compiler Sass. Découvrez comment employer Sass et Compass sous Ruby et installez ces deux librairies sous macOS ou Windows.
05:07

Transcription

Alors, pour travailler avec du pre-processing, on va commencer par SASS, on ne va pas du tout venir dans la philosophie de SASS mais plutôt sur son exploitation, sur son utilisation en production. Alors dès qu'on va écrire du SASS, on va devoir le compiler. Pour cela, on va passer soit par des applications tierces des applications externes comme Koala par exemple. On va passer par compass.app qui a été presque deprecated, il est toujours utilisable si vous l'aviez acheté par le passé, vous ne pouvez pas ne pas le citer mais cette librairie ne va plus forcément être vraiment maintenue. Vous pouvez passer sur codekitapp, par exemple sur Macintosh, et puis vous avez d'autres outils comme LiveReload etc., qui vont permettre de faire de la compilation directement de SASS. Vous allez pouvoir utiliser des librairies gulp, ici par exemple, avec gulp-sass, vous pourriez utiliser également du grunt bien entendu, vous pouvez utiliser LibSass qui est une librairie JavaScript qui va permettre de compiler, ou directement utiliser un environnement Ruby qui va permettre donc de travailler sous Ruby pour compiler du SASS. Alors là, que l'on soit sous Macintosh ou sur PC. On verra sur Macintosh, Ruby n'est pas nécessaire de l'installer puisqu'il est déjà intégré à MacOS X, mais par contre sur Windows, vous allez devoir l'utiliser, et donc je vous invite à télécharger ici cet Installer Ruby, et puis, de l'installer, de suivre tout le processus par défaut, et d'installer donc Ruby sur la machine. Maintenant, vous aurez toujours ensuite, que vous soyez sous Macintosh ou sur Windows, directement un simple gem install qui va nous permettre d'installer depuis Ruby, donc directement la librairie SASS. Alors pour cela, ça va être très simple, vous allez ouvrir la console de commande, donc ici je vais ouvrir une première console de commande directement ici, et je vais pouvoir faire un gem install sass, sauf que je ne vais pas le faire parce que je vais quand même vérifier si sass est installé sur cette machine dans un premier temps. Donc je vais faire un sass -v ici, et je me retrouve donc avec une version installée qui équivaut à la 3.4.16. Voilà, donc il n'est pas nécessaire de l'installer sur cette machine, mais si vous faites un gem install sass. si vous n'avez pas sass, vous validez et la librairie sass va venir s'installer sur cette machine. Sur Macintosh, on va faire exactement pareil. Donc il va suffire d'ouvrir le terminal ici directement et de faire pareil : un gem install sass, sauf que vous risquez d'être embêté pour des questions d'administration, donc il va vous falloir faire plutôt un sudo gem install sass. Une fois que vous allez lancer ce processus, on va vous demander login et mot de passe de l'administrateur pour pouvoir donc installer cette librairie. Alors, on va faire comme on a fait tout à l'heure sur Windows, on va faire un sass -v ici, pour vérifier et s'assurer de la bonne version, et ici pareil, on a la 3.4.22 qui est installée, donc pas besoin de l'installer. Mais si, sur votre machine, sass n'est pas reconnu, n'hésitez surtout pas, vous faites un sudo gem install sass, comme ça, de cette manière-là, et puis, vous validez pour suivre cette installation. Une fois sass installée, vous pouvez également utiliser une librairie compass qui va très bien avec sass, c'est un peu comme si on avait DOS et Windows quoi, DOS serait sass et Windows serait compass, donc beaucoup ne sont pas favorables pour l'utilisation de compass, c'est vrai qu'elle a été dépassée par beaucoup de choses mais elle peut être utile en production pour créer des projets, créer des dossiers, et changer des configurations css sympa, et puis surtout elle a un vertical align qui est assez sympa aussi, qui travaille bien, et puis une gestion du sprite aussi, qui n'est pas à négliger. Donc pour cela, vous retournez également encore une fois dans la console ici tout simplement, et cette fois-ci vous faites un compass -v pour vous assurer, de voir si vous avez compass qui est installé sur la machine. Donc ici, compass est installé. Si compass ne serait pas installé, vous faites un gem install, vous travaillez avec des librairies gem, donc sous Ruby et vous faites un compass. Alors il se peut que sur certaines configurations, vous entriez en conflit entre une dépendance de compass et de sass qui ne serait pas bonne, donc si vous avez ce genre de souci, vous pouvez faire un gem uninstall directement, sass puis compass, vous désinstallez les deux, et une fois que donc vous n'aurez ni sass, ni compass installés à bord, vous faites directement en premier lieu un install compass. De ce fait, compass, quand il va s'installer il va prendre la dépendance nécessaire qu'il a avec sass, et il va vous installer la version avec laquelle il serait compatible. Des fois il arrive que dans certaines versions beta ou les dernières versions à installer, on peut se retrouver dans ce souci. Vous faites exactement pareil sous Macintosh, il n'y a pas de différence là-dessus en passant bien entendu par le sudo à chaque fois, et si là, vous faites un compass -v, pour voir si compass est installé sur la machine, vous voyez qu'il est installé également, donc pas besoin de l'installer. Voilà donc, une fois que vous avez sass et compass d'installé, vous savez que vous allez pouvoir travailler en exploitant ces deux technologies directement depuis la fenêtre de terminal.

HTML5 : Optimisation des flux de production

Optimisez vos flux de production lors de vos développements en HTML5. Explorez les méthodes et les éléments essentiels à la mise en place de processus automatisés.

5h29 (62 vidéos)
Aucun commentaire n´est disponible actuellement
 
Spécial abonnés
Votre/vos formateur(s) :
Date de parution :26 déc. 2016
Durée :5h29 (62 vidéos)

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 !