Angular5 [ep7] Déploiement sur Github pages avec Travis
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 Snyk (notre service de test de vulnérabilité) à Github pour l’intégrer à notre cycle d’intégration continue. 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, du cycle d’intégration continue et la phase de boostraping de notre projet, nous allons voir ensemble comment builder notre application, ce qu’est Github pages et comment mettre en place notre déploiement de build à l’aide de Travis et Github pages, le tout étant bien évidemment, intégré dans notre cycle d’intégration continue pour que notre future application soit automatiquement déployée en ligne.
C’est un sujet vraiment passionnant que l’on va aborder ensemble aujourd’hui, et la bonne nouvelle, c’est que cet épisode est le dernier concernant la mise en place du cycle d’intégration continue en pré développement de notre application.
Allez, installez-vous, on démarre tout de suite la mise du déploiement automatique avec Travis sur Github pages!
----------------------------------------------------
Liens utiles :
Travis: https://travis-ci.org/
Wiki Angular CLI + CI: https://github.com/angular/angular-cl...
Github Pages: https://pages.github.com/
GitHub Pages Deployment & Travis: https://docs.travis-ci.com/user/deplo...
----------------------------------------------------
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 !