Hauptinhalt

Lerneinheit: Einführung in JS: Zeichnung & Animation

Einführung in das Programmieren

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!

Lerne

Was ist Programmieren?

(Öffnet ein modal)

Programmieren lernen mit der Khan Academy

(Öffnet ein modal)

Grundlagen: Zeichnen

Wir zeigen dir die Grundlagen der Programmierung und wie du Formen zeichnen kannst.

Lerne

Hinweis: Zahlenschieber

(Öffnet ein modal)

Challenge: Einfacher Schneemann

(Öffnet ein modal)

Mehr Formen zeichnen mit Code

(Öffnet ein modal)

Challenge: Winkender Schneemann

(Öffnet ein modal)

Farbgebung

Wir zeigen dir, wie du deine Formen einfärben und farbig umranden kannst.

Lerne

Farben verwenden mit Code

(Öffnet ein modal)

Hinweis: Farbe auswählen

(Öffnet ein modal)

Challenge: Sonniger Tag im Schnee

(Öffnet ein modal)

Die Macht der Dokumentation

(Öffnet ein modal)

Variablen

Wir werden behandlen, wie man Variablen benutzt, um Werte festzuhalten, wie man Zeichnungen animiert, und mehr.

Lerne

Einführung zu Variablen

(Öffnet ein modal)

Challenge: Bucktooth Bunny

(Öffnet ein modal)

Challenge: Funky Frosch

(Öffnet ein modal)

Wiederholung: Variablen

(Öffnet ein modal)

Übe

Quiz: Variablen

5 Aufgaben

Grundlagen: Animation

Lerne, wie man Zeichnungen animiert.

Lerne

Was sind Animationen?

(Öffnet ein modal)

Animationen erstellen

(Öffnet ein modal)

Challenge: Aufgehende Sonne

(Öffnet ein modal)

Inkrementoperatoren

(Öffnet ein modal)

Noch kürzere Operatoren

(Öffnet ein modal)

Challenge: Wolken teilen

(Öffnet ein modal)

Interaktive Programme

Lerne, wie wir Programme erstellen, welche Formen anhand der Position der Maus zeichnen. Dies ist fast ein Malprogramm!

Lerne

Interaktion mit der Maus

(Öffnet ein modal)

Challenge: Saftige Tomate

(Öffnet ein modal)

Challenge: Verrückte Maus

(Öffnet ein modal)

Bonus: Skalierung mit Variablen

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

Mathematische Ausdrücke in JS benutzen

(Öffnet ein modal)

Formen skalieren mit variablen Termen

(Öffnet ein modal)

Challenge: Braunbäraugen

(Öffnet ein modal)

Übe

Quiz: Variable Terme

6 Aufgaben

Texte und Strings

Lerne wie man Text auf dem Bildschirm darstellt, Farbe und Größe verändert und den Text animiert.

Lerne

Toller Text: Teil Eins

(Öffnet ein modal)

Challenge: Meine Lieblingsspeisen

(Öffnet ein modal)

Challenge: Mouse-Tracker

(Öffnet ein modal)

Wiederholung: Text und Strings

(Öffnet ein modal)

Funktionen

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

Funktionen

(Öffnet ein modal)

Challenge: Sag deinen Namen

(Öffnet ein modal)

Funktionsparameter

(Öffnet ein modal)

Challenge: Maulwürfe in Höhlen

(Öffnet ein modal)

Funktion Rückgabewerte

(Öffnet ein modal)

Challenge: Taschenrechner