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...

  • CotEditor - un éditeur simple, gratuit et open-source. Disponible pour MacOS uniquement.
  • Sublime Text - éditeur gratuit, le plus populaire en ce moment. Il existe un grand nombre d’extensions pour étendre ses fonctionalités.
  • Atom - éditeur gratuit et open source, très similaire à Sublime Text. Il existe également des extensions.
  • Brackets - éditeur gratuit et open source, produit par Adobe.
  • Visual Studio Code - éditeur de code gratuit produit par Microsoft, disponible pour Windows, Mac et Linux. Inclut le support pour le versionnement Git. Le site VSCodeCanDoThat.com donne des informations utiles.
  • Coda - éditeur avec des fonctions de prévisualisation. Prix: $99.
  • Espresso - éditeur avec des fonctions de prévisualisation du CSS. Prix: $75.
  • PhpStorm - é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 permet 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…).

Afin de pouvoir tester des sites sous Internet Explorer et Edge, Microsoft propose des machines virtuelles Windows incluant ce navigateur (de IE8 à IE11 et Edge).

Utiliser un éditeur de code

Exemples de rechercher-remplacer sur un document.