VSCode

L’éditeur le plus populaire parmi les développeurs, sur le survey StackOverflow

• Survey StackOverflow

deux distributions existent :

• https://code.visualstudio.com distribué par MS avec une version en ligne disponible
• https://vscodium.com 100% libre
  • mais n’a pas le même marketplace d’extensions

Outillage JS

Les incontournables

• https://eslint.org (extension VSCode)
  • linter JavaScript avec de nombreux ensembles de règles.
  • équivalent Python : Pylint
• https://prettier.io (extension VSCode)
  • mise en forme automatique du code
  • fonctionne pour de nombreux langages (dont JS, MD, HTML, CSS, etc.)
  • équivalent Python : black

Les incontournables

• Live Server
• BrowserSync
  • ouvre un serveur web minimaliste et injecte du code JS pour rafraîchir automatiquement le navigateur quand la page change
• https://jsdoc.app (extension VSCode)
  • gestion de commentaires et génération de doc
  • équivalent Python : pydoc
• https://jestjs.io
  • automatisation des tests
  • équivalent Python : pytest

D’autres incontournables pour le déploiement comme https://vite.dev, https://webpack.js.org, https://babeljs.io etc. mais qu’on utilisera pas dans ce cours.

GitHub https://github.com : principale forge de développpement logiciel, basée sur Git avec :

• fork (son clone personnel d’un projet) et pull requests (pour reverser ses modifs au projet d’origine)
• issues : pour les évolutions et les corrections de bug
• GitHub Pages : génération de pages web statiques
• Continuous Integration/Continuous Delivery (CI/CD)
  • via GitHub Actions pour exécuter automatiquement des tests, du packaging, du déploiement, etc.
• wiki, gestion de gros fichiers (GFS), gestion de projets etc.

Bases de Git

cheatsheets

• GitHub (imprimable)
• interactive, par NDP Software

Conventions des commits

• Conventional Commits
  • A specification for adding human and machine readable meaning to commit messages
• Semantic Commit Messages

A relier à Semantic Versioning 2.0.0

Pour le cours suivant

1. Créer un compte https://github.com

Pour le cours suivant

1. Sur https://learngitbranching.js.org, faire a minima : Main : Introduction Sequence, Main : Ramping Up et Remote : Push & Pull – Git Remotes!
2. Appliquer sur votre dépôt https://github.com/unc-informatique/git-github-fundamentals-LOGIN : pousser une modification du README.md sur le remote depuis l’interface Web puis depuis un clone sur votre machine.