Webanwendungen lernen: Interaktive Quizze für Informatik Klasse 13

Question 1

Welcher React Hook wird eingesetzt, um den lokalen Zustand einer Komponente zu verwalten?

Accepted Answer

useState()

Answer

useEffect()

Answer

useContext()

Answer

useRef()

Question 2

Welche Angular Komponente wird genutzt, um Daten zwischen Komponenten auszutauschen?

Accepted Answer

Service

Answer

Directive

Answer

Module

Answer

Component

Question 3

Welches HTML-Attribut gibt an, dass ein Element auf ein Skript verweist?

Accepted Answer

src

Answer

href

Answer

type

Answer

id

Question 4

Welcher HTTP-Statuscode zeigt den erfolgreichen Abruf der angeforderten Ressource an?

Accepted Answer

200

Answer

301

Answer

404

Answer

500

Question 5

Welches CSS-Attribut definiert die Breite eines Elements?

Accepted Answer

width

Answer

height

Answer

padding

Answer

margin

Question 6

Welche HTTP-Methode sendet Daten an den Server?

Accepted Answer

POST

Answer

GET

Answer

PUT

Answer

DELETE

Question 7

Welcher HTTP-Statuscode deutet darauf hin, dass die angeforderte Ressource an einem anderen Ort verfügbar ist?

Accepted Answer

301 Moved Permanently

Answer

200 OK

Answer

404 Not Found

Answer

500 Internal Server Error

Question 8

Welches Framework ist für seine reaktiven Fähigkeiten in der Webentwicklung bekannt?

Accepted Answer

React

Answer

jQuery

Answer

Bootstrap

Answer

Materialize

Question 9

Was steht die Abkürzung REST für?

Accepted Answer

Repräsentative State Transfer

Answer

Robust Extensible Stateful Technologies

Answer

Rapidly Evolving Software Technology

Answer

Reactive Efficient Simple Tools

Question 10

Welche der folgenden Optionen ist keine JavaScript-Bibliothek?

Accepted Answer

Java

Answer

jQuery

Answer

React

Answer

Angular

Question 11

Was ist der Hauptzweck von WebSockets?

Accepted Answer

Bidirektionale Kommunikation zwischen Client und Server

Answer

Datenspeicherung auf dem Client

Answer

Ressourcen-Caching

Answer

Formatierung von HTML-Dokumenten

Question 12

Welche Komponente ist in React-Anwendungen für die Verwaltung des Zustands verantwortlich?

Accepted Answer

State

Answer

Props

Answer

Context API

Answer

Redux

Question 13

Welches Prinzip der responsiven Webentwicklung stellt sicher, dass das Layout einer Website sich automatisch an verschiedene Bildschirmgrößen anpasst?

Accepted Answer

Media Queries

Answer

Flexbox

Answer

Grid

Answer

Bootstrap

Question 14

Welches Tool wird in Webentwicklungsumgebungen verwendet, um den Code während der Entwicklung in Echtzeit zu analysieren und Probleme zu identifizieren?

Accepted Answer

Linter

Answer

Compiler

Answer

Debugger

Answer

Webserver

Question 15

Welche HTTP-Methode wird zum Abrufen von Daten von einem Server verwendet?

Accepted Answer

GET

Answer

POST

Answer

PUT

Answer

DELETE

Question 16

Welche JavaScript-Bibliothek wird häufig zur Manipulation des DOM verwendet?

Accepted Answer

jQuery

Answer

Lodash

Answer

Moment.js

Answer

Chart.js

Question 17

Welcher Begriff beschreibt eine Umgebung zur Ausführung von Webanwendungen?

Accepted Answer

Webbrowser

Answer

Server

Answer

IDE

Answer

Betriebssystem

Question 18

Welche Komponente ist in React für die Darstellung der Benutzeroberfläche verantwortlich?

Accepted Answer

Rendering-Funktion

Answer

Zustand (State)

Answer

Eigenschaften (Props)

Answer

Lebenszyklus-Methoden

Question 19

Welches Webentwicklungs-Framework verwendet das Model-View-Controller-Muster?

