Dans cet article, nous allons vous montrer les outils dont vous aurez besoin pour développer un site web simple, ainsi que comment les installer correctement.

Quels outils utilisent les professionnels ?

  • Un ordinateur. Ça peut sembler évident pour certains, mais certains d'entre vous lisent cet article depuis leur téléphone ou un terminal de bibliothèque. Pour du dévelopement web sérieux, il est préférable d'investir dans un ordinateur de bureau (Windows, Mac ou Linux).
  • Un éditeur de texte, pour y écrire du code. Cela peut être un éditeur gratuit (ex : Brackets, Atom ou Visual Studio Code) ou un éditeur hybride (Dreamweaver). Les éditeurs de documents Office ne sont pas adaptés à cette utilisation, car ils reposent sur des éléments cachés qui interfèrent avec les moteurs de rendu utilisés par les navigateurs web.
  • Un navigateur web, pour y tester le code. Les navigateurs les plus utilisés sont Firefox, Chrome, Opera, Safari, Internet Explorer et Microsoft Edge . Vous devez également tester le fonctionnement de votre site sur les appareils mobiles et sur tous les anciens navigateurs que votre public cible utilise encore beaucoup (comme IE 8-10).
  • Un éditeur graphique, comme GIMP, Paint.NET, Krita ou Photoshop pour réaliser les images de vos pages web.
  • Un système de contrôle de versions, pour gérer les fichiers sur le serveur, collaborer sur les projets avec une équipe, partager du code et des matériaux et pour éviter les conflits d'édition. À ce jour, Git est l'outil le plus connu et la plateforme en ligne GitHub est également très populaire et permet de publier des projets logiciels gérés avec Git.
  • Un programme FTP, utilisé sur les anciens comptes d'hébergement Web pour gérer les fichiers sur les serveurs  (Git remplace de plus en plus le FTP à cette fin). Il existe une grande quantité de programmes de ce genre comme Cyberduck, Fetch et FileZilla.
  • Un système d'automatisation, comme Grunt, pour automatiser les tâches répétitives, comme, par exemple, minimiser le code et lancer des tests.
  • Des modèles, bibliothèques, « frameworks », etc. pour accélérer le développement de fonctionnalités courantes.
  • Et encore plus d'outils !

De quels outils ai-je besoin tout de suite ?

Cette liste peut paraître effrayante, mais heureusement vous pouvez vous lancer dans le développement web sans rien savoir de tout cela. Dans cet article nous allons vous présenter le minimum : un éditeur de texte et quelques navigateurs web modernes.

Installation d'un éditeur de texte

Vous avez probablement un éditeur de texte basique sur votre ordinateur. Par défaut Windows propose Bloc-Notes et macOS, TextEdit. Pour les distributions Linux cela varie. Ubuntu propose gedit par défaut.

Pour le développement web, vous pouvez probablement avoir mieux que Notepad ou TextEdit. Nous vous recommandons de commencer avec Bracketsqui est un éditeur gratuit offrant des aperçus en direct et des conseils de code.

Installation d'un navigateur moderne

Pour l'instant, nous n'installerons que quelques navigateurs pour y tester notre code. Choisissez votre système d'exploitation ci-dessous et cliquez sur les liens pour télécharger les programmes d'installation correspondants à vos navigateurs favoris :

Avant de continuer, vous devriez installer au moins deux de ces navigateurs et les préparer pour les tests. Vous pouvez trouver comment faire cela dans Comment configurer un serveur de test local ?

Étiquettes et contributeurs liés au document

 Dernière mise à jour par : Ilphrin,