Gan iesācējiem, kas vēlas mācīties, gan pieredzējušiem speciālistiem ir dažas vietnes, kas ļauj izmēģināt koda līnijas un redzēt rezultātu priekšskatījumā un gandrīz reālā laikā. Šīs ir reālas lietojumprogrammas, kuru ekrāns ir sadalīts divās daļās, kur, no vienas puses, jūs rakstāt kodu, kas var būt HTML, CSS, PHP, Javascript vai cits, bet, no otras puses, pēc tam, kad ir nospiests taustiņš, lai izpildītu, jūs faktiski redzat, kā izskatās, ja šis kods atradās vietnē.
Tie nav vienkārši koda redaktori, bet gan vietas, kur varat pārbaudīt savu programmēšanu, neuztraucoties par kļūdu pieļaušanu un ātri uzzināt, kur ir kļūdas. Codepen un JSFiddle ir divas populārākās vietnes šajā kategorijā, taču ir arī daudz alternatīvu.
LASĪT ARĪ: Galvenās programmēšanas valodas, ko izmanto lietotnēm un vietnēm
1) CodePen
CodePen ir populārākā vietne, un to izmanto programmētāji, jo tā ir bezmaksas, intuitīva un viegli lietojama. Kļūstot par programmētāju pasaules standartu, vienkārši meklējiet Google, lai atrastu Codepen jau apkopotās lapas un nekavējoties redzētu, vai tas ir tas, ko meklējāt. Elastīgie skatīšanās logi un tūlītēja rakstītā koda izpilde padara to pietiekami perfektu, lai izmēģinātu javascript un CSS animācijas, turklāt to var viegli izveidot savienojumu ar ārējiem skriptiem (React, Vue un jebko citu, kas pieejams caur CDN).
CodePen ir pelnījis pirmo vietu šajā kategorijā, tomēr par dažām funkcijām tiek maksāts, piemēram, kodēšana sadarbībā un pilnas lapas tiešraides skati (daļējs tiešraides skats ir bezmaksas).
2) JSFiddle
Otrajā vietā (lai arī hronoloģiski tā ir viena no vecākajām) vietņu pasaulē, kurā tiek rakstīts un izmēģināts kodēšanas kods, ir JSFiddle, kas galvenokārt ir orientēts uz JavaScript izveidi un pārbaudi. To var izmantot arī HTML un CSS, un, tā kā tas atbalsta koda pabeigšanas padomus, un mazāk pieredzējušiem var arī dot priekšroku CodePen.
Liela nozīme JSFiddle labā ir tā, ka tā piedāvā bezmaksas sadarbības režīmu (ieskaitot balss un teksta tērzēšanu), lai jūs varētu strādāt ar kodu vienlaicīgi ar citiem cilvēkiem.
3) glitch
Daudzas kodu vietnes ļauj kodēt HTML / CSS / JS un ģenerēt statiskas Web lapas, savukārt Glitch piedāvā nelielu bezmaksas krātuves vietu, lai saglabātu projektus, un ļauj diezgan viegli izpildīt servera puses kodu Node.js. Varat kopīgi programmēt vietnē Glitch,
Tam ir arī vairākas citas fantastiskas iespējas: kopēja kodēšana, versiju kontrole, daudzi mācību resursi, laba integrācija ar GitHub, ērta iegulšana, kopiena, kurā lūgt padomu, jau izveidoti projekti, kurus jūs varat brīvi modificēt vai izmantot, kā arī Visual Studio integrācija. Tas ir lielisks, ātrs un vienkāršs veids, kā palaist tīmekļa lietotni (vai uzzināt, kā to izdarīt).
4) CodeSandbox
CodeSandbox ir līdzīgs Glitch, bet nedaudz sarežģītāks un pilnīgāks. CodeSandbox ir elastīgāks un pielāgojamāks interfeiss, tas ļauj izplatīt pilnīgas tīmekļa lietotnes, ir vieta failu saglabāšanai un veic lielāko daļu pamatdarba, atstājot programmētājam tikai rakstīšanas uzdevumu.
5) Atkārtot
Repl.it ir izstrādes vide, kas paredzēta dažādu programmēšanas valodu, piemēram, Python, testēšanai ar priekšējā un aizmugurējā koda atbalstu, tā ļauj izplatīt vietnes un lietotnes, tai ir integrācija ar GitHub un intuitīvs interfeiss. Tas var būt nedaudz pārāk grūti ikvienam, kurš tikai mēģina izveidot tīmekļa lapas, bet jau pieredzējušiem programmētājiem tas ir resurss, kas jāņem vērā. ja jūs plānojat tikai priekšējo versiju vai ja jums ir jauns kods, bet, ja visu plānojat regulāri, ir vērts to izpētīt.
6) Liveweave ir tīmekļa redaktors, kas ir ļoti līdzīgs JSFiddle, ar kuru var rakstīt un izmēģināt kodu, ko izmantot vietnēs, ar tieša priekšskatījuma funkcionalitāti, koda norādījumiem HTML5, CSS3, JavaScript un jQuery, un tas ļauj lejupielādēt projektu kā failu zip. Diezgan viegli varat pievienot arī tādas ārējās bibliotēkas kā jQuery, AndgularJS, Bootstrap.
7) CodeSandbox ir bezmaksas tiešsaistes telpa, kurā varat sākt tīmekļa lietotņu projektus, izmantojot dažādus ietvarus, piemēram, React, Vue, Angular un daudz ko citu.
8) StackBlitz ir lielisks javascript lietojumprogrammu redaktors, kas atbalsta dažādas struktūras, piemēram, Vue un React.
9) Blusas, minimālistiska vietne, kas lieliski piemērota ātru testu veikšanai.
10) JSBin, minimālāka JSFiddle versija, lai uzrakstītu tīmekļa lapas kodu un redzētu, kā tas izskatās.
11) CSSDeck ir vienkārša vietne dažu HTML / CSS un JS ideju pārbaudei.
12) ICECoder - vēl viena tiešsaistes vide koda pārbaudei, kas prasa lejupielādēt programmu, kas darbojas pārlūkprogrammā un kuru var izmantot arī bezsaistē.
13) Plunker - priekšējās daļas rīks, kas ļauj rakstīt kodu, failus un Web lapas un saglabāt tos Github.
14) Scrimba ir novatoriska video un koda redaktora kombinācija, kas ir ideāla mācību vide studentiem un tiem, kas vēlas mācīties.
15) WebMaker, tīmekļa lietojumprogrammu veidotājs ar bezsaistes funkcionalitāti un integrāciju ar CodePen.
16) Dabblet, lai mēģinātu uzrakstīt HTML / CSS / JS kodu ar jauku grafiku un automātisku CSS koda korektoru.
17) PlayCode ir arī vide HTML / CSS / JS pamata koda reālā laika testēšanai.
19) JSItor ir vēl viena alternatīva Codepen un JSFiddle, kur jūs varat rakstīt kodu, apvienojot HTML, CSS un Javascript, un uzreiz redzēt rezultātu.
LASĪT ARĪ: Vietnes, kur apgūt programmēšanu, spēlējoties ar interaktīviem kursiem un izaicinājumiem
Tie nav vienkārši koda redaktori, bet gan vietas, kur varat pārbaudīt savu programmēšanu, neuztraucoties par kļūdu pieļaušanu un ātri uzzināt, kur ir kļūdas. Codepen un JSFiddle ir divas populārākās vietnes šajā kategorijā, taču ir arī daudz alternatīvu.
LASĪT ARĪ: Galvenās programmēšanas valodas, ko izmanto lietotnēm un vietnēm
Vietnes tiešsaistes koda pārbaudei
1) CodePen
CodePen ir populārākā vietne, un to izmanto programmētāji, jo tā ir bezmaksas, intuitīva un viegli lietojama. Kļūstot par programmētāju pasaules standartu, vienkārši meklējiet Google, lai atrastu Codepen jau apkopotās lapas un nekavējoties redzētu, vai tas ir tas, ko meklējāt. Elastīgie skatīšanās logi un tūlītēja rakstītā koda izpilde padara to pietiekami perfektu, lai izmēģinātu javascript un CSS animācijas, turklāt to var viegli izveidot savienojumu ar ārējiem skriptiem (React, Vue un jebko citu, kas pieejams caur CDN).
CodePen ir pelnījis pirmo vietu šajā kategorijā, tomēr par dažām funkcijām tiek maksāts, piemēram, kodēšana sadarbībā un pilnas lapas tiešraides skati (daļējs tiešraides skats ir bezmaksas).
2) JSFiddle
Otrajā vietā (lai arī hronoloģiski tā ir viena no vecākajām) vietņu pasaulē, kurā tiek rakstīts un izmēģināts kodēšanas kods, ir JSFiddle, kas galvenokārt ir orientēts uz JavaScript izveidi un pārbaudi. To var izmantot arī HTML un CSS, un, tā kā tas atbalsta koda pabeigšanas padomus, un mazāk pieredzējušiem var arī dot priekšroku CodePen.
Liela nozīme JSFiddle labā ir tā, ka tā piedāvā bezmaksas sadarbības režīmu (ieskaitot balss un teksta tērzēšanu), lai jūs varētu strādāt ar kodu vienlaicīgi ar citiem cilvēkiem.
3) glitch
Daudzas kodu vietnes ļauj kodēt HTML / CSS / JS un ģenerēt statiskas Web lapas, savukārt Glitch piedāvā nelielu bezmaksas krātuves vietu, lai saglabātu projektus, un ļauj diezgan viegli izpildīt servera puses kodu Node.js. Varat kopīgi programmēt vietnē Glitch,
Tam ir arī vairākas citas fantastiskas iespējas: kopēja kodēšana, versiju kontrole, daudzi mācību resursi, laba integrācija ar GitHub, ērta iegulšana, kopiena, kurā lūgt padomu, jau izveidoti projekti, kurus jūs varat brīvi modificēt vai izmantot, kā arī Visual Studio integrācija. Tas ir lielisks, ātrs un vienkāršs veids, kā palaist tīmekļa lietotni (vai uzzināt, kā to izdarīt).
4) CodeSandbox
CodeSandbox ir līdzīgs Glitch, bet nedaudz sarežģītāks un pilnīgāks. CodeSandbox ir elastīgāks un pielāgojamāks interfeiss, tas ļauj izplatīt pilnīgas tīmekļa lietotnes, ir vieta failu saglabāšanai un veic lielāko daļu pamatdarba, atstājot programmētājam tikai rakstīšanas uzdevumu.
5) Atkārtot
Repl.it ir izstrādes vide, kas paredzēta dažādu programmēšanas valodu, piemēram, Python, testēšanai ar priekšējā un aizmugurējā koda atbalstu, tā ļauj izplatīt vietnes un lietotnes, tai ir integrācija ar GitHub un intuitīvs interfeiss. Tas var būt nedaudz pārāk grūti ikvienam, kurš tikai mēģina izveidot tīmekļa lapas, bet jau pieredzējušiem programmētājiem tas ir resurss, kas jāņem vērā. ja jūs plānojat tikai priekšējo versiju vai ja jums ir jauns kods, bet, ja visu plānojat regulāri, ir vērts to izpētīt.
6) Liveweave ir tīmekļa redaktors, kas ir ļoti līdzīgs JSFiddle, ar kuru var rakstīt un izmēģināt kodu, ko izmantot vietnēs, ar tieša priekšskatījuma funkcionalitāti, koda norādījumiem HTML5, CSS3, JavaScript un jQuery, un tas ļauj lejupielādēt projektu kā failu zip. Diezgan viegli varat pievienot arī tādas ārējās bibliotēkas kā jQuery, AndgularJS, Bootstrap.
7) CodeSandbox ir bezmaksas tiešsaistes telpa, kurā varat sākt tīmekļa lietotņu projektus, izmantojot dažādus ietvarus, piemēram, React, Vue, Angular un daudz ko citu.
8) StackBlitz ir lielisks javascript lietojumprogrammu redaktors, kas atbalsta dažādas struktūras, piemēram, Vue un React.
9) Blusas, minimālistiska vietne, kas lieliski piemērota ātru testu veikšanai.
10) JSBin, minimālāka JSFiddle versija, lai uzrakstītu tīmekļa lapas kodu un redzētu, kā tas izskatās.
11) CSSDeck ir vienkārša vietne dažu HTML / CSS un JS ideju pārbaudei.
12) ICECoder - vēl viena tiešsaistes vide koda pārbaudei, kas prasa lejupielādēt programmu, kas darbojas pārlūkprogrammā un kuru var izmantot arī bezsaistē.
13) Plunker - priekšējās daļas rīks, kas ļauj rakstīt kodu, failus un Web lapas un saglabāt tos Github.
14) Scrimba ir novatoriska video un koda redaktora kombinācija, kas ir ideāla mācību vide studentiem un tiem, kas vēlas mācīties.
15) WebMaker, tīmekļa lietojumprogrammu veidotājs ar bezsaistes funkcionalitāti un integrāciju ar CodePen.
16) Dabblet, lai mēģinātu uzrakstīt HTML / CSS / JS kodu ar jauku grafiku un automātisku CSS koda korektoru.
17) PlayCode ir arī vide HTML / CSS / JS pamata koda reālā laika testēšanai.
19) JSItor ir vēl viena alternatīva Codepen un JSFiddle, kur jūs varat rakstīt kodu, apvienojot HTML, CSS un Javascript, un uzreiz redzēt rezultātu.
LASĪT ARĪ: Vietnes, kur apgūt programmēšanu, spēlējoties ar interaktīviem kursiem un izaicinājumiem
