Lernkartei WBA

Karten	172
Sprache	Deutsch
Kategorie	Technik
Stufe	Universität
Erstellt / Aktualisiert	26.01.2015 / 30.09.2021
Weblink	https://card2brain.ch/box/wba
Einbinden	<iframe src="https://card2brain.ch/box/wba/embed" width="780" height="150" scrolling="no" frameborder="0"></iframe>

Wie heißt ein Vorläufer von Ajax (Microsoft)?

Remote Scripting

Wodurch werden HTTP Requests bei Ajax ersetzt?

Javascript Aufrufe

Wo wird Javascript Code bei Ajax ausgeführt?

Im Browser

Auf dem Server

Beides möglich

Es gibt keinen

Im Browser

Auf dem Server

Beides möglich

Es gibt keinen

Vervollständigen Sie folgende Aussage:

Frameworks sind überaus sinnvoll, denn sie…

a) haben jeweils ein konsistentes Design in Form von Layouts, Grids und Typographien.
b) haben alle die Philosophie „Mobile First“.
c) helfen, Prototypen schnell zu konstruieren.
d) fokussieren sich ausnahmslos auf Barrierefreiheit und Normen.
e) haben alle ein sehr ähnliches Layout und sind somit schwer zu unterscheiden.
f) unterstützen das responsive Design

a,c,f

Foundation folgt der Philosophie „Mobile First“. Was bedeutet das?

Foundation setzt seinen Schwerpunkt auf Smartphones und empfindet Desktop-Anwendungen eher als mühselig und somit nicht als relevant.

Foundation baut auf dem Prinzip auf, dass von der mobilen Anwendung auf die Desktop-Anwendung geschlossen werden kann.

Im Code zeichnet sich „Mobile First“ dadurch aus, dass erst die mobile Anwendung gecodet und später dann in einem kleinen Zusatz die Desktop-Variante eingebunden wird.

Foundation setzt stark darauf, dass mobile Anwendungen genauso gut laufen wie Desktop-Anwendungen. Es ist daher von Vorteil, zuerst die „kleinere“ Variante zu berücksichtigen, damit das Design responsive ist.

Foundation setzt seinen Schwerpunkt auf Smartphones und empfindet Desktop-Anwendungen eher als mühselig und somit nicht als relevant.

Foundation baut auf dem Prinzip auf, dass von der mobilen Anwendung auf die Desktop-Anwendung geschlossen werden kann.

Im Code zeichnet sich „Mobile First“ dadurch aus, dass erst die mobile Anwendung gecodet und später dann in einem kleinen Zusatz die Desktop-Variante eingebunden wird.

Foundation setzt stark darauf, dass mobile Anwendungen genauso gut laufen wie Desktop-Anwendungen. Es ist daher von Vorteil, zuerst die „kleinere“ Variante zu berücksichtigen, damit das Design responsive ist.

Ergänzen Sie folgenden Lückentext:

Foundation gibt es in _ verschiedenen Editionen. Die _______-Edition ist für jeden Anwendungstypen geeignet, da sie alle Bibliotheken enthält. Natürlich kann man mit der _____-Edition auch selbst entscheiden, welche Bibliotheken und Features man benötigt. Nach dem Download kann es auch schon direkt zur Einbindung gehen mit:

Die Einbindung erfolgt stets im ____. Währenddessen die Initialisierung im ____ erfolgt. Initialisiert wird stets mit einem ____ .

Foundation gibt es in 4 verschiedenen Editionen. Die Complete-Edition ist für jeden Anwendungstypen geeignet, da sie alle Bibliotheken enthält. Natürlich kann man mit der Custom-Edition auch selbst entscheiden, welche Bibliotheken und Features man benötigt. Nach dem Download kann es auch schon direkt zur Einbindung gehen mit:

Die Einbindung erfolgt stets im head. Währenddessen die Initialisierung im body erfolgt. Initialisiert wird stets mit einem < script > .

