5) WEBSEITENENTWICKLUNG MIT JAVASCRIPT

Question 1

Interpreter-Sprachen

Answer 1

Solche Programmiersprachen werden zur Laufzeit übersetzt. Diese Programme laufen etwas langsamer, aber das Ergebnis ist im Gegensatz zu Compiler-Sprachen sofort sichtbar.

Question 2

JavaScript-Framework

Answer 2

Ein JS-Framework ist eine Code-Sammlung, die das Entwickeln von Web- Applikationen vereinfachen soll. Es behebt die Inkompatibilität zwischen verschiedenen Browsern und vereinfacht die Programmierung.

Question 3

Webbrowser und
JavaScript

Answer 3

Da jeder Webbrowser JavaScript ausführen kann, ist JavaScript die Sprache, die auf den meisten Geräten der Welt genutzt werden kann.

Question 4

Was für eine Sprache ist JS technisch gesehen?

Answer 4

Technisch gesprochen ist JavaScript eine dynamisch typisierte, interpretierte Sprache.
Der Syntax ist an die Sprache “C” angelehnt.

Question 5

Wie wird JS in html eingebunden?

Answer 5

Normalerweise werden JavaScript-Programme mit dem script-Tag in HTML eingebunden. Das eigentliche Programm kann dann innerhalb des Elements stehen, oder über das „src“-Attribut vom Server geladen werden.

Question 6

DOM

Answer 6

Document Object Model
Mit DOM ist eine Baumstruktur gemeint, die der Browser für jede HTMLSeite aufbaut.

Question 7

innerHTML

Answer 7

Damit kann der HTMLInhalt eines Elements gesetzt werden.

Question 8

Element im html Dokument zu selektieren

Answer 8

> document.getElementsByTagName(“h1”)

Mit INdex [0] referenzeiren:
> document.getElementsByTagName(“h1”)[0]
< <h1>

Inhalt des Elements auswählen:
> document.getElementsByTagName(“h1”)[0].innerHTML
< “Willkommen auf der Homepage von WebAppStartup”

Werte überschreiben:
> document.getElementsByTagName(“h1”)[0].innerHTML = “neuer Text”
< “neuer Text”

Question 9

Unicode

Answer 9

Ein Unicode ist ein Zeichensatz, mit dem sehr viele unterschiedliche Zeichen dargestellt werden können, auch die von exotischen Sprachen.

Question 10

Beachtet Java Script Groß- und Kleinschreibung?

Answer 10

ja

Question 11

Womit endet ein Befehl in JS

Answer 11

;

Question 12

Kommentar in JS

Answer 12

// (Zeile wird ignoriert)

Question 13

Deklaration

Answer 13

Darunter versteht man in Programmiersprachen das Bekanntmachen von Programmelementen, wie bspw. dem Namen, bevor diese Elemente in anderen Programmteilen verwendet werden können.

Question 14

Konstante Variable

Answer 14

const

(z.B. > const pi = 3.14159;)

Question 15

Variable, die im aktuellen Block gilt und verändert werden darf

Answer 15

let

(z.B. > let visible = true;)

Question 16

Variable, die verändert werden kann, jedoch nicht nur im aktuellen Block gilt und sondern in der aktuellen Funktion. Sie kann auch vor der Deklaration verwendet werden.

Answer 16

var

(sollte nicht mehr verwendet werden)

z.B.
> console.log(a); var a = 5;
< undefined

Question 17

Müssen in JS Datentypen für Variablen festgelegt werden?

Answer 17

Nein

Question 18

Typisierung

Answer 18

Man unterscheidet zwischen dynamischer und statischer Typisierung. Letztere wird fast nur in übersetzten Sprachen verwendet.

Question 19

Number

Answer 19

Zahl (mit Punkt getrennt)
z.B. let preis = 800.0;

Question 20

BigInt

Answer 20

Damit können beliebig lange Ganzzahlen abgespeichert werden.
z.B. let p9 =
2305843009213693951;

Question 21

String

Answer 21

Damit werden Wörter und Zeichenketten
gespeichert. Der eigentliche Text steht zwischen
zwei Anführungszeichen.

z.B. let firma =
“WebAppStartup”;

Question 22

Boolean

Answer 22

Dieser Wahrheitstyp kann nur zwei Zustände annehmen: true oder false.

z.B. let online = true;

Question 23

Object

Answer 23

Dies ist der komplexeste und am häufigsten verwendete Datentyp von JavaScript. Man kann sich Objekte wie „Container“ vorstellen, in denen mehrere unterschiedliche Variablen mit Schlüsseln gespeichert werden. Sie können hierarchisch gruppiert werden. Im Gegensatz zu den anderen Variablentypen werden hier nur Referenzen gespeichert, d. h. Änderungen betreffen alle Instanzen.

