Frontend-Entwicklung lernen: Interaktive Quizze und Übungen

Question 1

Welches Framework bietet eine Templating-Sprache für die serverseitige Generierung von HTML-Code?

Accepted Answer

Django

Answer

React

Answer

Bootstrap

Question 2

Welches HTML5-Element wird verwendet, um einen Link zu erstellen, der auf eine andere Website führt?

Accepted Answer

<a>

Answer

<link>

Answer

<href>

Answer

<h1>

Question 3

Welches der folgenden Elemente ist **kein** gültiges HTML5-Element?

Accepted Answer

font

Answer

header

Answer

canvas

Answer

input

Question 4

Welcher CSS3-Selektor wählt alle Elemente mit der Klasse 'container' aus?

Accepted Answer

.container

Answer

#container

Answer

*container

Answer

container

Question 5

Was ist der Hauptzweck von Responsive Design?

Accepted Answer

Sicherstellen der optimalen Darstellung von Websites auf verschiedenen Geräten

Answer

Verbesserung der Ladezeiten auf mobilen Geräten

Answer

Erstellung barrierefreier Websites

Answer

Reduzierung des Website-Wartungsaufwands

Question 6

Welche CSS3-Eigenschaft wird verwendet, um die Schriftgröße eines Elements festzulegen?

Accepted Answer

font-size

Answer

text-size

Answer

size

Answer

font

Question 7

Welches HTML5-Attribut gibt einen alternativen Text für Bilder an?

Accepted Answer

alt

Answer

title

Answer

src

Answer

caption

Question 8

Welches JavaScript-Ereignis wird ausgelöst, wenn auf ein Element geklickt wird?

Accepted Answer

onclick

Answer

onmouseclick

Answer

click

Answer

press

Question 9

Welcher CSS3-Wert wird verwendet, um den Hintergrund eines Elements auf ein Bild festzulegen?

Accepted Answer

background-image

Answer

image

Answer

bg-image

Answer

image-url

Question 10

Welche CSS-Eigenschaft dient zur Festlegung der Hintergrundfarbe eines Elements?

Accepted Answer

background-color

Answer

color

Answer

background

Question 11

Welches JavaScript-Framework ermöglicht es, Benutzeroberflächen deklarativ zu erstellen?

Accepted Answer

React

Answer

jQuery

Answer

Bootstrap

Question 12

Was ist das Konzept hinter CSS3-Animationen und nenne ein praktisches Beispiel für ihren Einsatz?

Accepted Answer

CSS3-Animationen ermöglichen es, Elemente auf einer Webseite über einen bestimmten Zeitraum zu bewegen und zu verändern.

Answer

CSS3-Animationen können nur für Textinhalte verwendet werden.

Answer

CSS3-Animationen sind immer sichtbar, sobald sie definiert werden.

Answer

CSS3-Animationen werden nur von modernen Browsern unterstützt.

Question 13

Wie können Callback-Funktionen in JavaScript an Methoden übergeben werden?

Accepted Answer

Als Argumente

Answer

Als Rückgabewerte

Answer

Als globale Objekte

Answer

Als DOM-Eigenschaften

Question 14

Was ist die semantische Bedeutung des HTML5-Elements <header> und wie wird es korrekt verwendet?

Accepted Answer

Kennzeichnet den Hauptkopfbereich einer Webseite und wird nur einmal pro Seite verwendet.

Answer

Definiert den Navigationsbereich einer Webseite und kann mehrmals pro Seite verwendet werden.

Answer

Definiert den Fußbereich einer Webseite und wird nur einmal pro Seite verwendet.

Answer

Kennzeichnet den Hauptinhaltsbereich einer Webseite und kann mehrmals pro Seite verwendet werden.

Question 15

Welche der folgenden Maßnahmen ist eine bewährte Methode zur Verbesserung der Performance einer Frontend-Anwendung?

Accepted Answer

Code-Minifizierung

Accepted Answer

Verzicht auf Inline-Styles

Answer

Einbettung von Schriftarten

Answer

Verwendung von JavaScript-Bibliotheken ohne Caching

Question 16

Welches HTML5-Element wird verwendet, um eine Hauptüberschrift zu erstellen?

Accepted Answer

<h1>

Answer

Answer

<title>

Answer

<head>

Question 17

Welche CSS-Eigenschaft legt den Zeilenabstand in einem Text fest?

Accepted Answer

line-height

Answer

margin

Answer

padding

Answer

font-size

Question 18

Welche Technik stellt sicher, dass Websites auf verschiedenen Geräten optimal dargestellt werden?

Accepted Answer

Responsives Design

Answer

Mobile-First-Design

Answer

Adaptives Design

