CodePen

CodePen

Code Pen

Beschreibung Einsatzszenarien
Steckbrief Ähnliche Apps

CodePen ist eine Online-Community zum Testen und Teilen von HTML-, CSS- und JavaScript-Code.
Die Anwendung umfasst einen Online-Code-Editor, eine Lernplattform und eine Community, die auf die Front-End-Webentwicklung zugeschnitten ist.

Direkt-Link zur App:

https://codepen.io/

Beschreibung

CodePen ist eine Online-Plattform, die es Entwicklern ermöglicht, Webentwicklungen direkt im Browser zu erstellen, zu teilen und zu entdecken.
CodePen bietet eine interaktive Umgebung, in der Entwickler HTML, CSS und JavaScript schreiben können. Die Ergebnisse werden sofort auf der Seite angezeigt.
Nutzer können ihre Code-Stücke, sogenannte „Pens“, teilen und mit anderen Entwicklern in der CodePen-Community interagieren. Dies fördert den Austausch von Ideen und den kreativen Dialog.
CodePen unterstützt eine breite Palette von Projekten, von einfachen Code-Snippets bis hin zu komplexen Webanwendungen. Entwickler können außerdem auf eine Fülle von Vorlagen und Frameworks zugreifen, um die Entwicklung zu beschleunigen. Das erleichtert besonders Anfängern den Einstieg.

Steckbrief

Registrierung & Kosten

Eine Registrierung ist ggf. erforderlich. Es gibt eine kostenlose Version.

zu den Preismodellen

Sprachen
  • Deutsch
  • Englisch
  • Französisch
  • Italienisch
  • Spanish
  • Russisch
Betriebssysteme & Endgeräte

CodePen ist im Browser nutzbar und somit betriebssystemunabhängig.

Einsatzszenarien

Lehrer können CodePen verwenden, um den Schülern interaktive Präsentationen zu bieten. Zum Beispiel können Konzepte in HTML, CSS oder JavaScript durch live demonstrierten Code illustriert werden.
Schüler können in Echtzeit an gemeinsamen Projekten arbeiten. CodePen ermöglicht es mehreren Nutzern, gleichzeitig an einem Pen zu arbeiten, was die Zusammenarbeit im Klassenzimmer fördert.
Lehrer können zudem Übungen erstellen, die die Schüler direkt in CodePen lösen können. Dies fördert die praktische Anwendung des Gelernten.
CodePen ermöglicht es Schülern, verschiedene Frameworks und Bibliotheken direkt im Browser auszuprobieren.
CodePen findet vor Allem in den Lernfeldern 5, 10a, 11a und 12a Verwendung.

Video-Tutorial

Ähnliche Apps

  • JSFiddle
  • Repl.it
  • Glitch

Online-Hilfe