Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Si vous êtes un développeur Web, vous avez probablement un environnement de développement configuré localement sur votre poste de travail. Vous avez installé vos favoris Éditeur de code, les meilleurs packages ajoutés, Extensions chargéeset l’ensemble de l’EDI fonctionne exactement comme vous en avez besoin. Mais que faire si vous n’êtes pas sur votre machine normale? Que faire si vous voyagez ou êtes expulsé sans ordinateur portable, ou même si vous travaillez à domicile? Et alors? Connaître les éditeurs de code en ligne peut vraiment sauver la situation. De plus, vous voudrez peut-être même le garder dans votre poche arrière pour améliorer votre routine de codage normale.

Abonnez-vous à notre chaîne YouTube

Pourquoi les éditeurs de code en ligne?

Il y a plusieurs raisons d’envisager d’utiliser des éditeurs de code en ligne. Cependant, la vérité est que l’utilisation d’un IDE en ligne ne remplacera (très probablement) pas votre IDE installé localement. De nombreux environnements en ligne sont incroyablement robustes et capables de faire la plupart du travail que vous y consacrez comment robuste et capable comme installations de bureau. Cependant, il y a plusieurs raisons d’en envisager une.

  • Vous voyagez et avez besoin d’accéder à votre code partout.
  • Vous devez partager des extraits et des morceaux de code interactifs.
  • Votre temps est limité et vous avez besoin d’une solution avec presque zéro paramètres.
  • Votre budget est limité. Les éditeurs de code en ligne peuvent être plus puissants que le poste de travail auquel ils ont accès.
  • Votre équipe doit travailler ensemble en temps réel. De nombreux IDE en ligne intègrent des outils de collaboration qui fonctionnent sans aucune configuration.

Quel que soit le Pourquoi Si vous souhaitez ou avez besoin d’utiliser un IDE en ligne, vous avez le choix entre des tonnes, chacune avec des forces, des faiblesses et des rôles différents pour les développeurs Web.

1. PlayCode

PlayCode

PlayCode est un bel éditeur de code en ligne polyvalent. Il vous permet d’ouvrir plusieurs fichiers exécutés ensemble dans un seul projet, comme vous le feriez avec plusieurs fichiers dans une structure de répertoire typique en utilisant Sublime Text ou VS Code. PlayCode propose des modèles prêts à l’emploi pour les utilisateurs ainsi que des résultats en temps réel et un débogage intégré de la console directement dans le navigateur. Les utilisateurs peuvent modifier et travailler sans être connectés pour obtenir des correctifs rapides, etc. Cependant, vous pouvez également vous connecter pour enregistrer votre travail et utiliser PlayCode sur différents ordinateurs.

Plus d’information

2. JSFiddle

Éditeur de partage de code JSFiddle

JSFiddle est un autre éditeur de code en ligne qui fonctionne comme PlayCode à bien des égards. JSFiddle a été spécialement développé pour les codeurs JavaScript et n’est pas forcément adapté pour travailler sur des projets entiers. Cependant, comme indiqué dans la barre d’informations en haut de l’éditeur lui-même, il est préférable pour « les démos pour les documents, les rapports de bogues pour les problèmes de Github et la présentation des réponses au code, le » dépassement de pile, la collaboration de code en direct, l’hébergement d’extraits de code « , ou simplement juste un bac à sable pour jouer avec votre code.

Plus d’information

3. CodePen

Éditeur de code en ligne Code Pen

CodePen sera probablement aussi les Éditeur de code en ligne à partir d’éditeurs de code en ligne. Non seulement il vous donne les outils pour collaborer, expérimenter et partager, mais il vous donne également des résultats en direct et la possibilité de rechercher dans la base de données et le référentiel d’extraits que d’autres auteurs ont créés pour que vous puissiez expérimenter et apprendre de leur travail. C’est aussi un endroit amusant pour voir ce que certaines personnes font avec le code de manière nouvelle et amusante. En outre, les extraits de codePen sont indexés par Google, et c’est souvent là que vous finissez par chercher une solution avant d’aller à Stack Overflow – et parfois après, car c’est là que les solutions en temps réel sont souvent écrites et partagées.

Plus d’information

4. StackBlitz

Flash de pile

StackBlitz est une bonne chose. Nous sommes très impressionnés par ce que cette application a à offrir aux développeurs car elle regorge d’outils pour lancer votre projet avec un démarrage en cours. En un seul clic. Si vous regardez l’image ci-dessus, les fichiers et les dépendances et même les URL partageables ont été générés avec un seul Démarrer un nouvel espace de travail – React (JavaScript) Bouton. Avec la possibilité de sauvegarder, partager et même connecter vos données GitHub Le compte StackBlitz mérite un coup d’œil. Pas un service de partage d’extraits de code solide ou un bac à sable de codage, StackBlitz est un IDE solide pour ceux qui préfèrent les éditeurs de code en ligne.

