VSCode

Actuellement l’éditeur le plus populaire parmi les développeurs, sur le survey StackOverflow de 2021

• IDE
• Other tools
• Collaboration tools

FLOSS, deux distributions existent :

• https://code.visualstudio.com/ distribué par MS
• 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 ensemble de règles.
  • équivalent Python : Pylint
• https://prettier.io/ (extension VSCode)
  • mise en forme automatique du code
  • fonctionne pour de nombreux langages (dont MD, Python, HTML, CSS)
  • équivalent Python : black

Les incontournables (cont’d)

• Live Server
  • 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://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 avec https://jekyllrb.com/
• 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 lundi 18/07/22

1. Créer un compte https://github.com/
2. S’enregistrer sur Classroom via https://classroom.github.com/a/upWFPCfK

Pour le jeudi 21/07/22

1. Sur https://learngitbranching.js.org/?locale=fr_FR, 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 .