Hauptinhalt
Lerneinheit: Einführung in JS: Zeichnung & Animation
Über diese Lektion
Hast du dich schon mal gefragt, was nötig ist, damit Zeichnungen zum Leben erwachen? Nun, wir müssen mit unserem Computer in einer speziellen Sprache sprechen. In dieser Unterrichtseinheit lernen wir, wie wir die Programmiersprache JavaScript und Processing JavaScript verwenden, um unsere eigenen Zeichnungen und Animationen zu erstellen.Wenn du hier neu bist, betrachte zuerst unser Einführungsvideo und mache eine kurze Reise durch unsere Programmier-Kurse. Danach kannst du mit der Programmierung beginnen!
Wir zeigen dir die Grundlagen der Programmierung und wie du Formen zeichnen kannst.
Wir zeigen dir, wie du deine Formen einfärben und farbig umranden kannst.
Wir werden behandlen, wie man Variablen benutzt, um Werte festzuhalten, wie man Zeichnungen animiert, und mehr.
Lerne, wie man Zeichnungen animiert.
Lerne, wie wir Programme erstellen, welche Formen anhand der Position der Maus zeichnen. Dies ist fast ein Malprogramm!
Lerne wie du deinen Kollegen auf dem Weg die Programmierung zu lernen helfen kannst. Und auch wie du selber um Hilfe bitten kannst!
Lerne, wie man Variablenausdrücke benutzt, um die Größe von Teilen deiner Zeichnung im Verhältnis zu anderen Teilen deiner Zeichnung zu verändern. (Dazu braucht man ein bisschen mehr Mathematik. Wenn du also denkst, dass du mit Brüchen noch nicht so gut zurecht kommst, kannst du das erstmal überspringen.)
Lerne wie man Text auf dem Bildschirm darstellt, Farbe und Größe verändert und den Text animiert.
Mache deinen Code wiederverwendbar, indem du ihn zuerst in Funktionen gliederst. Dann fügen wir diesen Funktionen Parameter und Rückgabewerte hinzu, um sie wiederverwendbar zu machen.
Lerne
Bring deinem Programm bei, Entscheidungen zu treffen!
Lerne
Wie kannst du herausfinden, was in deinem Programm falsch läuft? Lerne Tipps und Tricks für das Debugging deiner Programme.
Etwas immer und immer wieder wiederholen? Schleifen sind hier, um zu helfen!
Lerne
Übe
Lerne Javascript-Code zu schreiben, der einfach lesbar und verständlich ist, und benutze dazu Einrückungen, Abstände, Namen und Kommentare.
Speichere mehrere Werte in deinen Variablen mit Arrays!
Lerne
Lerne komplexe Daten in Objekten zu speichern.
Lerne
Lerne, wie objektorientierte Konzepte in JavaScript genutzt werden, um wiederverwendbaren Code zu erstellen.
Jetzt wo, du die Grundlagen des Programmieren verstehst, lerne Techniken, die dir helfen werden, produktiver zu sein und schöneren Code zu schreiben.