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

Lerne
Was ist Programmieren?
(Öffnet ein modal)
Programmieren lernen mit der Khan Academy
(Öffnet ein modal)

Grundlagen: Zeichnen

Lerne
Erstelle Zeichnungen mit Code
(Öffnet ein modal)
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

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)
Projekt: Was gibt's zum Abendessen?
(Öffnet ein modal)

Variablen

Lerne
Einführung zu Variablen
(Öffnet ein modal)
Challenge: Bucktooth Bunny
(Öffnet ein modal)
Mehr über Variabeln
(Öffnet ein modal)
Challenge: Funky Frosch
(Öffnet ein modal)
Wiederholung: Variablen
(Öffnet ein modal)
Übe
Variable verwenden
4 Aufgaben

Grundlagen: Animation

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)
Projekt: Sternschnuppe
(Öffnet ein modal)

Interaktive Programme

Lerne
Interaktion mit der Maus
(Öffnet ein modal)
Challenge: Saftige Tomate
(Öffnet ein modal)
Challenge: Verrückte Maus
(Öffnet ein modal)

Werde ein Community-Coder

Lerne
Um Hilfe bitten
(Öffnet ein modal)

Bonus: Skalierung mit Variablen

Lerne
Mathematische Ausdrücke in JS benutzen
(Öffnet ein modal)
Formen skalieren mit variablen Termen
(Öffnet ein modal)
Challenge: Braunbäraugen
(Öffnet ein modal)
Projekt: Tierangriff
(Öffnet ein modal)
Übe
Variablen Terme verwenden
6 Aufgaben

Texte und Strings

Lerne
Toller Text: Teil Eins
(Öffnet ein modal)
Challenge: Meine Lieblingsspeisen
(Öffnet ein modal)
Toller Text: Teil Zwei
(Öffnet ein modal)
Challenge: Mouse-Tracker
(Öffnet ein modal)
Wiederholung: Text und Strings
(Öffnet ein modal)
Projekt: Werbedesign
(Öffnet ein modal)

Funktionen

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
(Öffnet ein modal)
Lokale und globale Variablen
(Öffnet ein modal)
Besondere ProcessingJS Funktionen
(Öffnet ein modal)
Wiederholung: Funktionen
(Öffnet ein modal)
Projekt: Aquarium
(Öffnet ein modal)

Logik und if-Anweisungen

Lerne
if-Anweisungen
(Öffnet ein modal)
Challenge: Der Flummi
(Öffnet ein modal)
Mehr Mausinteraktion
(Öffnet ein modal)
Challenge: Deine erste Zeichnen-App
(Öffnet ein modal)
Boolesche Werte
(Öffnet ein modal)
Challenge: Der Zahlentester
(Öffnet ein modal)
Logische Operatoren
(Öffnet ein modal)
Challenge: Dein erster Button
(Öffnet ein modal)
Challenge: Der cleverere Button
(Öffnet ein modal)
if/else - Teil 1
(Öffnet ein modal)
Challenge: Die kesse Karteikarte
(Öffnet ein modal)
if/else - Teil 2
(Öffnet ein modal)
Wiederholung: Logik und if-Anweisungen
(Öffnet ein modal)
Zufallszahlen
(Öffnet ein modal)
Projekt: Der Magic 8-Ball
(Öffnet ein modal)

Programme debuggen

Lerne
Debuggen mit println()s
(Öffnet ein modal)
Weitere Tipps zum debuggen
(Öffnet ein modal)

Schleifen

Lerne
Einführung in while-Schleifen
(Öffnet ein modal)
Challenge: Das linierte Lineal
(Öffnet ein modal)
Mehr while-Schleifen: Ballon-Hopper
(Öffnet ein modal)
Challenge: Eine verrückte Landschaft
(Öffnet ein modal)
for-Schleifen! Eine neue Art von Schleife
(Öffnet ein modal)
Challenge: Liniertes Papier
(Öffnet ein modal)
Verschachtelte for-Schleifen
(Öffnet ein modal)
Wiederholung: Schleifen
(Öffnet ein modal)
Projekt: Baue ein Haus
(Öffnet ein modal)
Übe
While-Schleifen verwenden
6 Aufgaben

Sauberen Code schreiben

Lerne
Leserlicher Code
(Öffnet ein modal)
Mit Kommentaren erklären
(Öffnet ein modal)
Übe
Sauberen Code schreiben
9 Aufgaben

Arrays

Lerne
Einführung in Arrays
(Öffnet ein modal)
Challenge: Lieblingsfrüchte
(Öffnet ein modal)
Mit Schleifen durch Arrays iterieren
(Öffnet ein modal)
Challenge: Lieblingstier
(Öffnet ein modal)
Arrays bearbeiten
(Öffnet ein modal)
Challenge: Sternbildmacher
(Öffnet ein modal)
Wiederholung: Arrays
(Öffnet ein modal)
Projekt: Lass es regnen
(Öffnet ein modal)

Objekte

Lerne
Einführung zu Objekten
(Öffnet ein modal)
Challenge: Kochrezepte
(Öffnet ein modal)
Verändern von Objekten
(Öffnet ein modal)
Challenge: Maler
(Öffnet ein modal)
Arrays von Objekten
(Öffnet ein modal)
Challenge: Filmkritiken
(Öffnet ein modal)
Wiederholung: Objekte
(Öffnet ein modal)
Projekt: Bücherregal
(Öffnet ein modal)

Objektorientiertes Design

Lerne
Challenge: Regenbogen
(Öffnet ein modal)
Objektmethoden
(Öffnet ein modal)
Challenge: SmileyFace
(Öffnet ein modal)
Objektvererbung
(Öffnet ein modal)
Challenge: Blumengarten
(Öffnet ein modal)
Wiederholung: Objektorientiertes Design
(Öffnet ein modal)

Ein besserer Programmierer werden

Lerne
Ein Programmierprojekt planen
(Öffnet ein modal)
Planung mit Pseudocode
(Öffnet ein modal)
Was du als Nächstes lernen kannst
(Öffnet ein modal)

Über diese Lektion

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