Editorii de coduri online

Anonim

Editorii de coduri online

Nu întotdeauna, programatorul are un software special la îndemână prin care funcționează cu codul. Dacă sa întâmplat că este necesar să editați codul, iar software-ul corespunzător nu este la îndemână, puteți utiliza servicii gratuite online. Apoi, vom vorbi despre două astfel de site-uri și detaliați, în detaliu, principiul muncii în ele.

Editați codul programului online

Deoarece există un număr mare de editori similari și totul este simplu de luat în considerare, am decis să ne concentrăm doar pe două resurse de internet care sunt cele mai populare și reprezintă setul principal de instrumente necesare.

Mai sus, am revizuit funcțiile de bază ale serviciului online CodePen. După cum puteți vedea, nu este rău pentru că nu numai să editați codul, ci și să îl scrieți de la zero și apoi să împărtășiți cu alți utilizatori. Singurul dezavantaj al site-ului este restricțiile în versiunea gratuită.

Metoda 2: Liveweave

Acum aș vrea să rămân pe resursa Web Liveweve. Nu numai editorul de cod încorporat, ci și alte instrumente pe care le vom vorbi mai jos. Lucrul începe cu site-ul ca acesta:

Du-te la site-ul Liveweve

  1. Urmați linkul de mai sus pentru a ajunge la pagina editorului. Aici vedeți imediat patru ferestre. Primul cod de scriere în HTML5, în al doilea - JavaScript, în al treilea CSS și rezultatul compilării este prezentat în a patra.
  2. Patru ferestre active pe serviciul Liveweve

  3. Una dintre caracteristicile acestui site poate fi considerată sfaturi pop-up Când tastați etichete, vă permit să măriți viteza setului și să evitați erorile în scris.
  4. Sfaturi afișate pe serviciul Liveweve

  5. Implicit, compilația are loc în modul live, adică este procesată imediat după efectuarea modificărilor.
  6. Finalizarea în timp real pe serviciul Liveweve

  7. Dacă doriți să dezactivați această caracteristică, trebuie să mutați cursorul opus elementului necesar.
  8. Dezactivați compilarea automată pe serviciul Liveweve

  9. În apropiere este disponibilă și în afara modului de noapte.
  10. Opriți modul de noapte pe serviciul Liveweve

  11. Puteți continua să lucrați cu controlere CSS făcând clic pe butonul corespunzător din panoul din stânga.
  12. Du-te la editorul CSS pe serviciul Liveweve

  13. În meniul care se deschide, inscripția este editată prin mutarea glisoarelor și modificarea anumitor valori.
  14. Editați CSS pe serviciul Liveweve

  15. Apoi, vă recomandăm să acordați atenție determinantului de culoare.
  16. Accesați browserul de coloană de pe serviciul Liveweve

  17. Furnizați o paletă extinsă unde puteți alege orice nuanță, iar codul său va apărea în partea de sus, care este ulterior utilizat la scrierea programelor cu interfața.
  18. Lucrul cu browserul de culori pe serviciul Liveweve

  19. Deplasați-vă în meniul "Vector Editor".
  20. Du-te la editorul vectorial pe serviciul Liveweve

  21. Lucrează cu obiecte grafice, care vor fi, de asemenea, utile în momentul dezvoltării software-ului.
  22. Lucrați în editorul vectorial pe serviciul Liveweve

  23. Deschideți meniul pop-up Tools. Aici este disponibilă încărcarea șablonului, salvați fișierul HTML și generatorul de text.
  24. Salt la salvarea serviciului Liveweve

  25. Un proiect este descărcat sub forma unui fișier.
  26. Document salvat deschis din serviciul Liveweve

  27. Dacă doriți să economisiți de lucru, va trebui mai întâi să treceți prin procedura de înregistrare în acest serviciu online.
  28. Salvați proiectul pe serviciul Liveweve

Acum știi cum este editat codul pe site-ul Liveweve. Putem recomanda în siguranță utilizarea acestei resurse Internet, deoarece are multe caracteristici și instrumente care vă permit să optimizați și să simplificați procesul de lucru cu codul programului.

În acest sens, articolul nostru este finalizat. Astăzi am introdus două instrucțiuni detaliate pentru a lucra cu codul folosind serviciile online. Sperăm că aceste informații au fost utile și au contribuit la alegerea celei mai potrivite resurse web pentru muncă.

Vezi si:

Selectați mediul de programare

Programe pentru crearea de aplicații Android

Alegerea unui program pentru a crea un joc

Citeste mai mult