Test Polymer

Cada pregunta de este test está cronometrada.

Iniciar Test

Por favor espera - en proceso…

Pregunta 1 de 48

¿Que significa SPA?

Selecciona una de las siguientes respuestas posibles:

System, Product and Application
Single Page Application
Single Page Async
Single Page Architecture
Simple Page Applicattion

Explicación

Pregunta 2 de 48

¿Cual de las siguientes afirmaciones es Falsa?

Selecciona una de las siguientes respuestas posibles:

SPA es una evolución del patrón de diseño MPA + AJAX
En una SPA todos los datos están disponibles via API
En un SPA, la primer carga puede ser lenta
Una SPA facilita el SEO

Explicación

Pregunta 3 de 48

Web Components. ¿Cual de las siguientes afirmaciones son correctas?

Selecciona una o más de las siguientes respuestas posibles:

Nos permiten desglosar el desarrollo de aplicaciones web en pequeños contenedores que encapsulan marcado, código JavasScript y estilos CSS, recibiendo el nombre de componentes.
Son un estándar del W3C
Se compone de 4 subelementos complementarios, pero independientes entre si: Custom Elements (elementos personalizados) - Templates (plantillas) - Shadow DOM (DOM oculto) - HTML Imports.
Compatibilidad con cualquier versión de los navegadores.
Es necesario de Polyfills para poder utilizar el estándar en cualquier navegador
Son un estándar del ECMA

Explicación

Pregunta 4 de 48

¿Que es Polymer?

Selecciona una de las siguientes respuestas posibles:

Un Framework
Una Libreria
Ninguna de las dos

Explicación

Pregunta 5 de 48

Polymer.

Selecciona una o más de las siguientes respuestas posibles:

Paper Elements. Estos elementos forman parte del "core" de Polymer
Neon Elements. Sirven para crear animación y efectos especiales en componentes.
No es necesario que el nombre del elemento personalizado contenga un guion(-).
Molecules forma parte del catalogo de elementos Polymer

Explicación

Pregunta 6 de 48

¿Como se importa un elemento?

Selecciona una de las siguientes respuestas posibles:

Ninguna de las opciones
<link rel="import" href="bower_components/paper-slider/paper-slider.html">
<script src="bower_components/paper-slider/paper-slider.html"></script>
<script rel="import" href="bower_components/paper-slider/paper-slider.html">
<link rel="text/javascript" href="bower_components/paper-slider/paper-slider.html">
import("bower_components/paper-slider/paper-slider.html", function(e) {
// e.target.import is the import document.
}, function(e) {
// loading error
});

Explicación

Pregunta 7 de 48

El método "factoryImpl" es solo invocado cuando se crea un elemento usando el constructor.

Selecciona uno de los siguientes:

VERDADERO
FALSO

Explicación

Pregunta 8 de 48

¿Cual de los siguientes método es propio de Polymer y no existe en el estándar?

Selecciona una de las siguientes respuestas posibles:

created
ready
attached
detached
attributeChanged

Explicación

Pregunta 9 de 48

El atributo "class" puede ser configurado usando hostAttributes.

Selecciona uno de los siguientes:

VERDADERO
FALSO

Explicación

Pregunta 10 de 48

Selecciones las claves que el objeto "properties" soporta para cada propiedad

Selecciona una o más de las siguientes respuestas posibles:

value
reflectToAttribute
default
readOnly
hostAttributes
count

Explicación

Pregunta 11 de 48

Seleccione los tipos con los que se puede definir una propiedad

Selecciona una o más de las siguientes respuestas posibles:

Boolean
String
Integer
Object
Double
Char
Date
Array

Explicación

Pregunta 12 de 48

Selecciones las opciones correctas

Selecciona una o más de las siguientes respuestas posibles:

Explicación

Pregunta 13 de 48

Dadas las propiedades de la imagen. Seleccione las opciones correctas.

Selecciona una o más de las siguientes respuestas posibles:

Explicación

Pregunta 14 de 48

¿Que hace el siguiente codigo?
observers: [
'userChanged(user.*)'
]

Selecciona una de las siguientes respuestas posibles:

Observa los cambios en la propiedad especifica de "user"
Observa los cambios en las subpropiedades especificas de "user"
Ninguna de las opciones
Observa los cambios en todas las subpropiedades y en las mutaciones de los arreglos de la propiedad "user".

Explicación

Pregunta 15 de 48

Dado el siguiente codigo.
observers: [
'userChanged(user.*)'
],
Seleccione la opcion que hace ejecutar la funcion userChanged.

