Week 2

Javascript - the important parts

The essential JavaScript concepts for building interactive frontends — the event-driven model, DOM manipulation, the MVVM pattern, and declarative state management with useEffect and useState.

↗ Open slides

In this lecture, we will learn:

Why...

Is JavaScript event-driven, and how does that shape how we build interactive UIs?
Is frontend development moving towards a more declarative approach?

How to...

Manipulate the Document Object Model (DOM) through JavaScript
Use the Model-View-ViewModel (MVVM) architecture pattern to structure a frontend
Implement React's useEffect and useState to manage state in a declarative way
Use Chrome DevTools to debug JavaScript (breakpoints, console, network tab)
Install the Chrome DevTools MCP to let AI tools write and validate JavaScript in the browser