Kako za početnike koji žele učiti, tako i za iskusne profesionalce postoje neke web stranice koje vam omogućuju isprobati redoslijede koda i vidjeti rezultat u pregledu i gotovo u stvarnom vremenu. To su stvarne aplikacije sa zaslonom podijeljenim na dva dijela, gdje s jedne strane pišete kôd koji može biti HTML, CSS, PHP, Javascript ili drugi, dok s druge strane nakon pritiska na tipku za izvršenje, zapravo vidite kako izgleda ako je taj kôd bio na web lokaciji.
To nisu jednostavni uređivači koda, ali mjesta na kojima možete testirati svoje programiranje bez brige o pogreškama i brzo saznati gdje su pogreške. Codepen i JSFiddle su dvije najpopularnije stranice u ovoj kategoriji, ali postoje i brojne alternative.
PROČITAJTE TREBA: Glavni programski jezici koji se koriste za aplikacije i web stranice
1) CodePen
CodePen je najpopularnije web mjesto koje koriste programeri jer je besplatan, intuitivan i jednostavan za korištenje. Postavši standard u svijetu programera, samo pretražite Google kako biste pronašli stranice koje je Codepen već sastavio i odmah provjerite jesu li to tražili. Fleksibilni prozori za pregled i trenutno izvršavanje pisanog koda čine ga dovoljno savršenim za isprobavanje JavaScript i CSS animacija, štoviše, lako se mogu povezati s vanjskim skriptama (React, Vue i bilo što drugo dostupno preko CDN-a).
CodePen zaslužuje prvo mjesto u ovoj kategoriji, no plaćaju se neke značajke, poput kolaborativnog kodiranja i prikaza uživo na cijeloj stranici (djelomični prikazi uživo su besplatni).
2) JSFiddle
Na drugom mjestu (iako je kronološki jedan od najstarijih) na svijetu mjesta za pisanje i isprobavanje programskog koda je JSFiddle, prije svega orijentiran na stvaranje i testiranje JavaScripta. Može se koristiti i za HTML i CSS i budući da podržava savjete za dovršavanje koda te može biti preferiran od CodePen-a za manje iskusne.
Velika prednost u korist JSFiddle je ta što nudi besplatni način suradnje (uključujući glasovni i tekstualni chat), tako da možete raditi na kodu istovremeno s drugim ljudima.
3) glitch
Mnoga web mjesta s kodom omogućuju vam kodiranje HTML / CSS / JS i generiranje statičkih web stranica, dok Glitch nudi mali besplatni prostor za pohranu radi uštede projekata i olakšava pokretanje koda na strani poslužitelja Node.js. Možete zajednički programirati na Glitchu,
Također dolazi s brojnim drugim fantastičnim značajkama: kolaborativno kodiranje, kontrola verzija, mnogo sredstava za učenje, dobra integracija s GitHub-om, jednostavno ugrađivanje, zajednica koja traži savjet, već napravljeni projekti koje možete slobodno mijenjati ili koristiti i Integracija Visual Studio-a. Odličan je, brz i jednostavan način za pokretanje web aplikacije (ili naučiti kako to učiniti).
4) CodeSandbox
CodeSandbox je sličan Glitchu, ali malo složeniji i cjelovitiji. CodeSandbox ima fleksibilnije i prilagodljivije sučelje, omogućava distribuciju kompletnih web aplikacija, ima prostora za spremanje datoteka i obavlja većinu osnovnog posla, a programeru ostavlja samo zadatak pisanja.
5) Repl.it
Repl.it je razvojno okruženje za testiranje različitih vrsta programskih jezika kao što je Python uz podršku front-end i back-end koda, omogućava distribuciju web lokacija i aplikacija, integrira s GitHub-om i intuitivno sučelje. Možda će biti malo previše teško za one koji samo pokušavaju dizajnirati web stranice, ali za već iskusne programere to je resurs. ako planirate samo front-end ili ako ste novi u kodu, ali ako sve planirate redovito, vrijedi istražiti.
6) Liveweave je web uređivač vrlo sličan JSFiddle-u s kojim možete pisati i isprobati kôd koji se koristi na web stranicama, s funkcionalnošću pregleda uživo, naputcima koda za HTML5, CSS3, JavaScript i jQuery i koji vam omogućuje preuzimanje projekta kao datoteke zip. Možete dodati i vanjske biblioteke poput jQuery, AndgularJS, Bootstrap.
7) CodeSandbox je besplatni mrežni prostor na kojem možete pokrenuti projekte web aplikacija koristeći različite okvire, poput React, Vue, Angular i još mnogo toga.
8) StackBlitz je izvrstan uređivač JavaScripta koji podržava različite okvire kao što su Vue i React.
9) Flems, minimalistički položaj, pogodno za izradu brzih testova.
10) JSBin, minimalistička verzija JSFiddle-a, napisati kôd web stranice i vidjeti kako to izgleda.
11) CSSDeck je jednostavno mjesto za testiranje nekih osnovnih HTML / CSS i JS ideja.
12) ICECoder, još jedno internetsko okruženje za testiranje koda, koje zahtijeva da preuzmete program koji radi u pregledniku i koji se također može koristiti izvan mreže.
13) Plunker, prednji alat koji omogućava pisanje koda, datoteka i web stranica i njihovo spremanje na Github.
14) Scrimba je inovativna kombinacija uređivača videa i koda koja je savršeno okruženje za učenje za studente i one koji žele učiti.
15) WebMaker, kreator web aplikacije s offline funkcionalnošću i integracijom s CodePen-om.
16) Dabblet, isprobati i napisati HTML / CSS / JS kôd s lijepom grafikom i automatskim korektorom za CSS kôd.
17) PlayCode je također okruženje za testiranje osnovnog HTML / CSS / JS koda u stvarnom vremenu.
19) JSItor je druga alternativa Codepenu i JSFiddle-u, gdje možete upisati kod kombinirajući HTML, CSS i Javascript i odmah vidjeti rezultat.
PROČITAJTE TREBA: Sites naučiti programiranje igrajući se s interaktivnim tečajevima i izazovima
To nisu jednostavni uređivači koda, ali mjesta na kojima možete testirati svoje programiranje bez brige o pogreškama i brzo saznati gdje su pogreške. Codepen i JSFiddle su dvije najpopularnije stranice u ovoj kategoriji, ali postoje i brojne alternative.
PROČITAJTE TREBA: Glavni programski jezici koji se koriste za aplikacije i web stranice
Web lokacije za testiranje internetskog koda
1) CodePen
CodePen je najpopularnije web mjesto koje koriste programeri jer je besplatan, intuitivan i jednostavan za korištenje. Postavši standard u svijetu programera, samo pretražite Google kako biste pronašli stranice koje je Codepen već sastavio i odmah provjerite jesu li to tražili. Fleksibilni prozori za pregled i trenutno izvršavanje pisanog koda čine ga dovoljno savršenim za isprobavanje JavaScript i CSS animacija, štoviše, lako se mogu povezati s vanjskim skriptama (React, Vue i bilo što drugo dostupno preko CDN-a).
CodePen zaslužuje prvo mjesto u ovoj kategoriji, no plaćaju se neke značajke, poput kolaborativnog kodiranja i prikaza uživo na cijeloj stranici (djelomični prikazi uživo su besplatni).
2) JSFiddle
Na drugom mjestu (iako je kronološki jedan od najstarijih) na svijetu mjesta za pisanje i isprobavanje programskog koda je JSFiddle, prije svega orijentiran na stvaranje i testiranje JavaScripta. Može se koristiti i za HTML i CSS i budući da podržava savjete za dovršavanje koda te može biti preferiran od CodePen-a za manje iskusne.
Velika prednost u korist JSFiddle je ta što nudi besplatni način suradnje (uključujući glasovni i tekstualni chat), tako da možete raditi na kodu istovremeno s drugim ljudima.
3) glitch
Mnoga web mjesta s kodom omogućuju vam kodiranje HTML / CSS / JS i generiranje statičkih web stranica, dok Glitch nudi mali besplatni prostor za pohranu radi uštede projekata i olakšava pokretanje koda na strani poslužitelja Node.js. Možete zajednički programirati na Glitchu,
Također dolazi s brojnim drugim fantastičnim značajkama: kolaborativno kodiranje, kontrola verzija, mnogo sredstava za učenje, dobra integracija s GitHub-om, jednostavno ugrađivanje, zajednica koja traži savjet, već napravljeni projekti koje možete slobodno mijenjati ili koristiti i Integracija Visual Studio-a. Odličan je, brz i jednostavan način za pokretanje web aplikacije (ili naučiti kako to učiniti).
4) CodeSandbox
CodeSandbox je sličan Glitchu, ali malo složeniji i cjelovitiji. CodeSandbox ima fleksibilnije i prilagodljivije sučelje, omogućava distribuciju kompletnih web aplikacija, ima prostora za spremanje datoteka i obavlja većinu osnovnog posla, a programeru ostavlja samo zadatak pisanja.
5) Repl.it
Repl.it je razvojno okruženje za testiranje različitih vrsta programskih jezika kao što je Python uz podršku front-end i back-end koda, omogućava distribuciju web lokacija i aplikacija, integrira s GitHub-om i intuitivno sučelje. Možda će biti malo previše teško za one koji samo pokušavaju dizajnirati web stranice, ali za već iskusne programere to je resurs. ako planirate samo front-end ili ako ste novi u kodu, ali ako sve planirate redovito, vrijedi istražiti.
6) Liveweave je web uređivač vrlo sličan JSFiddle-u s kojim možete pisati i isprobati kôd koji se koristi na web stranicama, s funkcionalnošću pregleda uživo, naputcima koda za HTML5, CSS3, JavaScript i jQuery i koji vam omogućuje preuzimanje projekta kao datoteke zip. Možete dodati i vanjske biblioteke poput jQuery, AndgularJS, Bootstrap.
7) CodeSandbox je besplatni mrežni prostor na kojem možete pokrenuti projekte web aplikacija koristeći različite okvire, poput React, Vue, Angular i još mnogo toga.
8) StackBlitz je izvrstan uređivač JavaScripta koji podržava različite okvire kao što su Vue i React.
9) Flems, minimalistički položaj, pogodno za izradu brzih testova.
10) JSBin, minimalistička verzija JSFiddle-a, napisati kôd web stranice i vidjeti kako to izgleda.
11) CSSDeck je jednostavno mjesto za testiranje nekih osnovnih HTML / CSS i JS ideja.
12) ICECoder, još jedno internetsko okruženje za testiranje koda, koje zahtijeva da preuzmete program koji radi u pregledniku i koji se također može koristiti izvan mreže.
13) Plunker, prednji alat koji omogućava pisanje koda, datoteka i web stranica i njihovo spremanje na Github.
14) Scrimba je inovativna kombinacija uređivača videa i koda koja je savršeno okruženje za učenje za studente i one koji žele učiti.
15) WebMaker, kreator web aplikacije s offline funkcionalnošću i integracijom s CodePen-om.
16) Dabblet, isprobati i napisati HTML / CSS / JS kôd s lijepom grafikom i automatskim korektorom za CSS kôd.
17) PlayCode je također okruženje za testiranje osnovnog HTML / CSS / JS koda u stvarnom vremenu.
19) JSItor je druga alternativa Codepenu i JSFiddle-u, gdje možete upisati kod kombinirajući HTML, CSS i Javascript i odmah vidjeti rezultat.
PROČITAJTE TREBA: Sites naučiti programiranje igrajući se s interaktivnim tečajevima i izazovima
