De Programmierer huet net ëmmer spezielle Software um Dësch, iwwer déi hien mam Code stin. Wann et esou geschitt, datt Dir de Code änneren musst, an déi entspriechend Software net ausgëtt, kënnt Dir d'gratis Onlineservicer benotzen. Weider wäerte mir iwwer zwee sou SITE erzielen an analyséieren am Detail de Prinzip vun der Aarbecht an hinnen.
D'Programmcode online ze änneren
Well et eng grouss Zuel vu Redaktoren ass an einfach se net all si betruechten, hu mir décidéiert fir nëmmen op déi zwee Online Ressourcen ze konzentréieren déi am populär sinn a sinn déi Basis Basis vun noutworfenen Tools.
Kuckt och: Wéi schreift e Java-Programm
Methode 1: CodePen
Op de Site CodePen hunn vill Entwéckler seng eegent Coden iwwerzeegt, gespuert a schaffe mat Projeten. Et ass näischt schweier fir Äre Kont ze kreéieren an direkt schreiwen ze schreiwen, awer dat ass esou gemaach:
Gitt op d'CodePen Websäit
- Öffnen der Haaptpage vun der Site vun der CodePen mat dem Link uewe a schreift e neie Profil.
- Wielt eng bequem Wee fir z'ënnerschreiwen a wéi Dir d'Instruktioune gegeben hutt, Äert eegent Kont erstellen.
- Fill Dir d'Informatiounen iwwer Är Säit.
- Elo kënnt Dir d'Tab opmaachen, de Pop-up Menü erweitert. "Erstellt" an en Artikel auswielen "Project".
- An der Fënster op der rietser Säit gesitt Dir déi ënnerstëtzte Dateiformate a Programméierungssäiten.
- Start Editéiere andeems Dir eng vun den Templates oder der Standard HTML5 Markup gewielt hutt.
- All geschafte Bibliothéiken a Dateien ginn op der lénkser Säit.
- Linke klickt op e Objet aktivéiert se. An der Fënster op der rietser Säit steet den Code.
- Um Enn ass et Schaltflächen, déi Dir selwer eegene Fichieren an Dossieren ubitt.
- Nodeems nei Créatioun, gitt e Numm mam Objekt an späichert d'Ännerungen.
- Zu all Zäit kënnt Dir op d'Projektinstanz goen andeems Dir op klickt "Parameteren".
- Hei kënnt Dir d'Grondinformatioun setzen - den Numm, d'Beschreiwung, d'Tags, an d'Parameter vun der Virbereedung an der Codéierungsindustrie.
- Wann Dir net zefridden mat der aktueller Sicht vum Arbeitsraum ass, kënnt Dir et änneren, andeems Dir op klickt "Change View" a wielt déi gewënschte Betraget Fenster.
- Wann Dir d'noutworflëche Linnen vum Code änneren, klickt op "Alles späicheren + Lächer"fir all Ännerungen ze späicheren an e Programm ze lafe. De kompiléierte Resultat gëtt ett nach.
- Bewäert de Projet op Ärem Computer andeems Dir op klickt "Export".
- Waart bis datt d'Veraarbechtung fäerdeg ass an d'Archiv eroflueden.
- Well de Benotzer net méi wéi een aktive Projet an der gratiser Version vun CodePen huet, da muss se geläscht ginn wann Dir eng nei sidd. Fir dat ze maachen, klickt op "Läschen".
- Gidd hei d'Kontrolltach a confirméiert d'Läschung.
Niewebäi hu mir d'Basisfunktiounen vum Online Service CodePen iwwerpréifen. Wéi Dir gesitt, ass et gutt genuch fir den Code ze änneren, awer och aus dem Notiz ze schreiwen an dann mat aneren Benotzer ze teelen. Déi eenzeg Nodeel vun der Säit sinn Restriktiounen an der gratis Versioun.
Methode 2: LiveWeave
Elo wëll ech op der LiveWeave Websäit Ressourcen hunn. Et enthält net nëmmen den opgebaut Code Editor, mä och aner Tools, déi mir diskutéieren. D'Aarbecht mat der Säit äntwert esou:
Gitt op d'LiveWeave Websäit
- Follegt de Link hei ënnen fir op d'Edit Säit ze gesinn. Hei kënnt Dir véier Fënstere gesinn. Déi éischt ass Skriptnummer an HTML5, déi zweet ass JavaScript, d'Drëtt CSS, an d'véiert weist d'Resultat vun der Kompilatioun.
- Ee vun de Charakteristike vun dëser Säit kann als Toltips ugesinn ginn, wann et Tags klickt, et erméiglecht Iech d'Geschwindegkeet vun der Tipp erop ze vergréisseren an ze vermeiden Schreibfehler.
- Par défaut gëtt d'Compilatioun am Live-Modus ofgeschnidden, dat heescht direkt no der Verännerung.
- Wann Dir dës Funktioun deaktivéiere wëllt, musst Dir den Schieker uewen op de gewënschten Punkt verschwannen.
- Nopeschs disponibel op oder aus der Nuechtmodus.
- Dir kënnt mat CSS-Controller goen, andeems Dir op de korrespondéierte Knäppchen an der Paneel op der lénkser Säit klickt.
- Am Menu, deen opgemaach ass, gëtt d'Bezeechnung geännert andeems se d'Gleeweger bewegen an d'Wäerter ännert.
- Als nächst wäerte mir Iech op d'Determinante vu Faarwen oppassen.
- Dir sidd mat enger Palette erlaabt, wou Dir all Schiet gitt, a säin Code gëtt am Uewerkäerjeng angezeigt, wat spéider benotzt gëtt beim Schreifsprogramm mat enger Interface.
- Fuert an de Menü "Vector Editor".
- Et funktionnéiert mat grapheschen Objeten, déi och heiansdo nëtzlech bei der Softwareentwécklung sinn.
- Popupmenu öffnen "Extras". Hei kënnt Dir d'Schabloune eroflueden, späicheren déi HTML-Datei an den Text Generator.
- De Projet gëtt als eenzeg Datei eropgeluede ginn.
- Wann Dir Är Aarbecht späichere wëllt, musst Dir éischt d'Registratioun Prozedur an dësem Online Service ze goën.
Elo weess Dir wéi Dir de Code op LiveWeave beaarbecht. Mir kënne sëcher recommandéieren dës Internetressourcen ze recommandéieren, well et vill Funktiounen an Tools ass, déi et erméiglechen, den Prozess vum Programmcode ze optimiséieren an ze vereinfachen.
Dëst ass den Artikel. Haut hu mir Iech zwou detailléiert Instruktioune fir de Code ze benotzen iwwer d'Servicer online. Mir hoffen, datt dës Informatioun nëtzlech ass an datt mir d'Wiel vun der entspriechend Websäit fir Aarbecht bestëmmen.
Kuckt och:
Auswiel vun enger Programméierungsumgebung
Programmer fir Android Apps anzebezéien
Wielt e Programm fir e Spill ze kreéieren
