Hallo! Tauchen wir ein in die Welt der Web-Apps.

Definieren einer Web-App

Eine Web-App ist normalerweise browserbasiert. Zu den wichtigsten Merkmalen gehören:

• Plattformunabhängigkeit (keine Abhängigkeit von bestimmten Betriebssystemen)
• Läuft auf jedem Gerät, auch auf Mobilgeräten
• Internetabhängig (zumindest beim Erstladen)
• Dynamischer Inhalt (häufige Aktualisierungen)

Technologien hinter Web-Apps

Zu den wesentlichen Technologien für Web-Apps gehören:

• Frontend: HTML, CSS und JavaScript (WebAssembly ist im Entstehen begriffen, aber noch nicht weit verbreitet)
• Backend: Verschiedene Sprachen wie Node.js, Python (mit Django oder Flask), Java usw.
• Datenbanken: SQL- und NoSQL-Optionen (z. B. MongoDB, PostgreSQL)

Beispiele für Web-Apps

Einige beliebte Web-Apps, die wir täglich verwenden:

• Gmail
• Google Docs
• Trello
• Slack (auch wenn es als Desktop-App verwendet wird, ist es webbasiert)
• Online-Banking
• Admin-Dashboards

Sicherheit in Web-Apps

Web-Apps profitieren von integrierten Sicherheitsfunktionen wie HTTPS für die verschlüsselte Datenübertragung. Diese bereits vorhandene Infrastruktur erspart Entwicklern den Aufbau von Sicherheitsmaßnahmen von Grund auf.

Was ist keine Web-App?

Um Web-Apps besser zu verstehen, schauen wir uns an, was nicht in Frage kommt:

• Native mobile Apps
• Native Desktop-Apps
• Befehlszeilenschnittstellen
• Eingebettete Systeme (z. B. Mikrowellensoftware)
• Die meisten Spiele (obwohl einige Web-Technologien verwenden)
• Einfache Websites**
• SEO-freundliche Websites** (diese priorisieren häufig statische oder vom Server gerenderte Inhalte)

Die serverseitige Rendering-Debatte

** Es gibt eine anhaltende Diskussion über serverseitiges Rendering (SSR) im Vergleich zu clientseitigem Rendering für Web-Apps. Einige Unternehmen drängen auf mehr SSR, auch weil sie einen Anreiz haben, Serverinfrastruktur zu verkaufen. Für viele Web-Apps reicht jedoch häufig clientseitiges Rendering aus und kann für ein besseres Benutzererlebnis sorgen.

Ladezeiten: Ein Realitätscheck

Berücksichtigen wir die Ladezeiten für Web-Apps:

• Erster Ladevorgang: ~7–8 Sekunden
• Nachfolgende Ladevorgänge: ~1 Sekunde (dank Caching)

Für die meisten Web-Apps sind diese Ladezeiten akzeptabel. Benutzern macht es normalerweise nichts aus, ein paar Sekunden auf eine App zu warten, die sie über einen längeren Zeitraum verwenden.

Der Hybridansatz

Bei Quave verwenden wir oft einen hybriden Ansatz:

1. Eine Website zur Präsentation und zum Verkauf der Idee (optimiert für SEO)
2. Eine Web-App für das eigentliche Produkt (optimiert für die Benutzererfahrung)

Diese Kombination ermöglicht es uns, die Stärken beider Ansätze zu nutzen.

Abschluss

Konzentrieren Sie sich bei der Entscheidung über die Architektur Ihrer App auf Ihre spezifischen Bedürfnisse, anstatt den neuesten Trends großer Technologieunternehmen zu folgen. Berücksichtigen Sie die Anforderungen und Benutzererfahrungsziele Ihrer App und wählen Sie den Ansatz, der Ihrem Projekt am besten dient.

Denken Sie daran, dass Technologie eine große Branche ist und Unternehmen Geld verdienen müssen. Ihre Priorität sollte jedoch darin liegen, Ihre individuellen Probleme zu lösen, und nicht darin, sich an das Geschäftsmodell eines anderen anzupassen.

Denken Sie kritisch und treffen Sie Entscheidungen auf der Grundlage der Prinzipien Ihrer App, nicht auf der Grundlage der neuesten Marktimpulse großer Unternehmen.

Wir sehen uns im nächsten! Tschüss.

Dieser Inhalt ist Teil des AI Proof Dev Web Apps-Kurses.