Skip to content

Optional topics

The optional topics extend the course. You work through them on your own, usually when your project needs them. Each page explains briefly what the topic is about and when it pays off in a project, shows a small example and points to the official documentation. The optional topics are not part of the exam.

TopicWorth it when …
TypeScript with Vueyour project grows and you want to catch mistakes in props, events and data early
Nuxt and server-side renderingcontent should show up quickly and be found by search engines
A backend of your own with Nodeyour app stores data that no public API provides
Authenticationonly signed-in people may see or change certain data
PWAs and offline usethe app should be installable or work without a network
Several languagespeople with different languages use the app
Animations and transitionschanges on the page should be easier to follow
End-to-end tests with Playwrightthe most important flows should be checked in a real browser
Component libraries and CSSyou'd rather not design forms, tables and dialogs yourself
The same app in Reactyou build your project with React
The same app in Angularyou build your project with Angular

Your own backend, authentication, end-to-end tests, TypeScript throughout and a PWA that works offline earn bonus points in the project, as the project assignment describes. The runnable examples are in the folder optional of the course repo, the playground examples under examples/optional.

Text and figures are licensed under CC BY-SA 4.0, the code under the MIT License and the course data under CC0 1.0. The figures use the font Kalam under the SIL Open Font License 1.1. The sources are on GitHub.