If you're seeing this message, it means we're having trouble loading external resources on our website.

Wenn du hinter einem Webfilter bist, stelle sicher, dass die Domänen *. kastatic.org und *. kasandbox.org nicht blockiert sind.

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

Grundlagen: Zeichnen

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

Lerne

Farbgebung

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

Lerne

Variablen

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

Lerne

Übe

Grundlagen: Animation

Lerne, wie man Zeichnungen animiert.

Lerne

Interaktive Programme

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

Lerne

Werde ein Community-Coder

Lerne wie du deinen Kollegen auf dem Weg die Programmierung zu lernen helfen kannst. Und auch wie du selber um Hilfe bitten kannst!

Lerne

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

Übe

Texte und Strings

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

Lerne

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

Logik und if-Anweisungen

Bring deinem Programm bei, Entscheidungen zu treffen!

Lerne

Programme debuggen

Wie kannst du herausfinden, was in deinem Programm falsch läuft? Lerne Tipps und Tricks für das Debugging deiner Programme.

Lerne

Schleifen

Etwas immer und immer wieder wiederholen? Schleifen sind hier, um zu helfen!

Lerne

Übe

Sauberen Code schreiben

Lerne Javascript-Code zu schreiben, der einfach lesbar und verständlich ist, und benutze dazu Einrückungen, Abstände, Namen und Kommentare.

Lerne

Übe

Arrays

Speichere mehrere Werte in deinen Variablen mit Arrays!

Lerne

Objekte

Lerne komplexe Daten in Objekten zu speichern.

Lerne

Objektorientiertes Design

Lerne, wie objektorientierte Konzepte in JavaScript genutzt werden, um wiederverwendbaren Code zu erstellen.

Lerne

Ein besserer Programmierer werden

Jetzt wo, du die Grundlagen des Programmieren verstehst, lerne Techniken, die dir helfen werden, produktiver zu sein und schöneren Code zu schreiben.

Lerne

Über diese Lektion

Lerne JavaScript und die ProcessingJS-Bibliothek kennen, um lustige Zeichnungen und Animationen zu erstellen.