Foundation bietet ein breites Spektrum an verschiedenen Grids. Es gibt normale Grids und sogenannte _________-Grids. Grids können wie folgt für mobile und Desktop-Anwendungen gecodet werden:

Foundation bietet ein breites Spektrum an verschiedenen Grids. Es gibt normale Grids und sogenannte Block-Grids. Grids können wie folgt für mobile und Desktop-Anwendungen gecodet werden:

Es gibt 2 bekannte Plugins für Foundation: ______ und ______. Das neuere Plugin ______ wird im _______ eingebunden und im _____ initialisiert. Slides mit einem Bild, werden wie folgt erstellt:

('._______-item').slick ;

Währenddessen bei mehreren Items der Code wie folgt geändert wird:

$('._______-items').slick();

Es wird immer wichtiger, dass Anwendungen auch auf mobilen Endgeräten richtig angezeigt wird. Füllen Sie den folgenden Code so aus, dass auch bei einer Auflösung von 1280px x 720px und 800px x 600px das Dargestellte noch gut sichtbar ist. Verwenden Sie dazu bei der höheren Auflösung je 3 Items mit 3 Slides und bei der niedrigeren je 2 Items mit 2 Slides.

Es gibt 2 bekannte Plugins für Foundation: Orbit und Slick. Das neuere Plugin Slick wird im head eingebunden und im body initalisiert. Slides mit einem Bild, werden wie folgt erstellt:

$ ('.single-item').slick ( ) ;

Währenddessen bei mehreren Items der Code wie folgt geändert wird:

$ ('.multiple-items').slick ( );

Es wird immer wichtiger, dass Anwendungen auch auf mobilen Endgeräten richtig angezeigt wird. Füllen Sie den folgenden Code so aus, dass auch bei einer Auflösung von 1280px x 720px und 800px x 600px das Dargestellte noch gut sichtbar ist. Verwenden Sie dazu bei der höheren Auflösung je 3 Items mit 3 Slides und bei der niedrigeren je 2 Items mit 2 Slides.

Füllen Sie folgenden Code so aus, dass eine vertikale Navigation mit 3 Sektionen dabei entsteht.

Lösung

Wie breit ist die leere Spalte?

Da wir mit 12 Spalten Systemen arbeiten und die beiden article eine Gesamtbreite von bisher 6 Spalten erreicht haben, ist die leere Spalte 6 Spalten breit.

Was macht ein responsive CSS-Framework aus?

Webseite mit responsive CSS Framework auf verschiedenen Geräten gut angezeigt
Spaltensystem

Beschreibe wesentliche Merkmale des Bootstrap-Frameworks.

Vielseitigkeit in der Programmierung -> HTML, CSS, JS, LESS, SASS
einfache Handhabung -> Einfügen der benötigten Dateien in Projektordner

Kreuze die zutreffenden Aussagen über Bootstrap an?

Bootstrap verfügt über eine Reihe an Elementen, wie Buttons, Icons etc.

Es ist zwar ein CSS-Framework, aber es eignet sich nicht für responsive Webdesign.

jQuery muss nicht zwingend implementiert werden, wenn mit JavaScript gearbeitet werden soll.

Es können ausschließlich neuere Browser mit den Funktionalitäten von Bootstrap arbeiten.

Bootstrap verfügt über eine Reihe an Elementen, wie Buttons, Icons etc.

Es ist zwar ein CSS-Framework, aber es eignet sich nicht für responsive Webdesign.

jQuery muss nicht zwingend implementiert werden, wenn mit JavaScript gearbeitet werden soll.

Es können ausschließlich neuere Browser mit den Funktionalitäten von Bootstrap arbeiten.

Quelltext bearbeiten

Lösung

Ein Framework ist ein _________________________ für den Programmierer. Darin sind verschiedene _______________ enthalten. Zwei der bekanntesten _____________ CSS-Frameworks sind Bootstrap und Foundation, die im Bereich der _________-Entwicklung genutzt werden. Beide Frameworks haben vorgefertigte Klassen für _________, ________ und _____________________.

