Vannak olyan webhelyek, amelyek mind tanulók, mind tanulók számára, valamint tapasztalt szakemberek számára lehetővé teszik a kódsor kipróbálását és az eredmény szinte valós időben történő előzetes megtekintését. Ezek valódi alkalmazások, amelyekben a képernyő ketté van osztva, ahol egyrészt megírja a kódot, amely lehet HTML, CSS, PHP, Javascript vagy más, másrészt pedig egy gomb megnyomása után hajtja végre a végrehajtást, valójában láthatja, hogy néz ki, ha ez a kód egy webhelyen található.
Ez nem egyszerű kódszerkesztő, hanem olyan hely, ahol kipróbálhatja a programozást anélkül, hogy aggódnia kellene a hibák miatt, és gyorsan megtudhatja, hol vannak a hibák. A Codepen és a JSFiddle a két legnépszerűbb webhely ebben a kategóriában, de számos alternatíva is létezik.
OLVASSA OLVASSA: Az alkalmazásokhoz és webhelyekhez használt fő programozási nyelvek
1) CodePen
A CodePen a legnépszerűbb oldal, amelyet a programozók használnak, mert ingyenes, intuitív és könnyen használható. Miután a programozók világában szokásossá vált, csak keressen rá a Google-ra, hogy keressen oldalakat, amelyeket a Codepen már összeállított, és azonnal megnézze, vajon ezt kereste-e. A rugalmas nézőablakok és az írott kód azonnali végrehajtása lehetővé teszik a javascript és CSS animációk kipróbálását, ráadásul könnyen csatlakozhatnak külső szkriptekhez (React, Vue és bármi más, amely CDN-n keresztül elérhető).
A CodePen ebben a kategóriában az első helyet érdemel, bár néhány szolgáltatás fizető, például együttműködési kódolás és teljes oldal élő nézetek (a részleges élő nézetek ingyenes).
2) JSFiddle
Másodszor (bár időrendi szempontból ez az egyik legrégebbi) a JSFiddle, amely a programozási kód írására és kipróbálására szolgáló webhelyek világában elsősorban a JavaScript létrehozására és tesztelésére irányul. HTML és CSS-hez is használható, mivel támogatja a kód kitöltési tippeit, és a kevésbé tapasztalt felhasználók számára is előnyösebb lehet a CodePennél.
A JSFiddle javára nagy pont az, hogy ingyenes együttműködési módot kínál (beleértve a hang- és szöveges csevegést is), így a kóddal együtt dolgozhat más emberekkel.
3) Glitch
Számos kódhely lehetővé teszi a HTML / CSS / JS kódolását és statikus weboldalak generálását, míg a Glitch egy kis ingyenes tárhelyet kínál a projektek mentéséhez, és megkönnyíti a Node.js szerveroldali kód futtatását. Közösen programozhat a Glitch-en,
Számos más fantasztikus funkcióval is jár: együttműködési kódolás, verzióvezérlés, sok tanulási erőforrás, jó integráció a GitHub-tal, egyszerű beágyazás, egy közösség, amely tanácsot kér, már készített projektek, amelyeket szabadon módosíthat vagy használhat, valamint a Visual Studio integráció. Ez egy nagyszerű, gyors és egyszerű módszer egy webalkalmazás elindítására (vagy megtanulására, hogyan kell csinálni).
4) CodeSandbox
A CodeSandbox hasonló a Glitch-hez, de egy kicsit összetettebb és teljesebb. A CodeSandbox rugalmasabb és testreszabhatóbb felülettel rendelkezik, lehetővé teszi a teljes webes alkalmazások terjesztését, van hely fájlok mentésére és az alapvető munkák nagy részét elvégzi, a programozónak csak az írás feladatát hagyva.
5) Repl.it
A Repl.it egy olyan fejlesztési környezet, amelyben különféle programozási nyelvek, például Python tesztelésére kerül sor, a front-end és a back-end kód támogatásával. Ez lehetővé teszi webhelyek és alkalmazások terjesztését, integrálódik a GitHub-nal és egy intuitív felületet. Kicsit túl nehéz lehet bárki számára, aki csak weblapokat kíván megtervezni, de a már tapasztalt programozók számára ez egy erőforrás, amelyet figyelembe kell venni. ha csak a felhasználói felületet tervezi, vagy ha új vagy a kódban, de ha mindent rendszeresen tervez, érdemes feltárni.
6) A Liveweave a JSFiddlehez nagyon hasonló webszerkesztő, amellyel kódot írhat és tesztelhet a webhelyeken történő felhasználásra, élő előnézeti funkcióval, HTML5, CSS3, JavaScript és jQuery kód-tippekkel, és lehetővé teszi a projekt fájlként letöltését. zip. Nagyon könnyen hozzáadhat külső könyvtárakat, például a jQuery, AndgularJS, Bootstrap.
7) A CodeSandbox egy ingyenes online hely, ahol különféle keretekkel, például a React, Vue, Angular és még sok más felhasználásával elindíthat webes alkalmazásprojekteket.
8) A StackBlitz kiváló javascript alkalmazás-szerkesztő, amely különféle kereteket támogat, mint például a Vue és a React.
9) Repülők, minimalista oldal, gyors tesztek elvégzéséhez tökéletes.
10) JSBin, a JSFiddle egy minimalistabb verziója, weboldal kódjának írására és annak kinézetére.
11) A CSSDeck egy egyszerű webhely néhány alapvető HTML / CSS és JS ötlet tesztelésére.
12) ICECoder, egy másik online környezet a kód teszteléséhez, amelyhez szüksége van egy olyan program letöltésére, amely a böngészőben fut és offline is használható.
13) Plunker, egy olyan front-end eszköz, amely lehetővé teszi kód, fájlok és weboldalak írását és mentését a Githubon.
14) A Scrimba egy video- és kódszerkesztő innovatív kombinációja, amely tökéletes tanulási környezetet biztosít a hallgatók és a tanulni akarók számára.
15) WebMaker, webes alkalmazás-készítő, offline funkcióval és a CodePen-rel integrálva.
16) Dabblet, HTML / CSS / JS kód megírására, szép grafikával és a CSS kód automatikus javítójával.
(17) A PlayCode egyben az alapvető HTML / CSS / JS kód valós idejű tesztelésének környezete is.
19) A JSItor a Codepen és a JSFiddle másik alternatívája, ahol HTML, CSS és Javascript kombinációjával kódot írhat, és azonnal láthatja az eredményt.
OLVASSA OLVASSA: A webhelyeket, ahol interaktív tanfolyamokkal és kihívásokkal játszva lehet programozni
Ez nem egyszerű kódszerkesztő, hanem olyan hely, ahol kipróbálhatja a programozást anélkül, hogy aggódnia kellene a hibák miatt, és gyorsan megtudhatja, hol vannak a hibák. A Codepen és a JSFiddle a két legnépszerűbb webhely ebben a kategóriában, de számos alternatíva is létezik.
OLVASSA OLVASSA: Az alkalmazásokhoz és webhelyekhez használt fő programozási nyelvek
Online kódok tesztelésére szolgáló webhelyek
1) CodePen
A CodePen a legnépszerűbb oldal, amelyet a programozók használnak, mert ingyenes, intuitív és könnyen használható. Miután a programozók világában szokásossá vált, csak keressen rá a Google-ra, hogy keressen oldalakat, amelyeket a Codepen már összeállított, és azonnal megnézze, vajon ezt kereste-e. A rugalmas nézőablakok és az írott kód azonnali végrehajtása lehetővé teszik a javascript és CSS animációk kipróbálását, ráadásul könnyen csatlakozhatnak külső szkriptekhez (React, Vue és bármi más, amely CDN-n keresztül elérhető).
A CodePen ebben a kategóriában az első helyet érdemel, bár néhány szolgáltatás fizető, például együttműködési kódolás és teljes oldal élő nézetek (a részleges élő nézetek ingyenes).
2) JSFiddle
Másodszor (bár időrendi szempontból ez az egyik legrégebbi) a JSFiddle, amely a programozási kód írására és kipróbálására szolgáló webhelyek világában elsősorban a JavaScript létrehozására és tesztelésére irányul. HTML és CSS-hez is használható, mivel támogatja a kód kitöltési tippeit, és a kevésbé tapasztalt felhasználók számára is előnyösebb lehet a CodePennél.
A JSFiddle javára nagy pont az, hogy ingyenes együttműködési módot kínál (beleértve a hang- és szöveges csevegést is), így a kóddal együtt dolgozhat más emberekkel.
3) Glitch
Számos kódhely lehetővé teszi a HTML / CSS / JS kódolását és statikus weboldalak generálását, míg a Glitch egy kis ingyenes tárhelyet kínál a projektek mentéséhez, és megkönnyíti a Node.js szerveroldali kód futtatását. Közösen programozhat a Glitch-en,
Számos más fantasztikus funkcióval is jár: együttműködési kódolás, verzióvezérlés, sok tanulási erőforrás, jó integráció a GitHub-tal, egyszerű beágyazás, egy közösség, amely tanácsot kér, már készített projektek, amelyeket szabadon módosíthat vagy használhat, valamint a Visual Studio integráció. Ez egy nagyszerű, gyors és egyszerű módszer egy webalkalmazás elindítására (vagy megtanulására, hogyan kell csinálni).
4) CodeSandbox
A CodeSandbox hasonló a Glitch-hez, de egy kicsit összetettebb és teljesebb. A CodeSandbox rugalmasabb és testreszabhatóbb felülettel rendelkezik, lehetővé teszi a teljes webes alkalmazások terjesztését, van hely fájlok mentésére és az alapvető munkák nagy részét elvégzi, a programozónak csak az írás feladatát hagyva.
5) Repl.it
A Repl.it egy olyan fejlesztési környezet, amelyben különféle programozási nyelvek, például Python tesztelésére kerül sor, a front-end és a back-end kód támogatásával. Ez lehetővé teszi webhelyek és alkalmazások terjesztését, integrálódik a GitHub-nal és egy intuitív felületet. Kicsit túl nehéz lehet bárki számára, aki csak weblapokat kíván megtervezni, de a már tapasztalt programozók számára ez egy erőforrás, amelyet figyelembe kell venni. ha csak a felhasználói felületet tervezi, vagy ha új vagy a kódban, de ha mindent rendszeresen tervez, érdemes feltárni.
6) A Liveweave a JSFiddlehez nagyon hasonló webszerkesztő, amellyel kódot írhat és tesztelhet a webhelyeken történő felhasználásra, élő előnézeti funkcióval, HTML5, CSS3, JavaScript és jQuery kód-tippekkel, és lehetővé teszi a projekt fájlként letöltését. zip. Nagyon könnyen hozzáadhat külső könyvtárakat, például a jQuery, AndgularJS, Bootstrap.
7) A CodeSandbox egy ingyenes online hely, ahol különféle keretekkel, például a React, Vue, Angular és még sok más felhasználásával elindíthat webes alkalmazásprojekteket.
8) A StackBlitz kiváló javascript alkalmazás-szerkesztő, amely különféle kereteket támogat, mint például a Vue és a React.
9) Repülők, minimalista oldal, gyors tesztek elvégzéséhez tökéletes.
10) JSBin, a JSFiddle egy minimalistabb verziója, weboldal kódjának írására és annak kinézetére.
11) A CSSDeck egy egyszerű webhely néhány alapvető HTML / CSS és JS ötlet tesztelésére.
12) ICECoder, egy másik online környezet a kód teszteléséhez, amelyhez szüksége van egy olyan program letöltésére, amely a böngészőben fut és offline is használható.
13) Plunker, egy olyan front-end eszköz, amely lehetővé teszi kód, fájlok és weboldalak írását és mentését a Githubon.
14) A Scrimba egy video- és kódszerkesztő innovatív kombinációja, amely tökéletes tanulási környezetet biztosít a hallgatók és a tanulni akarók számára.
15) WebMaker, webes alkalmazás-készítő, offline funkcióval és a CodePen-rel integrálva.
16) Dabblet, HTML / CSS / JS kód megírására, szép grafikával és a CSS kód automatikus javítójával.
(17) A PlayCode egyben az alapvető HTML / CSS / JS kód valós idejű tesztelésének környezete is.
19) A JSItor a Codepen és a JSFiddle másik alternatívája, ahol HTML, CSS és Javascript kombinációjával kódot írhat, és azonnal láthatja az eredményt.
OLVASSA OLVASSA: A webhelyeket, ahol interaktív tanfolyamokkal és kihívásokkal játszva lehet programozni
