Javascript & JQuery

Question 1

Was ist der der Unterschied zwischen var und let?

Answer 1

mit var baut man sich eine Variable welche man überall verwenden kann. Eine mit let erschaffene Variable kann nur innerhalb der Funktion in welcher sie erschaffen wurde verwendet werden.

Question 2

Was ist der Unterschied zwischen == und ===

Answer 2

Bei == wird geprüft ob links und rechts der gleiche Wert ist. Bei === wird zusätzlich noch geprüft ob auch der selbe Datentyp ist. null == 0 => true , null === 0 => false

Question 3

Wie erhalte ich in einer Funktion welche von einem EventListener aufgerufen wird das Event selbst (bsp. click) als objekt?

Answer 3

Indem man in bei der Funktion einfach einen namen für das Event definiert. funktion XY (Evt){}
Das Event wird immer mitgegeben und kann verwendet werden oder nicht.

Question 4

Welche Datentypen existieren bei JavaScript?

Answer 4

Number, String, Boolean, Object (function, Array, Date, RegExp) Symbol(ab ES6), null, undefined

Question 5

Wie konvertriert man eine zahl welche als string definiert ist zu einer zahl als number?

Answer 5

parseInt(“ZahlAlsString”,10);
10 wird hier optional als Basis für die umwandlung mitübergeben. Dies hilft manchmal falls älteren Browser ein Problem mit dem umwandeln haben.

Question 6

Wie reagiert man auf ein Event in JavaScript?

Answer 6

Mit einem EventListener. document.getElementById(“ElenetXY”).addEventListener(‘click’, handleClick);

Question 7

Was ist mit Callback gemeint?

Answer 7

Callback bezeichnet eine Funktion, welche auf ein Event reagiert. EventListener -> callbackFunction

Question 8

Wie erstellt man einen JSON String?

Answer 8

var jsonString = JSON.stringify({
    make: "McLaren",
    model: "MP4-12C",
    miles: 5023
});

Question 9

Wie generiert man aus einem JSON String ein JavaScript objekt?

Answer 9

var car = JSON.parse(jsonString);

Question 10

Was bedeutet JSON?

Answer 10

JavaScript Object Notation

Question 11

Wofür ist JSON da?

Answer 11

Um simple Daten wie arrays, objekte mit einfachen daten wie strings und numbers zu speichern und sie an einen Server zu schicken.

Question 12

Wieso setzt man am besten seinen Code innerhalb einer solchen Funktion: (function(){ /* code */ }()); ?

Answer 12

Damit Variablen im Code nur innerhalb dieser Funktion gültig sind und nicht evt. noch mit anderen JavaScript Dateien Probleme bekommen.

Question 13

Wieso setzt man am Anfang des Codes “use strict”; ?

Answer 13

Damit man Variablen deklarieren muss und nicht x = 15; angeben kann. Es zwingt sauberen Code zu schreiben, durch strengere Regeln.

Question 14

Was meint man in der JavaScript programmierung mit Scope?

Answer 14

Das Scope ist der Bereich in welchem eine Variable aufgerufen werden kann. Ein Scope beschreibt den Einsatzbereich einer Variable.

Question 15

Wie ist das Grundgerüst eines jQuery Codes?

Answer 15

(function($) {
  "use strict";
    //Code//
}(jQuery));
Das jQuery Objekt wird der Funktion übergeben und mit dem $-Zeichen angesprochen.

Question 16

Wie wählt man in jQuery eine ID, klasse oder Element an?

Answer 16

ID => $(“#id”);
Klasse => $(“.klasse”);
element => $(“element”);

Question 17

Was ist der in jQuery der Unterschied zwischen get und set?

Answer 17

Set’s sind gleich wie get’s plus Parameterübergaben, welche das Element manipulieren.
get => $(“#title”).html()
set => $(“#title”).html(“Neuer Text für den title!”)

Question 18

Was ist ein Selektor?

Answer 18

Eine Bezeichnung um ein Element anzuwählen. $(“a”).show()
$(“#MyID”).show()
$(“.classSelector”).show

Question 19

Wie wählt man mit jQuery alle Paragraphen innerhalb des Bodys an?

Answer 19

$(“body > p”)

Question 20

Was ist der Unterschied zwischen attr und prop?

Answer 20

Attribute (attr) ist ein fixer Wert, Properties (prop) sind die Dynamischen Werte, Zustände wie checked oder true bzw false. Vor allem bei Radio Button und Checkboxen relevant.

Question 21

Wie wird einem Plugin Optionen/Kofigurationen übergeben?

Answer 21

Mithilfe eines JSON-Objekts.

Question 22

Was ist ein Plugin?

Answer 22

Eine eingebundene Funktion, welche aus einem anderen JavaScript File eingebunden wurde.