Selecciona una de las siguientes respuestas posibles:

this.user.name = 'Javier';
var name = 'Javier';
this.user.name = name;
this.notifyPath('user.name', name);
Todas
Ninguna

Explicación

Pregunta 16 de 48

¿Cual es la forma correcta de bindear una propiedad?

Selecciona una de las siguientes respuestas posibles:

<target-element first-name$="[[myName]]"></target-element>
<target-element firstName="{{myName}}"></target-element>
<target-element first-name="{{myName}}"></target-element>
Ninguna
Todas

Explicación

Pregunta 17 de 48

Para el bindeo de un atributo se tiene que agregar el signo dolar ($) antes del nombre del atributo.

Selecciona uno de los siguientes:

VERDADERO
FALSO

Explicación

Pregunta 18 de 48

La anotacion de bindeo soporta el doble operador logico NOT (! !).
Ej. <my-page show-login="[[!!isLoggedIn]]"></my-page>

Selecciona uno de los siguientes:

VERDADERO
FALSO

Explicación

Pregunta 19 de 48

Dado el siguiente código. ¿Cual es la anotacion correcta para asociar al boton el evento tap?

Selecciona una de las siguientes respuestas posibles:

<button ontap="handleTap">Kick Me</button>
<button on-tap="handleTap">Kick Me</button>
<button on-tap="[[handleTap()]]">Kick Me</button>
<button ontap="{{handleTap}}">Kick Me</button>
<button on-tap="handleTap()">Kick Me</button>
<button on-tap="{{handleTap}}">Kick Me</button>
listeners: {
'tap': 'handleTap'
},

Explicación

Pregunta 20 de 48

¿Cual es la forma correcta para registrar un evento a un elemento?

Selecciona una de las siguientes respuestas posibles:

this.listen(this.$.myButton, 'click', 'onClick');
this.unlisten(this.$.myButton, 'click', 'onClick');
var el = this.$.myButton;
el.addEventListener("click", onClick, false);
Ninguna

Explicación

Pregunta 21 de 48

Con polymer se pueden crear eventos personalizados

Selecciona uno de los siguientes:

VERDADERO
FALSO

Explicación

Pregunta 22 de 48

Cuando se dispara un evento personalizado desde el elemento host, este se propaga hacia sus hijos. nietos, etc.

Selecciona uno de los siguientes:

VERDADERO
FALSO

Explicación

Pregunta 23 de 48

¿Que hace la siguiente linea de codigo?
Polymer.dom(event)

Selecciona una de las siguientes respuestas posibles:

Retorna un objecto con el evento normalizado
Retorna un error en consola.
Nada porque no existe Polymer.dom
Retorna undefined

Explicación

Pregunta 24 de 48

¿Que linea de código debemos escribir para disparar un evento personalizado pasando un objeto como parametro?

Selecciona una de las siguientes respuestas posibles:

this.fire('event-test');
this.dispatch('event-test');
this.dispatch('event-test', {changed: true});
this.fire('event-test', {changed: true});
this.fires('event-test', {changed: true});

Explicación

Pregunta 25 de 48

¿Porque conviene usar el evento normalizado tap y no el evento click?

Selecciona una de las siguientes respuestas posibles:

Es lo mismo usar cualquiera de los dos.
Nos ahorrará posibles problemas cuando se ejecuta la aplicación en distintas plataformas.
El evento click es nativo de javascript, por ende conviene usarlo siempre.
El evento tap es diferente al evento click.

Explicación

Pregunta 26 de 48

¿Cuantos eventos de gestos (gesture events) tiene Polymer?

Selecciona una de las siguientes respuestas posibles:

Explicación

Pregunta 27 de 48

¿Para que se usa this.$.id?

Selecciona una de las siguientes respuestas posibles:

Para seleccionar un nodo especifico que exista en el documento.
Para seleccionar un nodo especifico creado dinámicamente en el local DOM del elemento.
Para seleccionar un nodo especifico creado estáticamente en el local DOM del elemento.
Para seleccionar un nodo especifico que este dentro del elemento, ya sea en si mismo o en elementos hijos.

Explicación

Pregunta 28 de 48

Con respecto a this.$$(selector).

Selecciona una de las siguientes respuestas posibles:

Se utiliza para localizar nodos creados dinámicamentes en el local DOM.
Es la forma corta de Polymer.dom(this.root).querySelector()
Retorna el primer nodo en el local DOM que coincide con el selector
Todas son correctas.

Explicación

Pregunta 29 de 48

