8.581
Bearbeitungen
Thi (Diskussion | Beiträge) |
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
(12 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
{{Status/In Bearbeitung von|thi}}{{ | {{Status/In Bearbeitung von|thi}}{{Warnmeldung/Lernpfad im Aufbau}} | ||
{{Navigation}} | {{Navigation}} | ||
{{Inhalt}} | |||
=Einführung p5js= | |||
In diesem Lernpfad lernst du die Grundlagen der ''Programmierung mit Javascript und p5js'' am Beispiel der Programmiersprache Javascript kennen. | In diesem Lernpfad lernst du die Grundlagen der ''Programmierung mit Javascript und p5js'' am Beispiel der Programmiersprache Javascript kennen. | ||
In jedem Schritt werden Konzepte der Programmierung in Javascript mit der Bibliothek p5js vorgestellt. | In jedem Schritt werden Konzepte der Programmierung in Javascript mit der Bibliothek p5js vorgestellt. | ||
= | == Der Editor== | ||
[[Datei:P5js 02 Editor - Erlaeuterung.png | right | 500px ]] | [[Datei:P5js 02 Editor - Erlaeuterung.png | right | 500px ]] | ||
Javascript ist eine Programmiersprache, die in jedem Browser läuft. P5js ist eine Sammlung von Befehlen, mit denen man relativ leicht Dinge zeichnen und animieren kann. Und der [https://editor.p5js.org/ Editor] von p5js bietet die Möglichkeit direkt mit dem Programmieren loszulegen, ohne irgendetwas installieren zu müssen. | Javascript ist eine Programmiersprache, die in jedem Browser läuft. [https://www.p5js.org P5js] ist eine Sammlung von Befehlen, mit denen man relativ leicht Dinge zeichnen und animieren kann. Und der [https://editor.p5js.org/ Editor] von p5js bietet die Möglichkeit direkt mit dem Programmieren loszulegen, ohne irgendetwas installieren zu müssen. | ||
Der Editor besteht aus mehreren Teilen: | Der Editor besteht aus mehreren Teilen: | ||
# Programmierfenster (Hier werden die Befehle eingetragen) | # Programmierfenster (Hier werden die Befehle eingetragen) | ||
# | # Steuerungsleiste (Hier kann das Programm gestartet werden) | ||
# Ausgabebildschirm (Hier sieht man das Resultat der Programmierung) | # Ausgabebildschirm (Hier sieht man das Resultat der Programmierung) | ||
# Konsole für Fehlermeldungen (Falls man irgendetwas falsch programmiert hat, wird es hier angezeigt) | # Konsole für Fehlermeldungen (Falls man irgendetwas falsch programmiert hat, wird es hier angezeigt) | ||
Zeile 15: | Zeile 18: | ||
# Projekt-Auswahlbereich (Hier findet man alle Projekte, die man gespeichert hat und weitere Beispiele) | # Projekt-Auswahlbereich (Hier findet man alle Projekte, die man gespeichert hat und weitere Beispiele) | ||
[[Kategorie:Lernpfade]][[Kategorie:Lernpfade Informatik]][[Kategorie:Lernpfade zu Javascript]][[Kategorie:Lernpfade für die EF]] | |||
Bearbeitungen