Spletne storitve

Urejanje programske kode na spletu

Programer nima vedno pri roki posebne programske opreme, preko katere dela s kodo. Če se zgodi, da morate kodo urediti in ustrezna programska oprema ni na voljo, lahko uporabljate brezplačne spletne storitve. Nadalje bomo povedali o dveh takih mestih in podrobno analizirali načelo dela v njih.

Urejanje programske kode na spletu

Ker obstaja veliko takšnih urednikov in jih preprosto ne obravnavamo vse, smo se odločili, da se osredotočimo le na dva spletna vira, ki sta najbolj priljubljena in predstavljata osnovni sklop potrebnih orodij.

Glejte tudi: Kako napisati program Java

Metoda 1: CodePen

Na strani CodePen, mnogi razvijalci delijo svoje kode, shranite in delate s projekti. Nič ni težko ustvariti svojega računa in takoj začeti pisati, vendar se to naredi tako:

Pojdite na spletno stran CodePen

  1. Odprite glavno stran mesta CodePen s pomočjo zgornje povezave in nadaljujte z ustvarjanjem novega profila.

    2. Pojdi na registracijo na strani CodePen

  2. Izberite priročen način za registracijo in v skladu z danimi navodili ustvarite svoj račun.

    3. Dokončajte postopek registracije na spletni strani CodePen

  3. Vnesite podatke o svoji strani.

    4. Izpolnite osebne podatke na spletni strani CodePen

  4. Zdaj lahko greste po karticah, razširite pojavni meni »Ustvari« in izberete element »Projekt« .

    5. Ustvarite nov projekt na strani CodePen

  5. V oknu na desni boste videli podprte oblike datotek in programske jezike.

    6. Podprte vrste datotek na storitvi CodePen

  6. Začnite urejati tako, da izberete eno od predlog ali standardni HTML5.

    7. Uporaba predlog na storitvi CodePen

  7. Na levi strani bodo prikazane vse ustvarjene knjižnice in datoteke.

    8. Uporaba predlog na storitvi CodePen

  8. Z levim klikom na objekt ga aktivirate, v oknu na desni pa se prikaže koda.

    9. Urejanje datotek na storitvi CodePen

  9. Na dnu so gumbi, ki omogočajo dodajanje lastnih map in datotek.

    10. Dodajanje novih datotek na storitev CodePen

  10. Po izdelavi podajte ime predmetu in shranite spremembe.

    11. Nastavite novo ime datoteke v storitvi CodePen

  11. V nastavitvah projekta lahko kadarkoli kliknete na »Nastavitve« .

    12. Pojdite na nastavitve v storitveni kodi

  12. Tukaj lahko nastavite osnovne informacije - ime, opis, oznake, pa tudi parametre predogleda in vdolbino kode.

    13. Spremenite in shranite nastavitve na storitvi CodePen

  13. Če niste zadovoljni s trenutnim pogledom delovnega prostora, ga lahko spremenite tako, da kliknete »Spremeni pogled« in izberete zahtevano okno za ogled.

    14. Spremenite videz storitve CodePen

  14. Ko uredite potrebne vrstice kode, kliknite »Shrani vse + izvajanje«, da shranite vse spremembe in zaženete program. Prevedeni rezultat je prikazan spodaj.

    15. Postopek prevajanja kode na storitvenem CodePen

  15. Shranite projekt na svojem računalniku s klikom na »Izvozi« .

    16. Priprava projekta za nalaganje CodePen

  16. Počakajte, da se obdelava konča in prenesete arhiv.

    17. Prenesite projekt na storitev CodePen

  17. Ker uporabnik ne more imeti več kot en aktivni projekt v brezplačni različici CodePena, ga bo treba izbrisati, če boste morali ustvariti novega. Če želite to narediti, kliknite »Izbriši« .

    18. Pojdi na brisanje projekta v storitvi CodePen

  18. Vnesite besedo za preverjanje in potrdite brisanje.

    19. Potrdite brisanje projekta iz storitve CodePen

