Pós-teste do FrontEnd

Bom dia, queridos colegas. Decidi compartilhar minha versão de teste, nascida há vários anos por nossa equipe humilde e várias vezes abandonada por ela. O teste está funcionando e é bastante relevante se você se sentar do lado oposto e ouvir o réu, direcionando seus pensamentos na direção certa e solicitando todo tipo de pequenas coisas.

1. Magia

Escreva um programa que exiba números de 1 a 100. Além disso, em vez de números múltiplos de 3, o programa deve exibir a palavra "Fizz" e, em vez de números múltiplos de 5, a palavra "Buzz". Se o número for múltiplo de 3 e 5, o programa deverá exibir a palavra "FizzBuzz".

2. HTML

2.1 O conteúdo de qual elemento pode ser visto na janela do navegador?

2.2 O que acontecerá se você colocar

<b> 
em recipiente

 <head> 

Sua resposta ...?

2.3 Para qual tag é o elemento
 <!doctype html> 
atua como pai ou mãe?

2.4 Qual tag deve ser usada para quebra de linha?

2.5 Como criar um link que é aberto em uma nova janela / guia?

2.6 Quais tags são usadas para criar listas?

2.7 Por que os atributos são bons?
 data-* 
Sua resposta ...?

2.8 Como os elementos serão organizados na página?
 <div>div 1</div> <div>div 2</div> <span>span 1</span> <span>span 2</span> 
Sua resposta ...?

2.9 Como inserir áudio / vídeo no arquivo html?

2.10 O que há de errado com este código
 <b>Some<i> </b>Text</i> 
Sua resposta ...?

2.11 As principais diferenças entre o layout do bloco e o da tabela?

2.12 Qual a diferença
 <svg> 
de
 <canvas> 
Sua resposta ...?

3. CSS / MENOS

3.1 Como ocultar elementos na página?

3.2 Quais são as diferenças entre margem e preenchimento?

3.3 Você conhece o bootstrap ou outra biblioteca de componentes de interface?

3.4 Você usa consultas de mídia?

3.5 Quais unidades são usadas em css?

3.6 Quais são algumas maneiras de criar uma grade?

3.7 O que a propriedade de dimensionamento de caixa faz?

3.8 Você está familiarizado com animações?

3.9 Para que é utilizado o Flexbox?

3.9 Como centralizar um elemento em uma página vertical e horizontalmente?

3.10 Qual será a cor do texto no exemplo a seguir?
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 Qual é a diferença entre LESS e CSS?

3.12 Descreva como criar um loop no LESS?

4. JavaScript

4.1 Quais bibliotecas e / ou estruturas você usa?

4.2 Qual a diferença entre JavaScript e Java?

4.3 Qual é a diferença entre cookies, sessionStorage e localStorage?

4.4 Qual é a diferença entre o evento de carregamento de documento e o evento pronto para documento?

4.5 Quais são as maneiras de vincular manipuladores de eventos a objetos?

4.6 Qual é a diferença entre == e ===?

4.7 Conte-nos sobre o AJAX.

4.8 Qual é a diferença entre null e undefined?

4.9 Descreva como a prototipagem funciona em JavaScript.

4.10 Como trocar duas variáveis ​​sem usar as operações terceira e aritmética?

4.11 Qual é a diferença entre .forEach () e .map ()?

4.12 O que será igual
a
depois de executar o seguinte código:

 var a; a=!!a; 

4.13 Como posso minificar o código?

4.14 Qual valor será exibido?

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

4.15 O que será exibido na tela?

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

4.16 Qual a diferença?

 var a = function() {} 

de

 function a() 

4.17 O que será exibido na tela?

 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 O que será exibido no console?

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

4.19 O que esse exemplo será exibido?

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

e se sim?

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


5. AngularJS

5.1 Qual a diferença entre AngularJs e jQuery?

5.2 Como ocultar um elemento ao clicar nele?

5.3 Descreva a estrutura do aplicativo Angular.

5.4 Para que finalidade o design do controllerAs é usado?

5.5 Você sabe promessa?

5.6 Como transferir uma variável de um controlador para outro?

5.7 Por que usar um controlador e por que diretiva?

5.8 Qual é a diferença entre broadcast e emit?

5.9 O que esse exemplo será exibido?

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

e se sim?
 <input type="text" ng-module="name"> <span>{{::name}}</span> 

5.10 O que esse código produzirá?

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

5.1 O que há de errado com esse código?

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

Qual é a diferença entre ngRoute e io.router?

5.1 Onde você escreverá a configuração do aplicativo?

5.1 A principal diferença entre fábrica, serviço e fornecedor?

6. Outros

6.1 Tem alguma experiência com Git, NPM, Bower, Gulp, Webpack?

6.2 Você está familiarizado com o nodejs e o Express?

6.3 Que tipo de mecanismo de modelo você usa?

6.4 Com qual IDE você trabalhou?

6.5 Como você se sente sobre PHP, Windows?

6.6 Você conhece o Scrum?

Home Literatura de Estudo

1 - angularjs.org (tutorial)

2 - roteador de interface do usuário angular

3 - bootstrap de interface do usuário angular

4 - leia Habr sobre o tópico de serviços angulares (fábricas, provedores, diretrizes ...

!!! nessa ordem ...

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


All Articles