Webentwicklung lernen: Online-Quizze für die 11. Klasse der Fachoberschule

Question 1

Welcher CSS-Befehl legt eine Schriftart fest?

Accepted Answer

font-family

Answer

style

Answer

color

Answer

text-decoration

Question 2

Welches HTML-Element wird für eine Überschrift der zweiten Ebene verwendet?

Accepted Answer

<h2>

Answer

<h1>

Answer

Question 3

Welcher Datentyp in JavaScript dient zur Speicherung ganzer Zahlen?

Accepted Answer

Zahl

Answer

Zeichenkette

Answer

Wahrheitswert

Question 4

Welche JavaScript-Funktion ermöglicht es, eine Funktion zeitverzögert auszuführen?

Accepted Answer

setTimeout()

Answer

setInterval()

Answer

delay()

Answer

wait()

Question 5

Welche JavaScript-Schleife wird verwendet, um einen Codeblock eine festgelegte Anzahl von Malen auszuführen?

Accepted Answer

For-Schleife

Answer

While-Schleife

Answer

Do-While-Schleife

Answer

For-Each-Schleife

Question 6

Welcher CSS-Selektor wählt alle Elemente aus, die das Attribut 'data-rolle' mit dem Wert 'navigation' besitzen?

Accepted Answer

[data-rolle="navigation"]

Answer

navigation

Answer

.navigation

Answer

data-rolle

Question 7

Was ist die Bedeutung von Barrierefreiheit im Webdesign? Nenne die wichtigsten WCAG-Richtlinien, die für zugängliche Websites sorgen.

Accepted Answer

Barrierefreiheit ist wichtig, um Websites für Menschen mit Behinderungen zugänglich zu machen. Die WCAG-Richtlinien bieten Anleitungen zur Berücksichtigung visueller, auditiver und kognitiver Einschränkungen.

Answer

Barrierefreiheit ist nur für Websites von Behörden vorgeschrieben.

Answer

Die WCAG-Richtlinien beziehen sich nur auf Farben und Schriftarten.

Answer

Barrierefreiheit ist nur für komplexe Websites relevant.

Question 8

Welche CSS-Media-Abfrage wird verwendet, um für größere Bildschirme ab einer bestimmten Breite eine alternative Stylesheet-Regel festzulegen?

Accepted Answer

@media (min-width: 600px)

Answer

@media (max-width: 600px)

Answer

@media (screen-width: 600px)

Answer

@media print

Question 9

Welches HTML5-Element wird genutzt, um ein Bild anzuzeigen, das sich an die Bildschirmgröße anpasst?

Accepted Answer

Answer

Answer

Answer

Question 10

Welche Prinzipien und Best Practices sind für die moderne Webentwicklung unerlässlich, insbesondere im Kontext agiler Entwicklung, Versionsverwaltung und automatisierter Tests?

Accepted Answer

Agile Entwicklung, Versionsverwaltung, automatisierte Tests

Answer

Agile Entwicklung, Refactoring, Debugging

Answer

Versionsverwaltung, Unit-Tests, Webserver-Konfiguration

Answer

Automatische Tests, Refactoring, Cloud-Bereitstellung

Question 11

Welche Techniken können zur Optimierung der Website-Performance eingesetzt werden?

Accepted Answer

Bildkomprimierung, Caching, asynchrones Laden

Answer

Nur die neuesten HTML- und CSS-Standards verwenden

Answer

Alle Bilder von der Website entfernen

Answer

Die Dateigrößen aller Ressourcen erhöhen

Question 12

Was ist die Bedeutung von Responsive Design in der modernen Webentwicklung und welche Vorteile bietet es?

Accepted Answer

Responsive Design sorgt dafür, dass Websites auf allen Geräten optimal dargestellt werden.

Answer

Responsive Design ist nur für die Optimierung von Websites auf Mobilgeräten wichtig.

Answer

