For både nybegynnere som vil lære, og for erfarne fagpersoner, er det noen nettsteder som lar deg prøve kodelinjer og se resultatet i forhåndsvisning og nesten i sanntid. Dette er virkelige applikasjoner med skjermen delt i to, der du på den ene siden skriver koden som kan være HTML, CSS, PHP, Javascript eller annet, mens du på den andre siden har trykket på en tast for å utføre, ser du faktisk hvordan det ser ut om den koden var på et nettsted.
Dette er ikke enkle kodeditorer, men steder der du kan teste programmeringen uten å bekymre deg for å gjøre feil og raskt finne ut hvor feilene er. Codepen og JSFiddle er de to mest populære nettstedene i denne kategorien, men det er også mange alternativer.
LES OGSÅ: Hovedprogrammeringsspråk som brukes for apper og nettsteder
1) CodePen
CodePen er det mest populære nettstedet og brukes av programmerere fordi det er gratis, intuitivt og enkelt å bruke. Etter å ha blitt en standard i verden av programmerere, er det bare å søke på Google for å finne sider som allerede er satt sammen av Codepen og se umiddelbart om det var det du lette etter. De fleksible visningsvinduene og den umiddelbare utførelsen av den skrevne koden gjør den perfekt nok til å prøve javascript- og CSS-animasjoner, dessuten kan den enkelt kobles til eksterne skript (React, Vue og alt annet tilgjengelig via CDN).
CodePen fortjener førsteplassen i denne kategorien, men noen funksjoner er betalt, for eksempel samarbeidskoding og helsides livevisning (delvis livevisning er gratis).
2) JSFiddle
På andreplass (selv om den kronologisk er en av de eldste) i en verden av nettsteder for å skrive og prøve programmeringskode, er JSFiddle, rettet fremfor alt for å lage og teste JavaScript. Det kan også brukes for HTML og CSS, og siden det støtter tips om kodekonfigurering og kan også være å foretrekke fremfor CodePen for de mindre erfarne.
Et stort poeng til fordel for JSFiddle er at den tilbyr gratis samarbeidsmodus (inkludert tale- og tekstprat), slik at du kan jobbe med koden samtidig med andre mennesker.
3) Glitch
Mange kodesider lar deg kode HTML / CSS / JS og generere statiske websider, mens Glitch tilbyr en liten gratis lagringsplass for å redde prosjekter og gjør det ganske enkelt å utføre kodesiden på serversiden Node.js. Du kan samarbeide om Glitch,
Det kommer også med en rekke andre fantastiske funksjoner: samarbeidskoding, versjonskontroll, mange læringsressurser, god integrasjon med GitHub, enkel innebygging, et fellesskap å be om råd, prosjekter som allerede er laget som du fritt kan endre eller bruke og Visual Studio-integrasjon. Det er en flott, rask og enkel måte å starte en webapp (eller lære hvordan du gjør det).
4) CodeSandbox
CodeSandbox ligner på Glitch, men litt mer sammensatt og komplett. CodeSandbox har et mer fleksibelt og tilpassbart grensesnitt, lar deg distribuere komplette webapper, har en plass til å lagre filer og gjør det meste av det grunnleggende arbeidet, og lar programmereren bare være oppgaven med å skrive.
5) Repl.it
Repl.it er et utviklingsmiljø for testing av forskjellige typer programmeringsspråk som Python med støtte fra front-end og back-end-kode, den lar deg distribuere nettsteder og apper, den har integrasjon med GitHub og et intuitivt grensesnitt. Det kan være litt for vanskelig for alle som bare prøver å designe nettsider, men for allerede erfarne programmerere er det en ressurs å vurdere. Hvis du bare planlegger front-end, eller hvis du er ny i koden, men hvis du planlegger alt regelmessig, er det verdt å utforske.
6) Liveweave er en webredigerer veldig lik JSFiddle, som du kan skrive og prøve kode å bruke på nettsteder, med live forhåndsvisningsfunksjonalitet, kodetips for HTML5, CSS3, JavaScript og jQuery og som lar deg laste ned prosjektet som en fil zip. Du kan også legge til eksterne biblioteker som jQuery, AndgularJS, Bootstrap ganske enkelt.
7) CodeSandbox er et gratis online rom der du kan starte webapp- prosjekter ved å bruke forskjellige rammer, for eksempel React, Vue, Angular og mye mer.
8) StackBlitz er en utmerket javascript-applikasjonsredigerer, som støtter forskjellige rammer som Vue og React.
9) Flemmer, minimalistisk side, perfekt for å gjøre raske tester.
10) JSBin, en mer minimalistisk versjon av JSFiddle, for å skrive koder for webside og se hvordan det ser ut.
11) CSSDeck er et enkelt nettsted for å teste noen grunnleggende HTML / CSS og JS ideer.
12) ICECoder, et annet online miljø for å teste kode, som krever at du laster ned et program som kjører i nettleseren og som også kan brukes offline.
13) Plunker, et front-end verktøy som lar deg skrive kode, filer og websider og lagre dem på Github.
14) Scrimba er en innovativ kombinasjon av video- og kodeditor som er et perfekt læringsmiljø for studenter og de som vil lære.
15) WebMaker, en webapplikasjonsskaper med offline funksjonalitet og integrasjon med CodePen.
16) Dabblet, for å prøve å skrive HTML / CSS / JS-kode med fin grafikk og automatisk korrigerer for CSS-kode.
17) PlayCode er også et miljø for sanntidstesting av grunnleggende HTML / CSS / JS-kode.
19) JSItor er et annet alternativ til Codepen og JSFiddle, der du kan skrive kode ved å kombinere HTML, CSS og Javascript og umiddelbart se resultatet.
LES OGSÅ: Nettsteder for å lære programmering ved å leke med interaktive kurs og utfordringer
Dette er ikke enkle kodeditorer, men steder der du kan teste programmeringen uten å bekymre deg for å gjøre feil og raskt finne ut hvor feilene er. Codepen og JSFiddle er de to mest populære nettstedene i denne kategorien, men det er også mange alternativer.
LES OGSÅ: Hovedprogrammeringsspråk som brukes for apper og nettsteder
Nettsteder for å teste online kode
1) CodePen
CodePen er det mest populære nettstedet og brukes av programmerere fordi det er gratis, intuitivt og enkelt å bruke. Etter å ha blitt en standard i verden av programmerere, er det bare å søke på Google for å finne sider som allerede er satt sammen av Codepen og se umiddelbart om det var det du lette etter. De fleksible visningsvinduene og den umiddelbare utførelsen av den skrevne koden gjør den perfekt nok til å prøve javascript- og CSS-animasjoner, dessuten kan den enkelt kobles til eksterne skript (React, Vue og alt annet tilgjengelig via CDN).
CodePen fortjener førsteplassen i denne kategorien, men noen funksjoner er betalt, for eksempel samarbeidskoding og helsides livevisning (delvis livevisning er gratis).
2) JSFiddle
På andreplass (selv om den kronologisk er en av de eldste) i en verden av nettsteder for å skrive og prøve programmeringskode, er JSFiddle, rettet fremfor alt for å lage og teste JavaScript. Det kan også brukes for HTML og CSS, og siden det støtter tips om kodekonfigurering og kan også være å foretrekke fremfor CodePen for de mindre erfarne.
Et stort poeng til fordel for JSFiddle er at den tilbyr gratis samarbeidsmodus (inkludert tale- og tekstprat), slik at du kan jobbe med koden samtidig med andre mennesker.
3) Glitch
Mange kodesider lar deg kode HTML / CSS / JS og generere statiske websider, mens Glitch tilbyr en liten gratis lagringsplass for å redde prosjekter og gjør det ganske enkelt å utføre kodesiden på serversiden Node.js. Du kan samarbeide om Glitch,
Det kommer også med en rekke andre fantastiske funksjoner: samarbeidskoding, versjonskontroll, mange læringsressurser, god integrasjon med GitHub, enkel innebygging, et fellesskap å be om råd, prosjekter som allerede er laget som du fritt kan endre eller bruke og Visual Studio-integrasjon. Det er en flott, rask og enkel måte å starte en webapp (eller lære hvordan du gjør det).
4) CodeSandbox
CodeSandbox ligner på Glitch, men litt mer sammensatt og komplett. CodeSandbox har et mer fleksibelt og tilpassbart grensesnitt, lar deg distribuere komplette webapper, har en plass til å lagre filer og gjør det meste av det grunnleggende arbeidet, og lar programmereren bare være oppgaven med å skrive.
5) Repl.it
Repl.it er et utviklingsmiljø for testing av forskjellige typer programmeringsspråk som Python med støtte fra front-end og back-end-kode, den lar deg distribuere nettsteder og apper, den har integrasjon med GitHub og et intuitivt grensesnitt. Det kan være litt for vanskelig for alle som bare prøver å designe nettsider, men for allerede erfarne programmerere er det en ressurs å vurdere. Hvis du bare planlegger front-end, eller hvis du er ny i koden, men hvis du planlegger alt regelmessig, er det verdt å utforske.
6) Liveweave er en webredigerer veldig lik JSFiddle, som du kan skrive og prøve kode å bruke på nettsteder, med live forhåndsvisningsfunksjonalitet, kodetips for HTML5, CSS3, JavaScript og jQuery og som lar deg laste ned prosjektet som en fil zip. Du kan også legge til eksterne biblioteker som jQuery, AndgularJS, Bootstrap ganske enkelt.
7) CodeSandbox er et gratis online rom der du kan starte webapp- prosjekter ved å bruke forskjellige rammer, for eksempel React, Vue, Angular og mye mer.
8) StackBlitz er en utmerket javascript-applikasjonsredigerer, som støtter forskjellige rammer som Vue og React.
9) Flemmer, minimalistisk side, perfekt for å gjøre raske tester.
10) JSBin, en mer minimalistisk versjon av JSFiddle, for å skrive koder for webside og se hvordan det ser ut.
11) CSSDeck er et enkelt nettsted for å teste noen grunnleggende HTML / CSS og JS ideer.
12) ICECoder, et annet online miljø for å teste kode, som krever at du laster ned et program som kjører i nettleseren og som også kan brukes offline.
13) Plunker, et front-end verktøy som lar deg skrive kode, filer og websider og lagre dem på Github.
14) Scrimba er en innovativ kombinasjon av video- og kodeditor som er et perfekt læringsmiljø for studenter og de som vil lære.
15) WebMaker, en webapplikasjonsskaper med offline funksjonalitet og integrasjon med CodePen.
16) Dabblet, for å prøve å skrive HTML / CSS / JS-kode med fin grafikk og automatisk korrigerer for CSS-kode.
17) PlayCode er også et miljø for sanntidstesting av grunnleggende HTML / CSS / JS-kode.
19) JSItor er et annet alternativ til Codepen og JSFiddle, der du kan skrive kode ved å kombinere HTML, CSS og Javascript og umiddelbart se resultatet.
LES OGSÅ: Nettsteder for å lære programmering ved å leke med interaktive kurs og utfordringer
