Web-Programmierung mit TypeScript & Google Firebase

Hochschulkurs zur Full-Stack-Webentwicklung mit TypeScript, modernen DOM-Standards, Firebase Authentication, Cloud Firestore und CI/CD-Hosting.

#typescript#web-development#teaching
🌐GermanGitHub RepositorySponsor Courseware

Moderne Webanwendungen verlangen typsichere Frontend-Architekturen und reaktive, hochverfügbare Cloud-Backends. Dieser Kurs vermittelt die Full-Stack-Webentwicklung mit TypeScript und der Serverless-Plattform Google Firebase – von statischer Typisierung und DOM-Manipulation über Firestore-Echtzeitsynchronisation bis hin zu Produktions-Deployments via Firebase Hosting.

Target Audience

Bachelor-Studierende der Fachrichtung Informatik sowie Webentwickler, die moderne Single-Page-Apps mit TypeScript und serverlosen Cloud-Diensten realisieren wollen.

Course Prerequisites

  • Grundlegendes Verständnis von HTML-Strukturen und CSS-Styling
  • Elementare Programmierkenntnisse (Variablen, Bedingungen, Schleifen)
  • Familiarität mit modernen Webbrowsern und Entwicklertools

Learning Goals

  • Statisches TypeScript-Typing: Sichere Beherrschung von Interfaces, Generics, Union-Typen und Type-Guards im Webkontext.
  • Reaktive DOM-Manipulation: Komponentenorientierte Benutzeroberflächen mit modernem JavaScript (ES6+), Fetch und Async/Await.
  • Cloud Firestore & NoSQL: Modellierung dokumentenbasierter NoSQL-Datenbanken und Echtzeit-Synchronisation mit Snapshots.
  • Auth & Serverless Deployment: Benutzerauthentifizierung, granulare Sicherheitsregeln (Rules) und Hosting-Pipelines.

Course Syllabus

  1. TypeScript-Sprachkonzepte & Compiler: Statische Typisierung für moderne Webanwendungen mit TypeScript: Compiler-Konfiguration (tsconfig.json), Interfaces, Union/Intersection Types und Generics.
  2. Moderne Web-Standards & DOM-Interaktion: Standardkonforme Frontend-Architektur ohne Framework-Lock-in: Semantisches HTML5, responsive Layouts mit CSS Grid/Flexbox und typsichere DOM-Events.
  3. Firebase Setup & Authentication: Projektinitialisierung und Identitätsmanagement mit Google Firebase: Modulares Web-SDK v10, E-Mail/Passwort- und OAuth-Login sowie reaktive Auth-Guards.
  4. Echtzeitdatenbank Cloud Firestore: Dokumentenbasierte Datenhaltung mit Cloud Firestore: Datenmodellierung in Collections, typsichere CRUD-Transaktionen, onSnapshot-Listener und Security Rules.
  5. Build-Prozesse, Hosting & CI/CD: Produktionsreifes Web-Bundling und Cloud-Deployment: Asset-Optimierung mit Vite, Single-Page-Routing, Firebase Hosting Preview-Channels und GitHub Actions.

Course Modules

Structured learning units covering theoretical foundations, practical implementations, and industry tooling.

Module 01

TypeScript-Sprachkonzepte & Compiler

Statische Typisierung für moderne Webanwendungen mit TypeScript: Compiler-Konfiguration (tsconfig.json), Interfaces, Union/Intersection Types und Generics.

Read More
Module 02

Moderne Web-Standards & DOM-Interaktion

Standardkonforme Frontend-Architektur ohne Framework-Lock-in: Semantisches HTML5, responsive Layouts mit CSS Grid/Flexbox und typsichere DOM-Events.

Read More
Module 03

Firebase Setup & Authentication

Projektinitialisierung und Identitätsmanagement mit Google Firebase: Modulares Web-SDK v10, E-Mail/Passwort- und OAuth-Login sowie reaktive Auth-Guards.

Read More
Module 04

Echtzeitdatenbank Cloud Firestore

Dokumentenbasierte Datenhaltung mit Cloud Firestore: Datenmodellierung in Collections, typsichere CRUD-Transaktionen, onSnapshot-Listener und Security Rules.

Read More
Module 05

Build-Prozesse, Hosting & CI/CD

Produktionsreifes Web-Bundling und Cloud-Deployment: Asset-Optimierung mit Vite, Single-Page-Routing, Firebase Hosting Preview-Channels und GitHub Actions.

Read More