Installation des outils de base

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 : Notepadd++, gedit ou Text Wrangler), ou un éditeur de texte commercial (Sublime Text, ou Coda) ou un éditeur hybride (Dreamweaver).
• Un navigateur web, pour y tester le code. Les navigateurs les plus utilisés sont Firefox, Chrome, Opera, Safari et Internet Explorer.
• Un éditeur graphique, comme GIMP ou Photoshop, pour construire les images de vos pages web.
• Un serveur web, utilisé pour publier des sites web sur votre intranet. Les plus connus sont Apache, IIS, Nginx, Lighttpd.
• Un langage serveur tel que PHP pour générer des pages web dynamiques.
• Un système de gestion de base de données. à l'instar de MySQL  permettant de stocker, d'organiser et de récupérer des données.
• Un gestionnaire de versions, pour collaborer sur les projets avec un équipe, partager du code, des fichiers 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, pour uploader les pages web vers un serveur et leur donner une visibilité publique. 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épetitives, comme, par exemple, minimiser le code et lancer des tests.
• Des templates (modèles), bibliothèques, framework, etc. pour accélérer le développement de functionnalités fréquentes.
• Et encore plus !

De quels outils ai-je besoin tout de suite ?

Cette liste peut paraître effrayante. heureusement vous pouvez vous lancer dans le dévelopement 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 Bloc-Notes, OS X propose TextEdit. Pour les distributions Linux cela varie. Ubuntu propose gedit par défaut.

Pour le développement web, vous pouvez probablement faire mieux que Notepad ou TextEdit. Nous vous recommandons de commencer avec Notepad++ ou Atom pour Windows ou Text Wrangler pour Mac. Ils sont tous les trois gratuits et plus complets que Bloc-Notes et TextEdit.

Intaller un navigateur moderne

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

• Linux : Firefox, Chrome, Opera.
• Windows : Firefox, Chrome, Opera, Internet Explorer (si vous utilisez Windows 8 ou une version supérieure, vous pouvez installer IE 10 ou une version supérieure, sinon vous devriez choisir un navigateur alternatif)
• Mac : Firefox, Chrome, Opera, Safari (Safari est proposé sur iOS et OS X par défaut)

Avant de continuer, vous devriez installer au moins deux de ces navigateurs et les avoir sous la main pour les tests. En effet, tous les navigateurs ne comprennent pas ou n'interprètent pas certains languages de la même façon. Même si la tendance actuelle dirige vers une « normalisation » du comportement des navigateurs, il serait dommage de n'avoir testé votre site que sur l'un d'entre eux. Ce n'est qu'une mesure de sécurité de plus mais elle est nécessaire pour s'assurer que tous les visiteurs de votre futur site pourront y accéder sans problème !