Accepted Answer

Angular

Answer

Vue.js

Answer

React

Answer

Svelte

Question 20

Welches Prinzip ist bei der Entwicklung responsiver Websites zu beachten?

Accepted Answer

Mobile First

Answer

Desktop First

Answer

Tablet First

Answer

Nur responsiv

Question 21

Welche Technik dient dem asynchronen Abrufen von Daten von einem Server?

Accepted Answer

AJAX

Answer

WebSockets

Answer

JSON

Answer

XML

Question 22

Welches Tool wird für die Versionskontrolle von Code verwendet?

Accepted Answer

Git

Answer

SVN

Answer

Mercurial

Answer

CVS

Question 23

Welche Funktion erfüllt das CSS-Attribut "display"?

Accepted Answer

Steuern der Darstellung eines Elements

Answer

Festlegen der Schriftart

Answer

Ändern der Farbe eines Elements

Answer

Positionieren eines Elements

Question 24

Welches der folgenden Frameworks ist ausschließlich für die Entwicklung von Webanwendungen mit reaktiven Komponenten konzipiert?

Accepted Answer

React

Answer

Angular

Answer

jQuery

Answer

Bootstrap

Question 25

Welches Prinzip sorgt dafür, dass Webanwendungen sich automatisch an unterschiedliche Bildschirmgrößen und Auflösungen anpassen?

Accepted Answer

Responsives Design

Answer

Adaptives Design

Answer

Fluides Design

Answer

Skalierbares Design

Question 26

Welche Komponente in React ist primär für die Verwaltung des Zustands einer Anwendung zuständig?

Accepted Answer

State

Answer

Props

Answer

Context

Answer

Reducer

Question 27

Welcher HTTP-Statuscode wird ausgegeben, wenn die angeforderte Ressource nicht gefunden werden kann?

Accepted Answer

404 Not Found

Answer

200 OK

Answer

500 Internal Server Error

Answer

301 Moved Permanently

Question 28

Welche der folgenden Techniken dient dazu, Daten von einem Server abzurufen, ohne die gesamte Seite neu zu laden?

Accepted Answer

AJAX

Answer

JSON

Answer

XML

Answer

WebSockets

Question 29

Welche Programmiersprache bildet die Grundlage für die Entwicklung von Angular-Anwendungen?

Accepted Answer

TypeScript

Answer

JavaScript

Answer

Java

Answer

Python

Question 30

Welcher Begriff beschreibt die Aufteilung einer großen Webanwendung in kleinere, leichter zu verwaltende Bestandteile?

Accepted Answer

Modularisierung

Answer

Komposition

Answer

Aggregation

Answer

Vererbung

Question 31

Welche bewährten Verfahren sind für die Leistungssteigerung von Webanwendungen unerlässlich? Nenne konkrete Beispiele.

Accepted Answer

Bilder komprimieren und Lazy-Loading nutzen

Accepted Answer

Statische Ressourcen zwischenspeichern

Accepted Answer

Asynchrone Anfragen verwenden

Answer

Große Datenmengen auf dem Client verarbeiten

Question 32

Welches der folgenden Frameworks eignet sich für die Entwicklung interaktiver und responsiver Webanwendungen?

Accepted Answer

Angular

Accepted Answer

React

Answer

JavaServer Faces

Answer

Struts

Question 33

Welches der aufgeführten Frameworks basiert auf dem MVC-Architekturmuster?

Accepted Answer

Angular

Answer

React

Answer

jQuery

Answer

Bootstrap

Question 34

Welches Attribut wird in Angular verwendet, um jedem Element eine eindeutige Kennung zu geben?

Accepted Answer

key

Answer

id

Answer

ref

Answer

index

Question 35

Welches Prinzip der Webentwicklung ermöglicht Änderungen an der Benutzeroberfläche, ohne die gesamte Seite neu zu laden?

Accepted Answer

Single Page Applications

Answer

Progressive Web Apps

Answer

Responsive Design

Answer

Cloud Computing

Question 36

Welche der folgenden Technologien dient dem Datenaustausch zwischen Client und Server?

