Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
JavaScript: Spielerisch programmieren lernen für Anfänger
Rating: 4.5 out of 5(9 ratings)
200 students

JavaScript: Spielerisch programmieren lernen für Anfänger

Von den Basics (ES6) bis zu Web-APIs: Inklusive Async/Await, Alpine.js & Crypto Trader Game mit Live-Daten
Created byStephan Haewß
Last updated 2/2026
German
German [Auto],

What you'll learn

  • Die Grundlagen von JS
  • Wie ruft man Browser-Funktionen auf?
  • Wie verwendet man Variablen?
  • Wie programmiert man Entscheidungen mit Bedingungen (if/else)?
  • Wie definiert man eigene Funktionen?
  • Listen/Arrays verwenden
  • Schleifen mit Bedingung (for-Loop)
  • Zeichnen auf HTML5-Canvas
  • Callbacks verwenden
  • Ein Mini-Ratespiel und ein Block-Fangspiel (Canvas) für den Browser programmieren
  • Asynchrones Programmieren mit Promises und Async/Await
  • Daten speichern im LocalStorage des Browsers
  • Mit Map einen Key/Value Speicher realisieren.
  • HTML rendern mit innerHTML
  • Erste Schritte mit Knockout JS

Coding Exercises

This course includes our updated coding exercises so you can practice your skills as you learn.

See a demo
Image of coding exercise example

Course content

8 sections95 lectures13h 51m total length
  • Überblick5:26
  • Projekt anlegen8:09

Requirements

  • Umgang mit Dateisystem, Text-Editor und Kommandozeile (Grundlagen)
  • Umgang mit einem Browser
  • Neugier und Motivation Programmieren anhand von Mini-Spielen zu lernen
  • Keine Programmierkenntnisse nötig
  • Grundlegendes HTML hilfreich, aber nicht unbedingt zwingend

Description

Du möchtest das Programmieren lernen und JavaScript einsetzen, um deine Webseiten interaktiver und dynamischer zu gestalten? Dann bist du hier genau richtig! In diesem Kurs lernst du die Grundlagen von JavaScript (ECMAScript) und vertiefst dein Wissen durch das Entwickeln kleiner Browser-Spiele. Der Kurs führt dich durch die wichtigsten Kernkonzepte von JavaScript, praxisnah und ohne komplizierte Theorie – ideal für den Einstieg.

Was erwartet dich?

  • Einführung in JavaScript und das DOM: Wie JavaScript im Browser funktioniert und mit HTML-Dokumenten interagiert.

  • Benutzerinteraktionen: Verarbeitung von Eingaben, Anzeigen von Ausgaben, und dynamische Manipulation des DOM.

  • Variablen und Datentypen: Umgang mit primitiven Datentypen (String, Number, Boolean) und wie man Werte im Programm speichert.

  • Funktionen: Modularisierung des Codes durch wiederverwendbare Funktionen und Parameterübergabe.

  • Bedingungen und Logik: Kontrollstrukturen wie if und else, um logische Entscheidungen zu treffen.

  • Arrays und Listen: Datenstrukturen zum Speichern mehrerer Werte und Zugriff auf Inhalte mittels Index.

  • Schleifen: Einsatz von for-Schleifen zur wiederholten Ausführung von Code, z.B. zum Durchlaufen von Arrays.

  • Objekte: Einführung in zusammengesetzte Datenstrukturen und Arbeiten mit Objekten.

  • Promise: Asynchrone Vorgänge abbilden

  • Async/Await: Vereinfachter Umgang mit Promise-basierten Konstrukten

  • InnerHTML setzen: Rendern von HTML-Elementen

  • LocalStorage: Speichern und Laden von Daten

  • Map: Datenstruktur mit Key/Value

  • Knockout.js: Erste Schritte mit der nützlichen DataBinding-Bibliothek

  • Alpine JS: Grundlagen der moderne UI-Bibliothek

  • ES/JS Module: Wie man in JS Module implementiert und fremde Module/Pakete einbindet

Projekte, die wir umsetzen

  • Ratespiel: Ein Matheratespiel, bei dem du das DOM manipulieren und auf Benutzereingaben reagieren wirst.

  • Block-Fang-Spiel: Erstellung eines interaktiven Spiels auf HTML-Canvas mit Bewegung und Kollisionsabfrage – perfektes Beispiel für dynamische Logik, Kontrolle und Animation.

  • Virtual Crypto Trader: Lass den Spieler mit aktuellen Kursen aus dem Internet Crypto Coins handeln und Gewinne oder Verluste erwirtschaften.

  • Zahlenratespiel: Der Spieler muss eine zufällige Zahl mit möglichst wenig Versuchen erraten. Anhand dieses simplen Spiels werden wir die Grundlagen der Bibliotheken Knockout.js und Alpine JS erlernen.

Warum dieser Kurs?

  • Praktische Übungen: Jedes Thema wird direkt in einem kleinen Projekt umgesetzt, sodass du das Gelernte sofort anwenden kannst.

  • Schritt-für-Schritt-Anleitungen: Verständliche Erklärungen, die auch komplexere Zusammenhänge einfach machen.

  • Einsteigerfreundlich: Keine Programmierkenntnisse erforderlich; alle Grundlagen werden detailliert erklärt.

  • Kompakte Wissensvermittlung: Die essenziellen JavaScript-Grundlagen in kurzer Zeit.

Für wen ist dieser Kurs geeignet?

  • Absolut Anfänger: Keine Programmierkenntnisse? Kein Problem – wir starten bei null.

  • Web-Interessierte: Wer wissen will, wie man in Webseiten interaktive Logik einbaut und Benutzeraktionen verarbeitet, ist hier richtig.

  • Kreative Coder: Ideal für alle, die anfangen wollen, eigene Spiele oder interaktive Elemente auf Webseiten zu gestalten.

Who this course is for:

  • Programmierneulinge, die lernen wollen, für den Browser zu programmieren
  • WebDesigner, die Fähigkeiten im Scripting erlangen wollen
  • Webseitenersteller, die nicht nur Code-Snippets in ihren Seiten verwenden, sondern auch verstehen wollen, wie sie funktionieren