z.B. let firma = { name: “Startup”, online: false };

Question 24

Referenz

Answer 24

Eine Referenz ist ein Verweis
auf ein Objekt.

Eine Zuweisung erzeugt keine Kopie sondern eine Referenz.

> let startup = firma;
startup[“online”] = true;
firma[“online”]
< true

Question 25

Objekte und Arrays

Answer 25

• zentralen Datenstrukturen in JavaScript
• Eigenschaft-Wert-Paare gespeichert
• Sammlung („Collection“) von Eigenschaften
• Über die Eigenschaften kann man deren Werte auslesen oder setzen.

z.B.
> let firma = {
name: “Startup”,
online: false
};
firma
< {name: ‘Startup’, online: false}
> firma[“online”]
< false

Question 26

Aufruf eines Objektes

Answer 26

Statt die Eigenschaft in Klammern zu schreiben, kann man sie auch mit einem Punkt dahinter setzen. firma[“online”] entspricht also firma.online.

Question 27

Array

Answer 27

Arrays sind eine spezielle Art von Objekten, die man sich wie eine Liste vorstellen kann.

z.B.
> let list = [0, 1, 2]; list.length
< 3
> list[0]
< 0

Question 28

Wert einem Array hinzufügen

Answer 28

über .push
z.B.
list.push(3)

Question 29

Block

Answer 29

Dieser Begriff bezeichnet mehrere Code-Zeilen, welche in sich abgeschlossen sind. Sie beginnen mit „{“, gefolgt von den Code-Zeilen und enden mit „}“. Die mit let darin deklarierten Variablen sind nur innerhalb dieses Blockes gültig, nicht mehr außerhalb.

Question 30

if Bedingung

Answer 30

if (bedingung) {
//wird ausgeführt, falls die Bedingung zutrifft
} else {
//wird sonst ausgeführt
}

Question 31

Wann ist eine if-Bedingung in JS false?

Answer 31

Wenn sie false, null, 0 oder undefined ist.

Question 32

Onsubmit

Answer 32

Bevor ein Formular abgeschickt wird, wird die onsubmit-Methode aufgerufen. Damit kann z. B. die Vollständigkeit der Eingabe überprüft werden

Question 33

JavaScript-Konsole

Answer 33

Dieses Ein-/Ausgabe- Fenster erlaubt den Einblick in die „internen Zustände“ der JavaScript- Maschine. Es kann im Browser angezeigt und über Befehle wie „console.debug()“ gesteuert werden.

Question 34

Vergleichs Operatoren

Answer 34

> = prüft, ob die linke Seite größer oder gleich der rechten
ist
5 >= 4

Question 35

Zeichenketten mit
Zahlen

Answer 35

Die dynamische Typisierung
macht es hier
manchmal schwierig. Was
passiert, wenn man zu
einer Zahl ein Zeichen
dazu zählt oder umgekehrt?
Am besten gilt es,
solche Fälle zu vermeiden.

Question 36

Verknüpfungen

Answer 36

Diese Operatoren werden auch als Bool’sche Verknüpfungen bezeichnet. Ähnlich kommen sie auch in der Mengenlehre vor.

Question 37

Logische Verknüfungen (Liste)

Answer 37

Question 38

Liste

Answer 38

Dieser Begriff kann in
JavaScript synonym zu
Array verwendet werden.

Question 39

Schleifen

Answer 39

Klassische for-Schleife
for (initalisierung; bedingung; änderung) { … }
for (let i = 0; i < 10; i++) { console.log(i) }

for-of-Schleife
for (e of [1, 4, 9, 16, 25]) { console.log(Math.sqrt(e))

while-Schleife
let i = 1; while (i < 1000) { console.log(i); i = i *2}

Question 40

Parameter

Answer 40

Dieser Begriff bezeichnet Variablen, welche einer Funktion übergeben werden. Erst durch sie wird die Funktion flexibel und kann quasi „von außen“ gesteuert werden.

Question 41

Funktionen

Answer 41

z.B.
function name(parameter1, parameter2) {
//hier stehen die Befehle
//…
//wert wird zurückgegeben, nur mit „return“ keine Rückgabe
return wert;
}

Question 42

Funktionale Programmierung

Answer 42

Dies bezeichnet ein Code- Paradigma, welches Funktionen ohne interne Zustände in den Vordergrund stellt.

Question 43

Objektorientierte Programmierung

Answer 43

Damit ist ein Code-Paradigma gemeint, welches Objekte mit ihren internen Zuständen in den Vordergrund stellt. Es eignet sich gut für mittlere bis komplexe Programme, die leicht zu ändern sein sollen und wiederverwendbare Programmteile enthalten.

Question 44

Klassen