Tako za začetnike, ki se želijo učiti, kot za izkušene strokovnjake obstaja nekaj spletnih mest, ki vam omogočajo, da preizkusite vrstice kode in vidite rezultat v predogledu in skoraj v realnem času. To so resnične aplikacije z zaslonom, razdeljenim na dva dela, kjer na eni strani napišete kodo, ki je lahko HTML, CSS, PHP, Javascript ali drugo, na drugi strani pa po pritisku tipke za izvedbo, dejansko vidite, kako izgleda, če je bila ta koda na spletnem mestu.
To niso preprosti urejevalniki kode, ampak mesta, kjer lahko preizkusite svoje programiranje, ne da bi vas skrbelo za napake in hitro ugotovili, kje so napake. Codepen in JSFiddle sta dve najbolj priljubljeni strani v tej kategoriji, vendar obstaja tudi veliko drugih možnosti.
PREBERITE TUDI: Glavni programski jeziki, ki se uporabljajo za aplikacije in spletna mesta
1) CodePen
CodePen je najbolj priljubljeno spletno mesto in ga uporabljajo programerji, ker je brezplačen, intuitiven in enostaven za uporabo. Ko ste postali standard v svetu programerjev, poiščite v Googlu in poiščite strani, ki jih je Codepen že sestavil, in takoj preverite, če ste to iskali. Prilagodljivo okno za ogled in takojšnja izvedba zapisane kode sta dovolj popolna, da preizkusite JavaScript in CSS animacije, poleg tega pa se lahko enostavno povežete z zunanjimi skripti (React, Vue in vse drugo, kar je na voljo prek CDN).
CodePen si zasluži prvo mesto v tej kategoriji, vendar se nekatere funkcije plačujejo, na primer kolaborativno kodiranje in pogledi v živo na celotni strani (delni pogledi v živo so brezplačni).
2) JSFiddle
Na drugem mestu (čeprav je kronološko eno najstarejših) na svetu strani za pisanje in preizkušanje programske kode, je JSFiddle, usmerjen predvsem na izdelavo in testiranje JavaScript. Uporablja se lahko tudi za HTML in CSS, ker podpira nasvete za dokončanje kode in je morda bolj priporočljiv CodePen za manj izkušene.
Velika prednost JSFiddle je ta, da ponuja brezplačen način sodelovanja (vključno z glasovnim in besedilnim klepetom), tako da lahko kodo delate hkrati z drugimi ljudmi.
3) Glitch
Številna spletna mesta s kodo omogočajo kodiranje HTML / CSS / JS in ustvarjanje statičnih spletnih strani, medtem ko Glitch ponuja majhen brezplačen prostor za shranjevanje za shranjevanje projektov in omogoča precej enostavno zagon kode na strani strežnika Node.js. Program lahko sodelujete v programu Glitch,
Na voljo je tudi številne druge fantastične lastnosti: kolaborativno kodiranje, nadzor nad različicami, številni učni viri, dobra integracija z GitHub-om, enostavno vdelavo, skupnost za nasvet, že izdelani projekti, ki jih lahko prosto spreminjate ali uporabljate in Vključevanje v Visual Studio. To je odličen, hiter in preprost način za zagon spletne aplikacije (ali pa se naučite, kako to storiti).
4) CodeSandbox
CodeSandbox je podoben Glitchu, vendar nekoliko bolj zapleten in dovršen . CodeSandbox ima bolj prilagodljiv in prilagodljiv vmesnik, omogoča distribucijo popolnih spletnih aplikacij, ima prostor za shranjevanje datotek in večino osnovnega dela pusti programerju le nalogo pisanja.
5) Repl.it
Repl.it je razvojno okolje za preizkušanje različnih vrst programskih jezikov, kot je Python, s podporo prednje in zadnje kode, omogoča distribucijo spletnih mest in aplikacij, ima integracijo z GitHubom in intuitivnim vmesnikom. Za vsakogar, ki se samo trudi oblikovati spletne strani, je morda malo preveč težko, toda za že izkušene programerje je to resno sredstvo. če načrtujete samo front-end ali če ste novi v kodi, če pa vse načrtujete redno, je vredno raziskati.
6) Liveweave je spletni urejevalnik, zelo podoben JSFiddle, s katerim lahko pišete in preizkušate kodo za uporabo na spletnih mestih, s funkcijo predogleda v živo, namige kode za HTML5, CSS3, JavaScript in jQuery in vam omogoča, da naložite projekt kot datoteko zip. Prav tako lahko precej enostavno dodate zunanje knjižnice, kot so jQuery, AndgularJS, Bootstrap.
7) CodeSandbox je brezplačen spletni prostor, kjer lahko zaženete projekte spletnih aplikacij z različnimi okviri, kot so React, Vue, Angular in še veliko več.
8) StackBlitz je odličen urejevalnik aplikacij JavaScript, ki podpira različne okvire, kot sta Vue in React.
9) Flems, minimalistično mesto, kot nalašč za hitro testiranje.
10) JSBin, bolj minimalistična različica JSFiddle, da napiše kodo spletne strani in si ogledate, kako je videti.
11) CSSDeck je preprosto spletno mesto za preizkušanje nekaterih osnovnih idej HTML / CSS in JS.
12) ICECoder, drugo spletno okolje za testiranje kode, ki zahteva, da naložite program, ki deluje v brskalniku in ga lahko uporabljate tudi brez povezave.
13) Plunker, sprednje orodje, ki omogoča pisanje kode, datotek in spletnih strani ter jih shranite na Github.
14) Scrimba je inovativna kombinacija urejevalnika videov in kode, ki je odlično učno okolje za študente in tiste, ki se želijo učiti.
15) WebMaker, ustvarjalec spletnih aplikacij s funkcijo brez povezave in integracijo s CodePenom.
16) Dabblet, poskusiti in napisati HTML / CSS / JS kodo z lepo grafiko in samodejnim korektorjem za CSS kodo.
17) PlayCode je tudi okolje za sprotno testiranje osnovne kode HTML / CSS / JS.
19) JSItor je še ena alternativa Codepen in JSFiddle, kjer lahko napišete kodo tako, da združite HTML, CSS in Javascript in takoj vidite rezultat.
PREBERITE TUDI: Spletna mesta za učenje programiranja z igranjem interaktivnih tečajev in izzivov
To niso preprosti urejevalniki kode, ampak mesta, kjer lahko preizkusite svoje programiranje, ne da bi vas skrbelo za napake in hitro ugotovili, kje so napake. Codepen in JSFiddle sta dve najbolj priljubljeni strani v tej kategoriji, vendar obstaja tudi veliko drugih možnosti.
PREBERITE TUDI: Glavni programski jeziki, ki se uporabljajo za aplikacije in spletna mesta
Spletna mesta za testiranje spletne kode
1) CodePen
CodePen je najbolj priljubljeno spletno mesto in ga uporabljajo programerji, ker je brezplačen, intuitiven in enostaven za uporabo. Ko ste postali standard v svetu programerjev, poiščite v Googlu in poiščite strani, ki jih je Codepen že sestavil, in takoj preverite, če ste to iskali. Prilagodljivo okno za ogled in takojšnja izvedba zapisane kode sta dovolj popolna, da preizkusite JavaScript in CSS animacije, poleg tega pa se lahko enostavno povežete z zunanjimi skripti (React, Vue in vse drugo, kar je na voljo prek CDN).
CodePen si zasluži prvo mesto v tej kategoriji, vendar se nekatere funkcije plačujejo, na primer kolaborativno kodiranje in pogledi v živo na celotni strani (delni pogledi v živo so brezplačni).
2) JSFiddle
Na drugem mestu (čeprav je kronološko eno najstarejših) na svetu strani za pisanje in preizkušanje programske kode, je JSFiddle, usmerjen predvsem na izdelavo in testiranje JavaScript. Uporablja se lahko tudi za HTML in CSS, ker podpira nasvete za dokončanje kode in je morda bolj priporočljiv CodePen za manj izkušene.
Velika prednost JSFiddle je ta, da ponuja brezplačen način sodelovanja (vključno z glasovnim in besedilnim klepetom), tako da lahko kodo delate hkrati z drugimi ljudmi.
3) Glitch
Številna spletna mesta s kodo omogočajo kodiranje HTML / CSS / JS in ustvarjanje statičnih spletnih strani, medtem ko Glitch ponuja majhen brezplačen prostor za shranjevanje za shranjevanje projektov in omogoča precej enostavno zagon kode na strani strežnika Node.js. Program lahko sodelujete v programu Glitch,
Na voljo je tudi številne druge fantastične lastnosti: kolaborativno kodiranje, nadzor nad različicami, številni učni viri, dobra integracija z GitHub-om, enostavno vdelavo, skupnost za nasvet, že izdelani projekti, ki jih lahko prosto spreminjate ali uporabljate in Vključevanje v Visual Studio. To je odličen, hiter in preprost način za zagon spletne aplikacije (ali pa se naučite, kako to storiti).
4) CodeSandbox
CodeSandbox je podoben Glitchu, vendar nekoliko bolj zapleten in dovršen . CodeSandbox ima bolj prilagodljiv in prilagodljiv vmesnik, omogoča distribucijo popolnih spletnih aplikacij, ima prostor za shranjevanje datotek in večino osnovnega dela pusti programerju le nalogo pisanja.
5) Repl.it
Repl.it je razvojno okolje za preizkušanje različnih vrst programskih jezikov, kot je Python, s podporo prednje in zadnje kode, omogoča distribucijo spletnih mest in aplikacij, ima integracijo z GitHubom in intuitivnim vmesnikom. Za vsakogar, ki se samo trudi oblikovati spletne strani, je morda malo preveč težko, toda za že izkušene programerje je to resno sredstvo. če načrtujete samo front-end ali če ste novi v kodi, če pa vse načrtujete redno, je vredno raziskati.
6) Liveweave je spletni urejevalnik, zelo podoben JSFiddle, s katerim lahko pišete in preizkušate kodo za uporabo na spletnih mestih, s funkcijo predogleda v živo, namige kode za HTML5, CSS3, JavaScript in jQuery in vam omogoča, da naložite projekt kot datoteko zip. Prav tako lahko precej enostavno dodate zunanje knjižnice, kot so jQuery, AndgularJS, Bootstrap.
7) CodeSandbox je brezplačen spletni prostor, kjer lahko zaženete projekte spletnih aplikacij z različnimi okviri, kot so React, Vue, Angular in še veliko več.
8) StackBlitz je odličen urejevalnik aplikacij JavaScript, ki podpira različne okvire, kot sta Vue in React.
9) Flems, minimalistično mesto, kot nalašč za hitro testiranje.
10) JSBin, bolj minimalistična različica JSFiddle, da napiše kodo spletne strani in si ogledate, kako je videti.
11) CSSDeck je preprosto spletno mesto za preizkušanje nekaterih osnovnih idej HTML / CSS in JS.
12) ICECoder, drugo spletno okolje za testiranje kode, ki zahteva, da naložite program, ki deluje v brskalniku in ga lahko uporabljate tudi brez povezave.
13) Plunker, sprednje orodje, ki omogoča pisanje kode, datotek in spletnih strani ter jih shranite na Github.
14) Scrimba je inovativna kombinacija urejevalnika videov in kode, ki je odlično učno okolje za študente in tiste, ki se želijo učiti.
15) WebMaker, ustvarjalec spletnih aplikacij s funkcijo brez povezave in integracijo s CodePenom.
16) Dabblet, poskusiti in napisati HTML / CSS / JS kodo z lepo grafiko in samodejnim korektorjem za CSS kodo.
17) PlayCode je tudi okolje za sprotno testiranje osnovne kode HTML / CSS / JS.
19) JSItor je še ena alternativa Codepen in JSFiddle, kjer lahko napišete kodo tako, da združite HTML, CSS in Javascript in takoj vidite rezultat.
PREBERITE TUDI: Spletna mesta za učenje programiranja z igranjem interaktivnih tečajev in izzivov