Responsive Design verlangsamt die Ladezeiten von Websites.

Question 13

Welche HTTP-Methode dient zum Entfernen einer Ressource vom Server?

Accepted Answer

DELETE

Answer

GET

Answer

POST

Answer

PUT

Question 14

Welche der folgenden Regeln gilt für die Namensgebung von Variablen und Funktionen in JavaScript?

Accepted Answer

Variablennamen sollten kurz, aussagekräftig sein und CamelCase verwenden.

Answer

Funktionsnamen sollten mit einem Verb beginnen und Großbuchstaben enthalten.

Answer

Variablennamen und Funktionsnamen dürfen beliebige Zeichen enthalten.

Answer

Es ist egal, wie Variablen und Funktionen benannt werden.

Question 15

Welche CSS-Eigenschaft steuert den Abstand zwischen den Zeilen?

Accepted Answer

line-height

Answer

margin-top

Answer

padding-top

Answer

vertical-spacing

Question 16

Was ist die Hauptaufgabe eines Webservers und wie trägt er zur Bereitstellung von Webinhalten bei?

Accepted Answer

HTTP-Anfragen von Clients empfangen, angeforderte Ressourcen abrufen und als Antwort an den Client senden

Answer

Benutzerkonten verwalten und Benutzerdaten speichern

Answer

Webanwendungen hosten und ausführen, auf die Clients über das Internet zugreifen können

Answer

Webinhalte indizieren und für Suchmaschinen zugänglich machen

Question 17

Welche der folgenden Maßnahmen sind bei der Gestaltung responsiver Websites wichtig, um eine optimale Nutzererfahrung auf unterschiedlichen Bildschirmgrößen zu gewährleisten?

Accepted Answer

Einsatz von Media Queries zur Anpassung des Stils an die Gerätebreite

Answer

Verwendung von starren Layouts und festen Breiten

Answer

Erstellung separater Website-Versionen für verschiedene Geräte

Answer

Vernachlässigung der Optimierung für mobile Geräte

Question 18

Erläutere, wie CSS-Präprozessoren die Effizienz und Wartbarkeit von CSS-Code steigern.

Accepted Answer

Durch die Bereitstellung von Variablen, Mixins und Funktionen ermöglichen CSS-Präprozessoren die Wiederverwendung von Code und vereinfachen die Verwaltung.

Answer

CSS-Präprozessoren wandeln CSS-Code in lesbaren HTML-Code um und verbessern so die Kompatibilität.

Answer

CSS-Präprozessoren reduzieren die Dateigröße von CSS-Code, indem sie unnötige Zeichen entfernen.

Question 19

Was ist Suchmaschinenoptimierung (SEO) und wie kann sie den Traffic und die Sichtbarkeit von Websites verbessern?

Accepted Answer

SEO optimiert Websites für Suchmaschinen, um ihre Platzierung in Suchergebnissen zu verbessern und mehr Besucher auf die Website zu bringen.

Answer

SEO ist nur für große Unternehmen mit hohen Werbebudgets relevant.

Answer

SEO beschränkt sich auf die Verwendung von Keywords im Website-Text.

Answer

SEO ist eine einmalige Aufgabe, die nach der Veröffentlichung einer Website abgeschlossen ist.

Question 20

Wie unterstützt die agile Softwareentwicklung die Webentwicklung? Erläutere ihre Vorteile für Zusammenarbeit, Flexibilität und Effizienz.

Accepted Answer

Fördert Zusammenarbeit durch Einbeziehung des gesamten Teams.

Accepted Answer

Ermöglicht schnelle Integration von Änderungen durch iterative Entwicklung.

Answer

Ist ungeeignet für Webentwicklung aufgrund mangelnder Struktur.

Answer

Erfordert keine Dokumentation, da der Fokus auf schneller Lieferung liegt.

Question 21

Erläutere die Rolle von CORS (Cross-Origin Resource Sharing) und seine Auswirkungen auf die Sicherheit und Funktionalität von Webanwendungen.

