L’éditeur de code est un outil fondamental pour les métiers du web. Il existe un grand nombre d’éditeurs de code, ayant chacun ses particularités. Parmi les fonctionalités partagées par tous les éditeurs de code:

  • la colorisation de la syntaxe, pour faciliter la lecture et la détection d’erreurs.
  • la suggestion automatique de termes propres au langage utilisé (HTML, CSS, JavaScript, etc).
  • le « rechercher remplacer » à l’échelle d’un projet ou dossier.
  • le « rechercher remplacer » avec des « expressions régulières ».

Quelques éditeurs de code...

  • Visual Studio Code - éditeur de code gratuit produit par Microsoft, disponible pour Windows, Mac et Linux. Inclut le support pour le versionnement Git. Voir support de cours dédié.
  • CotEditor - un éditeur simple, gratuit et open-source. Disponible pour MacOS uniquement.
  • Sublime Text - éditeur freemium. Il existe un grand nombre d’extensions pour étendre ses fonctionalités.
  • Nova - successeur de Coda. Prix: $99/an.
  • PhpStorm par Jetbrains - éditeur spécialisé pour le langage PHP (utile pour le développement de thèmes WordPress, par exemple).

L’inspecteur du navigateur est un outil indispensable pour le développement d’interfaces web. Il permet l’analyse des éléments de mise en page d’un site, son chargement, son poids etc. Il est disponible dans les navigateurs majeurs (Firefox, Chrome, Safari). À noter que Firefox propose une “version développeur”.

L'inspecteur de Firefox permettait une vue en 3D de la structure d'une page web

Dans Safari, il est nécessaire d’activer ces outils dans les préférences (sous Avancées > Afficher le menu Développement…).