Code éditeurs en ligne

Anonim

Code éditeurs en ligne

Pas toujours, le programmeur dispose d'un logiciel spécial à portée de main sur laquelle il fonctionne avec le code. Si cela est arrivé qu'il est nécessaire de modifier le code et que le logiciel correspondant n'est pas à portée de main, vous pouvez utiliser des services gratuits en ligne. Ensuite, nous parlerons de deux sites de ce type et de détail en détail le principe de travail en eux.

Modifier le code de programme en ligne

Comme il existe un grand nombre de rédacteurs similaires et que tout est simple à ne pas prendre en compte, nous avons décidé de vous concentrer uniquement sur deux ressources Internet les plus populaires et représentent l'ensemble principal des outils nécessaires.

Au-dessus, nous avons examiné les fonctions de base du service de CodePen Online. Comme vous pouvez le constater, il n'est pas mauvais pour non seulement éditer le code, mais également l'écrire à partir de zéro, puis partagez avec d'autres utilisateurs. Le seul inconvénient du site est des restrictions dans la version gratuite.

Méthode 2: Liveweave

Maintenant, je voudrais rester sur la ressource Web Liveweave. Il a non seulement l'éditeur de code intégré, mais aussi d'autres outils que nous allons parler ci-dessous. Le travail commence avec le site comme celui-ci:

Aller au site web liveweave

  1. Suivez le lien ci-dessus pour rejoindre la page édition. Ici, vous voyez immédiatement quatre fenêtres. La première écriture de code dans HTML5, dans le second - JavaScript, dans la troisième - CSS, et le résultat de la compilation est indiquée au quatrième.
  2. Quatre fenêtres actives sur le service Liveweave

  3. L'une des caractéristiques de ce site peut être considérée comme des conseils contextuels lors de la frappe des balises, ils vous permettent d'augmenter la vitesse de l'ensemble et d'éviter les erreurs par écrit.
  4. Astuces d'affichage sur le service Liveweave

  5. Par défaut, la compilation se produit en mode LIVE, c'est-à-dire qu'elle est traitée immédiatement après avoir apporté des modifications.
  6. Achèvement en temps réel sur le service Liveweave

  7. Si vous souhaitez désactiver cette fonctionnalité, vous devez déplacer le curseur opposé à l'élément requis.
  8. Désactiver la compilation automatique sur le service Liveweave

  9. A proximité est disponible sur et hors du mode nuit.
  10. Éteignez le mode nuit sur le service Liveweave

  11. Vous pouvez continuer à travailler avec des contrôleurs CSS en cliquant sur le bouton approprié du volet de gauche.
  12. Aller à l'éditeur CSS sur le service Liveweave

  13. Dans le menu qui s'ouvre, l'inscription est éditée en déplaçant les curseurs et change certaines valeurs.
  14. Modifier CSS sur le service Liveweave

  15. Ensuite, nous vous recommandons de faire attention au déterminant des couleurs.
  16. Aller au navigateur de colonne sur le service Liveweave

  17. Vous fournissez une palette étendue où vous pouvez choisir n'importe quelle nuance et son code apparaîtra en haut, utilisé ultérieurement lors de l'écriture de programmes avec l'interface.
  18. Travailler avec le navigateur de couleurs sur le service Liveweave

  19. Déplacez-vous dans le menu "Vector Editeur".
  20. Aller à l'éditeur de vecteur sur le service Liveweave

  21. Il travaille avec des objets graphiques, qui seront également utiles au moment du développement de logiciels.
  22. Travaillez dans l'éditeur de vecteur sur le service Liveweave

  23. Ouvrez le menu contextuel Outils. Voici votre chargement de modèle disponible, enregistrez le fichier HTML et le générateur de texte.
  24. Sauter pour économiser sur le service Liveweave

  25. Un projet est téléchargé sous la forme d'un fichier.
  26. Document ouvert à partir du service Liveweave

  27. Si vous souhaitez économiser du travail, vous devrez d'abord suivre la procédure d'inscription dans ce service en ligne.
  28. Enregistrez le projet sur le service Liveweave

Vous savez maintenant comment le code est édité sur le site Web LiveWeave. Nous pouvons recommander en toute sécurité à l'aide de cette ressource Internet, car elle dispose de nombreuses fonctionnalités et outils qui vous permettent d'optimiser et de simplifier le processus de travail avec le code de programme.

À ce sujet, notre article est terminé. Aujourd'hui, nous vous avons introduit deux instructions détaillées pour travailler avec le code à l'aide de services en ligne. Nous espérons que ces informations étaient utiles et ont contribué à choisir le choix de la ressource Web la plus appropriée pour le travail.

Voir également:

Sélectionnez l'environnement de programmation

Programmes de création d'applications Android

Choisir un programme pour créer un jeu

Lire la suite