De plus, et nous ne pouvons pas prendre cela pour acquis Il est basé sur VS Code. Donc, vous exécutez essentiellement ceci IDE et éditeur de code le plus populaire dans votre navigateur, et chaque projet dispose de son propre espace serveur. Vous pouvez mettre à niveau si vous le souhaitez, mais la version gratuite fonctionne bien aussi (si elle est un peu lente à charger, mais c’est à prévoir des plans gratuits). Lisez-leet nous pensons que vous conviendrez que de tous les éditeurs de code en ligne, il vaut la peine de regarder de près.

Plus d’information

5. AWS Cloud9

AWS Cloud9

En tant que premier utilisateur de Cloud il y a 9 ans, alors qu’il s’agissait d’un projet open source c9.io.Nous recommandons vivement ce produit. En fait, il offre une expérience très similaire à StackBlitz ci-dessus. Lorsqu’Amazon a acquis C9, ils l’ont connecté à leur cloud dans le cadre de leur suite de services AWS. AWS Cloud9 est définitivement un IDE en ligne complet et complet, et le texte de présentation de leur site Web explique parfaitement pourquoi cela vaut le coup d’œil.

AWS Cloud9 est un environnement de développement intégré (IDE) basé sur le cloud qui vous permet d’écrire, d’exécuter et de déboguer votre code avec un simple navigateur. Il comprend un éditeur de code, un débogueur et un terminal. Cloud9 est livré avec des outils essentiels pour les langages de programmation courants tels que JavaScript, Python, PHP, etc., vous n’avez donc pas à installer de fichiers ou à configurer votre ordinateur de développement pour démarrer de nouveaux projets. Étant donné que votre IDE Cloud9 est basé sur le cloud, vous pouvez travailler sur vos projets depuis votre bureau, votre domicile ou n’importe où avec un ordinateur connecté à Internet. Cloud9 offre également une expérience transparente pour le développement d’applications sans serveur, ce qui vous permet de définir facilement, de déboguer des ressources et de basculer entre l’exécution d’applications localement et à distance sans serveur. Avec Cloud9, vous pouvez rapidement partager votre environnement de développement avec votre équipe et ainsi lier le programme et suivre les entrées des autres en temps réel.

Plus d’information

6. JSBin

jsbin

Si vous l’avez déjà vu ou utilisé PasteBin, JSBin sera connu. C’est similaire dans la structure, le style et l’utilité. JSBin est avant tout un site de partage de code. Nous pensons définitivement qu’il est préférable de créer un compte ici pour rester connecté. La raison en est que JSBin enregistre automatiquement votre progression avec chaque code avec lequel vous travaillez. Même si vous faites des essais pour voir ce que font les extraits, vous ne perdrez pas votre travail. JSBin est un éditeur simple et sans fioritures. Et quand vous en avez besoin, vous ne pouvez vraiment pas vous améliorer.

Plus d’information

7. Éditeur de thème WordPress

Éditeur de thème WordPress Code Mirror

WordPress n’est peut-être pas la première chose à laquelle vous pensez en ce qui concerne les éditeurs de code en ligne. Mais il y a certainement quelque chose à considérer. Dans WordPress 4.9 WP Core a été mis à jour pour inclure CodeMirror. La mise en évidence de la syntaxe et les avertissements d’erreur pour toute modification apportée dans les zones de code sont désormais la condition de base de WordPress. L’emplacement principal pour cela se trouve dans le Apparence – éditeur de thème Zone, mais il apparaît également dans n’importe quelle zone de widget (comme le HTML personnalisé Widget) ou dans le personnalisateur de thème dans CSS personnalisé Tab. Bien que ce ne soit certainement pas un IDE complet, nous pouvons recommander sans réserve l’éditeur WP CodeMirror pour vérifier les bogues et mettre à jour des extraits de code sans avoir à traiter avec FTP et divers systèmes de gestion de fichiers.

Plus d’information

Diplôme avec des éditeurs de code en ligne

La plupart des éditeurs de code en ligne ne remplaceront pas votre environnement de développement local. Ce n’est pas leur travail. La plupart du temps. Cependant, ils peuvent fournir un moyen solide et facile de modifier le code, de partager des extraits de code, de faire des sauvegardes et d’expérimenter de nouvelles fonctionnalités en temps réel dans un endroit sûr. Entre les IDE complets comme StackBlitz, les services de partage d’extraits comme JSBin et même les éditeurs de code en ligne de haute qualité comme l’intégration WordPress CodeMirror, il n’y a pas de meilleur moment pour jouer avec l’édition en ligne.

Quels sont vos éditeurs de code en ligne préférés?

Article avec photo de Fernandodiass / shutterstock.com





Source link

Recent Posts