For både begyndere, der ønsker at lære, og for erfarne fagfolk, er der nogle websteder, der giver dig mulighed for at prøve kodelinjer og se resultatet i preview og næsten i realtid. Dette er ægte applikationer med skærmen opdelt i to, hvor du på den ene side skriver koden, der kan være HTML, CSS, PHP, Javascript eller andet, mens du på den anden side trykker på en tast for at udføre, kan du faktisk se, hvordan det ser ud, hvis denne kode var inde på et websted.
Dette er ikke enkle kodeditorer, men steder, hvor du kan teste din programmering uden at bekymre dig om at begå fejl og hurtigt finde ud af, hvor fejlene er. Codepen og JSFiddle er de to mest populære steder i denne kategori, men der er også mange alternativer.
LÆS OGSÅ: De vigtigste programmeringssprog, der bruges til apps og websteder
1) CodePen
CodePen er det mest populære sted og bruges af programmerere, fordi det er gratis, intuitivt og let at bruge. Når du er blevet en standard i en verden af programmører, skal du bare søge på Google for at finde sider, der allerede er udarbejdet af Codepen og se med det samme, hvis det er det, du ledte efter. De fleksible visningsvinduer og den øjeblikkelige udførelse af den skrevne kode gør det perfekt nok til at prøve javascript og CSS-animationer, desuden kan det let oprette forbindelse til eksterne scripts (React, Vue og alt andet tilgængeligt via CDN).
CodePen fortjener førstepladsen i denne kategori, dog betales nogle funktioner, såsom samarbejdskodning og fuldsides live-visninger (delvis live-visninger er gratis).
2) JSFiddle
For det andet (selvom det kronologisk er et af de ældste) i verdenen af websteder til skrivning og afprøvning af programmeringskode er JSFiddle, der først og fremmest er orienteret om oprettelse og test af JavaScript. Det kan også bruges til HTML og CSS, og da det understøtter tip til udførelse af kode og kan også være at foretrække frem for CodePen for de mindre erfarne.
Et stort punkt til fordel for JSFiddle er, at det tilbyder gratis samarbejdstilstand (inklusive tale- og tekstchat), så du kan arbejde på koden samtidig med andre mennesker.
3) Glitch
Mange kodesider giver dig mulighed for at kode HTML / CSS / JS og generere statiske websider, mens Glitch tilbyder en lille gratis lagerplads til at gemme projekter og gør det ganske let at udføre server-sidekode Node.js. Du kan samarbejde programmere på Glitch,
Det leveres også med en række andre fantastiske funktioner: samarbejdskodning, versionskontrol, mange indlæringsressourcer, god integration med GitHub, let indlejring, et samfund til at bede om råd, projekter, der allerede er lavet, som du frit kan ændre eller bruge og Visual Studio-integration. Det er en fantastisk, hurtig og nem måde at starte en webapp (eller lære at gøre det).
4) CodeSandbox
CodeSandbox svarer til Glitch, men lidt mere kompliceret og komplet. CodeSandbox har en mere fleksibel og tilpasselig grænseflade, giver dig mulighed for at distribuere komplette webapps, har en plads til at gemme filer og udfører det meste af det grundlæggende arbejde, hvilket lader programmereren kun opgaven at skrive.
5) Repl.it
Repl.it er et udviklingsmiljø til test af forskellige typer programmeringssprog såsom Python med understøttelse af front-end og back-end-kode, det giver dig mulighed for at distribuere sider og apps, det har integration med GitHub og en intuitiv interface. Det kan være lidt for svært for alle, der bare prøver at designe websider, men for allerede erfarne programmerere er det en ressource at overveje. Hvis du kun planlægger front-end, eller hvis du er ny i koden, men hvis du planlægger alt regelmæssigt, er det værd at udforske.
6) Liveweave er en webredigerer, der meget ligner JSFiddle, med hvilken man kan skrive og prøve kode, der skal bruges på websteder, med live preview-funktionalitet, kodetips til HTML5, CSS3, JavaScript og jQuery, og som giver dig mulighed for at downloade projektet som en fil zip. Du kan også tilføje eksterne biblioteker som jQuery, AndgularJS, Bootstrap ganske let.
7) CodeSandbox er et gratis online rum, hvor du kan starte webapp-projekter ved hjælp af forskellige rammer, såsom React, Vue, Angular og meget mere.
8) StackBlitz er en fremragende javascript-applikationseditor, der understøtter forskellige rammer såsom Vue og React.
9) Flemer, minimalistisk sted, perfekt til hurtig test.
10) JSBin, en mere minimalistisk version af JSFiddle, til at skrive webside-kode og se, hvordan det ser ud.
11) CSSDeck er et simpelt sted til test af nogle grundlæggende HTML / CSS og JS ideer.
12) ICECoder, et andet online miljø til test af kode, som kræver, at du henter et program, der kører i browseren, og som også kan bruges offline.
13) Plunker, et front-end værktøj, der giver dig mulighed for at skrive kode, filer og websider og gemme dem på Github.
14) Scrimba er en innovativ kombination af video- og kodeditor, som er et perfekt læringsmiljø for studerende og dem, der vil lære.
15) WebMaker, en webapplikationsskaber med offline funktionalitet og integration med CodePen.
16) Dabblet, for at prøve at skrive HTML / CSS / JS-kode med flot grafik og automatisk korrektion til CSS-kode.
17) PlayCode er også et miljø til realtidstestning af grundlæggende HTML / CSS / JS-kode.
19) JSItor er et andet alternativ til Codepen og JSFiddle, hvor du kan skrive kode ved at kombinere HTML, CSS og Javascript og straks se resultatet.
LÆS OGSÅ: Websteder for at lære programmering ved at lege med interaktive kurser og udfordringer
Dette er ikke enkle kodeditorer, men steder, hvor du kan teste din programmering uden at bekymre dig om at begå fejl og hurtigt finde ud af, hvor fejlene er. Codepen og JSFiddle er de to mest populære steder i denne kategori, men der er også mange alternativer.
LÆS OGSÅ: De vigtigste programmeringssprog, der bruges til apps og websteder
Websteder til test af online kode
1) CodePen
CodePen er det mest populære sted og bruges af programmerere, fordi det er gratis, intuitivt og let at bruge. Når du er blevet en standard i en verden af programmører, skal du bare søge på Google for at finde sider, der allerede er udarbejdet af Codepen og se med det samme, hvis det er det, du ledte efter. De fleksible visningsvinduer og den øjeblikkelige udførelse af den skrevne kode gør det perfekt nok til at prøve javascript og CSS-animationer, desuden kan det let oprette forbindelse til eksterne scripts (React, Vue og alt andet tilgængeligt via CDN).
CodePen fortjener førstepladsen i denne kategori, dog betales nogle funktioner, såsom samarbejdskodning og fuldsides live-visninger (delvis live-visninger er gratis).
2) JSFiddle
For det andet (selvom det kronologisk er et af de ældste) i verdenen af websteder til skrivning og afprøvning af programmeringskode er JSFiddle, der først og fremmest er orienteret om oprettelse og test af JavaScript. Det kan også bruges til HTML og CSS, og da det understøtter tip til udførelse af kode og kan også være at foretrække frem for CodePen for de mindre erfarne.
Et stort punkt til fordel for JSFiddle er, at det tilbyder gratis samarbejdstilstand (inklusive tale- og tekstchat), så du kan arbejde på koden samtidig med andre mennesker.
3) Glitch
Mange kodesider giver dig mulighed for at kode HTML / CSS / JS og generere statiske websider, mens Glitch tilbyder en lille gratis lagerplads til at gemme projekter og gør det ganske let at udføre server-sidekode Node.js. Du kan samarbejde programmere på Glitch,
Det leveres også med en række andre fantastiske funktioner: samarbejdskodning, versionskontrol, mange indlæringsressourcer, god integration med GitHub, let indlejring, et samfund til at bede om råd, projekter, der allerede er lavet, som du frit kan ændre eller bruge og Visual Studio-integration. Det er en fantastisk, hurtig og nem måde at starte en webapp (eller lære at gøre det).
4) CodeSandbox
CodeSandbox svarer til Glitch, men lidt mere kompliceret og komplet. CodeSandbox har en mere fleksibel og tilpasselig grænseflade, giver dig mulighed for at distribuere komplette webapps, har en plads til at gemme filer og udfører det meste af det grundlæggende arbejde, hvilket lader programmereren kun opgaven at skrive.
5) Repl.it
Repl.it er et udviklingsmiljø til test af forskellige typer programmeringssprog såsom Python med understøttelse af front-end og back-end-kode, det giver dig mulighed for at distribuere sider og apps, det har integration med GitHub og en intuitiv interface. Det kan være lidt for svært for alle, der bare prøver at designe websider, men for allerede erfarne programmerere er det en ressource at overveje. Hvis du kun planlægger front-end, eller hvis du er ny i koden, men hvis du planlægger alt regelmæssigt, er det værd at udforske.
6) Liveweave er en webredigerer, der meget ligner JSFiddle, med hvilken man kan skrive og prøve kode, der skal bruges på websteder, med live preview-funktionalitet, kodetips til HTML5, CSS3, JavaScript og jQuery, og som giver dig mulighed for at downloade projektet som en fil zip. Du kan også tilføje eksterne biblioteker som jQuery, AndgularJS, Bootstrap ganske let.
7) CodeSandbox er et gratis online rum, hvor du kan starte webapp-projekter ved hjælp af forskellige rammer, såsom React, Vue, Angular og meget mere.
8) StackBlitz er en fremragende javascript-applikationseditor, der understøtter forskellige rammer såsom Vue og React.
9) Flemer, minimalistisk sted, perfekt til hurtig test.
10) JSBin, en mere minimalistisk version af JSFiddle, til at skrive webside-kode og se, hvordan det ser ud.
11) CSSDeck er et simpelt sted til test af nogle grundlæggende HTML / CSS og JS ideer.
12) ICECoder, et andet online miljø til test af kode, som kræver, at du henter et program, der kører i browseren, og som også kan bruges offline.
13) Plunker, et front-end værktøj, der giver dig mulighed for at skrive kode, filer og websider og gemme dem på Github.
14) Scrimba er en innovativ kombination af video- og kodeditor, som er et perfekt læringsmiljø for studerende og dem, der vil lære.
15) WebMaker, en webapplikationsskaber med offline funktionalitet og integration med CodePen.
16) Dabblet, for at prøve at skrive HTML / CSS / JS-kode med flot grafik og automatisk korrektion til CSS-kode.
17) PlayCode er også et miljø til realtidstestning af grundlæggende HTML / CSS / JS-kode.
19) JSItor er et andet alternativ til Codepen og JSFiddle, hvor du kan skrive kode ved at kombinere HTML, CSS og Javascript og straks se resultatet.
LÆS OGSÅ: Websteder for at lære programmering ved at lege med interaktive kurser og udfordringer
