Calendar
The month grid needs JavaScript. Use the List tab instead.
Unit 1 · Interface design
| Date | Class | What to do |
|---|---|---|
| Fri 25 Sep 2026 | Design principles | Hierarchy, consistency, proximity and contrast; Figma from zero. |
| Mon 28 Sep 2026 | Usability heuristics | Nielsen's 10 heuristics; evaluate an app in Figma. |
| Fri 2 Oct 2026 | Apple HIG | The 1987 guidelines; NoteBox in Figma. |
| Mon 5 Oct 2026 | Accessibility | WCAG 2.2; audit NoteBox in Figma. |
| Tue 6 Oct 2026 | Frames and auto layout | Rebuild NoteBox so it never breaks. |
| Fri 9 Oct 2026 | Design systems | Styles, variables and components in Figma. |
| Tue 13 Oct 2026 | Controls, menus and messages | The right control for each case; menus, toolbars and messages. |
| Fri 16 Oct 2026 | Wireframes, prototypes and tests | Your own app meets its first users. |
| Fri 23 Oct 2026 | Exam | Exam Unit 1. |
Unit 2 · Visual editors
| Date | Class | What to do |
|---|---|---|
| Tue 20 Oct 2026 | GUI tools and libraries | Native, cross-platform or web. |
| Mon 26 Oct 2026 | Framer: first page | The canvas is the website. |
| Tue 27 Oct 2026 | Generated code, assets and tokens | Read and fix what the tool generates: tokens, real tags and exported assets. |
| Fri 30 Oct 2026 | Framer: code, components and project | Code, components; start the project. |
Unit 3 · Interface development
| Date | Class | What to do |
|---|---|---|
| Tue 3 Nov 2026 | Dev environment | Node.js, Vite, SvelteKit and Git. |
| Fri 6 Nov 2026 | Component syntax Project due | Markup, styles and logic in one file. Unit 2 project due at 23:59 on Classroom. |
| Mon 9 Nov 2026 | Reactivity | State, derived values and effects. |
| Tue 10 Nov 2026 | Events and actions | Every control does something. |
| Fri 13 Nov 2026 | Forms and validation | The form that says why. |
| Mon 16 Nov 2026 | Layout with CSS | Flexbox, grid and responsive design. |
| Tue 17 Nov 2026 | Routing and navigation | Folders are URLs. |
| Fri 20 Nov 2026 | Consuming data | REST APIs and local data sources. |
| Mon 23 Nov 2026 | Workshop: Figma to app | Your app, from your Figma design. |
| Tue 24 Nov 2026 | Review | Review and mock task. |
| Fri 27 Nov 2026 | Exam | Exam Unit 3. |
Unit 4 · Visual components
| Date | Class | What to do |
|---|---|---|
| Mon 30 Nov 2026 | Storybook | The first reusable component. |
| Tue 1 Dec 2026 | Props and defaults | $props, default values, NoteRow. |
| Fri 4 Dec 2026 | Methods, snippets and events | Bricks that talk. |
| Fri 11 Dec 2026 | Unit tests | Vitest and Testing Library. |
| Mon 14 Dec 2026 | Visual tests and docs | Playwright and Storybook docs. |
| Tue 15 Dec 2026 | Packaging with npm | svelte-package and npm pack. |
| Fri 18 Dec 2026 | Workshop | Workshop and mock exam. |
| Mon 21 Dec 2026 | Exam | Exam Unit 4. |
| Tue 22 Dec 2026 | Feedback | Exam review and first-term retrospective. |
Unit 5 · Natural user interfaces
| Date | Class | What to do |
|---|---|---|
| Fri 8 Jan 2027 | Natural user interfaces | NUI, MediaPipe and a first demo. |
| Mon 11 Jan 2027 | Voice commands | Web Speech API in NoteBox. |
| Tue 12 Jan 2027 | Pose detection | 33 points and a referee. |
| Fri 15 Jan 2027 | Gestures, faces and AR | Plus privacy and accessibility. |
| Mon 18 Jan 2027 | Exam | Exam Unit 5. |
Unit 6 · Reports
| Date | Class | What to do |
|---|---|---|
| Tue 19 Jan 2027 | Structure of a report | Wireframe a report in Figma. |
| Fri 22 Jan 2027 | Data, filters and totals | A report route in SvelteKit. |
| Mon 25 Jan 2027 | Charts with ECharts | Choosing the right chart. |
| Tue 26 Jan 2027 | PDF reports with Typst | One template plus the data. |
| Fri 29 Jan 2027 | Modify, embed, export | Embedded reports and exam preparation. |
| Mon 1 Feb 2027 | Exam | Exam Unit 6. |
Unit 7 · Documentation
| Date | Class | What to do |
|---|---|---|
| Tue 2 Feb 2027 | Help systems and docs as code | Where help lives; docs map. |
| Fri 5 Feb 2027 | Zensical site and Pandoc PDF | A documentation site and its PDF. |
| Mon 8 Feb 2027 | Context help and screenshots | Tooltips, tours and Playwright screenshots. |
| Tue 9 Feb 2027 | Admin manuals and tutorials | Admin manuals, data and a tutorial. |
| Fri 12 Feb 2027 | Exam | Exam Unit 7. |
Unit 8 · Packaging
| Date | Class | What to do |
|---|---|---|
| Mon 15 Feb 2027 | Tauri: wrap and package | The desktop app and its icon. |
| Tue 16 Feb 2027 | Installers and the wizard | Installers and branding. |
| Fri 19 Feb 2027 | Sign, silent, update | Signing, silent install, updates and the release pipeline. |
| Mon 22 Feb 2027 | Exam | Exam Unit 8. |
| Tue 23 Feb 2027 | Course close | Exam feedback, showcase and final Kahoot. |