CodePen

CodePen

CodePen is een cloud-gebaseerde code speeltuin waarmee webontwikkelaars om fragmenten van hun JavaScript, HTML5 en CSS-code tweaken. Het werkt naadloos samen met veel JavaScript preprocessors, bibliotheken en frameworks, en het heeft heeft veel mogelijkheden voor het delen van snippets. Het biedt een advertentie-ondersteunde gratis editie die grenzen ontwikkelaars in staat om een ​​project, en het biedt ook een aantal professionele versies die beginnen bij $ 8 per maand. Deze versies verwijderen van de advertenties en zorgen voor meerdere projecten (ook particuliere), en ze bieden ook voor asset hosting, live beelden en embedded thema's. Er zijn nog meer speciale functies voor samenwerking en onderwijs.

Download CodePen
Kenmerken van CodePen
  • Zorgt voor de creatie van meerdere projecten, in een volledige geblazen cloud-gebaseerde IDE
  • Kan private projecten te maken
  • Ondersteunt live bekeken
  • Hiermee ssset hosting
  • Kan ingebed aangepaste thema's
  • Heeft een samenwerking mode
  • Heeft een leer-modus
Pros van CodePen
  • Heeft ongelooflijke real time tweaken gereedschappen
  • Wordt geleverd met veel ondersteuning voor JavaScript preprocessors, bibliotheken en frameworks
  • Heeft grote collaboration tools
Tegens van CodePen
  • Geen enkele van de beste tools zijn beschikbaar in de gratis versie
  • De gratis versie heeft advertenties en registratie vereist
CodePen Beoordelingen

Op het eerste gezicht, CodePen ziet eruit als gewoon een andere code speeltuin. De advertentie-ondersteunde gratis versie is net als jsFiddle, en misschien is het zelfs meer beperkt. Maar het is de professionele versies die echt laten CodePen om te schitteren. Eerst krijg je meerdere projecten in een full blown IDE, en deze projecten kunnen private zijn. Je krijgt ook actief hosting, waarmee u foto's en andere bestanden te uploaden, zodat je echt kunt simuleren een productie webserver. Hiermee kunt u ook insluiten aangepaste thema's. Maar wat maakt CodePen echt geweldig zijn de real-time gereedschap. Zijn live view werkt de applicatie als je code te schrijven, en de samenwerking modus kunt meerdere mensen dezelfde code tweaken op hetzelfde moment. Het heeft ook een leer-modus, waardoor iedereen - zowel leraar en leerlingen - om alle interactie in een keer. Het enige echte negatieve aspect van CodePen is dat je moet betalen voor al zijn goede eigenschappen. De gratis plan is niet alleen beperkt, maar het heeft ook advertenties, en - in tegenstelling tot jsFiddle - moet je aan te melden voor het.

CodePen Video

Alternatieven voor CodePen

ShiftEdit

Betaald
Terwijl gedetailleerd, biedt de website manieren om te bewerken en te bekijken verschillende programma's. U kunt maken en informatie te publiceren ook.
Toon details

Codiad

Gratis
Codiad is een geïntegreerde ontwikkelomgeving die volledig online is gebaseerd en vraagt ​​weinig in de weg van geavanceerde systeem hardware. Het heeft ook een relatief kleine footprint,
Toon details

CodeBunk

Gratis
CodeBunk is een flexibele en collaboratieve compiler dat het proces van het delen van uw code met vrienden en het testen van potentiële sollicitanten eenvoudig maakt.
Toon details

JsFiddle

Gratis
JsFiddle is een cloud-gebaseerde JavaScript-code speeltuin waarmee webontwikkelaars om hun code tweaken en zie de resultaten van deze tweaken in real time. De editor ondersteunt niet alleen
Toon details

Koding

Betaald
Onmiddellijk maken, delen, schalen en beheren van ontwikkelomgevingen.
Toon details

Codio

Betaald
Visual mobiele en desktop ontwikkeling in de cloud, voor ontwikkelaars van alle niveaus.
Toon details

SourceLair

freemium
SourceLair is een online IDE waarmee je code in meer dan 25 programmeertalen en frameworks, terwijl het integreert met Git, GitHub en Heroku.
Toon details

JSitor

Gratis
JSitor is een cloud-gebaseerde code speeltuin die webontwikkelaars toelaat om schrijven / het aandeel van de web-fragmenten en NodeJS snippets. Dit ondersteunt bijna alle mainstream JavaScript,
Toon details

Plunker

Gratis
Plunker is een website waar ontwikkelaars kunnen samenwerken aan projecten en ideeën uit te wisselen onder elkaar. Samenwerking op programma's in real time zodat ontwikkelaars samen kunnen
Toon details

Repl.it

freemium
Krachtig en eenvoudig online compiler, IDE, tolk, en REPL. Code, compileren en code uitvoeren in meer dan 30 programmeertalen: Clojure, Haskell, Kotlin (beta), QBasic, Forth, LOLCODE, BrainF,
Toon details