This module will focus on a foundational concept of interactive systems programming: events and callback functions. Events allow programs to respond to user actions like clicks, key presses, and mouse movements, while callback functions define what should happen in response to those actions. You will learn how to detect and handle events in JavaScript and attach listeners to DOM elements. This module will also help build an understanding of how JavaScript engines handle events internally. By completing it, you will be able to write interactive applications that respond dynamically to user inputs.

This module explores how to build applications with functionality that is run asynchronously (meaning that the operations take time). You will learn the essentials of asynchronous programming, which allows your applications to remain responsive even while waiting for external resources. We will focus on using Promises and fetch() to work with external data sources, including public APIs. By the end of this module, you will be able to write code that can retrieve third-party data.

The last module introduces how to bring your web pages to life with animations and custom graphics. You will learn how to write efficient animation code in JavaScript to create smooth, interactive experiences which is essential for everything from subtle UI effects to full-blown web games. We will explore key animation concepts such as frame updates, easing functions, and performance considerations. You’ll also gain hands-on experience generating and manipulating SVG (Scalable Vector Graphics) with JavaScript, giving you precise control over visuals and interactivity. By the end of this module, you’ll be able to build animated elements, dynamic interfaces, and custom game components directly in the browser.