Ir pradedantiesiems, ir norintiems išmokti, ir patyrusiems specialistams yra keletas svetainių, kurios leidžia išbandyti kodo eilutes ir pamatyti rezultatą peržiūroje bei beveik realiuoju laiku. Tai yra tikros programos, kurių ekranas yra padalintas į dvi dalis, kur, viena vertus, parašote kodą, kuris gali būti HTML, CSS, PHP, „Javascript“ ar kitas, o kita vertus, paspaudę klavišą, kad paleistumėte, jūs iš tikrųjų matote, kaip atrodo, jei tas kodas buvo svetainės viduje.
Tai nėra paprasti kodų redaktoriai, bet vietos, kur galite išbandyti savo programavimą, nesijaudindami dėl klaidų padarymo ir greitai sužinoti, kur yra klaidų. „Codepen“ ir „JSFiddle“ yra dvi populiariausios šios kategorijos svetainės, tačiau taip pat yra daugybė alternatyvų.
TAIP PAT SKAITYKITE: Pagrindinės programavimo kalbos, naudojamos programoms ir svetainėms
1) „ CodePen“
„CodePen“ yra populiariausia svetainė, kurią naudoja programuotojai, nes ji yra nemokama, intuityvi ir lengvai naudojama. Tapęs standartiniu programuotojų pasaulyje, tiesiog paieškokite „Google“ ir raskite puslapius, kuriuos jau sudarė „Codepen“, ir iškart sužinokite, ar tai yra tai, ko ieškojote. Dėl lanksčių žiūrėjimo langų ir nedelsiant vykdomo rašytinio kodo pakanka tobulai išbandyti „JavaScript“ ir CSS animacijas, be to, jis gali lengvai prisijungti prie išorinių scenarijų („React“, „Vue“ ir visko, kas pasiekiama per CDN).
„CodePen“ nusipelno pirmosios vietos šioje kategorijoje, tačiau kai kurios funkcijos yra mokamos, pavyzdžiui, kodavimas bendradarbiaujant ir viso puslapio tiesioginės peržiūros (dalinės tiesioginės peržiūros yra nemokamos).
2) JSFiddle
Antroje vietoje (nors chronologiškai tai viena seniausių) svetainių, kuriose rašoma ir bandoma programuoti kodą, pasaulyje yra „ JSFiddle“, visų pirma orientuota į „JavaScript“ kūrimą ir testavimą. Jis taip pat gali būti naudojamas HTML ir CSS, nes palaiko kodų pildymo patarimus, todėl mažiau patyrusiems gali būti geriau už „CodePen“.
Didelė „JSFiddle“ nauda yra ta, kad ji siūlo nemokamą bendradarbiavimo režimą (įskaitant balso ir teksto pokalbius), taigi jūs galite dirbti su kodu vienu metu su kitais žmonėmis.
3) gedimas
Daugelis kodų svetainių leidžia koduoti HTML / CSS / JS ir generuoti statinius tinklalapius, o „ Glitch“ siūlo nedidelę nemokamą vietos saugyklą projektams išsaugoti ir leidžia gana lengvai paleisti „Node.js.“ serverio pusės kodą. Galite kartu programuoti „Glitch“,
Kartu pateikiamos kelios kitos fantastiškos funkcijos: kodavimas bendradarbiaujant, versijų valdymas, daugybė mokymosi šaltinių, gera integracija su GitHub, lengvas įdėjimas, bendruomenė, kuriai reikia patarimo, jau atlikti projektai, kuriuos galite laisvai modifikuoti ar naudoti, ir „Visual Studio“ integracija. Tai puikus, greitas ir paprastas būdas paleisti žiniatinklio programą (arba išmokti tai padaryti).
4) „ CodeSandbox“
„CodeSandbox“ yra panaši į „Glitch“, tačiau šiek tiek sudėtingesnė ir išsamesnė. „CodeSandbox“ turi lankstesnę ir labiau pritaikomą sąsają, leidžia platinti visas žiniatinklio programas, turi vietos išsaugoti failus ir atlieka didžiąją dalį pagrindinio darbo, paliekant programuotojui tik rašymo užduotį.
5) Repl.it
„Repl.it“ yra kūrimo aplinka, skirta išbandyti įvairių tipų programavimo kalbas, tokias kaip „Python“, palaikant priekinį ir galinį kodus. Tai leidžia paskirstyti svetaines ir programas, ji yra integruota su „GitHub“ ir intuityvi sąsaja. Tai gali būti šiek tiek per sunku visiems, kurie tik bando kurti tinklalapius, tačiau jau patyrusiems programuotojams tai yra šaltinis, į kurį reikia atsižvelgti. jei planuojate tik „front-end“ arba jei esate naujas kodas, bet jei viską planuojate reguliariai, verta ištirti.
6) „ Liveweave“ yra žiniatinklio rengyklė, labai panaši į „JSFiddle“, su kuria galima rašyti ir išbandyti kodą naudoti interneto svetainėse, su tiesioginės peržiūros funkcija, HTML5, CSS3, „JavaScript“ ir „jQuery“ kodų patarimais ir leidžiančiu atsisiųsti projektą kaip failą. zip. Taip pat gana lengvai galite pridėti išorinių bibliotekų, tokių kaip „jQuery“, „AndgularJS“, „Bootstrap“.
7) „ CodeSandbox“ yra nemokama internetinė erdvė, kurioje galite pradėti žiniatinklio programų projektus naudodami skirtingas sistemas, tokias kaip „React“, „Vue“, „Angular“ ir daug daugiau.
8) „ StackBlitz“ yra puikus „JavaScript“ programų redaktorius, palaikantis įvairias sistemas, tokias kaip „Vue“ ir „React“.
9) Minimalistinė svetainė „ Flems“, puikiai tinkanti greitai atlikti testus.
10) „ JSBin“, labiau minimalistinė „JSFiddle“ versija, skirta rašyti tinklalapio kodą ir pamatyti, kaip jis atrodo.
11) CSSDeck yra paprasta svetainė, skirta išbandyti kai kurias pagrindines HTML / CSS ir JS idėjas.
12) „ ICECoder“ - dar viena internetinė kodo tikrinimo aplinka, reikalaujanti atsisiųsti programą, kuri veikia naršyklėje ir kurią taip pat galima naudoti neprisijungus.
13) „ Plunker“ - priekinis įrankis, leidžiantis rašyti kodą, failus ir tinklalapius bei išsaugoti juos „Github“.
14) „ Scrimba“ yra novatoriškas vaizdo įrašų ir kodų rengyklės derinys, kuris yra puiki mokymosi aplinka studentams ir norintiems mokytis.
15) „ WebMaker“, žiniatinklio programų kūrėjas, turintis neprisijungusias funkcijas ir integruotas su „CodePen“.
16) „ Dabblet“, norint išbandyti ir užrašyti HTML / CSS / JS kodą su gražia grafika ir automatiniu CSS kodo korektoriumi.
17) „ PlayCode“ taip pat yra pagrindinio HTML / CSS / JS kodo tikrinimo realiuoju laiku aplinka.
19) „ JSItor“ yra dar viena „Codepen“ ir „JSFiddle“ alternatyva, kur galite rašyti kodą derindami HTML, CSS ir „Javascript“ ir iškart pamatyti rezultatą.
TAIP PAT SKAITYKITE: Svetainės, kuriose mokomasi programavimo žaidžiant interaktyvius kursus ir iššūkius
Tai nėra paprasti kodų redaktoriai, bet vietos, kur galite išbandyti savo programavimą, nesijaudindami dėl klaidų padarymo ir greitai sužinoti, kur yra klaidų. „Codepen“ ir „JSFiddle“ yra dvi populiariausios šios kategorijos svetainės, tačiau taip pat yra daugybė alternatyvų.
TAIP PAT SKAITYKITE: Pagrindinės programavimo kalbos, naudojamos programoms ir svetainėms
Svetainės, kuriose bandomas internetinis kodas
1) „ CodePen“
„CodePen“ yra populiariausia svetainė, kurią naudoja programuotojai, nes ji yra nemokama, intuityvi ir lengvai naudojama. Tapęs standartiniu programuotojų pasaulyje, tiesiog paieškokite „Google“ ir raskite puslapius, kuriuos jau sudarė „Codepen“, ir iškart sužinokite, ar tai yra tai, ko ieškojote. Dėl lanksčių žiūrėjimo langų ir nedelsiant vykdomo rašytinio kodo pakanka tobulai išbandyti „JavaScript“ ir CSS animacijas, be to, jis gali lengvai prisijungti prie išorinių scenarijų („React“, „Vue“ ir visko, kas pasiekiama per CDN).
„CodePen“ nusipelno pirmosios vietos šioje kategorijoje, tačiau kai kurios funkcijos yra mokamos, pavyzdžiui, kodavimas bendradarbiaujant ir viso puslapio tiesioginės peržiūros (dalinės tiesioginės peržiūros yra nemokamos).
2) JSFiddle
Antroje vietoje (nors chronologiškai tai viena seniausių) svetainių, kuriose rašoma ir bandoma programuoti kodą, pasaulyje yra „ JSFiddle“, visų pirma orientuota į „JavaScript“ kūrimą ir testavimą. Jis taip pat gali būti naudojamas HTML ir CSS, nes palaiko kodų pildymo patarimus, todėl mažiau patyrusiems gali būti geriau už „CodePen“.
Didelė „JSFiddle“ nauda yra ta, kad ji siūlo nemokamą bendradarbiavimo režimą (įskaitant balso ir teksto pokalbius), taigi jūs galite dirbti su kodu vienu metu su kitais žmonėmis.
3) gedimas
Daugelis kodų svetainių leidžia koduoti HTML / CSS / JS ir generuoti statinius tinklalapius, o „ Glitch“ siūlo nedidelę nemokamą vietos saugyklą projektams išsaugoti ir leidžia gana lengvai paleisti „Node.js.“ serverio pusės kodą. Galite kartu programuoti „Glitch“,
Kartu pateikiamos kelios kitos fantastiškos funkcijos: kodavimas bendradarbiaujant, versijų valdymas, daugybė mokymosi šaltinių, gera integracija su GitHub, lengvas įdėjimas, bendruomenė, kuriai reikia patarimo, jau atlikti projektai, kuriuos galite laisvai modifikuoti ar naudoti, ir „Visual Studio“ integracija. Tai puikus, greitas ir paprastas būdas paleisti žiniatinklio programą (arba išmokti tai padaryti).
4) „ CodeSandbox“
„CodeSandbox“ yra panaši į „Glitch“, tačiau šiek tiek sudėtingesnė ir išsamesnė. „CodeSandbox“ turi lankstesnę ir labiau pritaikomą sąsają, leidžia platinti visas žiniatinklio programas, turi vietos išsaugoti failus ir atlieka didžiąją dalį pagrindinio darbo, paliekant programuotojui tik rašymo užduotį.
5) Repl.it
„Repl.it“ yra kūrimo aplinka, skirta išbandyti įvairių tipų programavimo kalbas, tokias kaip „Python“, palaikant priekinį ir galinį kodus. Tai leidžia paskirstyti svetaines ir programas, ji yra integruota su „GitHub“ ir intuityvi sąsaja. Tai gali būti šiek tiek per sunku visiems, kurie tik bando kurti tinklalapius, tačiau jau patyrusiems programuotojams tai yra šaltinis, į kurį reikia atsižvelgti. jei planuojate tik „front-end“ arba jei esate naujas kodas, bet jei viską planuojate reguliariai, verta ištirti.
6) „ Liveweave“ yra žiniatinklio rengyklė, labai panaši į „JSFiddle“, su kuria galima rašyti ir išbandyti kodą naudoti interneto svetainėse, su tiesioginės peržiūros funkcija, HTML5, CSS3, „JavaScript“ ir „jQuery“ kodų patarimais ir leidžiančiu atsisiųsti projektą kaip failą. zip. Taip pat gana lengvai galite pridėti išorinių bibliotekų, tokių kaip „jQuery“, „AndgularJS“, „Bootstrap“.
7) „ CodeSandbox“ yra nemokama internetinė erdvė, kurioje galite pradėti žiniatinklio programų projektus naudodami skirtingas sistemas, tokias kaip „React“, „Vue“, „Angular“ ir daug daugiau.
8) „ StackBlitz“ yra puikus „JavaScript“ programų redaktorius, palaikantis įvairias sistemas, tokias kaip „Vue“ ir „React“.
9) Minimalistinė svetainė „ Flems“, puikiai tinkanti greitai atlikti testus.
10) „ JSBin“, labiau minimalistinė „JSFiddle“ versija, skirta rašyti tinklalapio kodą ir pamatyti, kaip jis atrodo.
11) CSSDeck yra paprasta svetainė, skirta išbandyti kai kurias pagrindines HTML / CSS ir JS idėjas.
12) „ ICECoder“ - dar viena internetinė kodo tikrinimo aplinka, reikalaujanti atsisiųsti programą, kuri veikia naršyklėje ir kurią taip pat galima naudoti neprisijungus.
13) „ Plunker“ - priekinis įrankis, leidžiantis rašyti kodą, failus ir tinklalapius bei išsaugoti juos „Github“.
14) „ Scrimba“ yra novatoriškas vaizdo įrašų ir kodų rengyklės derinys, kuris yra puiki mokymosi aplinka studentams ir norintiems mokytis.
15) „ WebMaker“, žiniatinklio programų kūrėjas, turintis neprisijungusias funkcijas ir integruotas su „CodePen“.
16) „ Dabblet“, norint išbandyti ir užrašyti HTML / CSS / JS kodą su gražia grafika ir automatiniu CSS kodo korektoriumi.
17) „ PlayCode“ taip pat yra pagrindinio HTML / CSS / JS kodo tikrinimo realiuoju laiku aplinka.
19) „ JSItor“ yra dar viena „Codepen“ ir „JSFiddle“ alternatyva, kur galite rašyti kodą derindami HTML, CSS ir „Javascript“ ir iškart pamatyti rezultatą.
TAIP PAT SKAITYKITE: Svetainės, kuriose mokomasi programavimo žaidžiant interaktyvius kursus ir iššūkius