Accepted Answer

HTTP

Answer

HTML

Answer

CSS

Answer

JavaScript

Question 37

Welche UI-Komponente ermöglicht es Benutzern, ihre Auswahl aus mehreren Optionen zu treffen?

Accepted Answer

Dropdown-Liste

Answer

Schaltfläche

Answer

Textfeld

Answer

Tabellenzeile

Question 38

Welches Konzept wird in React verwendet, um die Darstellung eines Zustands in einer Komponente abhängig von Änderungen zu machen?

Accepted Answer

Hooks

Answer

Virtual DOM

Answer

Redux

Answer

Router

Question 39

Welche Methode wird in Angular verwendet, um einen Eingabewert zu binden?

Accepted Answer

ngModel

Answer

onClick

Answer

ngIf

Answer

ngFor

Question 40

Welches Tool wird zur Überwachung und Verbesserung der Leistung von Webanwendungen verwendet?

Accepted Answer

Google Chrome DevTools

Answer

Postman

Answer

Git

Answer

Visual Studio Code

Question 41

Welches Prinzip der agilen Softwareentwicklung betont die iterative und inkrementelle Bereitstellung von Software?

Accepted Answer

Scrum

Answer

Kanban

Answer

Lean

Answer

Extreme Programming

Question 42

Welche der folgenden Frameworks ist eine moderne Bibliothek zur Erstellung interaktiver und reaktionsfähiger Webanwendungen?

Accepted Answer

React

Answer

Node.js

Answer

Bootstrap

Answer

jQuery

Question 43

Welches Konzept der Webentwicklung ermöglicht es, dass Websites auf Geräten mit unterschiedlichen Bildschirmgrößen optimal dargestellt werden?

Accepted Answer

Responsives Design

Answer

Progressive Web Apps

Answer

Server Side Rendering

Answer

Single Page Applications

Question 44

Welches Prinzip der Webentwicklung zielt darauf ab, die Ladezeit von Websites zu minimieren, indem nur die erforderlichen Ressourcen bei Bedarf geladen werden?

Accepted Answer

Lazy Loading

Answer

Eager Loading

Answer

Server-Side Rendering

Answer

Client-Side Rendering

Question 45

Welcher Webanwendungs-Architekturstil basiert auf dem Konzept des unidirektionalen Datenflusses?

Accepted Answer

Flux

Answer

MVVM

Answer

MVP

Answer

MVC

Question 46

Welche Eigenschaft von Webanwendungen ermöglicht es Benutzern, mit der Anwendung zu interagieren, ohne die Seite neu zu laden?

Accepted Answer

Interaktivität

Answer

Skalierbarkeit

Answer

Dynamik

Answer

Sicherheit

Question 47

Welches Tool wird in Angular zur Verwaltung des Zustands einer Anwendung verwendet?

Accepted Answer

NgRx Store

Answer

MobX

Answer

zustand

Answer

Redux

Question 48

Welches Protokoll wird für die sichere Übertragung von Daten über das Internet genutzt?

Accepted Answer

HTTPS

Answer

HTTP

Answer

SMTP

Answer

FTP

Question 49

Welche Programmiersprache bildet die Grundlage für die meisten modernen Webanwendungen?

Accepted Answer

JavaScript

Answer

Python

Answer

Java

Answer

C++

Question 50

Welches der folgenden Frameworks ist ein modernes JavaScript-Framework zur Entwicklung interaktiver Webanwendungen?

Accepted Answer

React

Answer

Node.js (Server-Framework)

Answer

Bootstrap (CSS-Framework)

Answer

jQuery (veraltet)

Question 51

Welche Technologie ermöglicht die reaktive Programmierung in Angular-Webanwendungen?

Accepted Answer

RxJS

Answer

Redux (Zustandsverwaltung)

Answer

jQuery (veraltet)

Answer

Bootstrap (CSS-Framework)

Question 52

Welche HTTP-Methode wird verwendet, um Daten von einem Server anzufordern?

Accepted Answer

GET

Answer

POST (Erstellung)

