Angular 5 [ep5] La revue de qualité de code automatisée avec Codacy

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

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 pluger Coveralls (notre outils de reporting de code coverage) à Istanbul (notre outils de code coverage) et l’intégrer à notre cycle d’intégration continue orchestré avec Travis. Si vous n’avez pas encore vu ces épisodes, je vous recommande de les regarder avant de continuer à suivre cette vidéo car vous risquez d’être un peu perdu lorsque l’on va parler du cycle d’intégration.
Aujourd’hui, toujours dans l’optique de la mise en place des best practices et la phase de boostraping de notre projet, nous allons voir ensemble qu’est ce qu’un code review quality et comment le mettre en place dans notre cycle d’intégration continue. Je vous rassure, on va bientôt commencer à coder avec Angular mais il est nécessaire de mettre en place tout nos process de sécurité avant de se lancer dans le scripting. Cela nous donnera dès le début une ligne de conduite optimale et des filets de sécurité avant de se lancer dans l'acrobatie en typescript.


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

Liens utiles :

Codacy: https://www.codacy.com


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

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 chaîne pour rester informé des prochains tutos !