Was ist Blockly?

Blockly

Was ist Blockly?

Wenn Sie eine Website programmieren möchten, die auf Benutzereingaben reagiert, haben Sie keine andere Wahl, als sich mit Programmiersprachen zu befassen. Selbst wenn Sie eine Anwendung entwickeln, müssen Sie im Allgemeinen mit einer höheren Programmiersprache arbeiten . Obwohl es heute ausreichende Ressourcen gibt, um den Umgang mit Python, JavaScript und anderen zu erlernen, erfordert die Internalisierung komplexer Befehle und Routinen einen erheblichen Aufwand. Wenn Sie nur Ihre ersten Schritte mit der Programmierung unternehmen möchten oder nur bestimmte Anweisungen benötigen, sind die Ressourcen häufig zu hoch.

Hier beweist Blockly seine Nützlichkeit: Blockly ist ein Google-Projekt, das lange Ausschnitte von textbasiertem Code in visuellen Blöcken anzeigt. Diese Blöcke können durch Ziehen und Ablegen angehängt werden. Auf diese Weise kann schnell und einfach eine komplexe Syntax erstellt werden. Blockly ist eine Bibliothek, die einen visuellen Code-Editor bereitstellt , sodass die Syntax der auf diese Weise erstellten Programme im Hintergrund bleibt. Mit Blockly können Sie auf einfache Weise komplexe Sequenzen erstellen, ohne genau wissen zu müssen, welcher Befehl in jeder Programmiersprache erforderlich ist.

Index
  1. Wofür kann Blockly verwendet werden?
  2. Welche Funktionen können mit Blockly verwendet werden?
  3. Blockhaftes Beispiel
  4. In welchen Bereichen wird Blockly eingesetzt?
  5. Kurzum: eine gute Alternative zu komplexen Programmiersprachen

Wofür kann Blockly verwendet werden?

Blockly kann aus mehreren Gründen verwendet werden. Wenn Sie beispielsweise eine Website erstellen möchten, die auf Benutzer reagiert, aber keine großen Programmierkenntnisse besitzt , können Sie diese Bibliothek verwenden. Noch erfahrenere Softwareentwickler können diesen visuellen Code-Editor verwenden, um schnell kleine Programme zu erstellen.

Darüber hinaus ermöglicht Ihnen der spielerische Ansatz, Beziehungen beim Programmieren schnell zu verstehen. Es ist einfacher, den Satz zu verstehen? 5 Mal wiederholen? das? für int i = 0, i <5, i ++;?, obwohl beide dasselbe bedeuten. Aus diesem Grund wird Blockly häufig in pädagogischen Umgebungen verwendet. Blockly ist eine gute Wahl für Kinder, die ihre erste Software programmieren möchten. Die visuelle Darstellung der Codefragmente ermöglicht es Ihnen, schnell und einfach erstaunliche Ergebnisse zu erzielen.

See also  Drupal-Tutorial: So erstellen Sie mit Drupal Ihre eigene Website

Die visuelle Oberfläche macht den Code klar und leicht verständlich. Wie die Puzzleteile passen die Blöcke zusammen und können in Code umgewandelt werden. Obwohl Blockly eine JavaScript-Bibliothek ist, können Sie standardmäßig Quellcode in verschiedenen Sprachen erstellen, einschließlich JavaScript, Python, PHP, Lua, Dart und XML. Der Editor kann einfach in einem Browser verwendet werden.

Visuelle Programmierung ist nichts Neues mehr. Tatsächlich verwenden viele Anbieter es bereits, um Webseiten zu erstellen. Diese benutzerfreundlichen Webseitenerstellungsprogramme verfügen wie das vorliegende über eine einfache und intuitive Benutzeroberfläche. Der geschriebene Code bleibt vollständig im Hintergrund, sodass auch unerfahrene Benutzer erstaunliche Ergebnisse erzielen können.

Hinweis

Blockly ist Scratch sehr ähnlich. Während Blockly im geschäftlichen Kontext eher auf professionelle Entwickler ausgerichtet ist, wurde Scratch in erster Linie als pädagogisches Medium konzipiert.

Welche Funktionen können mit Blockly verwendet werden?

Im visuellen Code-Editor von Blockly werden acht Kategorien mit unterschiedlichen Funktionen angeboten:

  • Logik beschreibt Aktionen.
  • Schleifen sind Kontrollstrukturen und werden wiederholt, bis eine bestimmte Aktion ausgeführt wird.
  • Mathematik wird verwendet, um verschiedene arithmetische Operationen auszuführen und Zufallszahlen zu generieren.
  • Text kann auf Eingaben zugreifen und einzelne Ausgaben generieren.
  • Listen ist eine Funktion zum Generieren von Listen in Kombination mit Text- oder Mathematikblöcken.
  • Farbe wird verwendet, um Farbe auf den Text oder den Hintergrund anzuwenden.
  • Variablen dienen zur Berechnung oder für Funktionen.
  • Funktionen beschreiben das Verhalten der Seite, wenn eine bestimmte Eingabe erkannt wird.

