Vue.js

Vue.JS es un popular framework front-end de JavaScript que ha ganado una inmensa popularidad en los últimos años como resultado de la amplia lista de características, el rápido desarrollo y adopción y la estructura altamente adaptable.

Dada la popularidad de Vue.JS, la prueba es una de las más solicitadas y utilizadas en Kandio, incluso si se lanzó más tarde que muchas de nuestras otras pruebas.

¿Qué casos de uso pueden tener los clientes para esta prueba?

Esta prueba es perfecta para reclutadores, gerentes de contratación, directores de tecnología y profesionales de recursos humanos que contratan desarrolladores de Vue.JS para desarrollar o mantener repositorios complejos.

¿Qué áreas (capítulos) se cubrirán en la prueba y por qué se eligió de esa manera?

Introducción y ciclo de vida de Vue
Vue es un marco progresivo para crear interfaces de usuario. A diferencia de otros marcos monolíticos, Vue está diseñado desde cero para ser adoptable gradualmente. La biblioteca principal se centra solo en la capa de vista y es fácil de recoger e integrar con otras bibliotecas o proyectos existentes. Por otro lado, Vue también es perfectamente capaz de impulsar aplicaciones sofisticadas de una sola página cuando se usa en combinación con herramientas modernas y bibliotecas de soporte. Es importante que los candidatos tengan conocimientos sobre los antecedentes y la historia de Vue.JS para comprender y seguir el camino a seguir cuando adquieran nuevos conocimientos sobre el marco.

Componente
Los componentes son una de las características más poderosas de Vue.js. Le ayudan a ampliar elementos HTML básicos para encapsular código reutilizable. En un nivel alto, los componentes son elementos personalizados a los que el compilador de Vue.js adjunta un comportamiento específico. En algunos casos, también pueden aparecer como un elemento HTML nativo extendido con el atributo especial is. Es importante prestar atención específica y dedicada a esta área, ya que cualquier candidato que no demuestre conocimiento con los componentes de Vue.JS, tendrá dificultades para operar el marco general.

Modelo y fijaciones
Vue-model es un complemento de Javascript para Vue.js que le brinda la capacidad de transformar sus datos simples en modelos enriquecidos con acciones HTTP integradas y personalizables, propiedades calculadas y métodos. En Vue, v-bind le permite vincular un atributo HTML a una expresión de JavaScript. Hay dos casos de uso amplios para este enlace de datos unidireccional: - Enlace a atributos integrados, como href o class. - Pasar accesorios a un componente secundario. Nuestra prueba cubre todas estas cosas, por lo que puede obtener señales tempranas sobre las capacidades de sus candidatos en esta área crucial.

Directivas
Las directivas son pequeños comandos que puede adjuntar a elementos DOM. Tienen el prefijo v- para que la biblioteca sepa que estás usando un marcado especial y para mantener la sintaxis consistente. Por lo general, son útiles si necesita acceso de bajo nivel a un elemento HTML para controlar un poco el comportamiento. Esto es importante, ya que también demuestra la capacidad de trabajar en varios idiomas y marcos.

Métodos y eventos
Vue.JS puede usar la directiva v-on para escuchar eventos DOM y ejecutar algo de JavaScript cuando se activan. Como este es uno de los componentes principales de Vue.JS, decidimos incluirlo en esta prueba. Sin embargo, la lógica para muchos controladores de eventos será más compleja, por lo que mantener su JavaScript en el valor del atributo v-on no es factible. Es por eso que v-on también puede aceptar el nombre de un método al que le gustaría llamar.

Condicionales y bucle
En Vue.js, la representación condicional se logra mediante el uso de un conjunto de directivas en los elementos de la plantilla. Hay 3 condiciones generales, y nuestra prueba incluye material de prueba en todas ellas. v-if - El elemento se muestra normalmente cuando la condición es verdadera. Cuando la condición es falsa, solo se produce una compilación parcial y el elemento no se representa en el DOM hasta que la condición se vuelve verdadera. v-else - No acepta una condición, sino que representa el elemento si la condición v-if del elemento anterior es falsa. Solo se puede usar después de un elemento con la directiva v-if. v-show - Se comporta de manera similar a v-if, sin embargo, el elemento siempre se representará en el DOM, incluso cuando la condición sea falsa. Si la condición es falsa, esta directiva simplemente establecerá el estilo de visualización del elemento en ninguno. Se cree que las condiciones y los bucles son de conocimiento general, y cualquier candidato que trabaje con el marco debe resolverlos en gran medida sin problemas. Esperamos que esta prueba aporte tanto valor a sus proyectos como a los proyectos de nuestros otros clientes. Pasamos muchas horas redactando las preguntas y preseleccionando y descartando el contenido que no calificó para esta prueba.