Accepted Answer

CORS ermöglicht es Ressourcen von verschiedenen Ursprüngen sicher zu laden und verbessert so die Funktionalität von Webanwendungen.

Answer

CORS wird nur benötigt, wenn Ressourcen von einem sicheren Ursprung geladen werden sollen.

Answer

CORS ist ein Protokoll, das den Datenaustausch zwischen verschiedenen Webanwendungen ermöglicht.

Answer

CORS wird nur benötigt, wenn die Webanwendung sensible Daten verarbeitet.

Question 22

Welche bewährten Verfahren können die Ladegeschwindigkeit einer Website verbessern? Erläutere außerdem, wie sich lange Ladezeiten auf das Nutzererlebnis auswirken.

Accepted Answer

Caching, Komprimierung und asynchrones Laden

Answer

Einbinden externer Bibliotheken und Frameworks

Answer

Verwenden unoptimierter Bilder und Videos

Answer

Verwenden verschlüsselter Verbindungen (HTTPS)

Question 23

Welche drei Trends prägen die Zukunft der Webentwicklung und verändern unser Online-Erlebnis?

Accepted Answer

Personalisierte Inhalte durch Künstliche Intelligenz

Accepted Answer

Mehr Einsatz von Augmented Reality

Accepted Answer

Verbesserte Sicherheit gegen Cyberangriffe

Question 24

Erläutere die wichtigsten Ansätze für die Versionsverwaltung in der Webentwicklung. Beschreibe die Vor- und Nachteile jedes Ansatzes.

Accepted Answer

Zentrales Versionskontrollsystem (z. B. Git, SVN)

Accepted Answer

Verzweigungsbasierte Versionsverwaltung (z. B. Git)

Answer

Lineare Versionsverwaltung

Answer

Lokale Versionsverwaltung

Question 25

Welches HTML-Element wird verwendet, um die größte Überschrift (Überschrift der ersten Ebene) zu erstellen?

Accepted Answer

<h1>

Answer

<h2>

Answer

<h3>

Answer

<h6>

Question 26

Mit welcher CSS-Eigenschaft kann der Abstand links und rechts eines Elements festgelegt werden?

Accepted Answer

margin

Answer

padding

Answer

border

Answer

width

Question 27

Welche HTML-Syntax wird verwendet, um eine horizontale Linie zu erstellen?

Accepted Answer

<hr>

Answer

<line>

Answer

Answer

Keine der oben genannten

Question 28

Welche JavaScript-Methode wird verwendet, um einen Event-Listener zu einem Ereignis hinzuzufügen?

Accepted Answer

addEventListener()

Answer

addEvent()

Answer

attachEvent()

Answer

listenEvent()

Question 29

Welcher HTTP-Statuscode gibt an, dass die angeforderte Ressource nicht gefunden wurde?

Accepted Answer

404

Answer

403

Answer

500

Answer

503

Question 30

Welche MySQL-Abfrage wird verwendet, um alle Daten aus einer Tabelle auszuwählen?

Accepted Answer

SELECT * FROM table_name

Answer

GET * FROM table_name

Answer

READ * FROM table_name

Answer

SHOW * FROM table_name

Question 31

Wie tragen Continuous Integration (CI) und Continuous Deployment (CD) zur Verbesserung der Qualität und Zuverlässigkeit von Webanwendungen bei?

Accepted Answer

CI automatisiert die Integration von Codeänderungen, während CD die Bereitstellung neuer Versionen automatisiert.

Answer

CI und CD sind nur für große Entwicklungsteams relevant.

Answer

CI und CD sind identische Prozesse.

Question 32

Welche Aufgabe übernehmen Test-Tools wie Selenium und Jest in der Webentwicklung?

Accepted Answer

Sie automatisieren Tests und verringern so den manuellen Testaufwand.

Answer