Ein Framework ist ein Grundgerüst für den Programmierer. Darin sind verschiedene Klassen enthalten. Zwei der bekanntesten responsive CSS-Frameworks sind Bootstrap und Foundation, die im Bereich der Web-Entwicklung genutzt werden. Beide Frameworks haben vorgefertigte Klassen für HTML5, CSS3 und JavaScript.

Ordnen Sie folgende Begriffe den richtigen Definitionen zu.

1. Protokoll | 2. Format | 3. Dienst

Ein [＿] ist eine Funktion, die von einem Rechner anderen Teilnehmern in einem Computernetzwerk bereitgestellt wird.

Ein [＿] ist eine, oft standardisierte Beschreibung wie Informationen in einer Datei gespeichert werden.

Ein [＿] ist ein Satz von Regeln nach denen Daten zwischen Computern bzw. Prozessen ausgetauscht werden, die durch ein Netzwerk miteinander verbunden sind.

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

3,2,1

Kreuzen Sie bitte aus den unten aufgeführten Aussagen die korrekten an.

[   ] HTTP ist die Auszeichnungssprache für Web-Dokumente.
[   ] Das POP ist ein Protokoll zur Übertragung von Dateien über IP-Netzwerke.
[   ] Der Statuscode 2xx zeigt an, dass eine HTTP-Anfrage erfolgreich war.
[   ] In der URI kann der Host über seine IP-Adresse angegeben werden.
[   ] Der Cache ist ein Pufferspeicher auf dem Server für bereits einmal abgerufene Ressourcen.
[   ] Ein Proxy ist eine Kommunikationsschnittstelle in einem Netzwerk.

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

[   ] HTTP ist die Auszeichnungssprache für Web-Dokumente.
[   ] Das POP ist ein Protokoll zur Übertragung von Dateien über IP-Netzwerke.
[ x ] Der Statuscode 2xx zeigt an, dass eine HTTP-Anfrage erfolgreich war.
[ x ] In der URI kann der Host über seine IP-Adresse angegeben werden.
[   ] Der Cache ist ein Pufferspeicher auf dem Server für bereits einmal abgerufene Ressourcen.
[ x ] Ein Proxy ist eine Kommunikationsschnittstelle in einem Netzwerk.

foo://example.com:8042/over/there?name=ferret#nose

\_/ \______________/ \_______/ \________/ \__/

| | | | |

1 2 3 4 5

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

1: scheme

2: authority

3: path

4: query

5: fragment

Was passiert beim Abruf einer Website via Internet mithilfe eines Browsers?

Wir gehen davon aus, dass der Rechner des Nutzers mit dem Internet verbunden, die angeforderte Seite verfügbar und "private browsing" o.ä. deaktiviert ist.**

Nachdem der Nutzer die Adresse eingegeben hat prüft der Browser, ob er diese Seite noch in einer aktuellen Version lokal (im Cache) gespeichert hat . Falls ja, zeigt er diese lokale Kopie an.
[ ] passiert immer | [ ] passiert manchmal | [ ] passiert nie

Der Web-Browser baut eine Verbindung mit einem Domain Name Server (DNS) auf, welcher den Domain-Namen in eine IP-Adresse übersetzt.
[ ] passiert immer | [ ] passiert manchmal | [ ] passiert nie

Der Web-Browser baut eine Verbindung zu dem Web-Server mit dieser IP-Adresse auf.
[ ] passiert immer | [ ] passiert manchmal | [ ] passiert nie

Der Web-Browser sendet einen HTTP-Request an den Web-Server.
[ ] passiert immer | [ ] passiert manchmal | [ ] passiert nie

Der Web-Browser sendet mit dem Request an den Server einen Statuscode im Header der Nachricht mit.
[ ] passiert immer | [ ] passiert manchmal | [ ] passiert nie

Der Web-Server generiert oder lädt daraufhin den HTML-Code der Webseite und sendet ihn zurück an den Browser des Benutzers (HTTP-Response).
[ ] passiert immer | [ ] passiert manchmal | [ ] passiert nie

