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
Wozu wird das Constructor Pattern in Javascript verwendet?
Was ist in node.js die Konvention für einen Aufruf auf einen Funktion mit einem Callback Argument?
Welches ist die richtige Reihenfolge der Daten Einheiten im OSI model (von Application nach Physical Layer)?
Unterschied zwischen den Protokollen UDP und TCP/IP?
UDP (User/Universal Datagram Protocol): Sehr performant, Reihenfolge der Pakete ist allerdings nicht definiert. Deshalb fehlt die garantierte Zuverlässigkeit. Einsatzgebiet: UDP eignet sich vor allem für Streamingdienste (IPTV), Multiplayer-Games, Domain Name System (DNS UDP port 53), Voice over IP (VoIP)
TCP/IP (Transmission Control Protocol): Langsamer Start der Paketübertragung; testet zuerst das Netzwerk nach deren Belastbarkeit. Reihenfolge wird eingehalten und garantiert. Grosse Zuverlässigkeit durch Error-Check mit Recovery-Optionen. Einsatzgebiet: World Wide Web (Apache TCP port 80), e-mail (SMTP TCP port 25 Postfix MTA), File Transfer Protocol (FTP port 21)
Was ist darunter zu verstehen, dass Node.js "event driven" basiert ist?
Im Gegensatz zum Thread-basierten Programmfluss steht bei Node.js ein Mechanismus im Zentrum (event loop), der nur auf Ereignisse hört und Funktionen (callbacks) aufruft sobald ein Ereignis eintritt. Dieser zentrale Mechanismus ist nicht blockiert durch Warten auf das Ergebnis. Das Ergebnis wird asynchron verarbeitet.
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