Die Blöcke ermöglichen unterschiedliche Kombinationsmöglichkeiten . Schleifen und Funktionen können mit Logik und Variablen kombiniert werden. Logik und Variablen können wiederum mit Mathematik, Text, Listen und Farben kombiniert werden. Mit nur diesen Kombinationen können viele der Grundlagen der verschiedenen Programmiersprachen abgedeckt werden.

See also  Grundlagen des Webdesigns Teil zwei: Benutzerfreundliches Design

Blockhaftes Beispiel

Das Erlernen der Arbeit mit Blockly ist sehr einfach: Öffnen Sie eine Kategorie und ziehen Sie den gewünschten Codeblock mit der Maus in den Arbeitsbereich . Dort können Sie einzelne Blöcke anpassen und mit anderen verknüpfen. Wenn eine Kombination nicht möglich ist, passt der Block nicht und wird nicht in den Quellcode aufgenommen. Jedes einzelne Teil oder jede Gruppe von Puzzleblöcken kann problemlos wieder aus dem Arbeitsbereich gelöscht werden. Die entsprechenden Zeilen werden ebenfalls aus dem Quellcode entfernt.

Wenn Sie beispielsweise ein Popup mit einem Zähler verbinden möchten, können Sie dies folgendermaßen tun:

über GIPHY

Dieser einfache Code kann in verschiedene Programmiersprachen übersetzt werden. In JavaScript würde der Quellcode folgendermaßen aussehen:

  var int; Int = 1; while (int <= 3) { window.alert('Hello, World!'); Int = int + 1; }  

Dies ist natürlich nur ein sehr primitives Codebeispiel. Bringen Sie dem Computer jedoch bei, “Hallo Welt!” Zu sagen. Es ist immer die erste Lektion beim Erlernen einer Programmiersprache.

In welchen Bereichen wird Blockly eingesetzt?

Während sich die Anwendung in erster Linie an Schüler und Personen richtet, die gerade erst mit dem Codieren beginnen, richtet sich die Bibliothek selbst an Entwickler : Mit sehr geringem Aufwand können Entwickler ihre eigenen Funktionsblöcke und Logik erstellen, in die die Bibliothek umgewandelt werden kann eine eigenständige Anwendung.

Wenn Sie Ihre eigenen Blöcke in Blockly entwickeln möchten, haben Sie zwei Möglichkeiten: Zum einen haben Sie die JavaScript-API , die hauptsächlich für Webanwendungen verwendet wird. Auf der anderen Seite gibt es eine JSON-Oberfläche, die auch mit Android und iOS funktioniert. Im JSON-Format können jedoch nur die am häufigsten verwendeten Blöcke ausgewählt werden. Eine sehr umfangreiche Dokumentation kann auf GitHub eingesehen werden. Google bietet außerdem detaillierte Richtlinien für die Verwendung und Entwicklung von Blockly.

See also  Explorer-Favoriten exportieren

YouTube, Stack Overflow und GitHub enthalten unzählige Tutorials und Dokumentationen zur effektiven Nutzung der Bibliothek. Unter seinen vielen Möglichkeiten können verschiedene Schalter und Empfänger zur Steuerung von Smart Homes programmiert werden. Da Sie mit dem Programm mehrere Sprachen verbinden können, sind Ihrer Fantasie keine Grenzen gesetzt.

Kurzum: eine gute Alternative zu komplexen Programmiersprachen

Besonders attraktiv für Anfänger ist die Tatsache, dass das Programm immer mit der richtigen Syntax schreibt und niemals ein Semikolon oder Anführungszeichen vergisst. Seine spielerische Art der Verwendung erleichtert es auch Anfängern, an Projekten zu arbeiten und so Erfahrungen zu sammeln. Damit lernen Sie schnell die Möglichkeiten der Sprache und können instinktiv Prototypen und Modelle entwerfen .

Blockly ist immer noch einfach, kann aber Ihren Workflow erheblich optimieren. Die Bibliothek kann problemlos in bestehende Projekte integriert werden, wodurch die Entwicklung großer Projekte noch einfacher wird. Es ist jedoch wichtig, sich mit den Funktionen vertraut zu machen. Der mit Blockly erstellte Quellcode kann dank der großen Anzahl von Sprachen, mit denen er kompatibel ist, in eine große Anzahl von Projekten integriert werden. Aus diesem Grund ist diese Open Source-Lösung ein nützliches Werkzeug für viele Menschen außer Studenten.

administrator

Leave a Reply

Your email address will not be published. Required fields are marked *