Test Polymer

Cada pergunta deste Quiz é cronometrada.

Começar o Quiz

Por favor, aguarde! Carregando...

Questão 1 de 48

¿Que significa SPA?

Selecione uma das seguintes:

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

Explicação

Questão 2 de 48

¿Cual de las siguientes afirmaciones es Falsa?

Selecione uma das seguintes:

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

Explicação

Questão 3 de 48

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

Selecione uma ou mais das seguintes:

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

Explicação

Questão 4 de 48

¿Que es Polymer?

Selecione uma das seguintes:

Un Framework
Una Libreria
Ninguna de las dos

Explicação

Questão 5 de 48

Polymer.

Selecione uma ou mais das seguintes:

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

Explicação

Questão 6 de 48

¿Como se importa un elemento?

Selecione uma das seguintes:

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

Explicação

Questão 7 de 48

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

Selecione uma das opções:

VERDADEIRO
FALSO

Explicação

Questão 8 de 48

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

Selecione uma das seguintes:

created
ready
attached
detached
attributeChanged

Explicação

Questão 9 de 48

El atributo "class" puede ser configurado usando hostAttributes.

Selecione uma das opções:

VERDADEIRO
FALSO

Explicação

Questão 10 de 48

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

Selecione uma ou mais das seguintes:

value
reflectToAttribute
default
readOnly
hostAttributes
count

Explicação

Questão 11 de 48

Seleccione los tipos con los que se puede definir una propiedad

Selecione uma ou mais das seguintes:

Boolean
String
Integer
Object
Double
Char
Date
Array

Explicação

Questão 12 de 48

Selecciones las opciones correctas

Selecione uma ou mais das seguintes:

Explicação

Questão 13 de 48

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

Selecione uma ou mais das seguintes:

Explicação

Questão 14 de 48

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

Selecione uma das seguintes:

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

Explicação

Questão 15 de 48

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

Selecione uma das seguintes:

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

Explicação

Questão 16 de 48

¿Cual es la forma correcta de bindear una propiedad?

Selecione uma das seguintes:

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

Explicação

Questão 17 de 48

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

Selecione uma das opções:

VERDADEIRO
FALSO

Explicação

Questão 18 de 48

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

Selecione uma das opções:

VERDADEIRO
FALSO

Explicação

Questão 19 de 48

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

Selecione uma das seguintes:

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

Explicação

Questão 20 de 48

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

Selecione uma das seguintes:

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

Explicação

Questão 21 de 48

Con polymer se pueden crear eventos personalizados

Selecione uma das opções:

VERDADEIRO
FALSO

Explicação

Questão 22 de 48

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

Selecione uma das opções:

VERDADEIRO
FALSO

Explicação

Questão 23 de 48

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

Selecione uma das seguintes:

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

Explicação

Questão 24 de 48

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

Selecione uma das seguintes:

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

Explicação

Questão 25 de 48

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

Selecione uma das seguintes:

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.

Explicação

Questão 26 de 48

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

Selecione uma das seguintes:

Explicação

Questão 27 de 48

¿Para que se usa this.$.id?

Selecione uma das seguintes:

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.

Explicação

Questão 28 de 48

Con respecto a this.$$(selector).

Selecione uma das seguintes:

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.

Explicação

Questão 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>?

Selecione uma das seguintes:

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

Explicação

Questão 30 de 48

¿De que color es el div con clase child?

Selecione uma das seguintes:

Red
Blue
Green
Otro color

Explicação

Questão 31 de 48

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

Selecione uma das seguintes:

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.

Explicação

Questão 32 de 48

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

Selecione uma das opções:

VERDADEIRO
FALSO

Explicação

Questão 33 de 48

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

Selecione uma das opções:

VERDADEIRO
FALSO

Explicação

Questão 34 de 48

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

Selecione uma das opções:

VERDADEIRO
FALSO

Explicação

Questão 35 de 48

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

Selecione uma das seguintes:

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

Explicação

Questão 36 de 48

¿Cuantos parametros puede tener la funcion var()?

Selecione uma das seguintes:

2
3
4
infinitos

Explicação

Questão 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;
};

Selecione uma das seguintes:

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

Explicação

Questão 38 de 48

¿Que hace el siguiente código?

Selecione uma das seguintes:

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

Explicação

Questão 39 de 48

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

Selecione uma das seguintes:

A y B
Ninguna de las 2

Explicação

Questão 40 de 48

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

Selecione uma das seguintes:

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

Explicação

Questão 41 de 48

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

Selecione uma das seguintes:

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.

Explicação

Questão 42 de 48

¿Cual es la salida?

Selecione uma das seguintes:

Explicação

Questão 43 de 48

¿Cual es la salida?

Selecione uma das seguintes:

Ninguna.

Explicação

Questão 44 de 48

¿Cual es la salida?

Selecione uma das seguintes:

Ninguna

Explicação

Questão 45 de 48

¿Cual es la salida?

Selecione uma das seguintes:

Ninguna

Explicação

Questão 46 de 48

¿Cual es la salida?

Selecione uma das seguintes:

Ninguna

Explicação

Questão 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.

Selecione uma das opções:

VERDADEIRO
FALSO

Explicação

Questão 48 de 48

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

Selecione uma das opções:

VERDADEIRO
FALSO

Explicação

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

	Criado por Gerardo Javier Aramayo quase 10 anos atrás

Es un test para evaluar tus conocimientos en Polymer

Test Polymer

Test Polymer

Questão 1 de 48

¿Que significa SPA?

Selecione uma das seguintes:

Explicação

Questão 2 de 48

¿Cual de las siguientes afirmaciones es Falsa?

Selecione uma das seguintes:

Explicação

Questão 3 de 48

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

Selecione uma ou mais das seguintes:

Explicação

Questão 4 de 48

¿Que es Polymer?

Selecione uma das seguintes:

Explicação

Questão 5 de 48

Polymer.

Selecione uma ou mais das seguintes:

Explicação

Questão 6 de 48

¿Como se importa un elemento?

Selecione uma das seguintes:

Explicação

Questão 7 de 48

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

Selecione uma das opções:

Explicação

Questão 8 de 48

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

Selecione uma das seguintes:

Explicação

Questão 9 de 48

El atributo "class" puede ser configurado usando hostAttributes.

Selecione uma das opções:

Explicação

Questão 10 de 48

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

Selecione uma ou mais das seguintes:

Explicação

Questão 11 de 48

Seleccione los tipos con los que se puede definir una propiedad

Selecione uma ou mais das seguintes:

Explicação

Questão 12 de 48

Selecciones las opciones correctas

Selecione uma ou mais das seguintes:

Explicação

Questão 13 de 48

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

Selecione uma ou mais das seguintes:

Explicação

Questão 14 de 48

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

Selecione uma das seguintes:

Explicação

Questão 15 de 48

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

Selecione uma das seguintes:

Explicação

Questão 16 de 48

¿Cual es la forma correcta de bindear una propiedad?

Selecione uma das seguintes:

Explicação

Questão 17 de 48

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

Selecione uma das opções:

Explicação

Questão 18 de 48

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

Selecione uma das opções:

Explicação

Questão 19 de 48

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

Selecione uma das seguintes:

Explicação

Questão 20 de 48

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