Lernpfad:Programmierung mit Javascript und p5js: Unterschied zwischen den Versionen

Lernpfad:Programmierung mit Javascript und p5js (Quelltext anzeigen)

Version vom 26. Dezember 2018, 13:15 Uhr

805 Bytes hinzugefügt , 13:15, 26. Dez. 2018

keine Bearbeitungszusammenfassung

Thi

Administratoren

130

Bearbeitungen

@@ Zeile 1: / Zeile 1: @@
 {{Status/In Bearbeitung von|thi}}{{Warnung|Dieser Lernpfad ist derzeit noch im Aufbau.}}
+{{Navigation}}
 In diesem Lernpfad lernst du die Grundlagen der ''Programmierung mit Javascript und p5js'' am Beispiel der [[wikipedia:JavaScript|Programmiersprache Javascript]] kennen.
 In jedem Schritt werden Konzepte der Programmierung in Javascript vorgestellt. Dabei werden die relevanten [https://www.schulentwicklung.nrw.de/lehrplaene/lehrplannavigator-s-ii/gymnasiale-oberstufe/informatik/ Inhalte der Einführungsphase am Gymansium in NRW] abgedeckt.
-=0. Los geht's=
+=0. Der Editor=
-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.
+[[Datei:P5js 02 Editor - Erlaeuterung.png | right | 500px ]]
-[[Datei:P5js 01 Editor.png | right | thumb]]
+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.
+Der Editor besteht aus mehreren Teilen:
+# Programmierfenster (Hier werden die Befehle eingetragen)
+# Steurungsleiste (Hier kann das Programm gestartet werden)
+# Ausgabebildschirm (Hier sieht man das Resultat der Programmierung)
+# Konsole für Fehlermeldungen (Falls man irgendetwas falsch programmiert hat, wird es hier angezeigt)
+# Login-Bereich (Hier kann man sich anmelden, um Projekte zu speichern oder zu teilen)
+# Projekt-Auswahlbereich (Hier findet man alle Projekte, die man gespeichert hat und weitere Beispiele)
+=1. Los geht's mit der Maus und einem Kreis=
+[[Datei:P5js_1_1_Bewegter_Kreis.png | right]]
+Zunächst einmal lernen wir ein paar vorhandenen [[http://p5js.org/reference/ p5js-Befehle]] kennen.
+*ellipse zeichnet einen Kreis (oder genauer eine Ellipse).