Programer ne raspolaže uvijek posebnim softverom, preko kojeg radi sa kodom. Ako se desi da trebate urediti kod, a odgovarajući softver nije pri ruci, možete koristiti besplatne online usluge. Dalje ćemo govoriti o dva takva sajta i detaljno analizirati princip rada u njima.
Uređivanje programskog koda na mreži
Budući da postoji veliki broj takvih urednika i jednostavno ih ne treba sve razmatrati, odlučili smo da se fokusiramo samo na dva online izvora koji su najpopularniji i predstavljaju osnovni set potrebnih alata.
Pogledajte i: Kako napisati Java program
Metod 1: CodePen
Na sajtu CodePen, mnogi programeri dele sopstvene kodove, čuvaju i rade sa projektima. Nema ništa teško stvoriti svoj račun i odmah početi pisati, ali to se radi ovako:
Idite na CodePen web stranicu
- Otvorite glavnu stranicu CodePen stranice koristeći vezu iznad i nastavite sa kreiranjem novog profila.
- Izaberite odgovarajući način za registraciju i, u skladu sa datim uputstvima, kreirajte svoj račun.
- Popunite informacije o svojoj stranici.
- Sada možete otići na karticu, proširiti pop-up meni. "Kreiraj" i izaberite stavku "Projekat".
- U prozoru na desnoj strani videćete podržane formate datoteka i programske jezike.
- Počnite uređivati odabirom jednog od predložaka ili standardnog HTML5 oznake.
- Sve kreirane biblioteke i datoteke će biti prikazane na lijevoj strani.
- Lijevim klikom na objekt aktivira ga.U prozoru s desne strane prikazuje se kod.
- Na dnu se nalaze dugmad koja vam omogućavaju da dodate sopstvene fascikle i datoteke.
- Nakon kreiranja, dajte ime objektu i sačuvajte promene.
- U bilo koje vrijeme možete otići u postavke projekta klikom na "Postavke".
- Ovde možete podesiti osnovne informacije - ime, opis, oznake, kao i parametre prikaza i uvlačenje koda.
- Ako niste zadovoljni trenutnim prikazom radnog prostora, možete ga promijeniti klikom na "Promijeni prikaz" i odaberite željeni prozor za gledanje.
- Kada uredite potrebne linije koda, kliknite na "Sačuvaj sve + pokretanje"da sačuvate sve izmene i pokrenete program. Kompajlirani rezultat je prikazan ispod.
- Sačuvajte projekat na računaru klikom na "Izvoz".
- Sačekajte dok se obrada ne završi i preuzmete arhivu.
- Budući da korisnik ne može imati više od jednog aktivnog projekta u besplatnoj verziji CodePen-a, moraće se obrisati ako je potrebno kreirati novi. Da biste to uradili, kliknite na "Izbriši".
- Unesite kontrolnu riječ i potvrdite brisanje.
Iznad smo pregledali osnovne funkcije online usluge CodePen. Kao što vidite, dobro je da ne samo da uredite kôd, već ga i napišete od nule, a zatim ga podelite sa drugim korisnicima. Jedini nedostatak sajta su ograničenja u besplatnoj verziji.
Metoda 2: LiveWeave
Sada bih želio da se zadržimo na LiveWeave web resursu. Sadrži ne samo ugrađeni editor koda, već i druge alate, o kojima ćemo govoriti u nastavku. Rad sa sajtom počinje ovako:
Idite na web stranicu LiveWeave
- Pratite gornji link da biste došli do stranice za uređivanje. Ovdje ćete odmah vidjeti četiri prozora. Prvi je pisanje koda u HTML5, drugi je JavaScript, treći je CSS, a četvrti pokazuje rezultat kompilacije.
- Jedna od karakteristika ovog sajta može se smatrati opisima alata prilikom kucanja oznaka, oni vam omogućuju da povećate brzinu kucanja i izbegnete pravopisne greške.
- Po defaultu, kompilacija se odvija u živom modu, tj. Obrađuje se odmah nakon promjene.
- Ako želite da deaktivirate ovu funkciju, morate pomaknuti klizač nasuprot željene stavke.
- U blizini je dostupan i isključen noćni režim.
- Možete raditi sa CSS kontrolerima klikom na odgovarajuće dugme na ploči na lijevoj strani.
- U meniju koji se otvori, etiketa se uređuje pomeranjem klizača i promenom određenih vrednosti.
- Zatim, preporučujemo da obratite pažnju na determinantu boja.
- Na raspolaganju vam je opsežna paleta u kojoj možete odabrati bilo koju nijansu, a njen kod će biti prikazan na vrhu, koji se kasnije koristi prilikom pisanja programa sa interfejsom.
- Pređite na meni "Vector Editor".
- Radi sa grafičkim objektima, koji će ponekad biti korisni i za razvoj softvera.
- Otvorite skočni meni "Alati". Ovdje možete preuzeti predložak, spremiti HTML datoteku i generator teksta.
- Projekat se preuzima kao jedna datoteka.
- Ako želite da sačuvate posao, prvo ćete morati da prođete kroz postupak registracije u ovoj online usluzi.
Sada znate kako urediti kod na LiveWeave. Možemo sa sigurnošću preporučiti korišćenje ovog internetskog resursa, jer na njemu ima mnogo funkcija i alata koji omogućavaju optimizaciju i pojednostavljenje procesa rada sa programskim kodom.
Ovim je zaključen naš članak. Danas smo vam dali dva detaljna uputstva za rad sa kodom koji koriste online usluge. Nadamo se da je ova informacija bila korisna i pomogla da se odredi izbor najpogodnijeg web-resursa za rad.
Vidi i: t
Izbor okruženja za programiranje
Programi za kreiranje Android aplikacija
Izaberite program za kreiranje igre