Answer

Cross-Plattform-Entwicklung

Question 19

Welcher Vorteil wird NICHT durch die Verwendung von CSS erreicht?

Accepted Answer

Beschleunigung der Seitenladezeit

Answer

Trennung von Struktur und Design

Answer

Verbesserte Barrierefreiheit

Answer

Vereinfachte Wartung

Question 20

Welcher HTML5-Tag wird verwendet, um eine ungeordnete Liste zu erstellen?

Accepted Answer

<ul>

Answer

<ol>

Answer

<li>

Answer

<dl>

Question 21

Welche JavaScript-Eigenschaft ermöglicht den Zugriff auf das DOM eines Dokuments?

Accepted Answer

document

Answer

querySelector

Answer

getElementById

Answer

window

Question 22

Welches HTML5-Element wird verwendet, um einen Fußbereich auf einer Webseite zu erstellen?

Accepted Answer

Answer

<nav>

Answer

Answer

<aside>

Question 23

Welche CSS-Eigenschaft legt den horizontalen Rand rechts um ein Element fest?

Accepted Answer

margin-right

Answer

margin-left

Answer

padding-right

Answer

padding-left

Question 24

Welche zwei Vorteile bietet die Verwendung von JavaScript-Frameworks?

Accepted Answer

Kürzere Entwicklungszeit

Accepted Answer

Leichtere Code-Wartung

Answer

Verbesserte Sicherheit

Question 25

Welches JavaScript-Ereignis wird ausgelöst, wenn die Maus über ein Element bewegt wird?

Accepted Answer

Überfahren

Answer

Klick

Answer

Tastendruck

Answer

Laden

Question 26

Welcher CSS3-Selektor wählt alle Elemente mit dem Attribut 'data-role' und dem Wert 'navigation' aus?

Accepted Answer

[data-role='navigation']

Answer

data-role='navigation'

Answer

.data-role#navigation

Answer

nav[role='navigation']

Question 27

Welches HTML-Element wird verwendet, um den Titel einer Webseite zu definieren?

Accepted Answer

<title>

Answer

Answer

<h1>

Answer

<h6>

Question 28

Welcher CSS-Selektor zielt auf alle Elemente mit der Klasse "important"?

Accepted Answer

.important

Answer

#important

Answer

important

Answer

div.important

Question 29

Welches JavaScript-Framework ermöglicht eine einfache Handhabung der Zustandsverwaltung und Datenbindung?

Accepted Answer

React

Answer

Bootstrap

Answer

jQuery

Question 30

Welches HTML-Attribut wird verwendet, um einem Element eine eindeutige ID zu geben?

Accepted Answer

id

Answer

name

Answer

unique

Answer

class

Question 31

Welche CSS-Eigenschaft definiert den Abstand zwischen den Zeilen eines Textes?

Accepted Answer

line-height

Answer

text-spacing

Answer

margin

Answer

letter-spacing

Question 32

Welcher JavaScript-Datentyp repräsentiert eine ungeordnete Sammlung von Elementen?

Accepted Answer

Array

Answer

Zahl

Answer

Objekt

Answer

String

Question 33

Welche CSS-Eigenschaft wird verwendet, um Ecken eines Elements abzurunden?

Accepted Answer

border-radius

Answer

border-shape

Answer

radius

Answer

corner-radius

Question 34

Welches HTML-Element stellt den Hauptinhalt eines Dokuments dar?

Accepted Answer

<body>

Answer

<head>

Answer

<main>

Answer

Question 35

Welche CSS-Eigenschaft definiert den linken Innenabstand eines Elements?

Accepted Answer

padding-left

Answer

border-left

Answer

margin-left

Answer

offset-left

Question 36

Was ist der Hauptzweck von Responsive Design?

Accepted Answer

Websites auf verschiedenen Geräten optimal darzustellen

Answer

Websites für Suchmaschinen zu optimieren

Answer

Websites mit minimalem Code zu erstellen

Answer

Websites barrierefrei zu gestalten

Question 37

Welches HTML5-Element wird verwendet, um eine Audiodatei einzubinden?

Accepted Answer

<audio>

Answer

<track>

Answer

<music>

Answer

<sound>

Question 38

Welche CSS-Eigenschaft legt die Hintergrundfarbe eines Elements fest?

Accepted Answer

background-color

Answer

fill

Answer

bgcolor

Answer

color

Question 39

Welches JavaScript-Ereignis wird ausgelöst, wenn ein Benutzer mit der Maus auf ein Element klickt?

Accepted Answer

click

Answer

mousedown

Answer

mousemove

Answer

mouseover

Question 40

Welcher Wert wird in CSS verwendet, um Elemente in einer vertikalen Spalte anzuordnen?

