> For the complete documentation index, see [llms.txt](https://marcylabschool.gitbook.io/swe/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://marcylabschool.gitbook.io/swe/mod-4-interactive-data-driven-ui.md).

# Mod 4 - Interactive & Data-Driven User Interfaces

- [Overview](https://marcylabschool.gitbook.io/swe/mod-4-interactive-data-driven-ui/overview.md)
- [1. The DOM & Event Handling](https://marcylabschool.gitbook.io/swe/mod-4-interactive-data-driven-ui/1-intro-to-interactive-pages.md)
- [2. Dynamic Content](https://marcylabschool.gitbook.io/swe/mod-4-interactive-data-driven-ui/2-dynamic-content.md)
- [3. Promises](https://marcylabschool.gitbook.io/swe/mod-4-interactive-data-driven-ui/3-promises.md)
- [4. Development Servers, Vite, and ES Modules](https://marcylabschool.gitbook.io/swe/mod-4-interactive-data-driven-ui/4-dev-servers-vite-esmodules.md)
- [5. Fetching & APIs](https://marcylabschool.gitbook.io/swe/mod-4-interactive-data-driven-ui/5-fetch-apis.md)
- [6. Async/Await](https://marcylabschool.gitbook.io/swe/mod-4-interactive-data-driven-ui/6-best-practices-async-await.md)
- [7. Handling Forms](https://marcylabschool.gitbook.io/swe/mod-4-interactive-data-driven-ui/7-handling-forms.md)
- [Project: Interactive & Data-Driven User Interfaces](https://marcylabschool.gitbook.io/swe/mod-4-interactive-data-driven-ui/8-interactive-data-driven-project.md)
- [Case Study: Recipe Browser](https://marcylabschool.gitbook.io/swe/mod-4-interactive-data-driven-ui/case-study.md)
- [Cheat Sheet](https://marcylabschool.gitbook.io/swe/mod-4-interactive-data-driven-ui/cheatsheet.md)