In diesem Modul lernen Sie zunächst zusätzliche CSS-Regeln zur Erstellung einfacher Animationen kennen. Um weitere Interaktivität und dynamische Verhaltensweisen zu ermöglichen, werden Sie einfachen JavaScript Code in Webseiten integrieren. Dazu gehört das Verständnis und die Manipulation der DOM-Darstellung von Webseiten in Browsern. Am Ende des Moduls steht eine Programmierübung, bei der Sie ein Ratespiel erstellen und dabei die in den ersten beiden Modulen dieses Kurses erworbenen Fähigkeiten anwenden.

In diesem Modul werden Sie mit der jQuery-Bibliothek vertraut gemacht, die die Programmierung von JavaScript einfacher und schneller macht. Durch die Einführung fortgeschrittener CSS-Selektoren werden Sie in der Lage sein, bestimmte HTML-Elemente in jQuery präzise anzuvisieren und zu manipulieren. Nach einem kurzen Blick auf die Implementierung der jQuery-Ereignisbehandlung werden Sie Ihre jQuery-Kenntnisse, die Sie in diesem Modul erworben haben, anhand eines Hammerspiels testen.

In diesem Modul lernen Sie, Vektorgrafik-Elemente auf Ihren Webseiten mit SVG zu konstruieren, einer textbasierten Sprache zur Erstellung webbasierter Grafiken. Aufbauend auf den CSS-Animationstechniken aus den vorangegangenen Modulen werden Sie diese Fähigkeiten anwenden, um interessante Animationen Ihrer SVG-Komponenten zu erstellen. Darüber hinaus werden Sie spezifische CSS-Animationseigenschaften und JavaScript-Animationsereignisse kennenlernen, die Ihnen eine bessere Kontrolle über diese Animationen ermöglichen. Am Ende dieses Moduls werden Sie Ihre SVG- und CSS-Animationskenntnisse anwenden, um ein Springspiel zu entwickeln.

In diesem Modul werden Sie Ihre JavaScript-Kenntnisse vertiefen, indem Sie einige weitere Merkmale der JavaScript-Sprache kennen lernen. Zunächst werden Sie in die Verwendung von JavaScript-Arrays und -Objekten eingeführt, einschließlich des Spread-Operators und der Destrukturierungsoperation. Anschließend werden Sie verschiedene Möglichkeiten zum Schreiben von JavaScript-Funktionen und deren Fähigkeit, eine Closure zu bilden, kennen lernen. Mithilfe der Möglichkeiten, die JavaScript-Closures bieten, werden Sie modularen JavaScript Code nach einem Modul-Muster schreiben.

In diesem Modul wird das HTML Canvas-Element vorgestellt, mit dem Sie Grafiken auf Webseiten zeichnen können. Durch das Schreiben von JavaScript Code werden Sie verschiedene Formen innerhalb des HTML Canvas Bereichs zeichnen. Die zweite Hälfte der Lektion konzentriert sich auf die Verwendung von HTML Canvas, um mit bildbasierten Objekten namens Sprites zu arbeiten. Durch die Animation dieser Sprites werden Sie am Ende des Moduls ein Spiel mit dem Namen "Gem Rush!" erstellen.