För både nybörjare som vill lära sig och för erfarna yrkesverksamma finns det några webbplatser som låter dig prova koderader och förhandsgranska resultatet i nästan realtid. Det här är verkliga applikationer med skärmen uppdelad i två, där du å ena sidan skriver koden som kan vara HTML, CSS, PHP, Javascript eller annat, medan du å andra sidan trycker på en knapp för att köra, ser du faktiskt hur det ser ut om den koden fanns på en webbplats.
Dessa är inte enkla kodredigerare, utan platser där du kan testa din programmering utan att oroa dig för att göra misstag och snabbt ta reda på var felen är. Codepen och JSFiddle är de två populäraste platserna i denna kategori, men det finns också många alternativ.
LÄS OCH: Huvudsakliga programmeringsspråk som används för appar och webbplatser
1) CodePen
CodePen är den mest populära webbplatsen och används av programmerare eftersom den är gratis, intuitiv och enkel att använda. Efter att ha blivit en standard i världen av programmerare söker du bara på Google för att hitta sidor som redan har sammanställts av Codepen och se omedelbart om det är det du letade efter. De flexibla visningsfönstren och den omedelbara exekveringen av den skrivna koden gör det tillräckligt perfekt för att prova javascript och CSS-animationer, dessutom kan det enkelt anslutas till externa skript (React, Vue och allt annat tillgängligt via CDN).
CodePen förtjänar första platsen i denna kategori, men vissa funktioner betalas, till exempel samarbets kodning och fullsidiga livevisningar (delvis livevisningar är gratis).
2) JSFiddle
För det andra (även om det kronologiskt är en av de äldsta) i världen av webbplatser för att skriva och försöka programmeringskod är JSFiddle, framför allt inriktad på att skapa och testa JavaScript. Det kan också användas för HTML och CSS och eftersom det stöder tips om kodavslutning och kan också vara att föredra framför CodePen för de mindre erfarna.
En stor poäng till förmån för JSFiddle är att det erbjuder gratis samarbetsläge (inklusive röst- och textchatt), så att du kan arbeta med koden samtidigt med andra människor.
3) Glitch
Många kodsajter låter dig koda HTML / CSS / JS och generera statiska webbsidor, medan Glitch erbjuder ett litet gratis lagringsutrymme för att spara projekt och gör det ganska enkelt att köra server-sidkod Node.js. Du kan samarbeta på Glitch,
Det kommer också med ett antal andra fantastiska funktioner: samverkande kodning, versionskontroll, många inlärningsresurser, bra integration med GitHub, enkel inbäddning, ett community att be om råd, projekt som redan har gjorts som du fritt kan modifiera eller använda och Visual Studio-integration. Det är ett bra, snabbt och enkelt sätt att starta en webbapp (eller lära sig hur man gör det).
4) CodeSandbox
CodeSandbox liknar Glitch men lite mer komplex och komplett. CodeSandbox har ett mer flexibelt och anpassningsbart gränssnitt, gör att du kan distribuera kompletta webbappar, har utrymme för att spara filer och gör det mesta av det grundläggande arbetet, vilket gör att programmeraren bara får uppgiften att skriva.
5) Repl.it
Repl.it är en utvecklingsmiljö för att testa olika typer av programmeringsspråk som Python med stöd av front-end och back-end-kod, det låter dig distribuera webbplatser och appar, det har integration med GitHub och ett intuitivt gränssnitt. Det kan vara lite för svårt för alla som bara försöker utforma webbsidor, men för redan erfarna programmerare är det en resurs att tänka på. om du bara planerar front-end eller om du är ny i koden, men om du planerar allt regelbundet, är det värt att utforska.
6) Liveweave är en webbredigerare som mycket liknar JSFiddle, med vilken man kan skriva och prova kod att använda på webbplatser, med live-förhandsgranskningsfunktionalitet, kodtips för HTML5, CSS3, JavaScript och jQuery och som låter dig ladda ner projektet som en fil zip. Du kan också lägga till externa bibliotek som jQuery, AndgularJS, Bootstrap ganska enkelt.
7) CodeSandbox är ett gratis onlineutrymme där du kan starta webbapp-projekt med olika ramverk, som React, Vue, Angular och mycket mer.
8) StackBlitz är en utmärkt redigerare för javascriptapplikationer som stöder olika ramverk som Vue och React.
9) Flems, minimalistisk webbplats, perfekt för snabba tester.
10) JSBin, en mer minimalistisk version av JSFiddle, för att skriva webbsidakod och se hur det ser ut.
11) CSSDeck är en enkel webbplats för att testa några grundläggande HTML / CSS- och JS-idéer.
12) ICECoder, en annan onlinemiljö för testning av kod, som kräver att du laddar ner ett program som körs i webbläsaren och som också kan användas offline.
13) Plunker, ett front-end verktyg som låter dig skriva kod, filer och webbsidor och spara dem på Github.
14) Scrimba är en innovativ kombination av video- och kodredigerare som är en perfekt inlärningsmiljö för studenter och de som vill lära sig.
15) WebMaker, en webbapplikationsskapare med offline-funktionalitet och integration med CodePen.
16) Dabblet, för att försöka skriva HTML / CSS / JS-kod med fin grafik och automatisk korrigering för CSS-kod.
17) PlayCode är också en miljö för test i realtid av grundläggande HTML / CSS / JS-kod.
19) JSItor är ett annat alternativ till Codepen och JSFiddle, där du kan skriva kod genom att kombinera HTML, CSS och Javascript och omedelbart se resultatet.
LÄS OCH: Webbplatser för att lära sig programmering genom att spela med interaktiva kurser och utmaningar
Dessa är inte enkla kodredigerare, utan platser där du kan testa din programmering utan att oroa dig för att göra misstag och snabbt ta reda på var felen är. Codepen och JSFiddle är de två populäraste platserna i denna kategori, men det finns också många alternativ.
LÄS OCH: Huvudsakliga programmeringsspråk som används för appar och webbplatser
Webbplatser för att testa onlinekod
1) CodePen
CodePen är den mest populära webbplatsen och används av programmerare eftersom den är gratis, intuitiv och enkel att använda. Efter att ha blivit en standard i världen av programmerare söker du bara på Google för att hitta sidor som redan har sammanställts av Codepen och se omedelbart om det är det du letade efter. De flexibla visningsfönstren och den omedelbara exekveringen av den skrivna koden gör det tillräckligt perfekt för att prova javascript och CSS-animationer, dessutom kan det enkelt anslutas till externa skript (React, Vue och allt annat tillgängligt via CDN).
CodePen förtjänar första platsen i denna kategori, men vissa funktioner betalas, till exempel samarbets kodning och fullsidiga livevisningar (delvis livevisningar är gratis).
2) JSFiddle
För det andra (även om det kronologiskt är en av de äldsta) i världen av webbplatser för att skriva och försöka programmeringskod är JSFiddle, framför allt inriktad på att skapa och testa JavaScript. Det kan också användas för HTML och CSS och eftersom det stöder tips om kodavslutning och kan också vara att föredra framför CodePen för de mindre erfarna.
En stor poäng till förmån för JSFiddle är att det erbjuder gratis samarbetsläge (inklusive röst- och textchatt), så att du kan arbeta med koden samtidigt med andra människor.
3) Glitch
Många kodsajter låter dig koda HTML / CSS / JS och generera statiska webbsidor, medan Glitch erbjuder ett litet gratis lagringsutrymme för att spara projekt och gör det ganska enkelt att köra server-sidkod Node.js. Du kan samarbeta på Glitch,
Det kommer också med ett antal andra fantastiska funktioner: samverkande kodning, versionskontroll, många inlärningsresurser, bra integration med GitHub, enkel inbäddning, ett community att be om råd, projekt som redan har gjorts som du fritt kan modifiera eller använda och Visual Studio-integration. Det är ett bra, snabbt och enkelt sätt att starta en webbapp (eller lära sig hur man gör det).
4) CodeSandbox
CodeSandbox liknar Glitch men lite mer komplex och komplett. CodeSandbox har ett mer flexibelt och anpassningsbart gränssnitt, gör att du kan distribuera kompletta webbappar, har utrymme för att spara filer och gör det mesta av det grundläggande arbetet, vilket gör att programmeraren bara får uppgiften att skriva.
5) Repl.it
Repl.it är en utvecklingsmiljö för att testa olika typer av programmeringsspråk som Python med stöd av front-end och back-end-kod, det låter dig distribuera webbplatser och appar, det har integration med GitHub och ett intuitivt gränssnitt. Det kan vara lite för svårt för alla som bara försöker utforma webbsidor, men för redan erfarna programmerare är det en resurs att tänka på. om du bara planerar front-end eller om du är ny i koden, men om du planerar allt regelbundet, är det värt att utforska.
6) Liveweave är en webbredigerare som mycket liknar JSFiddle, med vilken man kan skriva och prova kod att använda på webbplatser, med live-förhandsgranskningsfunktionalitet, kodtips för HTML5, CSS3, JavaScript och jQuery och som låter dig ladda ner projektet som en fil zip. Du kan också lägga till externa bibliotek som jQuery, AndgularJS, Bootstrap ganska enkelt.
7) CodeSandbox är ett gratis onlineutrymme där du kan starta webbapp-projekt med olika ramverk, som React, Vue, Angular och mycket mer.
8) StackBlitz är en utmärkt redigerare för javascriptapplikationer som stöder olika ramverk som Vue och React.
9) Flems, minimalistisk webbplats, perfekt för snabba tester.
10) JSBin, en mer minimalistisk version av JSFiddle, för att skriva webbsidakod och se hur det ser ut.
11) CSSDeck är en enkel webbplats för att testa några grundläggande HTML / CSS- och JS-idéer.
12) ICECoder, en annan onlinemiljö för testning av kod, som kräver att du laddar ner ett program som körs i webbläsaren och som också kan användas offline.
13) Plunker, ett front-end verktyg som låter dig skriva kod, filer och webbsidor och spara dem på Github.
14) Scrimba är en innovativ kombination av video- och kodredigerare som är en perfekt inlärningsmiljö för studenter och de som vill lära sig.
15) WebMaker, en webbapplikationsskapare med offline-funktionalitet och integration med CodePen.
16) Dabblet, för att försöka skriva HTML / CSS / JS-kod med fin grafik och automatisk korrigering för CSS-kod.
17) PlayCode är också en miljö för test i realtid av grundläggande HTML / CSS / JS-kod.
19) JSItor är ett annat alternativ till Codepen och JSFiddle, där du kan skriva kod genom att kombinera HTML, CSS och Javascript och omedelbart se resultatet.
LÄS OCH: Webbplatser för att lära sig programmering genom att spela med interaktiva kurser och utmaningar
