Test Polymer

Jede Frage dieses Quiz ist zeitlich begrenzt. Drücke auf die Schaltfläche um das Quiz zu starten.

Starte das Quiz

Bitte warte - es wird geladen…

Frage 1 von 48

¿Que significa SPA?

Wähle eine der folgenden:

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

Erklärung

Frage 2 von 48

¿Cual de las siguientes afirmaciones es Falsa?

Wähle eine der folgenden:

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

Erklärung

Frage 3 von 48

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

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 4 von 48

¿Que es Polymer?

Wähle eine der folgenden:

Un Framework
Una Libreria
Ninguna de las dos

Erklärung

Frage 5 von 48

Polymer.

Wähle eine oder mehr der folgenden:

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

Erklärung

Frage 6 von 48

¿Como se importa un elemento?

Wähle eine der folgenden:

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

Erklärung

Frage 7 von 48

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

Wähle eins der folgenden:

WAHR
FALSCH

Erklärung

Frage 8 von 48

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

Wähle eine der folgenden:

created
ready
attached
detached
attributeChanged

Erklärung

Frage 9 von 48

El atributo "class" puede ser configurado usando hostAttributes.

Wähle eins der folgenden:

WAHR
FALSCH

Erklärung

Frage 10 von 48

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

Wähle eine oder mehr der folgenden:

value
reflectToAttribute
default
readOnly
hostAttributes
count

Erklärung

Frage 11 von 48

Seleccione los tipos con los que se puede definir una propiedad

Wähle eine oder mehr der folgenden:

Boolean
String
Integer
Object
Double
Char
Date
Array

Erklärung

Frage 12 von 48

Selecciones las opciones correctas

Wähle eine oder mehr der folgenden:

Erklärung

Frage 13 von 48

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

Wähle eine oder mehr der folgenden:

Erklärung

Frage 14 von 48

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

Wähle eine der folgenden:

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

Erklärung

Frage 15 von 48

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

Wähle eine der folgenden:

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

Erklärung

Frage 16 von 48

¿Cual es la forma correcta de bindear una propiedad?

Wähle eine der folgenden:

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

Erklärung

Frage 17 von 48

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

Wähle eins der folgenden:

WAHR
FALSCH

Erklärung

Frage 18 von 48

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

Wähle eins der folgenden:

WAHR
FALSCH

Erklärung

Frage 19 von 48

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

Wähle eine der folgenden:

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

Erklärung

Frage 20 von 48

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

Wähle eine der folgenden:

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

Erklärung

Frage 21 von 48

Con polymer se pueden crear eventos personalizados

Wähle eins der folgenden:

WAHR
FALSCH

Erklärung

Frage 22 von 48

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

Wähle eins der folgenden:

WAHR
FALSCH

Erklärung

Frage 23 von 48

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

Wähle eine der folgenden:

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

Erklärung

Frage 24 von 48

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

Wähle eine der folgenden:

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

Erklärung

Frage 25 von 48

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

Wähle eine der folgenden:

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.

Erklärung

Frage 26 von 48

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

Wähle eine der folgenden:

Erklärung

Frage 27 von 48

¿Para que se usa this.$.id?

Wähle eine der folgenden:

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.

Erklärung

Frage 28 von 48

Con respecto a this.$$(selector).

Wähle eine der folgenden:

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.

Erklärung

Frage 29 von 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>?

Wähle eine der folgenden:

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

Erklärung

Frage 30 von 48

¿De que color es el div con clase child?

Wähle eine der folgenden:

Red
Blue
Green
Otro color

Erklärung

Frage 31 von 48

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

Wähle eine der folgenden:

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.

Erklärung

Frage 32 von 48

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

Wähle eins der folgenden:

WAHR
FALSCH

Erklärung

Frage 33 von 48

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

Wähle eins der folgenden:

WAHR
FALSCH

Erklärung

Frage 34 von 48

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

Wähle eins der folgenden:

WAHR
FALSCH

Erklärung

Frage 35 von 48

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

Wähle eine der folgenden:

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

Erklärung

Frage 36 von 48

¿Cuantos parametros puede tener la funcion var()?

Wähle eine der folgenden:

2
3
4
infinitos

Erklärung

Frage 37 von 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;
};

Wähle eine der folgenden:

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

Erklärung

Frage 38 von 48

¿Que hace el siguiente código?

Wähle eine der folgenden:

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

Erklärung

Frage 39 von 48

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

Wähle eine der folgenden:

A y B
Ninguna de las 2

Erklärung

Frage 40 von 48

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

Wähle eine der folgenden:

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

Erklärung

Frage 41 von 48

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

Wähle eine der folgenden:

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.

Erklärung

Frage 42 von 48

¿Cual es la salida?

Wähle eine der folgenden:

Erklärung

Frage 43 von 48

¿Cual es la salida?

Wähle eine der folgenden:

Ninguna.

Erklärung

Frage 44 von 48

¿Cual es la salida?

Wähle eine der folgenden:

Ninguna

Erklärung

Frage 45 von 48

¿Cual es la salida?

Wähle eine der folgenden:

Ninguna

Erklärung

Frage 46 von 48

¿Cual es la salida?

Wähle eine der folgenden:

Ninguna

Erklärung

Frage 47 von 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.

Wähle eins der folgenden:

WAHR
FALSCH

Erklärung

Frage 48 von 48

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

Wähle eins der folgenden:

WAHR
FALSCH

Erklärung

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

	Erstellt von Gerardo Javier Aramayo vor fast 8 Jahre

Es un test para evaluar tus conocimientos en Polymer

Test Polymer

Test Polymer

Frage 1 von 48

¿Que significa SPA?

Wähle eine der folgenden:

Erklärung

Frage 2 von 48

¿Cual de las siguientes afirmaciones es Falsa?

Wähle eine der folgenden:

Erklärung

Frage 3 von 48

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

Wähle eine oder mehr der folgenden:

Erklärung

Frage 4 von 48

¿Que es Polymer?

Wähle eine der folgenden:

Erklärung

Frage 5 von 48

Polymer.

Wähle eine oder mehr der folgenden:

Erklärung

Frage 6 von 48

¿Como se importa un elemento?

Wähle eine der folgenden:

Erklärung

Frage 7 von 48

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

Wähle eins der folgenden:

Erklärung

Frage 8 von 48

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

Wähle eine der folgenden:

Erklärung

Frage 9 von 48

El atributo "class" puede ser configurado usando hostAttributes.

Wähle eins der folgenden:

Erklärung

Frage 10 von 48

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

Wähle eine oder mehr der folgenden:

Erklärung

Frage 11 von 48

Seleccione los tipos con los que se puede definir una propiedad

Wähle eine oder mehr der folgenden:

Erklärung

Frage 12 von 48

Selecciones las opciones correctas

Wähle eine oder mehr der folgenden:

Erklärung

Frage 13 von 48

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

Wähle eine oder mehr der folgenden:

Erklärung

Frage 14 von 48

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

Wähle eine der folgenden:

Erklärung

Frage 15 von 48

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

Wähle eine der folgenden:

Erklärung

Frage 16 von 48

¿Cual es la forma correcta de bindear una propiedad?

Wähle eine der folgenden:

Erklärung

Frage 17 von 48

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

Wähle eins der folgenden:

Erklärung

Frage 18 von 48

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

Wähle eins der folgenden:

Erklärung

Frage 19 von 48

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

Wähle eine der folgenden:

Erklärung

Frage 20 von 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;
};