Sie garantieren die Fehlerfreiheit von Webanwendungen.

Answer

Sie ersetzen umfassende Qualitätssicherungsprozesse.

Question 33

Welche Prinzipien prägen die agile Webentwicklung und wie wirken sie sich auf Zusammenarbeit, Flexibilität und Effizienz aus?

Accepted Answer

Regelmäßige Abstimmung, Anpassungsfähigkeit, schrittweise Entwicklung

Answer

Ausführliche Planung, genaue Dokumentation, lineare Entwicklung

Answer

Volle Automatisierung, Verzicht auf Tests, Fokus auf Geschwindigkeit

Question 34

Welches HTML-Element stellt eine Überschrift der ersten Ebene dar?

Accepted Answer

<h1>

Answer

<h2>

Answer

<h3>

Answer

<h4>

Question 35

Welches CSS-Attribut legt die Hintergrundfarbe eines Elements fest?

Accepted Answer

background-color

Answer

background

Answer

color

Answer

bg-color

Question 36

Welche JavaScript-Anweisung zeigt einen Alert-Dialog an?

Accepted Answer

alert()

Answer

confirm()

Answer

prompt()

Answer

window.alert()

Question 37

Welche Aufgabe hat ein Webserver?

Accepted Answer

Bereitstellung von HTML-Dateien für Browser

Answer

Speichern von Benutzerdaten

Answer

Ausführen von JavaScript-Code

Answer

Verwaltung von E-Mails

Question 38

Welches HTML-Attribut erstellt einen Hyperlink zu einer anderen Website?

Accepted Answer

href

Answer

link

Answer

url

Answer

target

Question 39

Welche CSS-Eigenschaft definiert den Abstand um ein Element?

Accepted Answer

margin

Answer

padding

Answer

space

Answer

offset

Question 40

Welche JavaScript-Schleife durchläuft ein Array?

Accepted Answer

for...of

Answer

for

Answer

for...in

Answer

while

Question 41

Welche der folgenden Aufgaben gehört NICHT zur Webentwicklung?

Accepted Answer

Mathematik

Answer

Design

Answer

Programmierung

Answer

Contenterstellung

Question 42

Erläutert die Bedeutung der Webanalyse für die Webentwicklung und nennt ein Beispiel für ein Tool, das für die Analyse von Website-Daten verwendet werden kann.

Accepted Answer

Die Webanalyse hilft dabei, die Benutzerfreundlichkeit einer Website zu verbessern, indem Daten über den Website-Traffic gesammelt und ausgewertet werden.

Answer

Die Webanalyse ist nur für große Websites relevant.

Answer

Google Analytics ist das einzige verfügbare Tool für die Webanalyse.

Answer

Die Webanalyse ist für die Webentwicklung nicht wichtig.

Question 43

Welche Phasen durchläuft der Softwareentwicklungslebenszyklus (SDLC) typischerweise in Webentwicklungsprojekten?

Accepted Answer

Anforderungsanalyse, Design, Implementierung, Test, Wartung

Answer

Analyse, Planung, Entwicklung, Implementierung, Inbetriebnahme

Answer

Konzept, Design, Entwicklung, Test, Einführung

Question 44

Welches HTML-Element dient zur Darstellung von Überschriften der höchsten Ebene?

Accepted Answer

<h1>

Answer

<h2>

Answer

<h3>

Answer

<h4>

Question 45

Mit welcher CSS-Eigenschaft kann der Zeilenabstand in einem Textabschnitt geändert werden?

Accepted Answer

line-height

Answer

font-size

Answer

margin

Answer

padding

Question 46

Welches Attribut wird in HTML verwendet, um einen Link zu definieren?

Accepted Answer

href

Answer

src

Answer

alt

Answer

title

Question 47

Welche Programmiersprache ermöglicht dynamische Interaktionen auf Webseiten?

Accepted Answer

JavaScript

Answer

