Prérequis
Bases en JavaScript et npm, familiarité Git, compréhension des pipelines CI/CD, connaissance de package.json.
Durée
3 jours
Contenu Technique de la Formation
Automatisez votre workflow JavaScript du code à la production. Maîtrisez npm scripts, semantic-release avec conventional commits, pipelines Github Actions et Gitlab CI, déploiements Vercel avec preview URLs, et qualité du code avec husky et lint-staged.
- package.json, npm scripts et workflows personnalisés
- semantic-release et conventional commits — versioning automatisé
- Github Actions workflows pour tests, build et déploiement
- Gitlab CI pipelines déclaratives et stages
- Déploiements Vercel, preview URLs et domaines personnalisés
- npm audit, husky, lint-staged et quality gates
Objectifs de la Formation
Les objectifs visés par cette formation sont :
- Configurer npm scripts et orchestrer workflows complexes
- Implémenter semantic-release avec conventional commits
- Rédiger Github Actions workflows pour CI/CD JavaScript
- Construire Gitlab CI pipelines avec stages et artifacts
- Déployer sur Vercel avec preview URLs et environments
- Sécuriser avec npm audit, husky hooks et lint-staged
Table des Matières
npm et gestion de dépendances
- package.json, package-lock.json et versioning sémantique
- npm scripts — organisation et exécution
- npm install, update, audit — sécurité des dépendances
- Scopes, monorepos et workspaces npm
- Publier sur npm registry et gestion des versions
Semantic-release et conventional commits
- Conventional Commits — format et analyse automatique
- semantic-release workflow — détection et versioning
- Commits de type feat, fix, BREAKING CHANGE
- Changelogs automatisés et releases GitHub
- Intégration avec npm registry et GitHub packages
Github Actions pour JavaScript
- Workflows YAML — triggers et events
- Matrix strategy pour tester multi-versions Node.js
- Steps npm install, build, test et publish
- Artifacts, caching et optimization des workflows
- Secrets et variables d’environnement GitHub
Gitlab CI pipelines JavaScript
- Fichier .gitlab-ci.yml — stages et jobs
- Docker images pour Node.js et dépendances
- Caching et artifacts entre stages
- Variables d’environnement et masked variables
- Manual approval, environments et deployments
Déploiements Vercel et preview URLs
- Vercel CLI et intégration Git automatique
- Environments : production, preview et development
- Preview URLs pour pull requests et branches
- Domaines personnalisés et DNS
- Environment variables chiffrées et secrets Vercel
Qualité du code : npm audit, husky, lint-staged
- npm audit, fix et scan de vulnérabilités
- Husky hooks pour pre-commit, pre-push, prepare-commit-msg
- lint-staged — linting et formatage sélectifs
- ESLint, Prettier et intégration pipeline
- Code coverage avec Jest/Vitest et thresholds
En Pratique
npm scripts et workflows personnalisés
- Créer des npm scripts complexes avec orchestration de tâches
- Configurer husky hooks pre-commit et lint-staged pour la qualité du code
Semantic-release et conventional commits
- Implémenter semantic-release avec conventional commits sur un projet
- Générer changelogs automatisés et releases GitHub
Github Actions et Gitlab CI pipelines
- Rédiger un workflow Github Actions avec matrix strategy multi-versions Node.js
- Construire un pipeline Gitlab CI avec stages, artifacts et déploiement
Déploiement Vercel avec preview URLs
- Déployer sur Vercel avec environments et preview URLs par branche
- Configurer domaines personnalisés et variables d'environnement chiffrées
Modalités et Inscription
Cette formation est proposée selon deux formules pour s'adapter au mieux à vos besoins :
Session régulière
Des sessions sont organisées à intervalles réguliers. Demandez les prochaines dates planifiées pour vous inscrire à la prochaine session.
Sur mesure & intra-entreprise
Vous souhaitez former vos équipes directement dans vos locaux ou adapter le programme technique à votre contexte d'entreprise ? Contactez-nous pour obtenir un devis personnalisé.