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

Опубликовано: 15 Июль 2026
на канале: NinJavascript
1,240
21

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, la boîte à outils Bourbon développé en Sass.
Si vous n’avez pas encore vu cette vidéo et que vous ne connaissez pas Sass, je vous recommande de la visionner 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 la fameuse librairie Bootstrap 4 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 désactiver les notifications de votre smartphone, on démarre tout de suite !



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

Liens utiles :

Bootstrap : https://getbootstrap.com/

Bootstrap Github: https://github.com/twbs/bootstrap

UI Bootstrap : https://angular-ui.github.io/bootstrap/


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

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]


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

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