Voor zowel beginners die willen leren, als voor ervaren professionals, zijn er enkele websites waarmee u coderegels kunt uitproberen en het resultaat in bijna realtime kunt bekijken. Dit zijn echte applicaties waarbij het scherm in tweeën is gedeeld, waarbij je enerzijds de code schrijft die HTML, CSS, PHP, Javascript of iets anders kan zijn, en anderzijds nadat je op een toets hebt gedrukt om uit te voeren, je ziet eigenlijk hoe het eruit ziet als die code op een website stond.
Dit zijn geen eenvoudige code-editors, maar plaatsen waar u uw programmering kunt testen zonder dat u zich zorgen hoeft te maken over fouten en snel kunt achterhalen waar de fouten zijn. Codepen en JSFiddle zijn de twee meest populaire sites in deze categorie, maar er zijn ook veel alternatieven.
LEES OOK: Belangrijkste programmeertalen die worden gebruikt voor apps en websites
1) CodePen
CodePen is de meest populaire site en wordt gebruikt door programmeurs omdat deze gratis, intuïtief en gebruiksvriendelijk is. Nu het een standaard is geworden in de wereld van programmeurs, zoekt u gewoon op Google om pagina's te vinden die al door Codepen zijn samengesteld en ziet u meteen of dat is wat u zocht. De flexibele kijkvensters en de onmiddellijke uitvoering van de geschreven code maken het perfect genoeg om javascript- en CSS-animaties te proberen, bovendien kan het gemakkelijk verbinding maken met externe scripts (React, Vue en al het andere dat beschikbaar is via CDN).
CodePen verdient de eerste plaats in deze categorie, maar sommige functies worden betaald, zoals gezamenlijke codering en live-weergave op volledige pagina (gedeeltelijke live-weergave is gratis).
2) JSFiddle
Op de tweede plaats (hoewel het chronologisch een van de oudste is) in de wereld van sites voor het schrijven en uitproberen van programmacode is JSFiddle, vooral gericht op het maken en testen van JavaScript. Het kan ook worden gebruikt voor HTML en CSS en aangezien het tips voor het aanvullen van code ondersteunt, en het kan ook de voorkeur genieten boven CodePen voor minder ervaren gebruikers.
Een groot voordeel van JSFiddle is dat het een gratis samenwerkingsmodus biedt (inclusief spraak- en tekstchat), zodat je tegelijkertijd met andere mensen aan de code kunt werken.
3) Glitch
Op veel codesites kunt u HTML / CSS / JS coderen en statische webpagina's genereren, terwijl Glitch een kleine gratis opslagruimte biedt om projecten op te slaan en het vrij eenvoudig maakt om server-side code Node.js. uit te voeren. U kunt samen programmeren op Glitch,
Het komt ook met een aantal andere fantastische functies: codering voor samenwerking, versiebeheer, veel leermiddelen, goede integratie met GitHub, eenvoudige inbedding, een community om advies te vragen, reeds gemaakte projecten die u vrij kunt wijzigen of gebruiken en de Visual Studio-integratie. Het is een geweldige, snelle en gemakkelijke manier om een web-app te starten (of te leren hoe u dit moet doen).
4) CodeSandbox
CodeSandbox lijkt op Glitch, maar is iets complexer en completer. CodeSandbox heeft een meer flexibele en aanpasbare interface, stelt u in staat complete web-apps te distribueren, heeft een ruimte om bestanden op te slaan en doet het meeste basiswerk, waardoor de programmeur alleen de taak van schrijven overhoudt.
5) Repl.it
Repl.it is een ontwikkelomgeving voor het testen van verschillende soorten programmeertalen zoals Python met de ondersteuning van front-end en back-end code, het stelt je in staat sites en apps te distribueren, het heeft integratie met GitHub en een intuïtieve interface. Het is misschien iets te moeilijk voor iedereen die alleen maar webpagina's probeert te ontwerpen, maar voor reeds ervaren programmeurs is het een hulpmiddel om te overwegen. als u alleen front-end plant of als u nieuw bent in de code, maar als u alles regelmatig plant, is het de moeite waard om te verkennen.
6) Liveweave is een webeditor die erg lijkt op JSFiddle, waarmee code kan worden geschreven en uitgeprobeerd voor gebruik op websites, met live preview-functionaliteit, codehints voor HTML5, CSS3, JavaScript en jQuery en waarmee u het project als bestand kunt downloaden zip. Het is ook mogelijk om externe bibliotheken zoals jQuery, AndgularJS, Bootstrap vrij eenvoudig toe te voegen.
7) CodeSandbox is een gratis online ruimte waar u webapp-projecten kunt starten met verschillende frameworks, zoals React, Vue, Angular en nog veel meer.
8) StackBlitz is een uitstekende javascript-toepassingseditor, die verschillende frameworks ondersteunt, zoals Vue en React.
9) Flems, minimalistische site, perfect voor het maken van snelle tests.
10) JSBin, een meer minimalistische versie van JSFiddle, om webpagina-code te schrijven en te zien hoe het eruit ziet.
11) CSSDeck is een eenvoudige site voor het testen van enkele eenvoudige HTML / CSS- en JS-ideeën.
12) ICECoder, een andere online omgeving voor het testen van code, waarvoor u een programma moet downloaden dat in de browser wordt uitgevoerd en ook offline kan worden gebruikt.
13) Plunker, een front-end tool waarmee je code, bestanden en webpagina's kunt schrijven en opslaan op Github.
14) Scrimba is een innovatieve combinatie van video- en code-editor die een perfecte leeromgeving is voor studenten en degenen die willen leren.
15) WebMaker, een maker van webapplicaties met offline functionaliteit en integratie met CodePen.
16) Dabblet, om te proberen HTML / CSS / JS-code te schrijven met mooie afbeeldingen en automatische correctie voor CSS-code.
17) PlayCode is ook een omgeving voor real-time testen van eenvoudige HTML / CSS / JS-code.
19) JSItor is een ander alternatief voor Codepen en JSFiddle, waar je code kunt schrijven door HTML, CSS en Javascript te combineren en direct het resultaat te zien.
LEES OOK: Sites om programmeren te leren door te spelen met interactieve cursussen en uitdagingen
Dit zijn geen eenvoudige code-editors, maar plaatsen waar u uw programmering kunt testen zonder dat u zich zorgen hoeft te maken over fouten en snel kunt achterhalen waar de fouten zijn. Codepen en JSFiddle zijn de twee meest populaire sites in deze categorie, maar er zijn ook veel alternatieven.
LEES OOK: Belangrijkste programmeertalen die worden gebruikt voor apps en websites
Sites om online code te testen
1) CodePen
CodePen is de meest populaire site en wordt gebruikt door programmeurs omdat deze gratis, intuïtief en gebruiksvriendelijk is. Nu het een standaard is geworden in de wereld van programmeurs, zoekt u gewoon op Google om pagina's te vinden die al door Codepen zijn samengesteld en ziet u meteen of dat is wat u zocht. De flexibele kijkvensters en de onmiddellijke uitvoering van de geschreven code maken het perfect genoeg om javascript- en CSS-animaties te proberen, bovendien kan het gemakkelijk verbinding maken met externe scripts (React, Vue en al het andere dat beschikbaar is via CDN).
CodePen verdient de eerste plaats in deze categorie, maar sommige functies worden betaald, zoals gezamenlijke codering en live-weergave op volledige pagina (gedeeltelijke live-weergave is gratis).
2) JSFiddle
Op de tweede plaats (hoewel het chronologisch een van de oudste is) in de wereld van sites voor het schrijven en uitproberen van programmacode is JSFiddle, vooral gericht op het maken en testen van JavaScript. Het kan ook worden gebruikt voor HTML en CSS en aangezien het tips voor het aanvullen van code ondersteunt, en het kan ook de voorkeur genieten boven CodePen voor minder ervaren gebruikers.
Een groot voordeel van JSFiddle is dat het een gratis samenwerkingsmodus biedt (inclusief spraak- en tekstchat), zodat je tegelijkertijd met andere mensen aan de code kunt werken.
3) Glitch
Op veel codesites kunt u HTML / CSS / JS coderen en statische webpagina's genereren, terwijl Glitch een kleine gratis opslagruimte biedt om projecten op te slaan en het vrij eenvoudig maakt om server-side code Node.js. uit te voeren. U kunt samen programmeren op Glitch,
Het komt ook met een aantal andere fantastische functies: codering voor samenwerking, versiebeheer, veel leermiddelen, goede integratie met GitHub, eenvoudige inbedding, een community om advies te vragen, reeds gemaakte projecten die u vrij kunt wijzigen of gebruiken en de Visual Studio-integratie. Het is een geweldige, snelle en gemakkelijke manier om een web-app te starten (of te leren hoe u dit moet doen).
4) CodeSandbox
CodeSandbox lijkt op Glitch, maar is iets complexer en completer. CodeSandbox heeft een meer flexibele en aanpasbare interface, stelt u in staat complete web-apps te distribueren, heeft een ruimte om bestanden op te slaan en doet het meeste basiswerk, waardoor de programmeur alleen de taak van schrijven overhoudt.
5) Repl.it
Repl.it is een ontwikkelomgeving voor het testen van verschillende soorten programmeertalen zoals Python met de ondersteuning van front-end en back-end code, het stelt je in staat sites en apps te distribueren, het heeft integratie met GitHub en een intuïtieve interface. Het is misschien iets te moeilijk voor iedereen die alleen maar webpagina's probeert te ontwerpen, maar voor reeds ervaren programmeurs is het een hulpmiddel om te overwegen. als u alleen front-end plant of als u nieuw bent in de code, maar als u alles regelmatig plant, is het de moeite waard om te verkennen.
6) Liveweave is een webeditor die erg lijkt op JSFiddle, waarmee code kan worden geschreven en uitgeprobeerd voor gebruik op websites, met live preview-functionaliteit, codehints voor HTML5, CSS3, JavaScript en jQuery en waarmee u het project als bestand kunt downloaden zip. Het is ook mogelijk om externe bibliotheken zoals jQuery, AndgularJS, Bootstrap vrij eenvoudig toe te voegen.
7) CodeSandbox is een gratis online ruimte waar u webapp-projecten kunt starten met verschillende frameworks, zoals React, Vue, Angular en nog veel meer.
8) StackBlitz is een uitstekende javascript-toepassingseditor, die verschillende frameworks ondersteunt, zoals Vue en React.
9) Flems, minimalistische site, perfect voor het maken van snelle tests.
10) JSBin, een meer minimalistische versie van JSFiddle, om webpagina-code te schrijven en te zien hoe het eruit ziet.
11) CSSDeck is een eenvoudige site voor het testen van enkele eenvoudige HTML / CSS- en JS-ideeën.
12) ICECoder, een andere online omgeving voor het testen van code, waarvoor u een programma moet downloaden dat in de browser wordt uitgevoerd en ook offline kan worden gebruikt.
13) Plunker, een front-end tool waarmee je code, bestanden en webpagina's kunt schrijven en opslaan op Github.
14) Scrimba is een innovatieve combinatie van video- en code-editor die een perfecte leeromgeving is voor studenten en degenen die willen leren.
15) WebMaker, een maker van webapplicaties met offline functionaliteit en integratie met CodePen.
16) Dabblet, om te proberen HTML / CSS / JS-code te schrijven met mooie afbeeldingen en automatische correctie voor CSS-code.
17) PlayCode is ook een omgeving voor real-time testen van eenvoudige HTML / CSS / JS-code.
19) JSItor is een ander alternatief voor Codepen en JSFiddle, waar je code kunt schrijven door HTML, CSS en Javascript te combineren en direct het resultaat te zien.
LEES OOK: Sites om programmeren te leren door te spelen met interactieve cursussen en uitdagingen