Der Web-Browser interpretiert die HTML-Tags und formatiert die Seite im Browserfenster.
[ ] passiert immer | [ ] passiert manchmal | [ ] passiert nie

Der Web-Browser komprimiert alle Elemente der Seite im Zip-Format und speichert sie lokal ab zur späteren Verwendung.
[ ] passiert immer | [ ] passiert manchmal | [ ] passiert nie

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

Nachdem der Nutzer die Adresse eingegeben hat prüft der Browser, ob er diese Seite noch in einer aktuellen Version lokal (im Cache) gespeichert hat . Falls ja, zeigt er diese lokale Kopie an.
[ x ] passiert immer | [ ] passiert manchmal | [ ] passiert nie

Der Web-Browser baut eine Verbindung mit einem Domain Name Server (DNS) auf, welcher den Domain-Namen in eine IP-Adresse übersetzt.
[ ] passiert immer | [ x ] passiert manchmal | [ ] passiert nie

Der Web-Browser baut eine Verbindung zu dem Web-Server mit dieser IP-Adresse auf.
[ x ] passiert immer | [ ] passiert manchmal | [ ] passiert nie

Der Web-Browser sendet einen HTTP-Request an den Web-Server.
[ x ] passiert immer | [ ] passiert manchmal | [ ] passiert nie

Der Web-Browser sendet mit dem Request an den Server einen Statuscode im Header der Nachricht mit.
[ ] passiert immer | [ ] passiert manchmal | [ x ] passiert nie

Der Web-Server generiert oder lädt daraufhin den HTML-Code der Webseite und sendet ihn zurück an den Browser des Benutzers (HTTP-Response).
[ x ] passiert immer | [ ] passiert manchmal | [ ] passiert nie

Der Web-Browser interpretiert die HTML-Tags und formatiert die Seite im Browserfenster.
[ x ] passiert immer | [ ] passiert manchmal | [ ] passiert nie

Der Web-Browser komprimiert alle Elemente der Seite im Zip-Format und speichert sie lokal ab zur späteren Verwendung.
[ ] passiert immer | [ ] passiert manchmal | [ x ] passiert nie

Bitte notieren Sie zu den unten aufgeführten Begriffen, ob es sich um ein a) Protokoll, b) Dienst oder c) Format handelt?

jpeg

http

html

E-Mail

DNS

tcp

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

jpeg -> Format

http -> Protokoll

html -> Format bzw. Auszeichnungssprache

E-Mail -> Dienst

DNS -> Dienst

tcp -> Protokoll

Ergänzen Sie folgende Definitionen mit den drei Säulen des Word Wide Webs.
Geben Sie jeweils die abgküzte und ausgeschriebene Form an

Die Spezifikation für die Kommunikation zwischen Web-Clients und Web-Servern - das so genannte ................................................................................

Die Spezifikation für die Adressierung beliebiger Dateien und Datenquellen im Web und im übrigen Internet - das Schema der sogenannten ................................................................................

Die Spezifikation einer Auszeichnungssprache für Web-Dokumente, der Berners-Lee den Namen ................................................................................ gab.

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

Die Spezifikation für die Kommunikation zwischen Web-Clients und Web-Servern - das so genannte HTTP = Hypertext Transfer Protocol

Die Spezifikation für die Adressierung beliebiger Dateien und Datenquellen im Web und im übrigen Internet - das Schema der sogenannten URI = Uniform Resource Identifier

Die Spezifikation einer Auszeichnungssprache für Web-Dokumente, der Berners-Lee den Namen HTML = Hypertext Markup Language gab.

Ergänzen sie den folgenden Lückentext.
Bitte benutzen Sie dabei die englischsprachigen Begriffe.

Die Kommunikation findet nach dem ........................................-Prinzip statt. Wenn der HTTP-Client, in diesem Fall der Browser, ein Dokument anfordert, sendet er einen HTTP-........................................ an den HTTP-Server (Webserver). Der Server bearbeitet diesen und sendet einen HTTP-........................................ an den Client zurück.

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

