Les 13 meilleurs IDE de navigateur que chaque programmeur devrait connaître

Un bon environnement de développement est essentiel pour chaque programmeur. Que vous développiez les dernières applications Web ou que vous appreniez une langue pour la toute première fois, l'environnement que vous utilisez doit être pratique et facile à utiliser.

Les IDE (environnements de développement intégrés) sont conçus pour faciliter le codage pour les développeurs. La plupart d'entre eux sont des programmes hors ligne installés sur le disque dur de l'ordinateur.

De nombreux IDE basés sur un navigateur conviennent au codage dans le cloud. La plupart d'entre eux ont des limites par rapport à leurs homologues hors ligne, mais ils s'améliorent constamment. Peu importe ce que vous envisagez de faire, il existe un IDE pour presque chaque utilisation.

1. Meilleur IDE professionnel en ligne: AWS Cloud9

Quand Amazon a acheté l'IDE Cloud9 en 2016, c'était déjà un favori des développeurs. L'intégration complète avec Amazon Web Services en fait sans doute la plate-forme de développement en ligne la plus puissante et la plus extensible actuellement disponible. L'EDI en ligne combine un éditeur de code avec un terminal et de puissants outils de débogage.

Cloud9 propose également un mode de programmation par paires similaire à VS Live share permettant une programmation collaborative à distance en équipe. Besoin d'un prototypage rapide? Cloud9 vous donne un accès direct aux services AWS via l'assistance de terminal intégrée.

2. Meilleur IDE en ligne gratuit: CodeTasty

CodeTasty est un IDE cloud complet dans le cloud, rapide et simple à mettre en place.

Toutes les langues principales sont prises en charge, ainsi que le linting et la transpilation pour Typescript, entre autres. L'éditeur lui-même est un environnement de développement virtuel complet avec des fenêtres de terminal et de sortie. CodeTasty est gratuit et entièrement fonctionnel, bien que des niveaux payants soient disponibles pour plus d'options de projet et de collaboration en équipe.

3. Meilleur IDE en ligne pour les débutants: Codeacademy

Codecademy combine un IDE en ligne avec des leçons pour enseigner le codage du débutant à l'expert. Leur catalogue varié couvre les langages populaires tels que Python, JavaScript, CSS, HTML et Ruby.

Parallèlement à l'apprentissage des langues, Codeacademy propose des cours payants Pro et Pro Intensifs conçus pour couvrir des sujets entiers. Les cours d'experts sur l'apprentissage automatique, le développement piloté par les tests et le développement Web frontal ne sont que quelques-uns de ceux disponibles.

4. Meilleur IDE en ligne pour les artistes: p5.js

La bibliothèque p5.js est basée sur JavaScript et fournit des outils pour créer de l'art interactif via du code. Plutôt que d'installer la bibliothèque et d'exécuter un serveur local, l'éditeur Web p5.js vous permet de coder instantanément en ligne.

En plus de créer de superbes visuels, la bibliothèque p5.js offre des possibilités d'interaction. Notre tutoriel sur l' animation de robot sensible à la voix montre à quel point il est rapide et facile de créer de l'art réactif avec p5.js.

5. Meilleur IDE en ligne pour Python: Codevny

Un IDE Python en ligne doit être rapide, facile à utiliser et disposer d'un terminal pour les tests. Codenvy fournit toutes ces choses et bien plus encore. Codenvy est indépendant du langage et chaque instance de l'EDI est un environnement de développement indépendant.

Des packages et des modules supplémentaires peuvent être installés à l'aide du terminal en ligne. Codenvy est un outil de développement et de collaboration robuste, capable de presque toutes les formes de développement moderne.

6. Meilleur IDE en ligne pour JavaScript: JSFiddle

Vous tripotez JavaScript? Essayez JSFiddle, avec des projets de modèles pour vous aider à faire décoller rapidement vos idées d'applications Web.

JSFiddle est entièrement gratuit (support publicitaire) et utilisé par des géants comme Google et Facebook aux côtés de milliers de développeurs.

7. Meilleur IDE en ligne pour les utilisateurs de GitHub: Gitpod

Bien que le concept d'un IDE GitHub puisse sembler étrange au début, cela a beaucoup de sens. Gitpod existe pour éditer des fichiers sur GitHub dans le navigateur. Une extension de navigateur ajoute un bouton à la page GitHub qui, lorsque vous cliquez dessus, ouvre un espace de travail pour le projet actuel.

