mirror
/
Front-end-Developer-Interview-Questions
mirror of https://github.com/h5bp/Front-end-Developer-Interview-Questions.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update German Translation from issue #821

This commit is contained in:
LaraKraemer 2024-06-12 18:31:54 +02:00
parent c83db1e5e4
commit e7d30281c7
1 changed files with 198 additions and 219 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

417
src/translations/german/README.md
View File

@ -1,237 +1,216 @@
---
title: Fragen im Bewerbungsgespräch für Frontend-Entwickler
title: Fragen im Bewerbungsgespräch für Frontend-Entwickler/-innen
layout: layouts/page.njk
permalink: /translations/german/index.html
lang : de
---
# Fragen im Bewerbungsgespräch für Frontend-Entwickler
# Inhaltsverzeichnis
@version 2.0.0
1. [Allgemeine Fragen](#general)
1. [HTML-Fragen](#html)
1. [CSS-Fragen](#css)
1. [JS-Fragen](#js)
1. [Code-Fragen](#code)
1. [Test-Fragen](#testing)
1. [Performance-Fragen](#performance)
1. [Netzwerk-Fragen](#network)
1. [Spaß-Fragen](#fun)
Dieses Repo enthält einige Fragen, die zur Einschätzung von geeigneten Frontend-Entwicklern innerhalb eines Bewerbungsgesprächs verwendet werden können. Es ist auf keinen Fall ratsam, einem Bewerber jede einzelne Frage zu stellen (das würde Stunden dauern). Es mag hilfreich sein, eine handvoll passender Fragen aus dieser Liste auszuwählen, um die Fähigkeiten abzuklopfen, die für den Job wichtig sind.
[Rebecca Murphey](http://rmurphey.com/)'s [Baseline For Front-End Developers](http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/) (Englisch) ist ebenso eine nützliche Quelle zur Vorbereitung auf ein Bewerbungsgespräch.
#### [[⬆]](#toc) <a name='general'>Allgemeine Fragen:</a>
**Anmerkung:** Beachte bitte, dass viele dieser Fragen so offen gehalten sind, dass sie interessante Diskussionen auslösen können, in deren Verlauf du viel mehr über die Fähigkeiten eines Bewerbers erfahren kannst, als in kurzen, direkten Antworten.
#### Initiatoren und Mitwirkende
Ein Großteil der Fragen wurden aus einer Diskussion bei [oksoclap](http://oksoclap.com/) entnommen, die von [Paul Irish](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) angestoßen wurde, und an der später folgende Personen beteiligt waren:
* [@bentruyman](http://twitter.com/bentruyman) - http://bentruyman.com
* [@cowboy](http://twitter.com/cowboy) - http://benalman.com
* [@ajpiano](http://ajpiano) - http://ajpiano.com
* [@SlexAxton](http://twitter.com/slexaxton) - http://alexsexton.com
* [@boazsender](http://twitter.com/boazsender) - http://boazsender.com
* [@miketaylr](http://twitter.com/miketaylr) - http://miketaylr.com
* [@vladikoff](http://twitter.com/vladikoff) - http://vladfilippov.com
* [@gf3](http://twitter.com/gf3) - http://gf3.ca
* [@jon_neal](http://twitter.com/jon_neal) - http://twitter.com/jon_neal
* [@wookiehangover](http://twitter.com/wookiehangover) - http://wookiehangover.com
* [@darcy_clarke](http://twitter.com/darcy) - http://darcyclarke.me
* [@iansym](http://twitter.com)
### Allgemeine Fragen:
* Welche Versionsverwaltung hast du bisher verwendet (Git, SVN, etc.)?
* Wie sieht deine bevorzugte Entwicklungsumgebung aus? (Betriebssystem, Editor, Browser, Werkzeuge, etc.)
* Beschreibe bitte deinen Arbeitsablauf, wenn du eine Website entwickelst.
* Was hast du gestern/diese Woche gelernt?
* Was reizt oder interessiert dich am Programmieren?
* Welche technische Herausforderung hast du kürzlich erlebt und wie hast du sie gelöst?
* Kannst du beim Aufbau einer neuen Website oder bei der Wartung einer Website einige Techniken erklären, die du zur Leistungssteigerung eingesetzt hast?
* Kannst du einige bewährte SEO-Verfahren oder Techniken beschreiben, die du in letzter Zeit verwendet hast?
* Kannst du gängige Techniken oder kürzlich gelöste Probleme in Bezug auf die Front-End-Sicherheit erläutern?
* Welche Maßnahmen hast du persönlich bei aktuellen Projekten ergriffen, um die Wartbarkeit deines Codes zu verbessern?
* Erzähl mir bitte etwas über deine bevorzugte Entwicklungsumgebung.
* Mit welchen Versionskontrollsystemen bist du vertraut?
* Kannst du deinen Arbeitsablauf beschreiben, wenn du eine Webseite erstellst?
* Wenn du 5 verschiedene Stylesheets hast, wie würdest du diese am besten in die Website integrieren?
* Kannst du den Unterschied zwischen Progressive Enhancement und Graceful Degradation beschreiben?
* Extra-Punkte für die Beschreibung von Feature Detection
* Beschreibe bitte, was »Semantisches HTML« bedeutet.
* In welchem Browser entwickelst du vornehmlich und welche Entwicklerwerkzeuge verwendest du dabei?
* Wie würdest du die Ressourcen einer Website im Hinblick auf Performance optimieren?
* Verschiedene Lösungsansätze könnten sein:
* Zusammenfassen von Dateien
* Minifizierung
* Nutzung von CDN
* Caching
* etc.
* Warum ist es sinnvoll, Ressourcen über mehr als eine Domain abzufragen?
* Wie viele Quellen kann ein Browser von einer Domain parallel empfangen?
* Benenne drei Umstände, die das Laden einer Seite verlangsamen können (hinsichtlich der Wahrnehmung oder der tatsächlichen Ladezeit).
* Wie verhältst du dich, wenn du in ein neues Projekt kommst, in dem Tabs verwendet werden und du aber Leerzeichen verwendest?
* Vorschlagen, dass für das Projekt sowas wie EditorConfig (http://editorconfig.org) verwendet werden soll.
* Sich an die Vorgaben des Projekts halten.
* `issue :retab! command`
* Entwickle eine simple Slideshow-Seite.
* Bonuspunkte, wenn sie kein JS verwendet.
* Welche Werkzeuge nutzt du zum Testen der Performance deines Codes?
* JSPerf (http://jsperf.com/)
* Dromaeo (http://dromaeo.com/)
* etc.
* Wenn du eine Technologie in diesem Jahr meistern könntest, welche wäre das?
* Erkläre die Bedeutung von Standards und Standardisierungsorganisationen?
* Was ist FOUC? Wie vermeidest du FOUC?
* Wie würdest du die Assets/Ressourcen einer Website optimieren?
* Wie viele Ressourcen kann ein Browser gleichzeitig von einer bestimmten Domain herunterladen?
* Welche Ausnahmen gibt es?
* Nenne 3 Möglichkeiten zur Verringerung der Seitenladezeit (gefühlte oder tatsächliche Ladezeit).
* Was würdest du tun, wenn du in ein Projekt einsteigst, bei dem Tabulatoren verwendet werden und du Leerzeichen verwendest?
* Beschreibe, wie du eine einfache Diashow-Seite erstellen würdest.
* Wenn du in diesem Jahr eine Technologie beherrschen könntest, welche wäre das?
* Erkläre die Bedeutung von Standards und Standardisierungsgremien.
* Was ist Flash of Unstyled Content (FOUC)? Wie vermeidest du FOUC?
* Erkläre, was ARIA und Screenreader sind und wie man eine Website barrierefrei macht.
* Erkläre einige Vor- und Nachteile von CSS-Animationen im Vergleich zu JavaScript-Animationen.
* Wofür steht CORS und welches Problem löst es?
* Wie hast du einen Konflikt mit deinem Chef oder deinem Mitarbeiter gelöst?
* Welche Ressourcen nutzt du, um dich über die neuesten Entwicklungen im Bereich Frontend-Entwicklung und Design zu informieren?
* Welche Fähigkeiten sind notwendig, um ein guter Frontend-Entwickler zu sein?
* Welche Rolle siehst du für dich selbst?
* Erkläre den Unterschied zwischen Cookies, Session Storage und Local Storage.
* Kannst du erklären, was passiert, wenn du eine URL in den Browser eingibst?
* Beschreibe den Unterschied zwischen Server-Side Rendering (SSR) und Client-Side Rendering (CSR). Diskutiere die Vor- und Nachteile.
* Bist du mit statischem Rendering vertraut?
* Und mit Rehydration?
### HTML-spezifische Fragen:
#### [[⬆]](#toc) <a name='html'>HTML-Fragen:</a>
* Was tut ein `doctype` und wie viele von ihnen kannst du benennen?
* Was ist der Unterschied zwischen Standards-Modus und Quirks-Modus?
* Welche Einschränkungen gibt es beim Ausliefern von XHTML-Seiten?
* Gibt es Probleme, wenn Seiten als `application/xhtml+xml` ausgeliefert werden?
* Wie lieferst du eine Seite mit Inhalten in verschiedenen Sprachen aus?
* Vor welchen Dingen solltest du dich hüten, wenn du mehrsprachige Websites designst oder entwickelst?
* Darf man XHTML-Syntax in HTML5 verwenden?
* Wie verwendet man XML in HTML5?
* Wofür sind `data-`-Attribute nützlich?
* Was sind die Inhaltsmodelle in HTML4 und sind sie unterschiedlich in HTML5?
* Stelle dir HTML5 als eine offene Internetplattform vor. Was sind die Basiskomponenten von HTML5?
* Beschreibe die Unterschiede zwischen Cookies, sessionStorage und localStorage.
* Was macht ein `doctype`?
* Wie stellst du eine Seite mit Inhalten in mehreren Sprachen bereit?
* Worauf musst du achten, wenn du für mehrsprachige Websites designst oder entwickelst?
* Wofür sind `data-` Attribute gut?
* Betrachte HTML5 als offene Webplattform. Was sind die Bausteine von HTML5?
* Beschreibe den Unterschied zwischen einem `cookie`, `sessionStorage` und `localStorage`.
* Beschreibe den Unterschied zwischen `<script>`, `<script async>` und `<script defer>`.
* Warum ist es im Allgemeinen eine gute Idee, CSS `<link>`-Tags zwischen `<head></head>` und JS `<script>`-Tags direkt vor `</body>` zu positionieren? Kennst du Ausnahmen?
* Was ist progressives Rendering?
* Warum würdest du ein `srcset`-Attribut in einem Image-Tag verwenden? Erkläre den Prozess, den der Browser bei der Auswertung des Inhalts dieses Attributs verwendet.
* Hast du schon verschiedene HTML-Templating-Sprachen verwendet?
* Was ist der Unterschied zwischen `canvas`und `svg`?
* Was sind leere Elemente in HTML?
### JS-spezifische Fragen:
* Erkläre Event Delegation
* Erkläre, wie `this` in JavaScript funktioniert.
* Erkläre, wie prototypische Vererbung funktioniert.
* Wie gehst du vor beim Testen von JavaScript?
* AMD vs. CommonJS?
* Welche JavaScript-Bibliotheken hast du bisher benutzt?
* Hast du jemals den Sourcecode von Bibliotheken/Frameworks angeschaut, die du benutzt?
* Was ist ein hashtable?
* Was sind `undefined` und `undeclared` Variablen?
* Was ist eine Closure und wie/warum würdest du eine verwenden?
* Dein bevorzugtes Pattern, um sie zu generieren? Argyle (Nur geeignet für IIFEs).
* Was ist ein typischer Anwendungsfall für anonymous functions?
* Erkläre das »JavaScript Module Pattern« und wann du es verwenden würdest.
* Bonuspunkte, wenn sauberes Namespacing genannt wird.
* Und wenn deine Module ohne Namespace sind?
* Wie organisierst du deinen Code? (Module Pattern, klassische Vererbung?)
* Was ist der Unterschied zwischen host objects und native objects?
* Unterschied zwischen:
```javascript
function Person(){} var person = Person() var person = new Person()
```
* Worin unterscheiden sich `.call` und `.apply`?
* Erkläre `Function.prototype.bind`.
* Wann optimierst du deinen Code?
* Kannst du erklären, wie Vererbung in JavaScript funktioniert?
* Wann verwendet man `document.write()`?
* Die meisten Werbebanner verwenden noch `document.write()`, obwohl es verpönt ist.
* Was sind die Unterschiede zwischen Feature Detection, Feature Inference und Verwendung des UA-Strings?
* Erkläre AJAX so detailiert wie möglich.
* Erkläre wie JSONP funktioniert (und warum es nicht wirklich AJAX ist).
* Hast du schonmal JavaScript-Templating verwendet?
* Wenn ja, welche Bibliotheken hast du verwendet (Mustache, Handlebars, etc.)?
* Erkläre »Hoisting«.
* Erkläre Event Bubbling.
* Was ist der Unterschied zwischen einem »Attribut« und einer »Property«?
* Warum ist es nicht sinnvoll, JavaScript-eigene Objekte zu erweitern?
* Warum ist es sinnvoll, Kernfunktionen zu erweitern?
* Unterschied zwischen document load event und document ready event?
* Was ist der Unterschied zwischen `==` und `===`?
* Erkläre, wie du einen Query-String-Parameter aus der URL des Browserfensters abfragst.
* Erkläre die same-origin policy und in welcher Form sie JavaScript betrifft.
* Erkläre Vererbungsmuster in JavaScript.
* Bringe dies zum Laufen:
```javascript
[1,2,3,4,5].duplicate(); // [1,2,3,4,5,1,2,3,4,5]
```
* Beschreibe eine Strategie für Memoization (Vermeidung von Berechnungsschleifen) in JavaScript.
* Warum heißt es »Ternary expression« und worauf deutet das Wort »Ternary« hin?
* Was ist die Stelligkeit (Arity) einer Funktion?
* Was ist `"use strict";`? Was sind die Vor- und Nachteile bei der Verwendung?
#### [[⬆]](#toc) <a name='css'>CSS-Fragen:</a>
### JS-Codebeispiele:
```javascript
~~3.14
```
Frage: Welcher Wert wird zurückgegeben?
**Antwort: 3**
```javascript
"Draußen nur Kännchen".split("").reverse().join("");
```
Frage: Welcher Wert wird zurückgegeben?
**Antwort: "nehcnnäK run neßuarD"**
```javascript
( window.foo || ( window.foo = "bar" ) );
```
Frage: Welchen Wert hat window.foo?
**Antwort: "bar"**
nur wenn window.foo false war, andernfalls behält es seinen Wert.
```javascript
var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);
```
Frage: Was ist das Ergebnis der beiden alerts oben?
**Antwort: "Hello World" & ReferenceError: bar is not defined**
```javascript
var foo = [];
foo.push(1);
foo.push(2);
```
Frage: Welchen Wert hat foo.length?
**Antwort: `2`
```javascript
var foo = {};
foo.bar = 'hello';
```
Frage: Welchen Wert hat foo.length?
**Antwort: `undefined`
### jQuery-spezifische Fragen:
* Erkläre »Chaining«.
* Erkläre »Deferreds«.
* Was sind ein paar jQuery-spezifische Optimierungen, die man vornehmen kann?
* Was macht `.end()`?
* Wie und warum würdest du einen Namespace für einen gebundenen Event handler verwenden?
* Benenne 4 verschiedene Werte, die man einer jQuery-Methode übergeben kann.
* Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object etc.
* Was ist die effects (oder fx) queue?
* Was ist der Unterschied zwischen `.get()`, `[]` und `.eq()`?
* Was ist der Unterschied zwischen `.bind()`, `.live()`, und `.delegate()`?
* Was ist der Unterschied zwischen `$` und `$.fn`? Was ist überhaupt `$.fn`?
* Optimiere diesen Selektor:
```javascript
$(".foo div#bar:eq(0)")
```
* Unterschied zwischen 'delegate()' und 'live()'?
### CSS-spezifische Fragen:
* Erkläre was ein »Reset«-CSS macht und wofür es nützlich ist.
* Was ist die Spezifität von CSS-Selektoren und wie funktioniert sie?
* Was ist der Unterschied zwischen "Resetting" und "Normalizing" von CSS? Was würdest du wählen und warum?
* Beschreibe Floats und wie sie funktionieren.
* Was sind die verschiedenen Clear-Methoden und welche ist geeignet für welchen Kontext?
* Erkläre CSS-Sprites und wie du sie auf einer Seite oder Website implementieren würdest.
* Was sind deine bevorzugten Image-Replacement-Techniken und wann benutzt du welche davon?
* CSS-Hacks, per conditional eingebundene .css-Ressourcen oder… was sonst?
* Wie lieferst du Seiten für funktional beschränkte Browser aus?
* Welche Techniken/Prozesse verwendest du dafür?
* Was sind die verschiedenen Möglichkeiten, um Inhalte visuell auszublenden (und für Screenreader zugänglich zu machen)?
* Hast du schonmal ein Grid-System verwendet, und wenn ja, welches bevorzugst du?
* Hast du media queries oder mobile-spezifische Layouts/CSS verwendet/entwickelt?
* Bist du mit dem Styling von SVG vertraut?
* Wie optimierst du Websites für den Druck?
* Was sind ein paar Kniffe, um effizientes CSS zu schreiben?
* Verwendest du CSS-Präprozessoren (Sass, Compass, Stylus, LESS)?
* Wenn ja, beschreibe bitte, was du an den verwendeten magst oder nicht magst.
* Wie würdest du ein Webdesign umsetzen, das Nicht-Standard-Schriften verwendet?
* Webfonts (Dienste wie Google Webfonts, Typekit, etc.)
* Erkläre wie ein Browser entscheidet, welche Elemente von einem CSS-Selektor erfasst werden.
* Beschreibe z-index und wie der Stapelkontext (stacking context) gebildet wird.
* Beschreibe BFC (Block Formatting Context) und wie er funktioniert.
* Was sind die verschiedenen Clearing-Techniken und welche ist für welchen Kontext geeignet?
* Wie würdest du browser-spezifische Styling-Probleme beheben?
* Wie stellst du deine Seiten für funktionsbeschränkte Browser bereit?
* Welche Techniken/Prozesse verwendest du?
* Was sind die verschiedenen Möglichkeiten, Inhalte visuell zu verstecken (und nur für Screenreader verfügbar zu machen)?
* Hast du jemals ein Grid-System verwendet und wenn ja, welches bevorzugst du?
* Hast du Medienabfragen oder mobile spezifische Layouts/CSS verwendet oder implementiert?
* Bist du mit dem Styling von SVGs vertraut?
* Kannst du ein Beispiel für eine `@media`-Eigenschaft außer `screen` geben?
* Was sind einige der "gotchas" beim Schreiben von effizientem CSS?
* Was sind die Vor- und Nachteile der Verwendung von CSS-Präprozessoren?
* Beschreibe, was du an den von dir verwendeten CSS-Präprozessoren magst und nicht magst.
* Wie würdest du ein Webdesign-Comp umsetzen, das nicht standardmäßige Schriftarten verwendet?
* Erkläre, wie ein Browser bestimmt, welche Elemente einem CSS-Selektor entsprechen.
* Beschreibe Pseudo-Elemente und wofür sie verwendet werden.
* Erkläre dein Verständnis des Box-Modells und wie du dem Browser in CSS mitteilen würdest, dein Layout in verschiedenen Box-Modellen darzustellen.
* Was macht ```* { box-sizing: border-box; }```? Was sind seine Vorteile?
* Was ist die CSS `display`-Eigenschaft und kannst du ein paar Beispiele für ihre Verwendung geben?
* Was ist der Unterschied zwischen inline und inline-block?
* Was ist der Unterschied zwischen den Selektoren "nth-of-type()" und "nth-child()"?
* Was ist der Unterschied zwischen einem relativ, fest, absolut und statisch positionierten Element?
* Welche bestehenden CSS-Frameworks hast du lokal oder in der Produktion verwendet? Wie würdest du sie ändern/verbessern?
* Hast du CSS Grid verwendet?
* Kannst du den Unterschied erklären, eine Website responsiv zu codieren, im Vergleich zur Verwendung einer Mobile-First-Strategie?
* Hast du jemals mit Retina-Grafiken gearbeitet? Wenn ja, wann und welche Techniken hast du verwendet?
* Gibt es einen Grund, warum du `translate()` anstelle von absolutem Positionieren verwenden würdest, oder umgekehrt? Und warum?
* Wie ist die CSS-Eigenschaft clearfix nützlich?
* Kannst du den Unterschied zwischen px, em und rem in Bezug auf Schriftgrößen erklären?
* Kannst du ein Beispiel für eine Pseudo-Klasse geben? Kannst du ein Anwendungsbeispiel für eine Pseudo-Klasse nennen?
* Was ist der Unterschied zwischen einem Block-Level-Element und einem Inline-Element? Kannst du Beispiele für beide Elementtypen nennen?
* Was ist der Unterschied zwischen CSS Grid und Flexbox? Wann würdest du welches verwenden?
* Was ist der Unterschied zwischen festen, fluiden und responsiven Layouts?
### Optionale Spaßfragen:
* Was ist das großartigste, was du je entwickelt hast, und worauf bist du am meisten stolz?
* Kennst du das Zeichen der HTML5-Gang?
* Bist du gerade oder warst du jemals auf einem Boot?
* Was sind die besten Eigenschaften der Entwicklerwerkzeuge, die du benutzt?
* Hast du irgendwelche Freizeitprojekte? Welcher Art?
* Erkläre die Bedeutung von »cornify«.
* Schreibe auf einen Zettel die Buchstaben A B C D E von oben nach unten. Jetzt sortiere diese in umgekehrter Abfolge, ohne eine Zeile Code zu schreiben.
* Warte einen Moment und schaue, ob sie den Zettel umdrehen.
* Pirat oder Ninja?
* Bonuspunkt, wenn es eine Kombi ist und begründet werden kann (+2 für Zombieaffenpiratenninja).
* Wenn nicht Web-Entwicklung, was würdest du dann tun?
* Wo ist Carmen Sandiego?
* Tipp: Die Antwort ist immer falsch.
* Was ist deine Lieblingsfunktion des Internet Explorers?
* Ergänze diesen Satz: Brendan Eich und Doug Crockford sind die __________ von JavaScript.
* jQuery: Eine großartige Bibliothek oder die großartigste Bibliothek von allen? Diskutiere.
* http://www.w3schools.com/ oder http://w3fools.com/
#### [[⬆]](#toc) <a name='js'>JS-Fragen:</a>
* Erkläre Event Delegation.
* Erkläre, wie `this` in JavaScript funktioniert.
* Kannst du ein Beispiel dafür geben, wie sich die Arbeit mit `this` in ES6 geändert hat?
* Erkläre, wie die prototypische Vererbung funktioniert.
* Was ist der Unterschied zwischen einer Variable, die `null`, `undefined` oder nicht deklariert ist?
* Wie würdest du einen dieser Zustände überprüfen?
* Was ist ein Closure, und wie/warum würdest du eines verwenden?
* Welche Sprachkonstruktionen verwendest du, um über Objekteigenschaften und Array-Elemente zu iterieren?
* Kannst du den Hauptunterschied zwischen der `Array.forEach()`-Schleife und den `Array.map()`-Methoden beschreiben und warum du die eine der anderen vorziehen würdest?
* Was ist ein typischer Anwendungsfall für anonyme Funktionen?
* Was ist der Unterschied zwischen Host-Objekten und nativen Objekten?
* Erkläre den Unterschied zwischen: `function Person(){}`, `var person = Person()` und `var person = new Person()`?
* Erkläre die Unterschiede in der Verwendung von `foo` zwischen `function foo() {}` und `var foo = function() {}`.
* Kannst du erklären, was `Function.call` und `Function.apply` machen? Was ist der bemerkenswerte Unterschied zwischen den beiden?
* Erkläre `Function.prototype.bind`.
* Was ist der Unterschied zwischen Feature Detection, Feature Inference und der Verwendung des UA-Strings?
* Erkläre "Hoisting".
* Was ist Typenkonvertierung? Was sind häufige Fallstricke bei der Verwendung von Typenkonvertierungen in JavaScript-Code?
* Beschreibe Event Bubbling.
* Beschreibe Event Capturing.
* Was ist der Unterschied zwischen einem "Attribut" und einer "Eigenschaft"?
* Was sind die Vor- und Nachteile der Erweiterung eingebauter JavaScript-Objekte?
* Was ist der Unterschied zwischen `==` und `===`?
* Erkläre die Same-Origin-Policy in Bezug auf JavaScript.
* Warum wird es Ternary Operator genannt, was bedeutet das Wort "Ternary"?
* Was ist der Strict Mode? Was sind einige der Vor- und Nachteile seiner Verwendung?
* Was sind einige der Vor- und Nachteile, JavaScript-Code in einer Sprache zu schreiben, die in JavaScript kompiliert wird?
* Welche Werkzeuge und Techniken verwendest du zum Debuggen von JavaScript-Code?
* Erkläre den Unterschied zwischen veränderlichen und unveränderlichen Objekten.
* Was ist ein Beispiel für ein unveränderliches Objekt in JavaScript?
* Was sind die Vor- und Nachteile der Unveränderlichkeit?
* Wie kannst du Unveränderlichkeit in deinem eigenen Code erreichen?
* Erkläre den Unterschied zwischen synchronen und asynchronen Funktionen.
* Was ist die Event Loop?
* Was ist der Unterschied zwischen Call Stack und Task Queue?
* Was sind die Unterschiede zwischen Variablen, die mit `let`, `var` oder `const` erstellt wurden?
* Was sind die Unterschiede zwischen ES6-Klassen und ES5-Funktionskonstruktoren?
* Kannst du einen Anwendungsfall für die neue Arrow-Funktion `=>`Syntax bieten? Wie unterscheidet sich diese neue Syntax von anderen Funktionen?
* Welchen Vorteil hat die Verwendung der Arrow-Syntax für eine Methode in einem Konstruktor?
* Was ist die Definition einer Higher-Order Function?
* Kannst du ein Beispiel für das Destructuring eines Objekts oder Arrays geben?
* Kannst du ein Beispiel für das Generieren eines Strings mit ES6-Template-Literalen geben?
* Kannst du ein Beispiel für eine Curry-Funktion geben und warum diese Syntax einen Vorteil bietet?
* Was sind die Vorteile der Verwendung der `spread syntax` und wie unterscheidet sie sich von der `rest syntax`?
* Wie kannst du Code zwischen Dateien teilen?
* Warum möchtest du vielleicht statische Klassenmitglieder erstellen?
* Was ist der Unterschied zwischen `while`- und `do-while`-Schleifen in JavaScript?
* Was ist ein promise? Wo und wie würdest du ein promise verwenden?
* Erkläre, wie du objektorientierte Programmierprinzipien beim Programmieren mit JavaScript anwenden würdest.
#### [[⬆]](#toc) <a name='code'>Code-Fragen:</a>
* Mach, dass dies funktioniert:
```javascript
duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]
```
* Erstelle eine for-Schleife, die bis `100` iteriert und "fizz" bei Vielfachen von `3`, "buzz" bei Vielfachen von `5` und "fizzbuzz" bei Vielfachen von `3` und `5 ausgibt.
* Was wird jeweils zurückgegeben?
```javascript
console.log("hello" || "world")
console.log("foo" && "bar")
```
* Schreibe einen sofort ausgeführten Funktionsausdruck (IIFE).
#### [[⬆]](#toc) <a name='testing'>Test-Fragen:</a>
* Was sind einige Vor- und Nachteile beim Testen deines Codes?
* Welche Werkzeuge würdest du verwenden, um die Funktionalität deines Codes zu testen?
* Was ist der Unterschied zwischen einem Unit-Test und einem funktionalen/integration Test?
* Was ist der Zweck eines Code-Stil-Linting-Tools?
* Was sind einige der Best Practices für das Testen?
#### [[⬆]](#toc) <a name='performance'>Performance-Fragen:</a>
* Welche Werkzeuge würdest du verwenden, um einen Performance-Bug in deinem Code zu finden?
* Welche Möglichkeiten gibt es, die Scroll-Performance deiner Website zu verbessern?
* Erkläre den Unterschied zwischen Layout, Painting und Compositing.
#### [[⬆]](#toc) <a name='network'>Netzwerk-Fragen:</a>
* Warum war es traditionell besser, Site-Assets von mehreren Domains zu servieren?
* Beschreibe den Prozess so gut wie möglich, vom Zeitpunkt, an dem du die URL einer Website eingibst, bis sie vollständig auf deinem Bildschirm geladen ist.
* Was sind die Unterschiede zwischen Long-Polling, Websockets und Server-Sent Events?
* Erkläre die folgenden Request- und Response-Header:
* Unterschied zwischen Expires, Date, Age und If-Modified-...
* Do Not Track
* Cache-Control
* Transfer-Encoding
* ETag
* X-Frame-Options
* Was sind HTTP-Methoden? Liste alle HTTP-Methoden auf, die du kennst, und erkläre sie.
* Was ist Domain-Pre-Fetching und wie hilft es bei der Performance?
* Was ist ein CDN und was ist der Vorteil der Verwendung eines solchen
#### [[⬆]](#toc) <a name='fun'>Spaß-Fragen:</a>
* Was ist ein cooles Projekt, an dem du kürzlich gearbeitet hast?
* Was magst du an den Entwickler-Tools, die du benutzt?
* Wer inspiriert dich in der Frontend-Community?
* Hast du irgendwelche Nebenprojekte? Welche Art?