Angular 5 [ep9] Etendre Sass avec Bourbon

Опубликовано: 26 Июль 2026
на канале: NinJavascript
932
30

Besoins d'aide ? Posez vos questions sur le Slack : https://goo.gl/U88tW6

Angular est un framewok tendance et très largement utilisé par les développeurs. Je suis là pour vous montrer comment créer un projet Angular avec Angular CLI et comment mettre en place les bonnes pratiques de développement. Cette vidéo est parfaite pour vous si vous souhaitez découvrir ou re-découvrir Angular.

Dans l’épisodes précédent, nous avons vu ensemble comment configurer sur notre application, le préprocesseur CSS Sass. Si vous n’avez pas encore vu cette vidéo et que vous ne connaissez pas Sass, je vous la recommande de la visionnée avant de continuer cette vidéo afin de ne pas être perdu lorsqu’un parlera de fonctions et de mixins sass.

Aujourd’hui, et toujours dans le cadre des best practices et du préprocesseur CSS, nous allons voir ensemble comment étendre les fonctionnalités de Sass avec une boîte à outils en sass pour simplifier le développement des stylesheets de notre application DashingJS2 qui est développée avec Angular 5.

Allez, installez-vous confortablement, mettez vos écouteurs et prenez une tasse café, on démarre tout de suite !


----------------------------------------------------

Liens utiles :

Bourbon : https://github.com/thoughtbot/bourbon

Bourbon documentation : https://www.bourbon.io/docs/latest

Awesome Sass : https://github.com/Famolus/awesome-sass


----------------------------------------------------

Autres épisodes :

Angular 5 [ep1] Environnement de développement
   • Angular 5 [ep1] Environnement de développe...  

Angular 5 [ep2] Le Git flow
   • Video  

Angular 5 [ep3] Le cycle d’intégration continue
   • Angular 5 [ep3] Le cycle d’intégration con...  

Angular 5 [ep4] Le code coverage
   • Angular 5 [ep4] Le code coverage avec Cove...  

Angular 5 [ep5] Le code review
   • Angular 5 [ep5] La revue de qualité de cod...  

Angular 5 [ep6] Le code review
   • Angular 5 [ep6] Les tests de vulnérabilité...  

Angular 5 [ep7] Le déploiement sur Github pages avec Travis
   • Angular5 [ep7] Déploiement sur Github page...  

Angular 5 [ep8] Le préprocesseur CSS avec Sass
   • Angular 5 [ep8] Le préprocesseur CSS avec ...  

Angular 5 [ep9] Etendre Sass avec Bourbon
   • Angular 5 [ep9] Etendre Sass avec Bourbon  

Angular 5 [ep10] Etendre Sass et le responsive avec Bootstrap
   • Angular 5 [ep10] Etendre Sass et le respon...  

Angular 5 [ep11] Les préfixes CSS avec Autoprefixer & Browserslist
   • Angular 5 [ep11] Les préfixes CSS avec Aut...  

Angular 5 [ep12] Les polices d'écriture et d'icones avec Font awesome, Flaticon et google fonts
   • Angular 5 [ep12] Les polices d'écriture et...  


Angular 5 [ep13] Formater son code automatiquement avec Prettier et Pretty quick
   • Angular 5 [ep13] Formater son code automat...  


----------------------------------------------------

Comme toujours, ce tutoriel est gratuit.
Chaque tutoriel sur ma chaîne est gratuit, fait avec ❤ et beaucoup de travail, donc n'oubliez pas de laisser un Like .. :)


----------------------------------------------------

Rejoignez-moi sur les réseaux sociaux.
Linkedin: https://goo.gl/MTaQxr
Github: https://goo.gl/waH8K7
Chaîne YouTube: https://goo.gl/JHzcEX


----------------------------------------------------

Pour me contacter, écrivez-moi:
[email protected]

Ajoutez-moi sur LinkedIn:
  / mikhael-gerbet  

Et suivez-noi sur Github:
https://github.com/MikhaelGerbet

----------------------------------------------------

Merci d'avoir regardé cette vidéo, abonnez-vous à la chaine pour rester informé des prochains tutos !