L'édition a lieu dans un IDE basé sur VS Code. Une comparaison de code côte à côte est intégrée, ainsi que des commentaires pour la collaboration au sein d'une équipe. Gitpod est une idée unique et actuellement en version bêta gratuite pour les dépôts publics et privés.

8. Meilleur IDE en ligne pour Ruby et Ruby on Rails: Repl.it

Ruby occupe une place particulière dans le cœur de nombreux codeurs. Il est facile à lire, concis à écrire et constitue l'épine dorsale de la plate-forme Ruby on Rails, toujours à la mode. Un IDE en ligne pour Ruby doit être audacieux, simple et esthétique. Repl.it a des environnements pour Ruby et Ruby on Rails et est l'endroit idéal pour affûter vos compétences.

9. Meilleur IDE en ligne pour les concepteurs: Codepen.io

Si vous voulez créer de belles choses pour le Web, Codepen.io est fait pour vous. L'EDI fonctionne comme un carnet de croquis pour toutes sortes de développement Web frontal. Une communauté massive de tous niveaux de compétences repousse continuellement la limite de ce qui est possible dans le navigateur.

La newsletter hebdomadaire Spark est une collection des meilleurs stylos de la semaine avec le podcast Codepen Radio. Parallèlement à sa communauté, Codepen propose de nombreuses autres fonctionnalités impressionnantes pour les codeurs et les développeurs Web.

10. Meilleur IDE de codage en ligne pour les enfants: Small Basic

Commencer à coder est difficile pour les enfants. Small Basic comprend un éditeur en ligne adapté aux enfants qui pardonne avec la syntaxe du code. Le langage est lisible mais suffisamment proche du code réel pour être utile.

La bibliothèque incluse couvre le dessin, la saisie de texte, le son et même certains réseaux de base. Découvrez quelques projets de codage simples pour les enfants sur la plate-forme pour voir si c'est pour vous!

11. Meilleur IDE basé sur des blocs pour les enfants: Tynker

Les parents et les enfants doivent apprendre ensemble avec la plate-forme basée sur les blocs Tynker. Il existe plusieurs cours gratuits disponibles pour essayer le service, mais le paiement de l'abonnement mensuel de 7,50 $ vous en rapporte beaucoup plus. Tynker possède une vaste bibliothèque de cours de codage, de jeux, de matériel et de modding Minecraft pour les sept ans et plus.

12. Meilleur IDE en ligne pour Arduino / IOT: Arduino Web Editor

Sans surprise, le meilleur endroit pour programmer des cartes Arduino en ligne est l'éditeur Create Web d'Arduino. Bien qu'il n'en soit qu'à ses débuts, il fonctionne un peu comme l'IDE hors ligne. Parallèlement à l'éditeur de code, le gestionnaire de bibliothèque et le moniteur série sont également disponibles dans le navigateur.

Actuellement, il n'y a de support que pour les cartes Arduino officielles et une poignée d'autres, mais une assistance supplémentaire est prévue dans le futur. Une mise en garde de cet IDE est la nécessité de télécharger un petit programme de pont pour accéder aux ports USB et télécharger le code.

13. Meilleur IDE en ligne pour la programmation matérielle visuelle: XOD.io

XOD est un programmeur visuel open source basé sur les nœuds pour les cartes Arduino. Chaque bloc représente des périphériques et des capteurs, et vous pouvez créer des liens entre eux en faisant glisser des lignes depuis chaque nœud.

La bibliothèque est livrée avec de nombreux nœuds pour différentes utilisations, et des collections de nœuds se réduisent en de nouveaux nœuds pour des blocs propres et lisibles.

Malheureusement, la version navigateur de XOD ne prend pas en charge le téléchargement direct sur les tableaux. Il existe cependant un mode Simulation qui testera le programme sans avoir besoin d'une carte connectée.

Codage sur le cloud

De nombreux IDE de cette liste sont capables de faire presque tout ce dont un codeur a besoin. Cependant, la plupart viennent avec certaines limitations. Beaucoup ont un coût d'abonnement pour couvrir les coûts, et ils nécessitent tous une connexion constante à Internet pour fonctionner correctement.

Les IDE hors ligne ont l'avantage de ne pas nécessiter de connexion Internet, et beaucoup, y compris Visual Studio et VS Code de Microsoft, sont puissants et gratuits.