Web Applications with TypeScript (E)

• The content of the "Web Applications" course in the 3rd semester
• Object oriented programming

The course "Web Applications with TypeScript" lies at the intersection of modern web development, immersive media, and interactive systems. Building upon fundamental knowledge of HTML, CSS, and JavaScript, this course broadens the perspective on web applications.

The focus lies on the connection between TypeScript as a structuring programming language and WebXR as an interface for virtual reality (VR) and augmented reality (AR) in the browser. Students learn how to evolve classic web applications into immersive systems that go beyond displays and enable spatial interaction.

The course thus addresses key paradigms of hypermedia and spatial computing, as well as modern web programming, and situates them within the context of the evolving web as a platform for immersive applications.

Subject-Specific and Methodological Competencies (F/M)

• Students can set up and use TypeScript. In particular, they can explain the differences between JavaScript and TypeScript and know how to utilize them.
• Students learn that the web will offer the possibility of running immersive applications in browser environments in the future.

During the course, participants will be able to:

• develop modern web applications using TypeScript in a structured and modular way,
• understand how browsers work as runtime environments for immersive applications,
• design and implement interactive 3D and XR applications in the browser based on WebXR,
• understand and apply spatial interaction paradigms (e.g., gestures, gaze interaction, controllers),
• understand and practically implement the architecture of WebXR applications (rendering, tracking, input),
• critically reflect on usability and design aspects of immersive web applications,
• independently develop and evaluate a functional prototype of an XR web application.

Social and communicative skills (S/K) and self-competencies (S)

• Students can complete assigned tasks independently and on time (reliability) and communicate and justify their solutions (expressiveness and presentation skills).
• Students understand the solutions of others and can contribute constructive suggestions for improvement, handle feedback (ability to accept criticism), and reflect on their own abilities and limitations (self-reflection skills).
• Ability and willingness to independently acquire new knowledge and learn from successes and failures (learning competence and motivation).

Lecture, practical seminar work

Project work (100%)

The project work can be completed individually or in a group. It involves a conceptual exploration of a given task, which is then put into practice alongside the lectures.

The exact assessment criteria will be presented in the first lecture.

not applicable

• Boris Cherny, 2019, Programming TypeScript: Making Your JavaScript Applications Scale, O’Reilly Media, ISBN: 978-1492037651
• Josh Goldberg, 2022, Learning TypeScript: Enhance Your Web Development Skills Using Type-Safe JavaScript, ISBN: 9781098110291
• Ilya Grigorik, 2013, High Performance Browser Networking, O’Reilly Media, ISBN 978-1449344764
• Marijn Haverbeke, 2018, Eloquent JavaScript (3rd Edition), No Starch Press, ISBN 978-1593279509
• Tony Parisi, 2015, Learning Virtual Reality: Developing Immersive Experiences and Applications for Desktop, Web, and Mobile, O’Reilly Media, ISBN: 978-1491922835
• Mozilla, 2024, MDN Web Docs: WebXR API, Mozilla Foundation, (Online-Ressource)
• Tony Parisi, 2014, Programming 3D Applications with HTML5 and WebGL, O’Reilly Media, ISBN: 978-1449362966

Lecture and weekly practical subtasks (seminar form), which together form a front-end application. The final application submitted is evaluated.