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

keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(17 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{Status/In Bearbeitung von|thi}}{{Warnung|Dieser Lernpfad ist derzeit noch im Aufbau.}}
{{Status/In Bearbeitung von|thi}}{{Warnmeldung/Lernpfad im Aufbau}}
{{Navigation}}
{{Navigation}}
In diesem Lernpfad lernst du die Grundlagen der ''Programmierung mit Javascript und p5js'' am Beispiel der [[wikipedia:JavaScript|Programmiersprache Javascript]] kennen.
{{Inhalt}}


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.
=Einführung p5js=
 
In diesem Lernpfad lernst du die Grundlagen der ''Programmierung mit Javascript und p5js'' am Beispiel der Programmiersprache Javascript kennen.
=0. Der Editor=
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)
# Steurungsleiste (Hier kann das Programm gestartet werden)
# 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 17: 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)


=1. Los geht's mit der Maus und einem Kreis=
 
[[Datei:P5js_1_1_Bewegter_Kreis.png | right]]
[[Kategorie:Lernpfade]][[Kategorie:Lernpfade Informatik]][[Kategorie:Lernpfade zu Javascript]][[Kategorie:Lernpfade für die EF]]
Zunächst einmal lernen wir ein paar vorhandenen [[http://p5js.org/reference/ p5js-Befehle]] kennen.
*ellipse zeichnet einen Kreis (oder genauer eine Ellipse).
8.581

Bearbeitungen