Polymer utiliza las reglas de estilo Shadow DOM para proporcionar un estilo al local DOM del elemento. Los estilos deben proporcionarse mediante etiquetas <style>.
¿Donde es mejor ubicar la etiqueta <style>?

Selecciona una de las siguientes respuestas posibles:

Dentro de <template>
Fuera de <template>
En cualquier parte dentro de <dom-module>
Fuera de <dom-module>

Explicación

Pregunta 30 de 48

¿De que color es el div con clase child?

Selecciona una de las siguientes respuestas posibles:

Red
Blue
Green
Otro color

Explicación

Pregunta 31 de 48

¿Para que se utiliza <style is="custom-style">?

Selecciona una de las siguientes respuestas posibles:

Para definir estilos en el documento principal y que se apliquen en el local DOM de todos los elementos.
Para definir estilos en el elemento.
Para definir estilos en el documento principal sin que afecte el local DOM de todos los elementos.
Ninguna.

Explicación

Pregunta 32 de 48

El selector :root se utiliza para definir propiedades y mezclas de estilos personalizados a nivel documento.

Selecciona uno de los siguientes:

VERDADERO
FALSO

Explicación

Pregunta 33 de 48

No es obligatorio que el nombre de una propiedad personalizada comience siempre con 2 guiones (--)

Selecciona uno de los siguientes:

VERDADERO
FALSO

Explicación

Pregunta 34 de 48

La funcion var(--my-custom-property, value), lo que hace es setearle a la propiedad '--my-custom-property' el valor 'value'

Selecciona uno de los siguientes:

VERDADERO
FALSO

Explicación

Pregunta 35 de 48

¿De que color es el div con clase child? Si esa es toda la información que se tiene.

Selecciona una de las siguientes respuestas posibles:

red
Error al ejecutar la aplicación
Ninguna de las opciones.

Explicación

Pregunta 36 de 48

¿Cuantos parametros puede tener la funcion var()?

Selecciona una de las siguientes respuestas posibles:

2
3
4
infinitos

Explicación

Pregunta 37 de 48

¿Cual es la forma correcta de aplicar una mezcla de estilos personalizados?
ej.
--my-toolbar-theme: {
background-color: green;
border-radius: 4px;
border: 1px solid gray;
};

Selecciona una de las siguientes respuestas posibles:

@apply(--my-toolbar-theme);
apply(--my-toolbar-theme);
var(--my-toolbar-theme);
Ninguna

Explicación

Pregunta 38 de 48

¿Que hace el siguiente código?

Selecciona una de las siguientes respuestas posibles:

Cambia el color del div, primero es azul y despues de 2 segundos verde
Cambia el color del div, primero es rojo y despues de 2 segundos verde
Cambia el color del div, primero es verde y despues de 2 segundos azul
Cambia el color del div, primero es azul y despues de 2000 segundos verde
Cambia el color del div, primero es rojo y despues de 2000 segundos verde
Da error

Explicación

Pregunta 39 de 48

¿Cual es la opcion correcta para cargar las hojas de estilos externas?

Selecciona una de las siguientes respuestas posibles:

A y B
Ninguna de las 2

Explicación

Pregunta 40 de 48

Dado el siguiente código. ¿Cual es el valor final de la propiedad --custom-color?

Selecciona una de las siguientes respuestas posibles:

'green'
'blue'
'red'
No se ejecuta la aplicacion porque hay un error en la definicion de las funciones

Explicación

Pregunta 41 de 48

¿Que hace la siguiente funcion classFollows(name, parameter1, parameter2)?

Selecciona una de las siguientes respuestas posibles:

Mueve la clase 'name' desde parameter1 a parameter2
Mueve la clase 'name' desde parameter2 a parameter1
No existe la funcion
Alterna la clase 'name' en el parameter1. Agregandola si el parameter2 es true y la elimina si es false.

Explicación

Pregunta 42 de 48

¿Cual es la salida?

Selecciona una de las siguientes respuestas posibles:

Explicación

Pregunta 43 de 48

¿Cual es la salida?

Selecciona una de las siguientes respuestas posibles:

Ninguna.

Explicación

Pregunta 44 de 48

¿Cual es la salida?

Selecciona una de las siguientes respuestas posibles:

Ninguna

Explicación

Pregunta 45 de 48

¿Cual es la salida?

Selecciona una de las siguientes respuestas posibles:

Ninguna

Explicación

Pregunta 46 de 48

¿Cual es la salida?

Selecciona una de las siguientes respuestas posibles:

Ninguna

Explicación

Pregunta 47 de 48

