Scribd
Importer
22 vues3 pages

Installation Des Outils de Base: Quels Outils Utilisent Les Professionnels ?

Cet article présente les outils essentiels pour le développement web, notamment un ordinateur, un éditeur de texte, un navigateur web, un éditeur graphique, et un système de contrôle de versions comme Git. Il recommande Visual Studio Code comme éditeur de texte et suggère d'installer au moins deux navigateurs modernes pour tester le code. Enfin, il mentionne la nécessité d'un serveur web local pour certains projets.

Transféré par

edahstar
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
22 vues3 pages

Installation Des Outils de Base: Quels Outils Utilisent Les Professionnels ?

Cet article présente les outils essentiels pour le développement web, notamment un ordinateur, un éditeur de texte, un navigateur web, un éditeur graphique, et un système de contrôle de versions comme Git. Il recommande Visual Studio Code comme éditeur de texte et suggère d'installer au moins deux navigateurs modernes pour tester le code. Enfin, il mentionne la nécessité d'un serveur web local pour certains projets.

Transféré par

edahstar
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

23/05/2023 15:06 Installation des outils de base - Apprendre le développement web | MDN

Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez
également contribuer en rejoignant la communauté francophone sur MDN Web
Docs.

Installation des outils de base


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

Quels outils utilisent les professionnels ?


Un ordinateur. Ça peut sembler évident, mais certains d'entre vous lisent cet article
depuis leur téléphone ou un terminal de bibliothèque. Pour du développement 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 :
Visual Studio Code , Atom, Sublime Text ou Notepad++ ) 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 , [Link] , 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
[Link] 1/3
23/05/2023 15:06 Installation des outils de base - Apprendre le développement web | MDN

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 minimiser le code, ou 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 Visual Studio Code , qui 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 :
Linux : Firefox , Chrome , Opera .
[Link] 2/3
23/05/2023 15:06 Installation des outils de base - Apprendre le développement web | MDN

Windows : Firefox , Chrome , Opera , Internet Explorer , Microsoft Edge


(Windows 10 est livré avec Edge par défaut, si vous avez Windows 7 ou supérieur,
vous pouvez installer Internet Explorer 11, sinon, vous devez installer un autre
navigateur).
Mac : Firefox , Chrome , Opera , Safari (Safari est proposé sur iOS et macOS par
défaut).
Avant de continuer, vous devriez installer au moins deux de ces navigateurs et les
préparer pour les tests.
Note: Internet Explorer n'est pas compatible avec les dernières améliorations proposées
par le Web. Il est possible que votre projet ne fonctionne pas sur ce navigateur. Vous
n'avez généralement pas à vous soucier de rendre vos projets Web compatibles avec
celui-ci, car très peu de personnes l'utilisent encore. Mais pour certains besoins
spécifique, il faudra rendre votre projet compatible.
Installer un serveur web local
Certains projets Web ont besoin d'être lancés sur un serveur Web pour fonctionner
correctement. Vous pouvez trouver ces explications ici: Comment installer en local un
serveur de tests ?

This page was last modified on 13 avr. 2023 by MDN contributors.

[Link] 3/3

Vous aimerez peut-être aussi