Projekte mit Erklärung
Jedes Projekt ist eine eigenständige Lektion des Kurses, mit fertiger Aufgabe und Erklärung der Logik.
Leicht
Sparkonto-Simulator
Berechne das Wachstum einer Einlage Jahr für Jahr nach einem Zinssatz. Übung mit Zahlen und
Math.round.Lektion öffnen →
Leicht
Resize Ball
Ändere die Größe eines Elements auf der Seite per Klick. Dein erster Kontakt mit dem Ändern von Styles über Code.
Lektion öffnen →
Leicht
Einheiten-Umrechner
Rechne Meter in Fuß, Kilogramm in Pfund und umgekehrt um. Übung mit
switch.Lektion öffnen →
Leicht
Einmaleins-Generator
Baue eine Multiplikationstabelle aus einer eingegebenen Zahl. Übung mit der
for-Schleife.Lektion öffnen →
Mittel
Produktkarten-Generator
Erstelle Produktkarten dynamisch auf der Seite, in einer Schleife. Näher am echten Layout.
Lektion öffnen →
Mittel
Sterne-Bewertungs-Generator
Zeichne eine Sternebewertung aus einer Zahl von 1 bis 5. Übung, Schleifen und Bedingungen zu kombinieren.
Lektion öffnen →
Mittel
Emoji-Generator
Erzeuge ein Emoji-Muster nach Nutzereingabe. Spaßige Übung mit Schleifen und Strings.
Lektion öffnen →
Mittel
Price Matrix
Baue eine Preistabelle mit verschachtelten
for-Schleifen. Gute Übung für verschachteltes Denken.Lektion öffnen →
Schwerer
Mini-Onlineshop
Dein eigenes Rabattsystem, Berechnung von Rabatten und Gesamtsumme. Sieht schon nach einer echten Aufgabe aus.
Lektion öffnen →
Mittel
Rucksackgewicht-Rechner
Berechne das Gesamtgewicht der Ausrüstung aus einer Artikelliste. Übung im Arbeiten mit mehreren Variablen gleichzeitig.
Lektion öffnen →
Schwerer
Taxi-Tarif-Rechner
Berechne die Kosten einer Taxifahrt mit getrennten Funktionen. Übung in Code-Architektur mit mehreren Funktionen.
Lektion öffnen →
Schwerer
Kampf-Lebensbalken
Ein Charakter-Lebensbalken mit Angriffs-Buttons, Regeneration und Timing. Eine Spielmechanik in reinem JavaScript.
Lektion öffnen →
Weitere Ideen zum Eigenständigen Üben
Ohne fertige Lösung — eine gute Gelegenheit, das Suchen im Internet und eigenständige Lösen zu üben.
AufgabenlisteEine Liste, in der du Aufgaben hinzufügen, abhaken und löschen kannst.
Echtzeit-UhrDie aktuelle Uhrzeit auf der Seite, jede Sekunde aktualisiert.
Zufallspasswort-GeneratorEin Passwort mit fester Länge aus Buchstaben, Zahlen und Symbolen.
AltersrechnerAus einem Geburtsdatum — wie viele volle Jahre vergangen sind.
Einfaches QuizEin paar Multiple-Choice-Fragen mit einer Endpunktzahl.
WährungsrechnerRechne einen Betrag zwischen zwei Währungen nach einem gegebenen Kurs um.
Was als Nächstes kommt
Willst du die Projekte der Reihe nach, mit Erklärung, durchgehen?
Der komplette JavaScript-Kurs geht all diese Projekte und Dutzende mehr durch, Schritt für Schritt, mit Theorie vor jeder Aufgabe.