Es común querer que todo el <body> se ajuste a la ventana gráfica. Por sí mismos, las características de disposición de Polymer en <body> no logran el resultado. Se puede hacer que el <body> ocupe toda la ventana de visualización agregando la clase fullbleed.

Selecciona uno de los siguientes:

VERDADERO
FALSO

Explicación

Pregunta 48 de 48

La clase "fullbleed" puede usarse en cualquier tag HTML.

Selecciona uno de los siguientes:

VERDADERO
FALSO

Explicación

["https://cdn.goconqr.com/uploads/checkbox_question/image/4368916/desktop_93e8816c-8201-4617-83d9-c84478faf72b.png","https://cdn.goconqr.com/uploads/multiple_choice_question/image/4389644/desktop_18940fa7-64ca-476d-88ef-006c93558e0d.png","https://cdn.goconqr.com/uploads/multiple_choice_question/image/4394552/desktop_d73c3331-524b-4f26-aca3-6a908adb04c7.png","https://cdn.goconqr.com/uploads/multiple_choice_question/image/4394931/desktop_c6404826-99da-436a-bc65-f2739db43b10.png","https://cdn.goconqr.com/uploads/multiple_choice_question/image/4395077/desktop_cd7c0a35-5320-4140-891a-5dd5e5920d74.png","https://cdn.goconqr.com/uploads/multiple_choice_question/image/4395247/desktop_172d2302-41f3-4337-ac0e-533f3adc7d54.png","https://cdn.goconqr.com/uploads/multiple_choice_question/image/4399817/desktop_7c1d7bf7-488e-4d30-9da8-0c96d2f35b62.png","https://cdn.goconqr.com/uploads/multiple_choice_question/image/4399826/desktop_be66fcb3-5042-459a-862f-93468fe45ff0.png","https://cdn.goconqr.com/uploads/multiple_choice_question/image/4399846/desktop_730623e6-b94c-48e0-9d98-2c3930f6503e.png","https://cdn.goconqr.com/uploads/multiple_choice_question/image/4399997/desktop_6e86751d-8201-4395-a337-2f6d1730cf04.png","https://cdn.goconqr.com/uploads/multiple_choice_question/image/4400798/desktop_f985b9a6-7046-4bdc-921b-d1e06576c592.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12855807/desktop_cbd261c3-10c1-409a-a030-315fc2c99983.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12855808/desktop_40108729-8dc4-4c67-aaaa-82647a16b8b2.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12855809/desktop_758bad64-5a91-4016-8a7d-3059fbeda6ff.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12855810/desktop_1e911bdc-c5fe-4b11-a2d6-0b09de046772.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12855811/desktop_43af359b-fed0-4632-82dd-18a039c62d52.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12855841/desktop_01a4a205-ed39-4518-a284-67773ae17c9f.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12855915/desktop_eef08600-8138-4596-9445-93d798a01fde.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12855916/desktop_cd1fd939-46be-4b0f-83a6-0d0420e95871.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12855917/desktop_554e100a-a701-4f9a-9c6a-baf3e634091f.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12855918/desktop_0fdb542f-41d0-429a-aa29-2a6c25b74bcb.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12855919/desktop_d2000ef0-d3ba-4bcb-9a9e-c7d2482bc7a7.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12949995/desktop_ce0c2917-e47c-43d5-baba-cb7af2d80d0a.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12949996/desktop_72f2697e-6f11-4059-ab20-3d736007aa10.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12966937/desktop_7c5e256e-e205-4827-a894-e5fa36293515.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12966938/desktop_d059c7a4-80bd-4847-95ef-cd13d2f829ed.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12966939/desktop_edadad89-0b80-487a-8be0-bb18e32f9186.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12966940/desktop_34c443da-1eb3-4d55-8655-12340a2ae8ad.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12966969/desktop_151f0dc5-0876-4718-afe8-d718526fcc8b.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12966970/desktop_f78a5d05-cbf5-460c-a91b-0c4bd6a0571e.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12967053/desktop_f662d0a4-7e87-4243-b67d-be2c58c7bccd.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12967054/desktop_cb6e9343-d616-4a90-8207-5dfa25978f8c.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12967055/desktop_9d8de4be-2472-4e68-8a80-e9e377a9c786.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12967685/desktop_b34adc2f-4b8b-4c35-875e-13f7cb51585d.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12967686/desktop_78a67604-cdc9-4a37-8215-5c66f2358dbf.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12967687/desktop_25969fcf-1d1a-4fa2-9bac-65badee3b17f.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12970537/desktop_6a44efdb-55b6-45db-9dc1-6537ea7c7f26.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12970538/desktop_92ad48ca-12be-4756-9552-253c7fd2ed75.png","https://cdn.goconqr.com/uploads/quiz_answer/image/12970539/desktop_81f9ca00-d559-4878-9372-15eb23a0a243.png"]

	Creado por Gerardo Javier Aramayo hace más de 7 años

