Coding Praxis Übungen

Programmieren lernen mit Code Playgrounds

Programmieren lernen mit Code Playgrounds

Als Anfänger:in kann es schwierig sein, deine ersten Programmierschritte zu gehen. Um eine solide Grundlage aufzubauen, musst du viele Konzepte und Tools verstehen.

Die Nutzung eines Code Playgrounds kann dir hierbei enorm helfen. Du kannst deine Fähigkeiten verbessern, ohne eine Entwicklungsumgebung einrichten zu müssen.

In diesem Artikel erhältst du Einblicke in:

Was ist ein Code Playground?

Es handelt sich hierbei um ein Online-Tool. Dort kannst du Code schreiben, ausführen und testen. Und zwar ohne lokale Entwicklungsumgebung.

Die meisten Playgrounds unterstützen mehrere Sprachen, unter anderem JavaScript, Python und Ruby.

Manche bieten dir die Möglichkeit Vorlagen oder Bibliotheken, wie React, anzuwenden.

Vorteile von Code Playgrounds

  • Du kannst sofort loslegen. Das Installieren oder Konfigurieren einer Entwicklungssoftware ist nicht notwendig.
  • Du kannst deinen geschriebenen Code direkt im Browser ausprobieren. Dadurch siehst du, wie er sich in Echtzeit verhält.
  • Du kannst deine Projekte leicht mit anderen teilen. Hierfür sendest du den Link zu deinem Playground.
  • Code Playgrounds haben oft eine große Community. Du kannst deine eigenen Projekte veröffentlichen und Feedback von andere Entwickler:innen erhalten.

Nachteile von Code Playgrounds

  • Manche Playgrounds kannst du nur eingeschränkt nutzen. Bestimmte Bibliotheken oder Frameworks die du verwenden willst werden eventuell nicht unterstützt.
  • Manche Playgrounds bieten dir nur begrenzte Ressourcen an. Wenn du komplexe Programme oder Projekte ausführen willst, kann es zu Verzögerungen oder zum Absturz des Programms führen.
  • Die Verfügbarkeit von Playgrounds ist von deiner Internetverbindung abhängig. Wenn deine Verbindung schlecht ist, kannst du ihn nur eingeschränkt oder gar nicht nutzen.

In diesen Fällen müsstest du dir entweder einen passerenden Playground suchen oder dir eine lokale Entwicklungsumgebung einrichten.

Beispiele für Code Playgrounds

Welcher Playground für dich geeignet ist, hängt von der Sprache oder der Anwendung ab, die du schreiben willst.

Da es sehr viele Playgrounds gibt, sind hier meine Top 3:

CodePen

Ein großartiges Beispiel für einen JavaScript Playground ist CodePen. Du kannst damit HTML, CSS und JavaScript-Code schreiben und ausführen.

Wenn du Front-End Designer:in oder Entwickler:in bist, ist dieser Playground sehr empfehlenswert für dich.

Solltest du die Coding Challenge 100 Days CSS machen wollen, ist dieser Playground sogar ein muss.

CodeSandbox

CodeSandbox ist ein weiterer Playground für die Webentwicklung. Hier kannst du neben Programmiersprachen auch Vorlagen und Bibliotheken auswählen.

So kannst du unter anderem React, Vue.js, Angular, und Next.js ausprobieren.

Go Playground

Die Programmiersprache Go eignet sich perfekt für die Back-End Entwicklung. Um mit dieser Sprache vertrauter zu werden, kannst du den Go Playground verwenden.

Die Entwicklungsumgebung ist übersichtlich gestaltet. Neben eigenem Code kannst du dir auch Code Snippets, wie etwa einen HTTP Server, ausgeben lassen.

Fazit

Code Playgrounds bieten dir eine großartige Möglichkeit bei der Verbesserung deiner Fähigkeiten. Mit Tools wie CodePen kannst du JavaScript Code schreiben, ausführen und testen. Du kannst deine Arbeit einfach mit anderen teilen.

Als Anfänger:in solltest du unbedingt ein paar Playgrounds ausprobieren. Überlege dir, welche Sprache oder Anwendung du schreiben willst und suche den für dich passenden Playground aus.

Egal welchen du wählen wirst, habe Spaß dabei. Genieße das Experimentieren. Denn Programmieren erfordert viel Übung. Fehler sind dabei Teil des Lernprozesses.

Nutze die Möglichkeit, die dir ein Code Playground bietet, um deine Fähigkeiten zu verbessern und deine ersten Schritte im Coding zu gehen.

Sei dir allerdings bewusst, dass Playgrounds ihre Grenzen haben. Für größere Projekte sind sie eventuell nicht geeignet. Sobald du soweit bist, lohnt es sich auch eine lokale Entwicklungsumgebung einzurichten.

Viel Spaß dabei.

Quelle Hintergrund des Titelbilds: kostenlose Hintergrundfotos von .pngtree.com

Was dir auch gefallen könnte...

WordPress Cookie Hinweis von Real Cookie Banner