FrontEnd Post Test

Buen día, queridos colegas. Decidí compartir mi versión de prueba, nacida hace varios años por nuestro humilde equipo y varias veces empujada por ella. La prueba funciona y es bastante relevante si te sientas enfrente y escuchas al acusado, dirigiendo sus pensamientos en la dirección correcta y provocando todo tipo de pequeñas cosas.

1. magia

Escriba un programa que muestre números del 1 al 100. Además, en lugar de números que son múltiplos de 3, el programa debe mostrar la palabra "Fizz", y en lugar de números que son múltiplos de 5, la palabra "Buzz". Si el número es un múltiplo de 3 y 5, entonces el programa debería mostrar la palabra "FizzBuzz".

2. HTML

2.1. ¿El contenido de qué elemento se puede ver en la ventana del navegador?

2.2. ¿Qué pasará si colocas

<b> 
en contenedor

 <head> 

Tu respuesta ...?

2.3. ¿Para qué etiqueta es el elemento?
 <!doctype html> 
actúa como padre?

2.4. ¿Qué etiqueta debe usarse para el salto de línea?

2.5. ¿Cómo crear un enlace que se abre en una nueva ventana / pestaña?

2.6. ¿Qué etiquetas se usan para crear listas?

2.7. ¿Por qué son buenos los atributos?
 data-* 
Tu respuesta ...?

2.8. ¿Cómo se organizarán los elementos en la página?
 <div>div 1</div> <div>div 2</div> <span>span 1</span> <span>span 2</span> 
Tu respuesta ...?

2.9. ¿Cómo insertar audio / video en un archivo html?

2.10. ¿Qué tiene de malo este código?
 <b>Some<i> </b>Text</i> 
Tu respuesta ...?

2.11. ¿Las principales diferencias entre el diseño de bloques y el diseño de la tabla?

2.12 Cual es la diferencia
 <svg> 
de
 <canvas> 
Tu respuesta ...?

3. CSS / MENOS

3.1. ¿Cómo ocultar elementos en la página?

3.2. ¿Cuáles son las diferencias entre margen y relleno?

3.3. ¿Está familiarizado con bootstrap u otra biblioteca frontend de componentes?

3.4. ¿Usas consultas de medios?

3.5. ¿Qué unidades se usan en css?

3.6. ¿Cuáles son algunas formas de crear una cuadrícula?

3.7. ¿Qué hace la propiedad de tamaño de caja?

3.8. ¿Estás familiarizado con las animaciones?

3.9. ¿Para qué se utiliza Flexbox?

3.9. ¿Cómo centrar un elemento en una página vertical y horizontalmente?

3.10. ¿Cuál será el color del texto en el siguiente ejemplo?
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. ¿Cuál es la diferencia entre LESS y CSS?

3.12 ¿Describe cómo crear un bucle en MENOS?

4. JavaScript

4.1. ¿Qué bibliotecas y / o marcos utilizas?

4.2. ¿En qué se diferencia JavaScript de Java?

4.3. ¿Cuál es la diferencia entre cookies, sessionStorage y localStorage?

4.4. ¿Cuál es la diferencia entre el evento de carga de documentos y el evento de documentos listos?

4.5. ¿Cuáles son las formas de vincular los controladores de eventos a los objetos?

4.6. ¿Cuál es la diferencia entre == y ===?

4.7. Cuéntanos sobre AJAX.

4.8. ¿Cuál es la diferencia entre nulo e indefinido?

4.9. Describa cómo funciona la creación de prototipos en JavaScript.

4.10. ¿Cómo intercambiar dos variables sin usar la tercera y las operaciones aritméticas?

4.11. ¿Cuál es la diferencia entre .forEach () y .map ()?

4.12. Lo que será igual
un
después de ejecutar el siguiente código:

 var a; a=!!a; 

4.13. ¿Cómo puedo minificar el código?

4.14. ¿Qué valor se mostrará?

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

4.15. ¿Qué se mostrará en la pantalla?

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

4.16. Cual es la diferencia

 var a = function() {} 

de

 function a() 

4.17. ¿Qué se mostrará en la pantalla?

 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é se mostrará en la consola?

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

4.19. ¿Qué mostrará este ejemplo?

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

y si es asi?

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


5. AngularJS

5.1. ¿En qué se diferencia AngularJs de jQuery?

5.2. ¿Cómo ocultar un elemento al hacer clic en él?

5.3. Describa la estructura de la aplicación angular.

5.4. ¿Para qué propósito se utiliza el diseño del controlador?

5.5. ¿Sabes promesa?

5.6. ¿Cómo transferir una variable de un controlador a otro?

5.7. ¿Por qué usar un controlador y por qué directiva?

5.8 ¿Cuál es la diferencia entre broadcast y emit?

5.9. ¿Qué mostrará este ejemplo?

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

y si es asi?
 <input type="text" ng-module="name"> <span>{{::name}}</span> 

5.10. ¿Qué generará este código?

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

5.1. ¿Qué hay de malo con este código?

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

¿Cuál es la diferencia entre ngRoute y io.router?

5.1. ¿Dónde escribirás la configuración de la aplicación?

5.1. ¿La principal diferencia entre fábrica, servicio y proveedor?

6. Otro

6.1. ¿Tiene alguna experiencia con Git, NPM, Bower, Gulp, Webpack?

6.2. ¿Estás familiarizado con nodejs y Express?

6.3. ¿Qué tipo de motores de plantillas utilizas?

6.4. ¿Con qué IDE trabajaste?

6.5. ¿Cómo te sientes acerca de PHP, Windows?

6.6. ¿Conoces Scrum?

Literatura de estudio en el hogar

1 - angularjs.org (tutorial)

2 - enrutador UI angular

3 - UI-bootstrap angular

4 - lea Habr sobre el tema de servicios angulares (fábricas, proveedores, directivas ...

!!! en ese orden ...

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


All Articles