AP2_FIAE - Webentwicklung - Einführung in Webanwendungen
Deck: AP2_FIAE Kategorie: Webentwicklung Subkategorie: Einführung in Webanwendungen Anzahl Karten: 33
Was ist das Client-Server-Modell?::Das Client-Server-Modell ist eine verteilt operierende Architektur, die die Aufgaben und Verantwortlichkeiten zwischen Anbietern von Ressourcen oder Diensten (Server) und den Anforderern (Clients) aufteilt.
Wie läuft der Ablauf zwischen Client und Server in Webanwendungen?::In Webanwendungen sendet der Client HTTP-Anfragen an den Server, welcher die Anfragen verarbeitet und eine Antwort zurücksendet.
Aus welchen drei Hauptkomponenten bestehen die meisten Webanwendungen?::Die meisten Webanwendungen sind in drei Hauptkomponenten unterteilt: Präsentationsschicht, Anwendungsschicht und Datenzugriffschicht.
Was ist die Aufgabe der Präsentationsschicht?::Die Präsentationsschicht ist verantwortlich für das Anzeigen der Benutzerinterface und die Interaktion mit dem Benutzer, meist realisiert durch HTML, CSS und JavaScript im Webbrowser.
Was ist die Aufgabe der Anwendungsschicht?::Die Anwendungsschicht enthält die Geschäftslogik, die notwendig ist, um die Benutzeranfragen zu bearbeiten. Serverseitige Skripte in Sprachen wie PHP, Python, Ruby oder Node.js werden oft hier eingesetzt.
Was ist die Aufgabe der Datenzugriffschicht?::Die Datenzugriffschicht ist verantwortlich für die Persistenz und das Abrufen der Daten, oft unter Verwendung von Datenbanken wie MySQL, PostgreSQL oder MongoDB.
Was ist der Unterschied zwischen statischem und dynamischem Content Serving?::Statischer Inhalt bezieht sich auf unveränderliche Dateien, die direkt vom Server geliefert werden, wie HTML-Seiten, Bilder oder Stylesheets. Dynamischer Inhalt wird in Echtzeit erstellt, oft durch serverseitige Skripte, basierend auf den Aktionen des Benutzers oder anderen Faktoren.
Was besagt das Prinzip der Separation of Concerns?::Das Prinzip der Separation of Concerns besagt, dass jede Schicht klar definierte Verantwortlichkeiten hat und von anderen Schichten getrennt ist. Es ermöglicht ein höheres Maß an Ordnung, Wartbarkeit und Skalierbarkeit der Webanwendung.
Was ist der Fokus der Frontend-Entwicklung?::Die Frontend-Entwicklung fokussiert sich auf die Entwicklung der Präsentationsschicht, mit der die Benutzer direkt interagieren.
Welche Technologien werden in der Frontend-Entwicklung verwendet?::In der Frontend-Entwicklung werden Technologien wie HTML, CSS und JavaScript verwendet.
Was ist die Aufgabe von HTML?::HTML (Hypertext Markup Language) strukturiert den Inhalt und gibt das Grundgerüst der Webanwendung vor.
Was ist die Aufgabe von CSS?::CSS (Cascading Style Sheets) steuert das Aussehen der Webanwendung, einschließlich Layouts, Farben und Schriftarten.
Was ist die Aufgabe von JavaScript?::JavaScript ermöglicht interaktive Elemente und Benutzerinteraktionen, die das Benutzererlebnis verbessern.
Womit befasst sich die Backend-Entwicklung?::Die Backend-Entwicklung befasst sich mit der Anwendungsschicht und der Datenzugriffsschicht.
Was umfasst die Backend-Entwicklung?::Die Backend-Entwicklung umfasst serverseitige Programmierung mit Sprachen wie PHP, Python, Ruby und Node.js, um die Logik zu implementieren, die benötigt wird, um Anfragen zu bearbeiten und auf Daten zuzugreifen. Außerdem sind Datenbanken Teil der Backend-Entwicklung, um Daten dauerhaft zu speichern und effizient darauf zuzugreifen.
Welcher Unterschied besteht zwischen Webanwendungen und Desktopanwendungen in Bezug auf die Plattform und das Betriebssystem?::Desktopanwendungen laufen lokal auf einem Computer und sind in der Regel spezifisch für ein Betriebssystem entwickelt. Webanwendungen werden über einen Webbrowser zugegriffen und sind plattformunabhängig, solange der Browser die erforderlichen Technologien unterstützt.
Wie unterscheiden sich Webanwendungen und Desktopanwendungen in Bezug auf die Entwicklungsumgebung und Sprachen?::Desktopanwendungen werden mit einer Vielzahl von Programmiersprachen und Entwicklungsumgebungen erstellt, je nach Zielplattform. Webanwendungen nutzen Webtechnologien wie HTML, CSS und JavaScript, sowie Frameworks und Bibliotheken wie React, Angular oder Vue.js.
Welcher Unterschied besteht zwischen Webanwendungen und Desktopanwendungen in Bezug auf die Distribution und Updates?::Desktopanwendungen müssen manuell installiert und aktualisiert werden, wobei Updates oft einen Download und eine Neuinstallation durch den Endbenutzer erfordern. Webanwendungen sind sofort für jeden mit Internetzugang verfügbar und können zentral aktualisiert werden, ohne dass der Benutzer eingreifen muss.
Wie unterscheiden sich Webanwendungen und Desktopanwendungen in Bezug auf die Leistung und Ressourcennutzung?::Desktopanwendungen können direkt auf die Hardware des Systems zugreifen, was zu einer besseren Leistung für ressourcenintensive Anwendungen führen kann. Webanwendungen hängen von der Leistung des Webrowsers und der Internetverbindung ab, die Last kann allerdings auf Server verteilt werden.
Welcher Unterschied besteht zwischen Webanwendungen und Desktopanwendungen in Bezug auf Sicherheit und Datenschutz?::Desktopanwendungen können auf lokale Ressourcen und Daten zugreifen, was potenzielle Sicherheitsrisiken birgt, wenn die Anwendung kompromittiert wird. Webanwendungen laufen in der isolierten Umgebung eines Browsers, Daten zwischen Client und Server können jedoch abgefangen werden, weshalb HTTPS und andere Sicherheitsmaßnahmen wichtig sind.
Wie unterscheiden sich Webanwendungen und Desktopanwendungen in Bezug auf Nutzerinteraktion und Flexibilität?::Desktopanwendungen bieten oft eine reichhaltigere und reaktionsschnellere Benutzeroberfläche, können aber hinsichtlich der Aktualisierungszyklen und Plattformübergreifender Einsatzfähigkeit eingeschränkt sein. Webanwendungen bieten eine flexiblere Entwicklung und Bereitstellung, die Nutzererfahrung kann jedoch je nach Internetgeschwindigkeit und Browserleistung variieren.
Wie unterscheiden sich Webanwendungen und Desktopanwendungen in Bezug auf die Offline Nutzung?::Desktopanwendungen können in der Regel auch ohne Internetverbindung genutzt werden. Webanwendungen sind für den Offline-Zugriff begrenzt, es sei denn, sie verwenden Technologien wie Service Workers für das Zwischenspeichern von Daten.
Wie unterscheiden sich Webanwendungen und Desktopanwendungen in Bezug auf Entwicklungs- und Wartungskosten?::Desktopanwendungen können höhere Entwicklungs- und Wartungskosten verursachen, insbesondere wenn sie für mehrere Betriebssysteme entwickelt werden. Webanwendungen können wirtschaftlicher sein, da sie eine plattformübergreifende Nutzung ermöglichen und Updates und Wartung vereinfachen.
Wie waren Webseiten in den Anfangszeiten gestaltet?::Damals waren Webseiten statisch, was bedeutet, dass sie sich nicht automatisch aktualisierten oder Benutzerinteraktionen in Echtzeit erlaubten.
Was ermöglichte die Einführung von CGI (Common Gateway Interface)?::Die Einführung von CGI (Common Gateway Interface) in den frühen 1990er Jahren erlaubte es Webservern, dynamisch Inhalte zu generieren und auf Benutzeranfragen zu reagieren. CGI-Scripts ermöglichten den ersten interaktiven und dynamischen Webanwendungen.
Welche Technologien trieben die moderne Ära der Webanwendungen voran?::Mit der Einführung von HTML5, CSS3 und fortschrittlichen JavaScript APIs wurden Webanwendungen noch leistungsfähiger und konnten Funktionen wie Offline-Nutzung, Audio- und Videoverarbeitung direkt im Browser ohne zusätzliche Plugins anbieten.
Was sind Single-Page Applications (SPAs) und welche Frameworks werden dafür verwendet?::Single-Page Applications (SPAs) wurden populär, da sie eine app-ähnliche Erfahrung in einem Webbrowser ermöglichten, mit Frameworks wie React, Angular und Vue.js, die die Entwicklung vereinfachten.
Was sind Progressive Web Apps (PWAs)?::Progressive Web Apps (PWAs) kombinieren die besten Aspekte von Web- und mobilen Anwendungen. Sie sind schnell, zuverlässig und bieten eine reibungslose Benutzererfahrung, die der von nativen Apps ähnelt, mit dem zusätzlichen Vorteil, dass sie plattformübergreifend funktionsfähig sind.
Welche Vorteile bieten Progressive Web Apps (PWAs)?::PWAs können Offline arbeiten, Push-Benachrichtigungen senden und auf dem Startbildschirm des Benutzers installiert werden.
Was ist JAMstack und wie funktioniert es?::Der JAMstack (JavaScript, APIs und Markup) ist ein Ansatz, bei dem Websites bei der Anforderung aus vorgerenderten Dateien und Client-Seite JavaScript dynamisch generiert werden.
Was sind Headless CMS Systeme und welchen Vorteil bieten sie?::Headless CMS Systeme sind CMS-Systeme, bei denen die Inhaltsverwaltung und Präsentationsschicht entkoppelt sind, was Entwicklern mehr Flexibilität und Kontrolle gibt.
Was ist WebAssembly (Wasm) und welche Möglichkeiten eröffnet es?::WebAssembly (Wasm) ist ein neues Format, das die Ausführung von Code im Browser nahezu in nativer Geschwindigkeit ermöglicht, wodurch Anwendungen wie Spiele, Musik-Software und sogar komplexe Simulationsanwendungen im Web möglich wurden.
Welche zukünftigen Trends werden für Webanwendungen erwartet?::Zukunftstrends deuten darauf hin, dass Webanwendungen mit Technologien wie Machine Learning im Browser, verbesserten AR/VR-Erlebnissen und weiterer Integration mit dem IoT (Internet of Things) noch intelligentere und immersivere Benutzererfahrungen bieten werden.