FrontEnd Post Test

Bonjour, chers collÚgues. J'ai décidé de partager ma version du test, née il y a plusieurs années par notre modeste équipe et plusieurs fois pellée par elle. Le test fonctionne et est tout à fait pertinent si vous vous asseyez en face et écoutez l'accusé, orientant ses pensées dans la bonne direction et provoquant toutes sortes de petites choses.

1. Magie

Écrivez un programme qui affiche des nombres de 1 Ă  100. De plus, au lieu de nombres qui sont des multiples de 3, le programme devrait afficher le mot «Fizz», et au lieu de nombres qui sont des multiples de 5, le mot «Buzz». Si le nombre est un multiple de 3 et 5, alors le programme devrait afficher le mot "FizzBuzz".

2. HTML

2.1. Le contenu de quel Ă©lĂ©ment peut ĂȘtre vu dans la fenĂȘtre du navigateur?

2.2. Que se passera-t-il si vous placez

<b> 
en récipient

 <head> 

Votre réponse ...?

2.3. Pour quelle balise est l'élément
 <!doctype html> 
agit en tant que parent?

2.4. Quelle balise doit ĂȘtre utilisĂ©e pour le saut de ligne?

2.5. Comment crĂ©er un lien qui s'ouvre dans une nouvelle fenĂȘtre / un nouvel onglet?

2.6. Quelles balises sont utilisées pour créer des listes?

2.7. Pourquoi les attributs sont-ils bons?
 data-* 
Votre réponse ...?

2.8. Comment les éléments seront-ils organisés sur la page?
 <div>div 1</div> <div>div 2</div> <span>span 1</span> <span>span 2</span> 
Votre réponse ...?

2.9. Comment insérer de l'audio / vidéo dans un fichier html?

2.10. Quel est le problĂšme avec ce code
 <b>Some<i> </b>Text</i> 
Votre réponse ...?

2.11. Les principales différences entre la disposition des blocs et la disposition des tableaux?

2.12. Quelle est la différence
 <svg> 
de
 <canvas> 
Votre réponse ...?

3. CSS / MOINS

3.1. Comment masquer des éléments sur la page?

3.2. Quelles sont les différences entre la marge et le rembourrage?

3.3. Connaissez-vous le bootstrap ou une autre bibliothĂšque frontale de composants?

3.4. Utilisez-vous des requĂȘtes multimĂ©dias?

3.5. Quelles unités sont utilisées dans CSS?

3.6. Quels sont les moyens de créer une grille?

3.7. Que fait la propriété de dimensionnement de boßte?

3.8. Connaissez-vous les animations?

3.9. À quoi sert Flexbox?

3.9. Comment centrer un élément sur une page verticalement et horizontalement?

3.10. Quelle sera la couleur du texte dans l'exemple suivant?
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. Quelle est la différence entre LESS et CSS?

3.12. Décrivez comment créer une boucle en MOINS?

4. JavaScript

4.1. Quelles bibliothĂšques et / ou frameworks utilisez-vous?

4.2. En quoi JavaScript est-il différent de Java?

4.3. Quelle est la différence entre les cookies, sessionStorage et localStorage?

4.4. Quelle est la diffĂ©rence entre un Ă©vĂ©nement de chargement de document et un Ă©vĂ©nement prĂȘt pour le document?

4.5. Quels sont les moyens de lier des gestionnaires d'événements à des objets?

4.6. Quelle est la différence entre == et ===?

4.7. Parlez-nous d'AJAX.

4.8. Quelle est la difference entre null et undefined?

4.9. Décrivez le fonctionnement du prototypage en JavaScript.

4.10. Comment échanger deux variables sans utiliser la troisiÚme opération et les opérations arithmétiques?

4.11. Quelle est la différence entre .forEach () et .map ()?

4.12. Ce qui sera égal
un
aprÚs avoir exécuté le code suivant:

 var a; a=!!a; 

4.13. Comment puis-je minimiser le code?

4.14. Quelle valeur sera affichée?

 alert('Hello World!'.split('').reverse().join('')); 

4.15. Qu'est-ce qui sera affiché à l'écran?

 var a = 'Hello'; (function () { var b = 'World!'; alert(a+b); })(); alert(a+b); 

4.16. Quelle est la différence?

 var a = function() {} 

de

 function a() 

4.17. Qu'est-ce qui sera affiché à l'écran?

 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. Qu'est-ce qui sera affiché dans la console?

 function A(a,b) {console.log(arguments);} A(1,2,3); 

4.19. Que montrera cet exemple?

 alert((function f() { function f() {return 1;} return f(); function f() {return 2;} })()); 

et si oui?

 alert((function f() { function f() {return 1;} return f(); var f = function () {return 2;} })()); 


5. AngularJS

5.1. En quoi AngularJs est-il différent de jQuery?

5.2. Comment masquer un élément en cliquant dessus?

5.3. Décrivez la structure de l'application angulaire.

5.4. Dans quel but la conception du controllerAs est-elle utilisée?

5.5. Connaissez-vous la promesse?

5.6. Comment transférer une variable d'un contrÎleur à un autre?

5.7. Pourquoi utiliser un contrĂŽleur et pourquoi une directive?

5.8. Quelle est la différence entre diffuser et émettre?

5.9. Que montrera cet exemple?

 <input type="text" ng-module="name"> <span>{{name}}</span> 

et si oui?
 <input type="text" ng-module="name"> <span>{{::name}}</span> 

5.10. Que produira ce code?

 angular.module('app', []) .controller('SomeController', function() { console.log($scope); }); 

5.1. Quel est le problĂšme avec ce code?

 <span ng-init="name = 'SomeName'">{{::name}}</span> 

Quelle est la différence entre ngRoute et io.router?

5.1. OĂč Ă©crirez-vous la configuration de l'application?

5.1. La principale différence entre l'usine, le service et le fournisseur?

6. Autre

6.1. Avez-vous une expérience avec Git, NPM, Bower, Gulp, Webpack?

6.2. Connaissez-vous nodejs et Express?

6.3. Quel type de moteurs de modĂšles utilisez-vous?

6.4. Avec quel IDE avez-vous travaillé?

6.5. Que pensez-vous de PHP, Windows?

6.6. Connaissez-vous Scrum?

Accueil Étude LittĂ©rature

1 - angularjs.org (tutoriel)

2 - routeur UI angulaire

3 - Bootstrap UI angulaire

4 - lire Habr sur le thĂšme des services angulaires (usines, prestataires, directives ...

!!! dans cet ordre ...

Source: https://habr.com/ru/post/fr449164/


All Articles