Les éditeurs de texte
Afin de coder des pages ou applications web vous allez avoir besoin d’installer un certain nombre de logiciels et quelques autres outils selon le type de chose que vous souhaitez réaliser.
Le premier outil qu’il va falloir installer quel que soit le type de production que vous envisagiez de créer et le plus important d’entre eux va être l’éditeur de texte.
L’éditeur de texte, aussi désigné parfois sous le nom d’IDE (pour Integrated Development Environnement ou encore Environnement de Développement Intégré en français), est l’outil principale permettant de coder.
C’est un éditeur de texte, comme Word, mais avec certaines fonctionnalités qui vont faciliter la rédaction du code. Par exemple la coloration syntaxique, qui colore le code et permet de mieux se repérer dans celui-ci, ou encore l’auto-complétions qui va vous suggérer des mots en fonction du contexte afin de coder plus vite.
D’ailleurs sachez qu’il est tout à fait possible de coder des pages et applications web en utilisant les éditeurs de textes les plus basiques comme le Notepad de Windows ou TextEdit d’Apple. A vrai dire, même Word propose d’exporter votre document en HTML.
Il en existe un très grand nombre, certain sont gratuits, d’autres payants, avec plus ou moins de fonctionnalités. Je vais ici vous en présenter quelques un afin que vous puissiez choisir celui qui vous plais le plus.
Ni trop, ni pas assez
Lorsque j’apprends de nouvelles choses, quel que soit le domaine, j’ai tendance à toujours utiliser les outils proposant le moins de fonctionnalités possible. Cela dans le but d’avoir le plus de chose possible à faire à la main moi même.
Cette stratégie est intimement liée au fait que lorsque j’apprends, j’ai toujours envie de comprendre en profondeur le fonctionnement d’une techno ou d’un système et de tout maitriser dans le but de pouvoir comprendre plus rapidement en cas de bug le pourquoi du comment.
Une fois les connaissances acquises je m’autorise à utiliser des outils avec plus de fonctionnalités qui m’évite de tout faire à la mains. L’idée n’est pas de réinventer toujours la roue mais simplement d’être capable de modifier des choses qui ont été générées pour moi automatiquement et qui pourrait ne pas me convenir.
En terme d’IDE permettant de créer des pages web il existe deux grandes écoles. Les IDE permettant uniquement de taper du code et celle qui permettent de créer des pages web avec des outils visuel et qui vont automatiquement écrire le code à votre place. On dit de ce second type d’outil qu’ils sont WYSIWYG (What You See Is What You Get).
Je vous déconseille vraiment d’utiliser des IDE ce cette seconde famille durant votre apprentissage comme je l’expliquais un peu plus haut. Le problème avec ce genre d’outil est que vous n’apprendrez pas à coder. Vous apprendrez à utiliser un outil qui va générer pour vous du code.
Même si cela peut paraitre au premier abords attractif et vraiment moins prise de tête, le jour ou vous allez devoir résoudre un bug provenant d’une partie du code que vous n’aurez pas écrits la tache ne sera pas simple car vous ne comprendrez pas en profondeur le fonctionnement. De plus, comment allez vous maintenir votre site si ce logiciel cesse d’exister ?
Je vais donc vous recommander ici un certain nombre d’IDE non WYSIWYG ou vous allez devoir écrire tout le code vous même car je reste persuadé que la meilleurs façon d’apprendre à coder est d’écrire encore et encore les mêmes lignes afin de les mémorisée. Du moins c’est mon mode de fonctionnement ! D’ailleurs après plusieurs décennies de code, je n’utilise toujours que ce type d’éditeur.
Voici donc une liste d’éditeur que j’estime être très bon pour toutes personne qui souhaiterais apprendre à coder. Choisissez celui qui vous plaira.
Trois éditeurs géniaux pour débutants et confirmés :
Brackets : Gratuit et dispo pour Windows, OSX et Linux. Plutôt pratique si vous avez tendance à changer d’OS régulièrement de façon a ne pas perdre vos repaires. Un autre avantage de Brackets est qu’il intègre un système de serveur et de live reload nous évitant d’avoir à installer un certain nombre d’autres outils sur le système. Chose amusante, cette éditeur est lui-même fabriqué avec les trois langages de base du web : HTML, CSS, JS. Il est open source, ce qui signifie que toute la communauté peut participer à sont développement et son amélioration. Disponible sur : http://brackets.io
Sublime Text : Un shareware également disponible pour Windows, OSX et Linux que j’ai utilisé très longtemps et que j’utilise encore aujourd’hui pour certain langage. Il est très léger et grandement personnalisable mais requière peut être un peu de mettre les mains dans le cambouis pour le configurer après l’installation. Disponible sur : https://www.sublimetext.com/
Visual Studio Code : Un très bon éditeur de chez Microsoft, dispo pour Windows, OSX et Linux également. Aussi très utilisé en ce moment. Vous pouvez vous le procurer sur sont site officiel : https://code.visualstudio.com/
De mon point de vue ces trois éditeurs sont tout à fait valable pour apprendre le code. Toutefois si vous n’arrivez pas à choisir et que vous souhaitez un conseil, prenez Brackets.
Sublime Text est top et léger, mais requière trop de configuration pour un novice total. Visual Studio Code est très performent mais au contraire trop équipé de base. Brackets c’est le juste milieux, gratuit et cross OS.
Voici d’ailleurs un article détaillant la configuration que j’effectue de base lorsque j’installe Bracket.