Python

Answer

Java

Answer

C++

Question 48

Welche Hauptaufgabe erfüllt ein Webserver im Zusammenhang mit der Bereitstellung von Websites?

Accepted Answer

Verarbeitung von Anfragen und Generierung von Antworten

Answer

Speichern und Bereitstellen von Webseiten

Answer

Bereitstellung von Sicherheitsfunktionen

Answer

Erstellung von Websites

Question 49

Welches Open-Source-Content-Management-System wird häufig für die Erstellung von Blogs eingesetzt?

Accepted Answer

WordPress

Answer

Joomla

Answer

Drupal

Answer

Shopify

Question 50

Welches der folgenden Merkmale trifft auf die semantische Bedeutung von HTML-Elementen zu?

Accepted Answer

Alle genannten Aussagen sind zutreffend.

Answer

Sie vermitteln Suchmaschinen die inhaltliche Bedeutung.

Answer

Sie erleichtern Menschen mit Behinderungen die Nutzung von Webseiten.

Answer

Sie verbessern die Lesbarkeit und Wartbarkeit des Codes.

Question 51

Welcher CSS-Selektor wählt alle 'p'-Elemente aus, die sich innerhalb von 'div'-Elementen befinden?

Accepted Answer

div p

Answer

p.div

Answer

p div

Answer

.p-div

Question 52

Mit welchem JavaScript-Objekt lassen sich Inhalte des DOM abrufen und bearbeiten?

Accepted Answer

document

Answer

window

Answer

navigator

Answer

location

Question 53

Welcher HTTP-Statuscode zeigt an, dass die angeforderte Seite nicht verfügbar ist?

Accepted Answer

404

Answer

200

Answer

500

Answer

301

Question 54

Welches HTML-Element wird verwendet, um eine Überschrift der Ebene 1 zu erstellen?

Accepted Answer

<h1>

Answer

Answer

<div>

Answer

<h2>

Question 55

Welche CSS-Eigenschaft wird verwendet, um die Hintergrundfarbe eines Elements festzulegen?

Accepted Answer

background-color

Answer

background

Answer

color

Answer

fill

Question 56

Welche Funktion wird in JavaScript verwendet, um ein Pop-up-Fenster mit einer Nachricht anzuzeigen?

Accepted Answer

alert()

Answer

display()

Answer

prompt()

Answer

notify()

Question 57

Welche Technik wird verwendet, um das Layout von Websites an verschiedene Bildschirmgrößen anzupassen?

Accepted Answer

Responsive Design

Answer

Adaptive Design

Answer

Fluid Design

Answer

Elastic Design

Question 58

Welches HTML-Element wird verwendet, um ein Bild in eine Website einzubinden?

Accepted Answer

<img>

Answer

<image>

Answer

Answer

<image-src>

Question 59

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

Accepted Answer

GET

Answer

POST

Answer

PUT

Answer

DELETE

Question 60

Welche CSS-Eigenschaft legt den Abstand zwischen zwei Elementen fest?

Accepted Answer

margin

Answer

spacing

Answer

border

Answer

padding

Question 61

Welche JavaScript-Funktion wird verwendet, um eine einfache Meldung im Browser anzuzeigen?

Accepted Answer

alert()

Answer

print()

Answer

write()

Answer

show()

Question 62

Welches der folgenden Content-Management-Systeme (CMS) ist Open Source und wird häufig für Blogs und Websites verwendet?

Accepted Answer

WordPress

Answer

Wix

Answer

Squarespace

Answer

Shopify

Question 63

Welches HTML-Element wird verwendet, um eine ungeordnete Liste zu erstellen?

Accepted Answer

<ul>

Answer

<dl>

Answer

<ol>

Answer

<list>

Question 64

Welches HTML-Tag definiert eine Überschrift erster Ordnung?

Accepted Answer

<h1>

Answer

<p>

Answer

<b>

Answer

<head>