Die Kommunikation findet nach dem Client-Server-Prinzip statt. Wenn der HTTP-Client, in diesem Fall der Browser, ein Dokument anfordert, sendet er einen HTTP-Request an den HTTP-Server (Webserver). Der Server bearbeitet diesen und sendet einen HTTP-Response an den Client zurück.

Wie hieß der Vorläufer des World Wide Webs?

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

ARPANET

Nennen und erläutern Sie kurz jeweils drei Vor- und Nachteile von web-basierten Anwendungen.

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

Vorteil

Aktualisierbarkeit: Änderung der Inhalte von webbasierten Anwendungen sind im Vergleich zu anderen Medien mit geringerem Aufwand möglich.
Kosten für den Betrieb einer Website und die Pflege der Inhalte ist geringer als die für das Verlegen einer Zeitschrift. Es entstehen hauptsächlich nur Personalkosten für die Person, die die Inhalte pflegt.
Zugänglichkeit: eine webbasierte Anwendung kann über mehrere unterschiedliche Sinne wahrgenommen werden. Somit somit ist sie für eine sehr breite Masse an Menschen mit unterschiedlichen Voraussetzungen zugänglich.

Nachteile

Keine Haptik:  Inhalte einer webbasierten Anwendung sind "nicht greifbar", da sie über keine reale Haptik verfügen
Technisches Equipment in Form eines Computers mit installierten Browser, ist für die Nutzung einer web-basierten Anwendung nötig. Zudem muss dieser Zugang zum Internet haben
Sicherheit (gläserner User)  Unsicherheit von personenbezogenen Daten die bei web-basierten Anwendungen hinterlegt sind. Je nach dem wie großzügig die hinterlegten Daten sind, lassen sich eindeutige Informationen über den Nutzer sammeln, was ihn so zum "gläsernen Nutzer" macht.

Erklären Sie das Konzept welches hinter dem Begriff Hypertext steht. Erstellen Sie ggf. eine Skizze dazu.

Tastatur-Befehle:

= drehen,

= vor-/rückwärts,

= scrollen

Texte und visuelle Informationen auf nicht lineare Weise zu lesen und durch sie zu navigieren
Informationen durch Querverweise (Hyperlinks) miteinander verknüpfen -> netzartige Struktur der Objekte bzw. Ressourcen.

Wie heißt der Erfinder des Internet?

Tim Berners-Lee

Erklären sie kurz welche Funktion der Cache im Bezug von Web-basierten Anwendungen hat.

Puffer-Speicher im Browser für bereits abgerufene Ressourcen (Texte, Bilder)
Kopie der abgerufenen Daten auf lokaler Festplatte aufbewahrt
Ressource bei erneutem Abruf sofort verfügbar, keine Ladezeit

Wofür steht die Abkürzung HTML?

Hypertext Markup Language

Ordnen Sie die folgenden Elemente ihrer korrekten Bedeutung zu.

[＿] Das Element zeichent eine Definitionsliste aus.
[＿] Das Element zeichnet einen Listenpunkt aus.
[＿] Das Element zeichnet einen Paragraphen aus.
[＿] Das Element zeichnet eine Überschrift aus.
[＿] Das Element zeichnet einen Content mit hoher Wichtigkeit aus.
[＿] Das Element zeichnet einen Verweis aus.

[ dl ] Das Element zeichent eine Definitionsliste aus.

[ li ] Das Element zeichnet einen Listenpunkt aus.

[ p ] Das Element zeichnet einen Paragraphen aus.

[ h1 ] Das Element zeichnet eine Überschrift aus.

[ strong ] Das Element zeichnet einen Content mit hoher Wichtigkeit aus.

[ a ] Das Element zeichnet einen Verweis aus.

WBA

Lernkarteien erstellen oder kopieren

Lernkarteien erstellen oder kopieren

Melde dich an, um alle Karten zu sehen.

SWITCHaai

Office 365

Edulog

Apple ID

Google