Das Internet hat seit der ersten Website bis hin zu den komplexen und vielseitigen Webanwendungen von heute einen langen Weg zurückgelegt. Die moderne Webentwicklung hat sich gegenüber diesen frühen Architekturen erheblich weiterentwickelt, was zum Aufkommen der Full-Stack-Entwicklung geführt hat, bei der zwischen Frontend- und Backend-Technologien unterschieden wird. Der zunehmende Grad an Interaktivität und Funktionalität hat auch zu einer größeren Komplexität geführt. Webanwendungen werden heute häufig unter Verwendung komplexer Frameworks und Bibliotheken erstellt, was größere Entwicklungsteams und spezialisierte Fähigkeiten erfordert. Herausforderungen wie Skalierbarkeit (Bewältigung einer wachsenden Nutzer- und Datenmenge) und Sicherheit (Schutz sensibler Informationen und Systeme) haben erheblich an Bedeutung gewonnen. Um diesen Anforderungen gerecht zu werden und Kosteneinsparungen zu erzielen, hat sich in der Branche der breite Einsatz von Virtualisierungs- und Cloud-Technologien durchgesetzt, die es Entwicklern ermöglichen, Anwendungen effizienter und flexibler über eine verteilte Infrastruktur hinweg bereitzustellen und zu skalieren.
Dieser Kurs behandelt die technologischen Grundlagen der modernen Webentwicklung und deckt dabei sowohl Frontend- als auch Backend-Aspekte ab. Er befasst sich mit SQL-Datenbanken und konzentriert sich dabei auf grundlegende Interaktionen sowie auf die Datenbanksicherheit mithilfe von ORMs. Darüber hinaus werden verschiedene Authentifizierungsdienste und -methoden behandelt, die zur Überprüfung der Benutzeridentitäten und zur Zugriffskontrolle auf Ressourcen von Webanwendungen eingesetzt werden. Außerdem werden Web-APIs und Microservices besprochen, die komplexe Systeme in überschaubare Anwendungen aufteilen und die Kommunikation zwischen diesen standardisieren.
Abschließend befasst der Kurs sich eingehend mit Virtualisierung und Cloud-Computing, stellt verschiedene Virtualisierungskonzepte vor, erläutert, wie diese Technologien dazu beitragen können, Webprojekte kostengünstig und effektiv bereitzustellen, und erörtert die Vor- und Nachteile der Virtualisierung. Auf dieser Grundlage schließt das Dokument mit einem praktischen Leitfaden zur Containerisierung, in dem detailliert beschrieben wird, wie man sichere, daemonlose Container (d.h. Container ohne Hintergrunddienste) mit Podman implementiert, Workloads mit persistenten Daten verwaltet und eine isolierte, produktionsreife Reverse-Proxy-Umgebung bereitstellt.
Nach Abschluss dieses Kurses sind die Teilnehmer in der Lage:
- Einfache clientseitige Webinhalte mit HTML, CSS und JavaScript zu erstellen;
- Eine Full-Stack-Entwicklungsumgebung einzurichten und gängige Framework-Funktionen wie Routing und Template-Engines zu nutzen;
- Grundlegende Datenbankinteraktionen durchzuführen und mithilfe eines ORM grundlegende Datenbankmodelle und Sicherheitsmaßnahmen anzuwenden;
- Zwischen verschiedenen Methoden zur Benutzerauthentifizierung in Webanwendungen zu unterscheiden;
- Web-APIs und Microservices für die Anwendungskommunikation zu verstehen, einschließlich der Architekturprinzipien von REST;
- Zentrale Konzepte der Virtualisierung und des Cloud-Computing, die für die Bereitstellung von Webprojekten relevant sind, zu erläutern;
- Die Vorteile eines professionellen Webhostings für die Bereitstellung von Webprojekten zu benennen;
- Eine Linux-native Entwicklungsumgebung unter Windows mithilfe von WSL2 zu konfigurieren, um die Lücke zwischen lokalem Code und Produktionsarchitekturen zu schließen;
- Reproduzierbare Anwendungsumgebungen mithilfe von OCI-konformen Container-Images und Podman bereitzustellen;
- Container-Volumes für die Datenbankpersistenz zu konfigurieren und Microservices hinter einem Nginx-Reverse-Proxy zu isolieren.
- University System of Georgia. Developing an Information Search Strategy: The Internet [online]. [Accessed: 2025-05-23]. Available from: https://www.usg.edu/galileo/skills/unit07/internet07_02.phtml
- TomorrowDesk. History of TCP/IP [online]. [Accessed: 2025-05-23]. Available from: https://tomorrowdesk.com/history/tcpip
- AWS. What is the OSI Model? [online]. [Accessed: 2025-05-23]. Available from: https://aws.amazon.com/what-is/osi-model/?nc1=h_ls
- CERN. The birth of the Web [online]. [Accessed: 2025-05-23]. Available from: https://home.cern/science/computing/birth-web
- Berners-Lee, T. (1992). WorldWideWeb: The first browser [online]. [Accessed: 2025-05-23]. Available from: https://www.w3.org/People/Berners-Lee/WorldWideWeb.html
- W3C. About W3C [online]. [Accessed: 2025-05-23]. Available from: https://www.w3.org/about/
- MDN Web Docs. IndexedDB API [online]. [Accessed: 2025-05-23]. Available from: https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API
- MDN Web Docs. Box model [online]. [Accessed: 2025-05-23]. Available from: https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Box_model
- Strapi. Bootstrap vs. Tailwind CSS: A comparison of top CSS frameworks [online]. [Accessed: 2025-05-23]. Available from: https://strapi.io/blog/bootstrap-vs-tailwind-css-a-comparison-of-top-css-frameworks
- Bootstrap. Buttons [online]. [Accessed: 2025-05-23]. Available from: https://getbootstrap.com/docs/5.3/components/buttons/
- Tailwind CSS. Optimizing for Production [online]. [Accessed: 2025-05-23]. Available from: https://v3.tailwindcss.com/docs/optimizing-for-production
- Tailwind CSS. Colors [online]. [Accessed: 2025-05-23]. Available from: https://tailwindcss.com/docs/colors
- TC39. TC39 [online]. [Accessed: 2025-05-23]. Available from: https://tc39.es/
- GeeksforGeeks. Where to put JavaScript in an HTML document? [online]. [Accessed: 2025-05-23]. Available from: https://www.geeksforgeeks.org/where-to-put-javascript-in-an-html-document/
- MDN Web Docs. Working with JSON [online]. [Accessed: 2025-05-23]. Available from: https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Scripting/JSON
- MDN Web Docs. What is a web server? [online]. [Accessed: 2025-05-23]. Available from: https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Web_mechanics/What_is_a_web_server
- JetBrains. The State of PHP 2024 [online]. [Accessed: 2025-05-23]. Available from: https://blog.jetbrains.com/phpstorm/2025/02/state-of-php-2024/
- Django. The Web framework for perfectionists with deadlines [online]. [Accessed: 2025-05-23]. Available from: https://www.djangoproject.com/
- GeeksforGeeks. Flask Tutorial [online]. [Accessed: 2025-05-23]. Available from: https://www.geeksforgeeks.org/flask-tutorial/
- Intelivita. Top 10 Web Development Languages & Technologies to Use in 2024 [online]. [Accessed: 2025-05-23]. Available from: https://www.intelivita.com/blog/web-development-languages/
- Mbark T3sto. Svelte: Understanding the Components [online]. [Accessed: 2025-05-23]. Available from: https://mbarkt3sto.hashnode.dev/svelte-understanding-the-components
- Svelte. Runes [online]. [Accessed: 2025-05-23]. Available from: https://svelte.dev/blog/runes
- IBM. A brief history of the relational database [online]. [Accessed: 2025-05-23]. Available from: https://www.ibm.com/history/relational-database
- Teradata. What is ACID Compliance? [online]. [Accessed: 2025-05-23]. Available from: https://www.teradata.com/insights/data-platform/understanding-acid-compliance
- WebAuthn.guide. WebAuthn.guide [online]. [Accessed: 2025-05-23]. Available from: https://webauthn.guide/
- Sayonetech. 5 Microservices Examples: Amazon, Netflix, Uber, Spotify, and Etsy [online]. [Accessed: 2025-05-23]. Available from: https://www.sayonetech.com/blog/5-microservices-examples-amazon-netflix-uber-spotify-and-etsy/
- DreamFactory. Microservices Examples [online]. [Accessed: 2025-05-23]. Available from: https://blog.dreamfactory.com/microservices-examples
- Visual Paradigm. What is REST API? [online]. [Accessed: 2025-05-23]. Available from: https://www.visual-paradigm.com/guide/development/what-is-rest-api/
- IONOS. So behalten Sie den Überblick beim Server-Vergleich [How to keep track when comparing servers] [online]. [Accessed: 2025-05-23]. Available from: https://www.ionos.at/digitalguide/server/knowhow/so-behalten-sie-den-ueberblick-beim-server-vergleich/
- AWS. What's the Difference Between Type 1 and Type 2 Hypervisors? [online]. [Accessed: 2025-05-23]. Available from: https://aws.amazon.com/compare/the-difference-between-type-1-and-type-2-hypervisors/
- RisingStack Engineering. Operating System Containers vs. Application Containers [online]. [Accessed: 2025-05-23]. Available from: https://blog.risingstack.com/operating-system-containers-vs-application-containers/
- Docker. What is a container? [online]. [Accessed: 2025-05-23]. Available from: https://docs.docker.com/get-started/docker-concepts/the-basics/what-is-a-container/
- Sysdig. Docker 101: The Docker Components [online]. [Accessed: 2025-05-23]. Available from: https://sysdig.com/learn-cloud-native/docker-101-the-docker-components/
- AWS. What is Amazon ECS? [online]. [Accessed: 2025-05-23]. Available from: https://aws.amazon.com/ecs/
- AWS. Amazon Elastic Kubernetes Service (EKS) [online]. [Accessed: 2025-05-23]. Available from: https://aws.amazon.com/eks/
- Google Cloud. Google Kubernetes Engine (GKE) [online]. [Accessed: 2025-05-23]. Available from: https://cloud.google.com/kubernetes-engine
- Microsoft Azure. Azure Kubernetes Service (AKS) [online]. [Accessed: 2025-05-23]. Available from: https://azure.microsoft.com/en-us/products/kubernetes-service/
- Microsoft Azure. Azure Container Instances [online]. [Accessed: 2025-05-23]. Available from: https://azure.microsoft.com/en-us/products/container-instances/
- Open Container Initiative, "OCI Image and Runtime Specifications," Linux Foundation [online]. [Accessed: 2026-06-01]. Available from: https://github.com/opencontainers/image-spec
- Red Hat, "Podman Architecture and Features," Red Hat Developer Documentation [online]. [Accessed: 2026-06-01]. Available from: https://www.redhat.com/en/topics/containers/what-is-podman
- D. Walsh, Podman in Action: Secure, Daemonless Container Management, Manning Publications [online]. [Accessed: 2026-06-01]. Available from: https://www.manning.com/books/podman-in-action
- Podman Documentation Project, "Basic Setup and Security Principles for Rootless Podman," Containers Organization [online]. [Accessed: 2026-06-01]. Available from: https://docs.podman.io/
- Microsoft Learn, "Comparing WSL 1 and WSL 2," Microsoft Documentation [online]. [Accessed: 2026-06-01]. Available from: https://learn.microsoft.com/en-us/windows/wsl/compare-versions
- Microsoft Learn, "Install Linux on Windows with WSL," Microsoft Documentation [online]. [Accessed: 2026-06-01]. Available from: https://learn.microsoft.com/en-us/windows/wsl/install
- Microsoft Learn, "File interoperability between Windows and Linux," Microsoft Documentation [online]. [Accessed: 2026-06-01]. Available from: https://learn.microsoft.com/en-us/windows/wsl/filesystems
- Podman Documentation Project, "Podman Command Line Interface Reference," Containers Organization [online]. [Accessed: 2026-06-01]. Available from: https://docs.podman.io/en/latest/Commands.html
- Alpine Linux Development Team, "Alpine Linux Distribution Overview," Alpine Linux Project [online]. [Accessed: 2026-06-01]. Available from: https://alpinelinux.org/about/
- Docker Documentation, "Best practices for writing Dockerfiles," Docker Inc. [online]. [Accessed: 2026-06-01]. Available from: https://docs.docker.com/develop/develop-images/dockerfile_best-practices/
- SvelteKit Documentation, "Adapter-node deployment specifications," Svelte Core Team [online]. [Accessed: 2026-06-01]. Available from: https://svelte.dev/docs/kit/adapter-node
- Podman Documentation Project, "Understanding container storage and persistent volumes," Containers Organization [online]. [Accessed: 2026-06-01]. Available from: https://docs.podman.io/en/latest/markdown/podman-volume-create.1.html
- Oracle, "Official MySQL Container Image Documentation and Configuration," Oracle Corporation [online]. [Accessed: 2026-06-01]. Available from: https://hub.docker.com/_/mysql
- Podman Documentation Project, "Podman Network Configuration and Management Guides," Containers Organization [online]. [Accessed: 2026-06-01]. Available from: https://docs.podman.io/en/latest/markdown/podman-network.1.html
- Nginx Documentation, "NGINX Reverse Proxy Configuration Guide," F5 Inc. [online]. [Accessed: 2026-06-01]. Available from: https://docs.nginx.com/nginx/admin-guide/web-server/reverse-proxy/
- Kubernetes Authors, "Kubernetes Components and Container Runtimes," The Linux Foundation [online]. [Accessed: 2026-06-01]. Available from: https://kubernetes.io/docs/concepts/overview/components/