bst2015-hsr
repetitionsfragen
repetitionsfragen
Was gehört zu einem Request-Header?
Wie ist das URL Schema aufgebaut?
- Scheme (Protocol)
- Authority (DNS Name)
- Path (Hierarchical Location)
- Query (Query Parameter)
- Fragment (Address Anchor in the Document)
HATEOAS?
Hypermedia As The Engine Of Application State
Im Zusammenhang mit REST API, ausführliche aber (serverseitig) aufwendige Ausgestaltung
REST?
Representational State Transfer
software architecture style consisting of guidelines and best practices for creating scalable web services
- client / server getrennt
- statuslos (jeder request beinhaltet alle nötigen informationen)
- cacheable
- einheitliche schnittstelle
- layered system (optimal für schichtenarchitekturen / firewall
- http GET, PUT, POST, DELETE, HEAD, OPTIONS
- ROA (resource oriented architecture)
ExpressJS: Wie unterscheidet sich eine Error-Middleware von anderen Middlewares?
Eine Error-Middleware muss 4 Parameter haben: Error, Request, Response, Next.
Beispiel:
app.use(function(err, req, res, next) {
// something
});
Andere Middlewares haben maximal 3 Parameter (req, res, next).
Nützlich zu wissen:
Eine Error-Middleware sollte als die letzte Middleware registriert werden.
Es können mehrere Error-Middlewares registriert werden.
Wird aufgerufen, falls ein Error-Objekt dem Next-Callback übergeben wird.
Ab diesem Zeitpunkt werden keine normalen Routes mehr aufgerufen.
Welcher Datentyp ist in JSON nicht erlaubt?
Worin unterscheidet sich ein HEAD Request von einem GET Request?
Ein Head Request weist den Server an, die gleichen HTTP-Header wie bei GET, nicht jedoch den Nachrichtenrumpf mit dem eigentlichen Dokumentinhalt zu senden. So kann zum Beispiel schnell die Gültigkeit einer Datei im Browser-Cache geprüft werden.
Welches Keyword braucht es bei Typescript Klassen nicht zwingend?
Nenne die 3(R) Vorteile einer SPA
Reach
Rich User Experience
Reduced Round Tripping
Welche Layer kann es in einem Web-Projekt geben?
- GUI Layer: Präsentationsschicht (JavaScript, TypeScript, HTML5, CSS3)
- SOA Layer: Stellt Services über definierte Schnittstellen zur Verfügung (REST, OData, SOAP)
- Business Layer: Anwendungslogik (.NET, Java, JavaScript)
- Data Layer: Datenbank (SQL)
OCP Principle?
Open-Closed-Prinzip („Offen-Geschlossen-Prinzip“)
Module sollten sowohl offen (für Erweiterungen), als auch geschlossen (für Modifikationen) sein.
Was ist der Unterschied zwischen One-Way und Two-Way data binding?
One-Way Data Binding (bg-bind) wird gebraucht um ein Wert in einem HTML Element anzuzeigen. Es ist keine Userinteraktion möglich.
Beim Two-Way Data Binding (ng-model) wird eine Verknüpfung zwischen Elementen im View und Datenstrukturen im Model hergestellt. Daten können eingegeben und geändert werden.
Eine detaillierte Erklärung gibt es hier:
https://angularjs.de/buch/databinding
Was ist die ng-model directive?
ng-model verbindet Value von HTML controls(input, select, textarea) mit App Daten.
bietet auch validation
https://docs.angularjs.org/api/ng/directive/ngModel
Gibt es in angular die Möglichkeit, eigene Filter zu definieren, die wie die nativen Filter verwendet werden können? Wenn ja, mache ein Beispiel.
Ja, das geht.
Beispiel:
angular.module('phonecatFilters', []).filter('checkmark', function() {
return function(input) {
return input ? '\u2713' : '\u2718';
};
});
Was ist Angular $scope?
Mit welcher Direktive wird in Angular ein Image-Pfad definiert?
Mit welcher angular Directive können Variabeln im HTML initialisert werden?
Welches ist keine Möglichkeit für ein Data Binding in Angular?
Welche Arten von Direktiven gibt es und wie werden diese definiert und verwendet?
Attribut-Direktiven:
restrict: 'A'; <div data-my-directive> oder <div my-directive>
Element-Direktiven:
restrict: 'E'; <my-directive></mydirective>
Class-Direktiven:
restrict: 'C'; <div class="my-directive">
Was gehört nicht zur Philosophie "Progressive enhancement" im Kontext Responsive Design
Wie selektiert man NUR die direkten Kinderelemente von den Mutterelementen?
Mit >
Web Architektur - Was passt in das leere Feld?
Web-API / REST
Welchen Standard Port verwendet eine Node + Express App, wenn man sie mit WebStorm erstellt?
Von wem wurde Moodle entwickelt? -> Die Lernplattform und das Kursmanagementsystem der HSR
Nenne drei Eigenschaften, welche beim CSS nicht vom Parent-Element zum Child-Element vererbt werden?
margin
padding
width
border
...
Block vs. Inline: Welcher Punkt passt nicht zu einem Block-Element?
Wer ist kein Mitglied der WHATWG?
HTML Standard: Was versteht man unter "void elements"? Nenne zwei Beispiele
"void elements" sind immer leer (Syntax erlaubt keinen Inhalt) und können ohne schliessenden tag geschrieben werden.
Mögliche Beispiele:
<area>
<base>
<br>
<col>
<command>
<embed>
<hr>
<img>
<input>
<keygen>
<link>
<meta>
<param>
<source>
<track>
<wbr>
Welche Reihenfolge der Importance Rules gilt (letzte übersteuert)?
Was ist die Specifity von "body #superId li:first-child h2 .title"?
123
Welche Attribut-Definition ist falsch?
Nenne drei Werte in Javascript welche immer falsy sind?
Die Werte sind:
- false
- 0
- "" (leerer/empty string)
- null
- undefined
- NaN (Not-a-Number)
Vorsicht wenn "0" und "false" (also als String angegeben wird ist es true).
Was ist der Unterschied zwischen null und undefined?
undefined ist ein Zustand und null ist ein Wert
Was wird in die Konsole geschrieben?
var b = 1;
(function a(b) {
b = 2;
while (a <= 5) {
console.log('b:' + b);
}
})(3);
Antwort: keine Ausgabe.
Begründung: a ist eine Function, a <= 5 ergibt false, weil: Regel 9 der "Abstract Equality Comparison Alogirthm. DefaultValue einer Function ruft toString, a.toString() resultiert mit dem Code der Function. Gemäss Regel 5 wird also (Number(a.toString()) <= 5) verglichen. Number(a.toString()) ergibt NaN --> NaN <= 5 --> false
Welches sind die 6 Typen in ECMAScript 5?
Was ist in Javascript der Unterschied zwischen einer "Expression" und einem "Statement"?
Expression: Erzeugt einen Wert (auch wenn dieser "undefined" ist), z.B. eine Zuweisung
Statement: Sprachelement, z.B. ein Loop oder eine If-Anweisung
Was ist kein "Type" in Javascript?
Wie heissen die beiden Scopes in JavaScript?
Local scope und Global scope
Welchen Wert liefert der folgende Ausdruck?
Datenkonversion - Was liefert:
(function() {}()) == null
true, weil der Aufruf der Funktion auf der linken Seite undefined liefert und dann undefined == null true liefert.
-
- 1 / 65
-
Cartes-fiches
Wie selektiert man NUR die direkten Kinderelemente von den Mutterelementen?
Mit >
Web Architektur - Was passt in das leere Feld?
Web-API / REST
Welchen Standard Port verwendet eine Node + Express App, wenn man sie mit WebStorm erstellt?
Von wem wurde Moodle entwickelt? -> Die Lernplattform und das Kursmanagementsystem der HSR
Nenne drei Eigenschaften, welche beim CSS nicht vom Parent-Element zum Child-Element vererbt werden?
margin
padding
width
border
...
Block vs. Inline: Welcher Punkt passt nicht zu einem Block-Element?
Wer ist kein Mitglied der WHATWG?
HTML Standard: Was versteht man unter "void elements"? Nenne zwei Beispiele
"void elements" sind immer leer (Syntax erlaubt keinen Inhalt) und können ohne schliessenden tag geschrieben werden.
Mögliche Beispiele:
<area>
<base>
<br>
<col>
<command>
<embed>
<hr>
<img>
<input>
<keygen>
<link>
<meta>
<param>
<source>
<track>
<wbr>
Welche Reihenfolge der Importance Rules gilt (letzte übersteuert)?
Was ist die Specifity von "body #superId li:first-child h2 .title"?
123
Welche Attribut-Definition ist falsch?
Nenne drei Werte in Javascript welche immer falsy sind?
Die Werte sind:
- false
- 0
- "" (leerer/empty string)
- null
- undefined
- NaN (Not-a-Number)
Vorsicht wenn "0" und "false" (also als String angegeben wird ist es true).
Was ist der Unterschied zwischen null und undefined?
undefined ist ein Zustand und null ist ein Wert
Was wird in die Konsole geschrieben?
var b = 1;
(function a(b) {
b = 2;
while (a <= 5) {
console.log('b:' + b);
}
})(3);
Antwort: keine Ausgabe.
Begründung: a ist eine Function, a <= 5 ergibt false, weil: Regel 9 der "Abstract Equality Comparison Alogirthm. DefaultValue einer Function ruft toString, a.toString() resultiert mit dem Code der Function. Gemäss Regel 5 wird also (Number(a.toString()) <= 5) verglichen. Number(a.toString()) ergibt NaN --> NaN <= 5 --> false
Welches sind die 6 Typen in ECMAScript 5?
Was ist in Javascript der Unterschied zwischen einer "Expression" und einem "Statement"?
Expression: Erzeugt einen Wert (auch wenn dieser "undefined" ist), z.B. eine Zuweisung
Statement: Sprachelement, z.B. ein Loop oder eine If-Anweisung
Was ist kein "Type" in Javascript?
Wie heissen die beiden Scopes in JavaScript?
Local scope und Global scope
Welchen Wert liefert der folgende Ausdruck?
Datenkonversion - Was liefert:
(function() {}()) == null
true, weil der Aufruf der Funktion auf der linken Seite undefined liefert und dann undefined == null true liefert.
Der Context eines Funktionsaufrufs wird repräsentiert durch
Welche der 4 Aussagen trifft beim Aufruf einer Javascript Funktion mit einer zufälligen Anzahl Parametern nicht zu?
Welcher ist der richtige Wert von x?
var a = ['hallo', 'velo'];
var x = !!~a.indexOf('hallllo');
was macht der tilde unary operator (~)?
It is a unary operator that takes the expression to its right performs this small algorithm on it (where N is the expression to the right of the tilde): -(N+1). See below for some samples.
console.log(~-2); // 1
console.log(~-1); // 0
console.log(~0); // -1
console.log(~1); // -2
console.log(~2); // -3
Was resultiert bei folgenden typeof-Abfragen?
a) typeof NaN === '?';
b) typeof true === '?';
c) typeof undefined === '?';
d) typeof bla === '?';
e) typeof "blabla" === '?';
f) typeof null === '?';
a) number (obwohl 'not a number')
b) boolean
c) undefined
d) undefined
e) string
f) object
Welchen Wert liefert der folgende Ausdruck:
!undefined == !null
Nenne vier wichtige Methoden des document-Objekts, um auf jeden beliebigen Element-node direkt zugreifen zu können.
- getElementById()
- getElementsByName()
- getElementsByTagName()
- getElementsByClass()
Gegeben ist folgendes HTML Document:
<!DOCTYPE html>
<html>
<body>
<p>Hallo</p>
<p>Welt!</p>
</body>
</html>
Was liefert der folgende Ausdruck:
document.body.childNodes[2]
was wird bei einer Änderung im DOM-Tree neu geladen?
Der gesammte Render-Tree wird neu geladen.
Was gibt der Aufruf "firstChild" auf einem node zurück?
Gibt das erste "Zeichen" zurück wenn es kein Tag ist. Wenn das erste "Zeichen" ein Tag ist wird das komplette Tag zurück gegeben.
Welche Element Eigenschaft (property) sollte man wegen mangelnder Browseruntersütztung nicht benutzen?
jQuery - nenne einen Befehl, der die verwendete Version ausgibt.
jQuery.fn.jquery
$.fn.jquery
jQuery().jquery
Welches der folgenden Beispiele ist nicht in Jquery aufzufinden?
Handelbars Template-Scripts sollten mit dem foldenden Type aufgerufen werden:
Was ist der Unterschied im Ergebnis von document.getElementsByTagName('p') unddocument.querySelectorAll('p')?
getElementsByTagName returniert eine live Node-List, das sich ändert wenn sich das DOM ändert.
querySelectorAll gibt eine statische Node-List zurück. Ausserdem ist getElementsByTagNameschneller.
Was testet der "instanceof" Operator?
Er prüft, ob ein gegebenes Objekt von einer bestimmten Objekt-Klasse ableitet. Javascript-intern wird diese Überprüfung über die Vererbungshierarchie (prototype-chain) realisiert.
Welche der folgenden Methoden ist KEINE der Standard Object.prototype Methoden (Object.prototype.valueOf())?
Was ist boxing im Bezug auf Datentypen?
Das automatische konvertieren von Typen.
Primitives => Reference Type
Reference Type => Primitives
Erweitere die Klasse Animal um einen Getter und Setter für das Property Age. Beim Setter soll der Wert in eine Nummer umgewandelt werden.
function Animal () {
var self = this;
var age = 0;
}
function Animal (color) {
var self = this;
var age = 0;
Object.defineProperty(self, 'age', {
get: function() { return age; },
set: function(value) { age = Number(value); }
});
}
Was liefert valueOf, falls es nicht überschrieben wurde?
