CodePen

CodePen

CodePen ist eine Cloud-basierte Code Spielplatz, die Web-Entwickler können Schnipsel ihrer JavaScript zwicken, HTML5 und CSS-Code. Es arbeitet nahtlos mit vielen JavaScript Preprozessoren, Bibliotheken und Frameworks, und es hat viele Optionen für die gemeinsame Nutzung Schnipsel hat. Es bietet eine werbefinanziertes Free Edition, dass Grenzwerte Entwickler auf ein Projekt, und es bietet auch eine Reihe von professionellen Versionen bei $ 8 pro Monat. Diese Versionen die Anzeigen entfernen und ermöglichen mehrere Projekte (auch private), und sie bieten auch für das Asset-Hosting, Live-Ansichten und Embedded-Themen. Es gibt weitere spezielle Modi für die Zusammenarbeit und Lehre.

Herunterladen CodePen
Merkmale CodePen
  • Ermöglicht die Erstellung von mehreren Projekten in einem Blas- Cloud-basierten IDE
  • Kann private Projekte erstellen
  • Unterstützt Live-Ansichten
  • Ermöglicht ssset Hosting
  • Kann benutzerdefinierte Themen eingebettet
  • Hat eine Zusammenarbeit Modus
  • Hat einen Lernmodus
Vorteile von CodePen
  • Hat eine unglaubliche Echtzeit Tweaking Tools
  • Kommt mit viel Unterstützung für JavaScript Preprozessoren, Bibliotheken und Frameworks
  • Hat große Collaboration-Tools
Nachteile von CodePen
  • Keiner ihrer besten Werkzeuge sind in der kostenlosen Ausgabe
  • Die kostenlose Version hat Anzeigen und erfordert eine Registrierung
CodePen Bewertungen

Auf den ersten Blick sieht CodePen nur wie ein Code Spielplatz. Seine Ad-unterstützte freie Version ist ähnlich wie jsFiddle, und vielleicht ist es noch zu begrenzen. Aber es ist die professionellen Versionen, die wirklich CodePen scheinen lassen. Zunächst holen Sie mehrere Projekte in einem Blas- IDE, und diese Projekte privat sein kann. Sie erhalten auch Asset-Hosting, die Sie Bilder und andere Dateien hochladen kann, so dass Sie wirklich einen Produktions-Web-Server simulieren können. Es erlaubt Ihnen auch einzubetten benutzerdefinierte Themen. Aber was macht CodePen wirklich toll seine Echtzeit-Tools sind. Seine Live-Ansicht aktualisiert die Anwendung, wie Sie Code schreiben, und die Zusammenarbeit Modus können mehrere Personen den gleichen Code zur gleichen Zeit zwicken. Es hat auch einen Lernmodus, so dass jeder - Lehrer und Schüler gleichermaßen - auf einmal zu interagieren. Der einzige wirkliche negativer Aspekt CodePen ist, dass Sie für alle seine gute Eigenschaften zu zahlen. Der freie Plan ist nicht nur begrenzt, sondern es hat auch Anzeigen und - im Gegensatz zu jsFiddle - Sie dafür anmelden müssen.

CodePen Video

Alternativen zu CodePen

ShiftEdit

Bezahlt
Während detailliert, bietet die Website Möglichkeiten zur Bearbeitung und Überprüfung verschiedenen Programmen. Sie können Informationen auch erstellen und veröffentlichen.
Zeige Details

Codiad

Frei
Codiad ist eine integrierte Entwicklungsumgebung, die vollständig online basiert und erfordert wenig in der Art von erweiterten Systemhardware. Es hat auch einen relativ geringen Platzbedarf,
Zeige Details

CodeBunk

Frei
CodeBunk ist eine flexible und kollaborative Compiler, der den Prozess des Teilens Ihren Code mit Freunden und Test potenziellen Bewerbern einfach macht.
Zeige Details

JsFiddle

Frei
JsFiddle ist eine Cloud-basierte JavaScript-Code Spielplatz, die Web-Entwickler können ihren Code optimieren und die Ergebnisse dieses Zwicken in Echtzeit zu sehen. Der Editor unterstützt
Zeige Details

Koding

Bezahlt
erstellen sofort, zu teilen, Skalierung und Entwicklungsumgebungen verwalten.
Zeige Details

Codio

Bezahlt
Visuelle mobile und Desktop-Entwicklung in der Cloud für Entwickler aller Könnensstufen.
Zeige Details

SourceLair

Freemium
SourceLair ist ein Online-IDE, die Sie Code in mehr als 25 Programmiersprachen und Frameworks können, während es mit Git, GitHub und Heroku integriert.
Zeige Details

JSitor

Frei
JSitor ist ein Cloud-basierter Code Spielplatz, die Web-Entwickler zu schreiben / share den Web-Schnipsel als auch NodeJS Schnipsel ermöglicht. Dies unterstützt fast alle Mainstream JavaScript,
Zeige Details

Plunker

Frei
Plunker ist eine Webseite, die Entwickler an Projekten und Ideen auszutauschen untereinander zusammenarbeiten können. Mitarbeit an Programmen ist in Echtzeit, so dass die Entwickler zusammen
Zeige Details

Repl.it

Freemium
Leistungsstarke und einfache Online-Compiler, IDE, Interpreter und REPL. Code, Kompilieren und Ausführen von Code in mehr als 30 Programmiersprachen: Clojure, Haskell, Kotlin (beta),
Zeige Details