Accepted Answer

column

Answer

row

Answer

nowrap

Answer

wrap

Question 41

Welches Tool wird häufig für die Versionskontrolle in Frontend-Entwicklungsprojekten eingesetzt?

Accepted Answer

Git

Answer

npm

Answer

Sass

Answer

Jira

Question 42

Welches HTML5-Element wird verwendet, um eine horizontale Trennlinie zu erzeugen?

Accepted Answer

<hr>

Answer

<line>

Answer

Answer

<break>

Question 43

Welche CSS3-Eigenschaft legt die Größe des Texts fest?

Accepted Answer

font-size

Answer

text-size

Answer

font-height

Answer

size

Question 44

Wie definiert man in CSS3 einen Haltepunkt für Media Queries?

Accepted Answer

@media (min-width: 768px)

Answer

breakpoint(768px)

Answer

media.query(min-width: 768px)

Answer

{ min-width: 768px }

Question 45

Welche Technologie gehört NICHT zur Frontend-Entwicklung?

Accepted Answer

Java

Answer

CSS

Answer

HTML

Answer

JavaScript

Question 46

Wie erstellt man in HTML5 ein interaktives Kontrollkästchen?

Accepted Answer

Answer

Answer

Answer

Question 47

Welche JavaScript-Funktion ermittelt den Datentyp einer Variable?

Accepted Answer

typeof

Answer

getType

Answer

findType

Answer

getValue

Question 48

Welches Prinzip stellt sicher, dass Websites auf verschiedenen Bildschirmgrößen optimal dargestellt werden?

Accepted Answer

Responsive Design

Answer

Universal Design

Answer

Flexible Design

Answer

Adaptive Design

Question 49

Welches HTML-Element ist für die Darstellung eines Absatzes vorgesehen?

Accepted Answer

<p>

Answer

<span>

Answer

<h1>

Answer

<div>

Question 50

Mit welcher CSS-Eigenschaft lässt sich die Hintergrundfarbe eines Elements konfigurieren?

Accepted Answer

background-color

Answer

color

Answer

background

Answer

bg-color

Question 51

Was ist die primäre Zielsetzung von Responsive Design?

Accepted Answer

Websites sollen auf allen Geräten optimal dargestellt werden

Answer

Verringerung der Ladezeiten von Websites

Answer

Verbesserung der Barrierefreiheit von Websites

Question 52

Welches HTML-Attribut dient der Verlinkung zu externen Websites?

Accepted Answer

href

Answer

rel

Answer

target

Answer

src

Question 53

Welche CSS-Eigenschaft legt den Zeilenabstand in Text fest?

Accepted Answer

line-height

Answer

padding

Answer

margin

Question 54

Welches JavaScript-Ereignis wird ausgelöst, wenn ein Benutzer ein Element anklickt?

Accepted Answer

onclick

Answer

onload

Answer

onsubmit

Answer

onchange

Question 55

Welche Aufgabe erfüllen Meta-Tags im <head>-Bereich eines HTML-Dokuments?

Accepted Answer

Bereitstellung von Informationen für Suchmaschinen und Browser über die Website

Answer

Einbindung externer Skripte und Stylesheets

Answer

Definition des Layouts der Website

Question 56

Mit welcher CSS-Eigenschaft wird die Schriftart eines Elements definiert?

Accepted Answer

font-family

Answer

typeface

Answer

font

Answer

text

Question 57

Welches HTML5-Element dient dazu, einen Abschnitt mit einer Überschrift darzustellen?

Accepted Answer

Answer

Answer

<div>

Answer

Question 58

Welche CSS3-Eigenschaft wird verwendet, um den Abstand zwischen einem Element und seinen Nachbarn zu definieren?

Accepted Answer

margin

Answer

width

Answer

border

Answer

padding

Question 59

Welches HTML5-Element wird verwendet, um eine Liste von Elementen in einer nummerierten Reihenfolge anzuzeigen?

Accepted Answer

<ol>

Answer

<li>

Answer

<dl>

Answer

<ul>

Question 60

Welche CSS3-Eigenschaft wird verwendet, um die Hintergrundfarbe eines Elements zu ändern?

Accepted Answer

background-color

Answer

color

Answer

background

Answer

bgcolor

Question 61

Welches Element in einem HTML5-Formular dient dazu, eine Beschriftung für ein Eingabefeld zu erstellen?

Accepted Answer

<label>

Answer

Answer

Answer

<title>

Question 62

Welche CSS3-Eigenschaft wird verwendet, um die Transparenz eines Elements einzustellen?

Accepted Answer

opacity

Answer

transparency

Answer

alpha

Answer

visible