Answer

PUT (Aktualisierung)

Question 53

Welcher Vorteil von Single Page Applications (SPAs) ist auf ihr schnelles Laden zurückzuführen?

Accepted Answer

Schnelle Ladezeiten

Answer

Hohe Serverlast (falsch)

Answer

Geringere Sicherheit (falsch)

Answer

Schlechte Benutzerfreundlichkeit (falsch)

Question 54

Welches der folgenden Prinzipien beschreibt den deklarativen Ansatz von React in der Webentwicklung?

Accepted Answer

Die Definition von Benutzeroberflächen erfolgt durch die Erklärung ihres Zustands und ihrer Abhängigkeiten.

Answer

Die Manipulation des DOM erfolgt durch direkte imperativen Anweisungen.

Answer

Die Verwendung funktionaler Programmierparadigmen ist ein zentraler Bestandteil.

Question 55

Welche der folgenden Frameworks ist eine beliebte Wahl für die Entwicklung moderner Single-Page-Anwendungen (SPAs)?

Accepted Answer

Angular

Answer

Bootstrap (CSS-Framework)

Answer

Materialize CSS (CSS-Framework)

Answer

jQuery (veraltet)

Question 56

Welche Komponente in React ermöglicht die Verwaltung des Zustands einer Anwendung?

Accepted Answer

State Hook

Answer

Event Handler

Answer

Life-Cycle-Methode

Answer

Higher-Order-Komponente

Question 57

Was ist das Hauptziel der Verwendung von responsiven Webdesign-Techniken?

Accepted Answer

Sicherstellung der optimalen Darstellung von Webanwendungen auf verschiedenen Geräten und Bildschirmgrößen.

Answer

Erleichterung der Suchmaschinenoptimierung (SEO)

Answer

Verbesserung der Ladezeit von Websites

Question 58

Welches der folgenden Tools wurde speziell für die Entwicklung und das Testen von Webanwendungen entwickelt?

Accepted Answer

Google Chrome DevTools

Answer

Safari

Answer

Microsoft Edge

Answer

Mozilla Firefox

Question 59

Welche der folgenden Aussagen beschreibt ein wesentliches Merkmal von Single-Page-Anwendungen (SPAs)?

Accepted Answer

Navigation innerhalb der Anwendung erfolgt ohne Seitenaktualisierungen.

Answer

Sie enthalten ausschließlich statische Inhalte ohne Interaktivität.

Answer

Sie verwenden serverseitiges Rendering für die gesamte Anwendung.

Question 60

Welcher der folgenden HTTP-Statuscodes wird zurückgegeben, wenn eine angeforderte Ressource nicht gefunden werden kann?

Accepted Answer

404 - Not Found

Answer

200 - OK

Answer

301 - Moved Permanently

Answer

500 - Internal Server Error

Question 61

Welche Technik wird verwendet, um asynchrone Kommunikation zwischen Client und Server in Webanwendungen zu ermöglichen?

Accepted Answer

AJAX (Asynchronous JavaScript and XML)

Answer

JSON (JavaScript Object Notation)

Answer

SOAP (Simple Object Access Protocol)

Answer

XML (Extensible Markup Language)

Question 62

Welches der folgenden Konzepte ist ein wesentlicher Bestandteil von Webanwendungen, um Benutzerfreundlichkeit und Zugänglichkeit zu gewährleisten?

Accepted Answer

Barrierefreiheit

Answer

SEO (Suchmaschinenoptimierung)

Answer

Wartbarkeit

Answer

Sicherheit

Question 63

Welches der folgenden ist **kein** modernes Frontend-Framework für die Webentwicklung?

Accepted Answer

jQuery

Answer

Angular

Answer

Vue.js

Answer

React

Question 64

Was ist der **Hauptvorteil** einer komponentenbasierten Architektur in Webanwendungen?

Accepted Answer

Wiederverwendbarkeit von Code und vereinfachte Wartung

Answer

Verbesserte Performance durch reduzierte Codegröße

Answer

Einfacheres Design durch vorgegebene Komponentenlayouts