Nii algajatele, kes soovivad õppida, kui ka kogenud spetsialistidele, on olemas mõned veebisaidid, mis võimaldavad proovida koodiridasid ja tulemust eelvaadata peaaegu reaalajas. Need on tõelised rakendused, mille ekraan jaguneb kaheks, kus ühelt poolt kirjutate koodi, mis võib olla HTML, CSS, PHP, Javascript või muu, teisest küljest aga pärast klahvi vajutamist täitmiseks, näete tegelikult, kuidas see välja näeb, kui see kood asus veebisaidil.
Need pole lihtsad kooditoimetajad, vaid kohad, kus saate oma programmeerimist testida, muretsemata vigade pärast ja kiiresti teada saada, kus need vead asuvad. Codepen ja JSFiddle on selles kategoorias kaks kõige populaarsemat saiti, kuid on ka palju alternatiive.
LOE KA: rakenduste ja veebisaitide peamised programmeerimiskeeled
1) CodePen
CodePen on kõige populaarsem sait ja seda kasutavad programmeerijad, kuna see on tasuta, intuitiivne ja hõlpsasti kasutatav. Olles muutunud programmeerijate maailmas standardiks, otsige lihtsalt Googleist, et leida Codepeni juba koostatud lehed ja kohe vaadata, kas see on see, mida otsisite. Paindlikud vaateaknad ja kirjutatud koodi viivitamatu täitmine muudavad JavaScripti ja CSS-i animatsioonide proovimiseks piisavalt täiuslikuks, lisaks saab seda hõlpsasti ühendada väliste skriptidega (React, Vue ja kõik muu, mis on saadaval CDN-i kaudu).
CodePen väärib selles kategoorias esikohta, kuid mõned funktsioonid on tasulised, näiteks koostöö kodeerimine ja täislehe reaalajas vaated (osalised reaalajas vaated on tasuta).
2) JSFiddle
Teiseks kohaks (ehkki kronoloogiliselt on see üks vanimaid) on JSFiddle saitide maailmas, kus programmeeritakse koodi programmeerimist ja proovimist, mis on suunatud ennekõike JavaScripti loomisele ja testimisele. Seda saab kasutada ka HTML-i ja CSS-i jaoks ning kuna see toetab koodide lõpuleviimise näpunäiteid ja vähemkogenumate jaoks võib see olla eelistatavam CodePenile.
JSFiddle'i suureks plussiks on see, et see pakub tasuta koostöörežiimi (sealhulgas hääle- ja tekstivestlust), nii et saate koodiga töötada samaaegselt teiste inimestega.
3) Glitch
Paljud koodisaidid võimaldavad teil kodeerida HTML / CSS / JS ja genereerida staatilisi veebisaite, samas kui Glitch pakub projektide salvestamiseks väikest tasuta salvestusruumi ja muudab serveripoolse koodi Node.js täitmise üsna lihtsaks. Saate ühiselt programmeerida Glitchis,
Samuti on kaasas mitmed muud fantastilised funktsioonid: koostöö kodeerimine, versioonikontroll, paljud õppematerjalid, hea integreerimine GitHubiga, hõlbus manustamine, kogukond, kus küsida nõu, juba tehtud projektid, mida saate vabalt muuta või kasutada, ning Visual Studio integreerimine. See on suurepärane, kiire ja lihtne viis veebirakenduse käivitamiseks (või õppimiseks, kuidas seda teha).
4) CodeSandbox
CodeSandbox sarnaneb Glitchiga, kuid pisut keerukam ja terviklikum. CodeSandboxil on paindlikum ja kohandatav liides, see võimaldab teil levitada terviklikke veebirakendusi, tal on ruumi failide salvestamiseks ja teeb suurema osa põhitöödest, jättes programmeerijale ainult kirjutamise ülesande.
5) vastus
Repl.it on arenduskeskkond erinevat tüüpi programmeerimiskeelte, näiteks Python testimiseks esi- ja tagakoodi toega, see võimaldab saite ja rakendusi levitada, sellel on integreerimine GitHubiga ja intuitiivne liides. See võib olla pisut liiga keeruline kõigile, kes üritavad lihtsalt veebilehti kujundada, kuid juba kogenud programmeerijate jaoks on see ressurss, millega arvestada. kui plaanite ainult esiotsa või kui olete koodis uus, kuid kui plaanite kõike regulaarselt, on seda väärt uurida.
6) Liveweave on JSFiddle'iga väga sarnane veebitoimetaja, millega saab veebisaitidel kasutatavat koodi kirjutada ja proovida, reaalajas eelvaate funktsionaalsusega, HTML5, CSS3, JavaScripti ja jQuery koodinippidega ning mis võimaldab projekti projekti failina alla laadida zip. Samuti saate üsna hõlpsalt lisada väliseid raamatukogusid nagu jQuery, AndgularJS, Bootstrap.
7) CodeSandbox on tasuta veebiruum, kus saate käivitada veebirakenduste projekte, kasutades erinevaid raamistikke, näiteks React, Vue, Angular ja palju muud.
8) StackBlitz on suurepärane javascripti rakenduse redigeerija, mis toetab erinevaid raamistikke nagu Vue ja React.
9) Lennud, minimalistlik sait, mis sobib suurepäraselt kiirtestide tegemiseks.
10) JSBin, JSFiddle'i minimalistlikum versioon, et kirjutada veebilehe kood ja vaadata, kuidas see välja näeb.
11) CSSDeck on lihtne sait HTML / CSS ja JS põhideede testimiseks.
12) ICECoder, veel üks veebikeskkond koodi testimiseks, mis eeldab, et laadite alla brauseris töötava programmi, mida saab kasutada ka võrguühenduseta.
13) Plunker - esiotsa tööriist, mis võimaldab teil koodi, faile ja veebilehti kirjutada ning Githubisse salvestada.
14) Scrimba on video- ja koodiredaktori uuenduslik kombinatsioon, mis on täiuslik õpikeskkond õpilastele ja neile, kes soovivad õppida.
15) WebMaker, veebirakenduste looja, millel on võrguühenduseta funktsioonid ja integreerimine CodePeniga.
16) Dabblet, et proovida kirjutada HTML / CSS / JS koodi kena graafika ja CSS-koodi automaatse korrektoriga.
17) PlayCode on ka keskkond HTML / CSS / JS põhikoodi reaalajas testimiseks.
19) JSItor on Codepeni ja JSFiddle'i teine alternatiiv, kus saate HTMLi, CSSi ja Javascripti kombineerides koodi kirjutada ja tulemust kohe näha.
LOE KA: saidid, kus õppida programmeerimist interaktiivsete kursuste ja väljakutsetega mängides
Need pole lihtsad kooditoimetajad, vaid kohad, kus saate oma programmeerimist testida, muretsemata vigade pärast ja kiiresti teada saada, kus need vead asuvad. Codepen ja JSFiddle on selles kategoorias kaks kõige populaarsemat saiti, kuid on ka palju alternatiive.
LOE KA: rakenduste ja veebisaitide peamised programmeerimiskeeled
Veebikoodi testimise saidid
1) CodePen
CodePen on kõige populaarsem sait ja seda kasutavad programmeerijad, kuna see on tasuta, intuitiivne ja hõlpsasti kasutatav. Olles muutunud programmeerijate maailmas standardiks, otsige lihtsalt Googleist, et leida Codepeni juba koostatud lehed ja kohe vaadata, kas see on see, mida otsisite. Paindlikud vaateaknad ja kirjutatud koodi viivitamatu täitmine muudavad JavaScripti ja CSS-i animatsioonide proovimiseks piisavalt täiuslikuks, lisaks saab seda hõlpsasti ühendada väliste skriptidega (React, Vue ja kõik muu, mis on saadaval CDN-i kaudu).
CodePen väärib selles kategoorias esikohta, kuid mõned funktsioonid on tasulised, näiteks koostöö kodeerimine ja täislehe reaalajas vaated (osalised reaalajas vaated on tasuta).
2) JSFiddle
Teiseks kohaks (ehkki kronoloogiliselt on see üks vanimaid) on JSFiddle saitide maailmas, kus programmeeritakse koodi programmeerimist ja proovimist, mis on suunatud ennekõike JavaScripti loomisele ja testimisele. Seda saab kasutada ka HTML-i ja CSS-i jaoks ning kuna see toetab koodide lõpuleviimise näpunäiteid ja vähemkogenumate jaoks võib see olla eelistatavam CodePenile.
JSFiddle'i suureks plussiks on see, et see pakub tasuta koostöörežiimi (sealhulgas hääle- ja tekstivestlust), nii et saate koodiga töötada samaaegselt teiste inimestega.
3) Glitch
Paljud koodisaidid võimaldavad teil kodeerida HTML / CSS / JS ja genereerida staatilisi veebisaite, samas kui Glitch pakub projektide salvestamiseks väikest tasuta salvestusruumi ja muudab serveripoolse koodi Node.js täitmise üsna lihtsaks. Saate ühiselt programmeerida Glitchis,
Samuti on kaasas mitmed muud fantastilised funktsioonid: koostöö kodeerimine, versioonikontroll, paljud õppematerjalid, hea integreerimine GitHubiga, hõlbus manustamine, kogukond, kus küsida nõu, juba tehtud projektid, mida saate vabalt muuta või kasutada, ning Visual Studio integreerimine. See on suurepärane, kiire ja lihtne viis veebirakenduse käivitamiseks (või õppimiseks, kuidas seda teha).
4) CodeSandbox
CodeSandbox sarnaneb Glitchiga, kuid pisut keerukam ja terviklikum. CodeSandboxil on paindlikum ja kohandatav liides, see võimaldab teil levitada terviklikke veebirakendusi, tal on ruumi failide salvestamiseks ja teeb suurema osa põhitöödest, jättes programmeerijale ainult kirjutamise ülesande.
5) vastus
Repl.it on arenduskeskkond erinevat tüüpi programmeerimiskeelte, näiteks Python testimiseks esi- ja tagakoodi toega, see võimaldab saite ja rakendusi levitada, sellel on integreerimine GitHubiga ja intuitiivne liides. See võib olla pisut liiga keeruline kõigile, kes üritavad lihtsalt veebilehti kujundada, kuid juba kogenud programmeerijate jaoks on see ressurss, millega arvestada. kui plaanite ainult esiotsa või kui olete koodis uus, kuid kui plaanite kõike regulaarselt, on seda väärt uurida.
6) Liveweave on JSFiddle'iga väga sarnane veebitoimetaja, millega saab veebisaitidel kasutatavat koodi kirjutada ja proovida, reaalajas eelvaate funktsionaalsusega, HTML5, CSS3, JavaScripti ja jQuery koodinippidega ning mis võimaldab projekti projekti failina alla laadida zip. Samuti saate üsna hõlpsalt lisada väliseid raamatukogusid nagu jQuery, AndgularJS, Bootstrap.
7) CodeSandbox on tasuta veebiruum, kus saate käivitada veebirakenduste projekte, kasutades erinevaid raamistikke, näiteks React, Vue, Angular ja palju muud.
8) StackBlitz on suurepärane javascripti rakenduse redigeerija, mis toetab erinevaid raamistikke nagu Vue ja React.
9) Lennud, minimalistlik sait, mis sobib suurepäraselt kiirtestide tegemiseks.
10) JSBin, JSFiddle'i minimalistlikum versioon, et kirjutada veebilehe kood ja vaadata, kuidas see välja näeb.
11) CSSDeck on lihtne sait HTML / CSS ja JS põhideede testimiseks.
12) ICECoder, veel üks veebikeskkond koodi testimiseks, mis eeldab, et laadite alla brauseris töötava programmi, mida saab kasutada ka võrguühenduseta.
13) Plunker - esiotsa tööriist, mis võimaldab teil koodi, faile ja veebilehti kirjutada ning Githubisse salvestada.
14) Scrimba on video- ja koodiredaktori uuenduslik kombinatsioon, mis on täiuslik õpikeskkond õpilastele ja neile, kes soovivad õppida.
15) WebMaker, veebirakenduste looja, millel on võrguühenduseta funktsioonid ja integreerimine CodePeniga.
16) Dabblet, et proovida kirjutada HTML / CSS / JS koodi kena graafika ja CSS-koodi automaatse korrektoriga.
17) PlayCode on ka keskkond HTML / CSS / JS põhikoodi reaalajas testimiseks.
19) JSItor on Codepeni ja JSFiddle'i teine alternatiiv, kus saate HTMLi, CSSi ja Javascripti kombineerides koodi kirjutada ja tulemust kohe näha.
LOE KA: saidid, kus õppida programmeerimist interaktiivsete kursuste ja väljakutsetega mängides
