Week 2: Interactive frontends with Javascript

Learn to programmatically manipulate the Document Object Model (DOM) using JavaScript in the browser, structure frontends effectively with the MVVM pattern, and manage state declaratively using a React-like library with `useEffect` and `useState`.

In this lecture, we will learn:

Why...

  • Is it important to separate concerns in a frontend?
  • 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
  • Use useEffect and useState to manage state in a declarative way in the frontend
Lecture Slides