Test Polymer

Each question in this quiz is timed.

Begin Quiz

Please wait - loading…

Question 1 of 48

¿Que significa SPA?

Select one of the following:

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

Explanation

Question 2 of 48

¿Cual de las siguientes afirmaciones es Falsa?

Select one of the following:

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

Explanation

Question 3 of 48

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

Select one or more of the following:

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

Explanation

Question 4 of 48

¿Que es Polymer?

Select one of the following:

Un Framework
Una Libreria
Ninguna de las dos

Explanation

Question 5 of 48

Polymer.

Select one or more of the following:

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

Explanation

Question 6 of 48

¿Como se importa un elemento?

Select one of the following:

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
});

Explanation

Question 7 of 48

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

Select one of the following:

True
False

Explanation

Question 8 of 48

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

Select one of the following:

created
ready
attached
detached
attributeChanged

Explanation

Question 9 of 48

El atributo "class" puede ser configurado usando hostAttributes.

Select one of the following:

True
False

Explanation

Question 10 of 48

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

Select one or more of the following:

value
reflectToAttribute
default
readOnly
hostAttributes
count

Explanation

Question 11 of 48

Seleccione los tipos con los que se puede definir una propiedad

Select one or more of the following:

Boolean
String
Integer
Object
Double
Char
Date
Array

Explanation

Question 12 of 48

Selecciones las opciones correctas

Select one or more of the following:

Explanation

Question 13 of 48

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

Select one or more of the following:

Explanation

Question 14 of 48

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

Select one of the following:

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".

Explanation

Question 15 of 48

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

Select one of the following:

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

Explanation

Question 16 of 48

¿Cual es la forma correcta de bindear una propiedad?

Select one of the following:

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

Explanation

Question 17 of 48

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

Select one of the following:

True
False

Explanation

Question 18 of 48

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

Select one of the following:

True
False

Explanation

Question 19 of 48

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

Select one of the following:

<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'
},

Explanation

Question 20 of 48

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

Select one of the following:

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

Explanation

Question 21 of 48

Con polymer se pueden crear eventos personalizados

Select one of the following:

True
False

Explanation

Question 22 of 48

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

Select one of the following:

True
False

Explanation

Question 23 of 48

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

Select one of the following:

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

Explanation

Question 24 of 48

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

Select one of the following:

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});

Explanation

Question 25 of 48

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

Select one of the following:

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.

Explanation

Question 26 of 48

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

Select one of the following:

Explanation

Question 27 of 48

¿Para que se usa this.$.id?

Select one of the following:

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.

Explanation

Question 28 of 48

Con respecto a this.$$(selector).

Select one of the following:

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.

Explanation

Question 29 of 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>?

Select one of the following:

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

Explanation

Question 30 of 48

¿De que color es el div con clase child?

Select one of the following:

Red
Blue
Green
Otro color

Explanation

Question 31 of 48

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

Select one of the following:

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.

Explanation

Question 32 of 48

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

Select one of the following:

True
False

Explanation

Question 33 of 48

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

Select one of the following:

True
False

Explanation

Question 34 of 48

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

Select one of the following:

True
False

Explanation

Question 35 of 48

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

Select one of the following:

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

Explanation

Question 36 of 48

¿Cuantos parametros puede tener la funcion var()?

Select one of the following:

2
3
4
infinitos

Explanation

Question 37 of 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;
};

Select one of the following:

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

Explanation

Question 38 of 48

¿Que hace el siguiente código?

Select one of the following:

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

Explanation

Question 39 of 48

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

Select one of the following:

A y B
Ninguna de las 2

Explanation

Question 40 of 48

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

Select one of the following:

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

Explanation

Question 41 of 48

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

Select one of the following:

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.

Explanation

Question 42 of 48

¿Cual es la salida?

Select one of the following:

Explanation

Question 43 of 48

¿Cual es la salida?

Select one of the following:

Ninguna.

Explanation

Question 44 of 48

¿Cual es la salida?

Select one of the following:

Ninguna

Explanation

Question 45 of 48

¿Cual es la salida?

Select one of the following:

Ninguna

Explanation

Question 46 of 48

¿Cual es la salida?

Select one of the following:

Ninguna

Explanation

Question 47 of 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.

Select one of the following:

True
False

Explanation

Question 48 of 48

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

Select one of the following:

True
False

Explanation

["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"]

	Created by Gerardo Javier Aramayo over 7 years ago

Es un test para evaluar tus conocimientos en Polymer

Test Polymer

Question 1 of 48

¿Que significa SPA?

Select one of the following:

Explanation

Question 2 of 48

¿Cual de las siguientes afirmaciones es Falsa?

Select one of the following:

Explanation

Question 3 of 48

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

Select one or more of the following:

Explanation

Question 4 of 48

¿Que es Polymer?

Select one of the following:

Explanation

Question 5 of 48

Polymer.

Select one or more of the following:

Explanation

Question 6 of 48

¿Como se importa un elemento?

Select one of the following:

Explanation

Question 7 of 48

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

Select one of the following:

Explanation

Question 8 of 48

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

Select one of the following:

Explanation

Question 9 of 48

El atributo "class" puede ser configurado usando hostAttributes.

Select one of the following:

Explanation

Question 10 of 48

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

Select one or more of the following:

Explanation

Question 11 of 48

Seleccione los tipos con los que se puede definir una propiedad

Select one or more of the following:

Explanation

Question 12 of 48

Selecciones las opciones correctas

Select one or more of the following:

Explanation

Question 13 of 48

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

Select one or more of the following:

Explanation

Question 14 of 48

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

Select one of the following:

Explanation

Question 15 of 48

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

Select one of the following:

Explanation

Question 16 of 48

¿Cual es la forma correcta de bindear una propiedad?

Select one of the following:

Explanation

Question 17 of 48

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

Select one of the following:

Explanation

Question 18 of 48

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

Select one of the following:

Explanation

Question 19 of 48

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

Select one of the following:

Explanation

Question 20 of 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;
};