Zgoraj smo pregledali osnovne funkcije spletne storitve CodePen. Kot lahko vidite, je zelo primerno, da ne le uredite kodo, ampak jo tudi napišete iz nič in jo nato delite z drugimi uporabniki. Edina pomanjkljivost spletnega mesta so omejitve v brezplačni različici.

2. način: LiveWeave

Zdaj bi želel govoriti o spletnem viru LiveWeave. Vsebuje ne le vgrajen urejevalnik kod, temveč tudi druga orodja, o katerih bomo govorili spodaj. Delo s spletnim mestom se začne tako:

Pojdite na spletno stran LiveWeave

  1. Za dostop do strani urejevalnika sledite zgornji povezavi. Tukaj boste takoj videli štiri okna. Prvi je pisanje kode v HTML5, druga je JavaScript, tretji je CSS, četrti pa rezultat rezultatov prevajanja.

    2. Štiri aktivna okna storitve LiveWeave

  2. Eno od značilnosti te strani je mogoče obravnavati kot opisi orodij pri tipkanju oznak, saj vam omogočajo, da povečate hitrost tipkanja in se izognete pravopisnim napakam.

    3. Prikaži nasvete o storitvi LiveWeave

  3. Privzeto se prevajanje opravi v živo načinu, ki se obdeluje takoj po spremembah.

    4. Kompilacija v živo v živo

  4. Če želite deaktivirati to funkcijo, morate drsnik premakniti v nasprotni smeri od želenega elementa.

    5. Onemogoči samodejno kompilacijo v storitvi LiveWeave.

  5. V bližini je na voljo vklop in izklop nočnega načina.

    6. Izklopite nočni način v storitvi LiveWeave

  6. S CSS krmilniki lahko delate s klikom na ustrezen gumb na plošči na levi.

    7. Pojdite v urejevalnik CSS v storitvi LiveWeave

  7. V meniju, ki se odpre, se oznaka ureja s premikanjem drsnikov in spreminjanjem določenih vrednosti.

    8. Uredite CSS v storitvi LiveWeave

  8. Nato priporočamo, da bodite pozorni na determinante barv.

    9. Pojdite v barve brskalnika v LiveWeave

  9. Na voljo je obsežna paleta, kjer lahko izberete poljuben odtenek, njegova koda pa se prikaže na vrhu, ki se kasneje uporabi pri pisanju programov z vmesnikom.

    10. Delo z barvnim brskalnikom v LiveWeave

  10. Premaknite se v meni "Vector Editor" .

    11. Pojdite k urejevalniku vektorjev v storitvi LiveWeave

  11. Deluje z grafičnimi predmeti, kar bo včasih koristno tudi pri razvoju programske opreme.

    12. Delo v vektorskem urejevalniku v storitvi LiveWeave

  12. Odprite pojavni meni »Orodja« . Tukaj lahko prenesete predlogo, shranite HTML datoteko in generator besedila.

    13. Pojdite na storitev LiveWeave

  13. Projekt se prenese kot ena datoteka.

    14. Odprite shranjen dokument iz storitve LiveWeave

  14. Če želite shraniti delo, morate najprej pregledati postopek registracije v tej spletni storitvi.

    15. Shrani projekt na storitev LiveWeave

Zdaj veste, kako urediti kodo v LiveWeave. Lahko varno priporočamo uporabo tega internetnega vira, saj na njem obstaja veliko funkcij in orodij, ki omogočajo optimizacijo in poenostavitev postopka dela s programsko kodo.

To zaključuje naš članek. Danes smo vam dali dva podrobna navodila za delo s kodo z uporabo spletnih storitev. Upamo, da so bile te informacije koristne in pomagale pri izbiri najprimernejšega spletnega vira za delo.

Glejte tudi:
Izbira programskega okolja
Programi za ustvarjanje aplikacij Android
Izberite program za ustvarjanje igre