Guten Tag, liebe Kollegen. Ich beschloss, meine Testversion zu teilen, die vor einigen Jahren von unserem bescheidenen Team geboren und mehrmals von ihm geschaufelt wurde. Der Test funktioniert und ist sehr relevant, wenn Sie dem Angeklagten gegenüber sitzen und ihm zuhören, seine Gedanken in die richtige Richtung lenken und alle möglichen kleinen Dinge veranlassen.
1. MagieSchreiben Sie ein Programm, das Zahlen von 1 bis 100 anzeigt. Außerdem sollte das Programm anstelle von Zahlen mit Vielfachen von 3 das Wort „Fizz“ und anstelle von Zahlen mit Vielfachen von 5 das Wort „Buzz“ anzeigen. Wenn die Zahl ein Vielfaches von 3 und 5 ist, sollte das Programm das Wort „FizzBuzz“ anzeigen.
2. HTML2.1. Der Inhalt welches Elements wird im Browserfenster angezeigt?
2.2. Was passiert, wenn Sie platzieren
<b>
im Behälter
<head>
Deine Antwort ...?
2.3. Für welches Tag ist das Element
<!doctype html>
fungiert als Elternteil?
2.4. Welches Tag sollte für Zeilenumbrüche verwendet werden?
2.5. Wie erstelle ich einen Link, der in einem neuen Fenster / Tab geöffnet wird?
2.6. Welche Tags werden zum Erstellen von Listen verwendet?
2.7. Warum sind Attribute gut?
data-*
Deine Antwort ...?
2.8. Wie werden die Elemente auf der Seite angeordnet?
<div>div 1</div> <div>div 2</div> <span>span 1</span> <span>span 2</span>
Deine Antwort ...?
2.9. Wie füge ich Audio / Video in eine HTML-Datei ein?
2.10. Was ist los mit diesem Code
<b>Some<i> </b>Text</i>
Deine Antwort ...?
2.11. Die Hauptunterschiede zwischen Blocklayout und Tabellenlayout?
2.12. Was ist der Unterschied?
<svg>
von
<canvas>
Deine Antwort ...?
3. CSS / WENIGER3.1. Wie verstecke ich Elemente auf der Seite?
3.2. Was sind die Unterschiede zwischen Rand und Polsterung?
3.3. Kennen Sie Bootstrap oder eine andere Komponenten-Frontend-Bibliothek?
3.4. Verwenden Sie Medienabfragen?
3.5. Welche Einheiten werden in CSS verwendet?
3.6. Wie kann ein Raster erstellt werden?
3.7. Was macht die Box-Sizing-Eigenschaft?
3.8. Kennen Sie sich mit Animationen aus?
3.9. Wofür wird Flexbox verwendet?
3.9. Wie zentriere ich ein Element auf einer Seite vertikal und horizontal?
3.10. Welche Farbe hat der Text im folgenden Beispiel?
main.css:
p { color: red; }
index.html:
<html> <head> <link rel="stylesheet" href="main.css"> <style> p#p { color: green; } </style> </head> <body> <p id="p" style="color: blue;"> Some text </p> </body> </html>
3.11. Was ist der Unterschied zwischen WENIGER und CSS?
3.12. Beschreiben, wie eine Schleife in WENIGER erstellt wird.
4. JavaScript4.1. Welche Bibliotheken und / oder Frameworks verwenden Sie?
4.2. Wie unterscheidet sich JavaScript von Java?
4.3. Was ist der Unterschied zwischen Cookies, sessionStorage und localStorage?
4.4. Was ist der Unterschied zwischen dem Dokumentladeereignis und dem Dokumentbereitschaftsereignis?
4.5. Wie können Ereignishandler an Objekte gebunden werden?
4.6. Was ist der Unterschied zwischen == und ===?
4.7. Erzählen Sie uns von AJAX.
4.8. Was ist der Unterschied zwischen null und undefiniert?
4.9. Beschreiben, wie Prototyping in JavaScript funktioniert.
4.10. Wie kann man zwei Variablen austauschen, ohne die dritte und die arithmetische Operation zu verwenden?
4.11. Was ist der Unterschied zwischen .forEach () und .map ()?
4.12. Was wird gleich sein
a
nach dem Ausführen des folgenden Codes:
var a; a=!!a;
4.13. Wie kann ich den Code minimieren?
4.14. Welcher Wert wird angezeigt?
alert('Hello World!'.split('').reverse().join(''));
4.15. Was wird auf dem Bildschirm angezeigt?
var a = 'Hello'; (function () { var b = 'World!'; alert(a+b); })(); alert(a+b);
4.16. Was ist der Unterschied?
var a = function() {}
von
function a()
4.17. Was wird auf dem Bildschirm angezeigt?
function A() {this.b = 'Cde';} A.prototype = {getB: function() {return this.b}}; var a = new A(); A.prototype.getUpperB = function() {return this.b.toUpperCase(); }; alert(a.getUpperB());
4.18. Was wird in der Konsole angezeigt?
function A(a,b) {console.log(arguments);} A(1,2,3);
4.19. Was wird in diesem Beispiel angezeigt?
alert((function f() { function f() {return 1;} return f(); function f() {return 2;} })());
und wenn ja?
alert((function f() { function f() {return 1;} return f(); var f = function () {return 2;} })());
5. AngularJS5.1. Wie unterscheidet sich AngularJs von jQuery?
5.2. Wie verstecke ich ein Element, wenn ich darauf klicke?
5.3. Beschreiben Sie die Struktur der Angular-Anwendung.
5.4. Für welchen Zweck wird das ControllerAs-Design verwendet?
5.5. Kennst du Versprechen?
5.6. Wie übertrage ich eine Variable von einem Controller auf einen anderen?
5.7. Warum einen Controller verwenden und warum Direktive?
5.8. Was ist der Unterschied zwischen Broadcast und Emit?
5.9. Was wird in diesem Beispiel angezeigt?
<input type="text" ng-module="name"> <span>{{name}}</span>
und wenn ja?
<input type="text" ng-module="name"> <span>{{::name}}</span>
5.10. Was wird dieser Code ausgeben?
angular.module('app', []) .controller('SomeController', function() { console.log($scope); });
5.1. Was ist los mit diesem Code?
<span ng-init="name = 'SomeName'">{{::name}}</span>
Was ist der Unterschied zwischen ngRoute und io.router?
5.1. Wo werden Sie die Anwendungskonfiguration schreiben?
5.1. Der Hauptunterschied zwischen Fabrik, Service und Anbieter?
6. Andere6.1. Haben Sie Erfahrung mit Git, NPM, Bower, Gulp, Webpack?
6.2. Kennen Sie NodeJS und Express?
6.3. Welche Art von Template-Engines verwenden Sie?
6.4. Mit welcher IDE haben Sie gearbeitet?
6.5. Wie denkst du über PHP, Windows?
6.6. Kennst du Scrum?
Home Study Literature1 - anglejs.org (Tutorial)
2 - eckiger UI-Router
3 - eckiger UI-Bootstrap
4 - Lesen Sie Habr zum Thema Winkeldienste (Fabriken, Anbieter, Richtlinien ...
!!! in dieser Reihenfolge ...