Es un test para evaluar tus conocimientos en Polymer

Test Polymer

Pregunta 1 de 48

¿Que significa SPA?

Selecciona una de las siguientes respuestas posibles:

Explicación

Pregunta 2 de 48

¿Cual de las siguientes afirmaciones es Falsa?

Selecciona una de las siguientes respuestas posibles:

Explicación

Pregunta 3 de 48

Web Components. ¿Cual de las siguientes afirmaciones son correctas?

Selecciona una o más de las siguientes respuestas posibles:

Explicación

Pregunta 4 de 48

¿Que es Polymer?

Selecciona una de las siguientes respuestas posibles:

Explicación

Pregunta 5 de 48

Polymer.

Selecciona una o más de las siguientes respuestas posibles:

Explicación

Pregunta 6 de 48

¿Como se importa un elemento?

Selecciona una de las siguientes respuestas posibles:

Explicación

Pregunta 7 de 48

El método "factoryImpl" es solo invocado cuando se crea un elemento usando el constructor.

Selecciona uno de los siguientes:

Explicación

Pregunta 8 de 48

¿Cual de los siguientes método es propio de Polymer y no existe en el estándar?

Selecciona una de las siguientes respuestas posibles:

Explicación

Pregunta 9 de 48

El atributo "class" puede ser configurado usando hostAttributes.

Selecciona uno de los siguientes:

Explicación

Pregunta 10 de 48

Selecciones las claves que el objeto "properties" soporta para cada propiedad

Selecciona una o más de las siguientes respuestas posibles:

Explicación

Pregunta 11 de 48

Seleccione los tipos con los que se puede definir una propiedad

Selecciona una o más de las siguientes respuestas posibles:

Explicación

Pregunta 12 de 48

Selecciones las opciones correctas

Selecciona una o más de las siguientes respuestas posibles:

Explicación

Pregunta 13 de 48

Dadas las propiedades de la imagen. Seleccione las opciones correctas.

Selecciona una o más de las siguientes respuestas posibles:

Explicación

Pregunta 14 de 48

¿Que hace el siguiente codigo? observers: [ 'userChanged(user.*)' ]

Selecciona una de las siguientes respuestas posibles:

Explicación

Pregunta 15 de 48

Dado el siguiente codigo. observers: [ 'userChanged(user.*)' ], Seleccione la opcion que hace ejecutar la funcion userChanged.

Selecciona una de las siguientes respuestas posibles:

Explicación

Pregunta 16 de 48

¿Cual es la forma correcta de bindear una propiedad?

Selecciona una de las siguientes respuestas posibles:

Explicación

Pregunta 17 de 48

Para el bindeo de un atributo se tiene que agregar el signo dolar ($) antes del nombre del atributo.

Selecciona uno de los siguientes:

Explicación

Pregunta 18 de 48

La anotacion de bindeo soporta el doble operador logico NOT (! !). Ej. <my-page show-login="[[!!isLoggedIn]]"></my-page>

Selecciona uno de los siguientes:

Explicación

Pregunta 19 de 48

Dado el siguiente código. ¿Cual es la anotacion correcta para asociar al boton el evento tap?

Selecciona una de las siguientes respuestas posibles:

Explicación

Pregunta 20 de 48

¿Cual es la forma correcta para registrar un evento a un elemento?

¿Que hace el siguiente codigo?
observers: [
'userChanged(user.*)'
]

Dado el siguiente codigo.
observers: [
'userChanged(user.*)'
],
Seleccione la opcion que hace ejecutar la funcion userChanged.

La anotacion de bindeo soporta el doble operador logico NOT (! !).
Ej. <my-page show-login="[[!!isLoggedIn]]"></my-page>

¿Que hace la siguiente linea de codigo?
Polymer.dom(event)

Polymer utiliza las reglas de estilo Shadow DOM para proporcionar un estilo al local DOM del elemento. Los estilos deben proporcionarse mediante etiquetas <style>.
¿Donde es mejor ubicar la etiqueta <style>?

¿Cual es la forma correcta de aplicar una mezcla de estilos personalizados?
ej.
--my-toolbar-theme: {
background-color: green;
border-radius: 4px;
border: 1px solid gray;
};