![Online kódy editorov]()
Programátor nemá vždy k dispozícii špeciálny softvér, pomocou ktorého pracuje s kódom. Ak sa tak stane, že potrebujete upraviť kód a príslušný softvér nie je po ruke, môžete využiť bezplatné online služby. Ďalej budeme hovoriť o dvoch takýchto miestach a podrobne analyzovať princíp práce v nich.
Úprava kódu programu online
Vzhľadom na to, že existuje veľký počet takýchto redaktorov a jednoducho ich nepovažujeme za všetky, rozhodli sme sa sústrediť len na dva online zdroje, ktoré sú najpopulárnejšie a predstavujú základný súbor potrebných nástrojov.
Pozri tiež: Ako napísať program Java
Metóda 1: CodePen
Na stránkach CodePen mnoho vývojárov zdieľa svoje vlastné kódy, zachráni a pracuje s projektmi. Nie je nič ťažké vytvoriť svoj účet a okamžite začať písať, ale toto sa deje takto:
Prejdite na webovú stránku CodePen
- Otvorte hlavnú stránku stránky CodePen pomocou vyššie uvedeného odkazu a pokračujte v vytváraní nového profilu.
![Prejdite na registráciu na stránke CodePen]()
- Zvoľte si pohodlný spôsob registrácie a podľa uvedených pokynov si vytvorte svoj vlastný účet.
![Dokončite postup registrácie na webovej stránke CodePen]()
- Vyplňte informácie o svojej stránke.
![Vyplňte osobné údaje na webových stránkach CodePen]()
- Teraz môžete ísť hore, rozbaľte rozbaľovacie menu "Vytvoriť" a vyberte položku "Projekt" .
![Vytvorte nový projekt na stránkach CodePen]()
- V okne vpravo uvidíte podporované formáty súborov a programovacie jazyky.
![Podporované typy súborov v službe CodePen]()
- Začnite upravovať výberom jednej zo šablón alebo štandardnej značky HTML5.
![Používanie šablón v službe CodePen]()
- Všetky vytvorené knižnice a súbory sa zobrazia vľavo.
![Používanie šablón v službe CodePen]()
- Kliknutie ľavým tlačidlom na objekt sa aktivuje. V okne vpravo sa zobrazí kód.
![Úprava súborov v službe CodePen]()
- V spodnej časti sú tlačidlá, ktoré vám umožňujú pridať vlastné priečinky a súbory.
![Pridávanie nových súborov do služby CodePen]()
- Po vytvorení zadajte názov objektu a uložte zmeny.
![Nastavte nový názov súboru v službe CodePen]()
- Kedykoľvek môžete prejsť na nastavenia projektu kliknutím na "Nastavenia" .
![Prejdite na nastavenia služby CodePen]()
- Tu môžete nastaviť základné informácie - názov, popis, značky, ako aj parametre ukážky a odsadenia kódu.
![Zmeňte a uložte nastavenia služby CodePen]()
- Ak nie ste spokojný s aktuálnym zobrazením pracovného priestoru, môžete ho zmeniť kliknutím na "Zmeniť zobrazenie" a výberom požadovaného okienka.
![Zmeniť vzhľad v službe CodePen]()
- Keď upravíte potrebné riadky kódu, kliknutím na tlačidlo "Uložiť všetko + spustiť" uložte všetky zmeny a spustite program. Zostavený výsledok je zobrazený nižšie.
![Proces zostavovania kódu v službe CodePen]()
- Uložte projekt do svojho počítača kliknutím na "Exportovať" .
![Príprava projektu na stiahnutie kódu CodePen]()
- Počkajte, kým sa dokončí spracovanie a stiahnite archív.
![Stiahnite si projekt služby CodePen]()
- Keďže používateľ nemôže mať viac ako jeden aktívny projekt v bezplatnej verzii programu CodePen, bude musieť byť odstránený, ak potrebujete vytvoriť nový. Ak to chcete urobiť, kliknite na "Odstrániť" .
![Prejdite na odstránenie projektu v službe CodePen]()
- Zadajte kontrolné slovo a potvrďte vymazanie.
![Potvrďte vymazanie projektu zo služby CodePen]()
Pozreli sme si základné funkcie online služby CodePen. Ako vidíte, je vhodné nielen upraviť kód, ale tiež ho napísať znova a potom ho zdieľať s ostatnými používateľmi. Jedinou nevýhodou stránky sú obmedzenia v bezplatnej verzii.
Metóda 2: LiveWeave
Teraz by som sa chcel pozrieť na webový zdroj LiveWeave. Obsahuje nielen vstavaný kódový editor, ale aj ďalšie nástroje, o ktorých budeme diskutovať nižšie. Práca s webom začína takto:
Prejdite na webovú stránku služby LiveWeave
- Postupujte podľa vyššie uvedeného odkazu, aby ste sa dostali na stránku editora. Tu hneď uvidíte štyri okná. Prvý je kód na písanie v HTML5, druhý je JavaScript, tretí je CSS a štvrtý zobrazí výsledok kompilácie.
![Štyri aktívne okná v službe LiveWeave]()
- Jedna z funkcií tejto stránky môže byť pri zadávaní značiek považovaná za nástrojové tipy. Umožňujú vám zvýšiť rýchlosť písania a vyhnúť sa pravopisným chybám.
![Zobrazte tipy na službu LiveWeave]()
- V predvolenom nastavení sa kompilácia uskutočňuje v živom režime, tj spracováva sa bezprostredne po vykonaní zmien.
![Živá kompilácia na LiveWeave]()
- Ak chcete deaktivovať túto funkciu, musíte posúvať posúvač oproti požadovanej položke.
![Zakázať automatickú kompiláciu služby LiveWeave.]()
- Dostupné možnosti zapnutia a vypnutia v nočnom režime.
![Vypnite nočný režim v službe LiveWeave]()
- Môžete ísť pracovať s ovládačmi CSS kliknutím na príslušné tlačidlo na paneli vľavo.
![Prejdite do editora služby CSS v službe LiveWeave]()
- V ponuke, ktorá sa otvorí, sa štítok upraví posunutím jazdcov a zmenou určitých hodnôt.
![Upravte službu CSS služby LiveWeave]()
- Ďalej odporúčame venovať pozornosť rozhodujúcemu faktoru farieb.
![Prejdite do farieb prehliadača LiveWeave]()
- Máte k dispozícii rozsiahlu paletu, v ktorej môžete vybrať ľubovoľný odtieň a jeho kód sa zobrazí na vrchu, ktorý sa neskôr použije pri písaní programov pomocou rozhrania.
![Práca s farebným prehliadačom na LiveWeave]()
- Prejdite do ponuky "Editor vektora" .
![Prejdite do vektorového editora služby LiveWeave]()
- Pracuje s grafickými objektmi, ktoré budú niekedy tiež užitočné pri vývoji softvéru.
![Pracujte vo vektorovom editore služby LiveWeave]()
- Otvorte rozbaľovaciu ponuku Nástroje . Tu si môžete stiahnuť šablónu, uložiť súbor HTML a textový generátor.
![Prejdite do služby LiveWeave]()
- Projekt sa preberá ako jeden súbor.
![Otvorte uložený dokument zo služby LiveWeave]()
- Ak chcete uložiť prácu, musíte najprv prejsť registračnou procedúrou v tejto online službe.
![Uložte projekt do služby LiveWeave]()
Teraz viete, ako upraviť kód na službe LiveWeave. Môžeme bezpečne odporučiť používanie tohto internetového zdroja, pretože na ňom je veľa funkcií a nástrojov, ktoré umožňujú optimalizovať a zjednodušiť proces práce s programovým kódom.
Toto uzavrie náš článok. Dnes sme vám poskytli dva podrobné pokyny na prácu s kódom pomocou on-line služieb. Dúfame, že tieto informácie boli užitočné a pomohli určiť výber najvhodnejšieho webového zdroja pre prácu.
Pozri tiež:
Výber programovacieho prostredia
Programy na vytváranie aplikácií pre Android
Vyberte program na vytvorenie hry