Développer des pages Web en dehors de Khan Academy

Nous vous fournissons un éditeur dans votre navigateur web, ici à Khan Academy, pour faciliter votre codage en HTML mais aussi pour avoir un retour en temps réel sur votre code et vous permettre de partager votre travail.

Toutefois, notre éditeur ne vous laisse pas tout essayer pour des raisons de sécurité, mais aussi parce qu'il est difficile d’intégrer un éditeur complet dans un si petit espace !

Une fois que vous aurez appris le HTML/CSS ici, vous souhaiterez sûrement commencer à développer des pages web dans un éditeur complet en dehors de Khan Academy, qui ajoutera comme fonctionnalités de pouvoir créer votre page en utilisant plusieurs fichiers, de pouvoir faire des recherches dans ces fichiers et d’intégrer des plugins personnalisables. Peu importe l'éditeur que vous utiliserez, assurez vous de sauvegarder votre fichier avec un nom finissant par ".html". C'est l'extension de fichier qui est utilisée pour les pages HTML, afin d'être sur que tous les éditeurs et navigateurs sachent que le fichier est une page HTML.

Une des options consiste à coder avec un éditeur en ligne, similaire au notre, mais avec des fonctionnalités supplémentaires. Vous devrez peut-être utiliser un éditeur en ligne si vous possédez un ordinateur qui vous interdit de télécharger des logiciels ou si vous souhaitez utiliser le même éditeur partagé sur plusieurs ordinateurs. Les éditeurs en ligne les plus populaires sont JSBin, Repl.it, Glitch, and CodePen. Si vous possédez un ChromeBook, vous pouvez installer une application Chrome comme Caret ou Zed. Voici une vidéo de moi éditant une page web dans Cloud9 :

Une autre option est d'utiliser un éditeur de bureau. C'est un logiciel qui est téléchargé sur votre ordinateur et qui sauvegarde les fichiers dans votre disque dur. Il existe un grand nombre d'éditeurs de bureau sur lesquels vous allez pouvoir effectuer votre choix, tout dépend de votre système d'exploitation et du prix que vous êtes prêt à y mettre. Les éditeurs de bureau les plus connus sont Visual Studio Code, Atom, Sublime Text, Adobe Brackets et Notepad++. Voici une vidéo de moi éditant une page web dans Sublime Text :

Une troisième option est de prendre un éditeur en ligne de commande. Si vous n’êtes pas habitué aux lignes de commandes, vous n'allez probablement pas choisir cette option, car vous devrez en apprendre beaucoup sur les lignes de commande avant de pouvoir commencer. Par contre, si vous aimez taper et naviguer avec votre clavier plutôt que d'utiliser votre souris, vous trouverez peut être votre bonheur dans les outils en ligne de commande. Voici deux éditeurs en ligne de commande populaires : Emacs et VIM. Ils sont souvent préinstallés dans les systèmes basés sur Unix, comme Mac OS et Linux. Ci-dessous une vidéo de moi éditant une page web dans VIM :

Quel éditeur devriez-vous choisir ? Nous vous invitons pour le moment à continuer avec l'éditeur HTML/CSS de Khan Academy. Toutefois, vous voudrez sûrement essayer de vous familiariser avec, au moins, un autre éditeur. Vous pourriez tester différents éditeurs gratuits et voir celui qui vous plaît le plus. Vous pouvez aussi demander autour de vous pour savoir ce que vos amis et collègues utilisent. Il est souvent plus simple de coder avec un outil, populaire dans votre entourage, car vous pourrez plus facilement demander de l'aide.

Par exemple, voici un graphique représentant les éditeurs qu'utilisent mes collègues de Khan Academy. Certains n'écrivant pas en HTML/CSS, leur éditeur favori pourrait bien ne pas être un bon choix pour vous.

Si vous lisez ceci et que vous utilisez déjà un éditeur autre pour développer des pages Web, vous pouvez partager votre choix ainsi que la raison pour laquelle vous l'avez fait dans les conseils ci-dessous. Si vous avez un plugin éditeur favori ou utilisez des outils de développement sur navigateur, partagez aussi. Partagez, c'est aimer. 😊