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 tournant sous Linux, Mac ou Windows.
  • 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 le code et les ressources et éviter les conflits d'édition. À ce jour, Git est l'outil lde contrôle de version le plus connu et le service d'hébergement de code GitHub, fondé sur Git, est également très populaire.
  • 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 ou Gulp, 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.

Installer un éditeur de texte

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

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

Installer un navigateur moderne

Pour l'instant, nous n'installerons que deux 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.

Installer un serveur web local

Quelques exemples ont besoin d'être lancés par un serveur web pour fonctionner correctement. Vous pouvez trouver comment faire dans Comment installer en local un serveur de tests ?

Dans ce module

Étiquettes et contributeurs liés au document

Dernière mise à jour par : Dralyab,