Quiz
Test Polymer
This quiz has a time limit, so it opens in the usual player.
Questions in this quiz (48)
1¿Que significa SPA?
- ASystem, Product and Application
- BSingle Page Application
- CSingle Page Async
- DSingle Page Architecture
- ESimple Page Applicattion
2¿Cual de las siguientes afirmaciones es Falsa?
- ASPA es una evolución del patrón de diseño MPA + AJAX
- BEn una SPA todos los datos están disponibles via API
- CEn un SPA, la primer carga puede ser lenta
- DUna SPA facilita el SEO
3Web Components. ¿Cual de las siguientes afirmaciones son correctas?
- ANos 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.
- BSon un estándar del W3C
- CSe compone de 4 subelementos complementarios, pero independientes entre si: Custom Elements (elementos personalizados) - Templates (plantillas) - Shadow DOM (DOM oculto) - HTML Imports.
- DCompatibilidad con cualquier versión de los navegadores.
- EEs necesario de Polyfills para poder utilizar el estándar en cualquier navegador
- FSon un estándar del ECMA
4¿Que es Polymer?
- AUn Framework
- BUna Libreria
- CNinguna de las dos
5Polymer.
- APaper Elements. Estos elementos forman parte del "core" de Polymer
- BNeon Elements. Sirven para crear animación y efectos especiales en componentes.
- CNo es necesario que el nombre del elemento personalizado contenga un guion(-).
- DMolecules forma parte del catalogo de elementos Polymer
6¿Como se importa un elemento?
- ANinguna de las opciones
- B<link rel="import" href="bower_components/paper-slider/paper-slider.html">
- C<script src="bower_components/paper-slider/paper-slider.html"></script>
- D<script rel="import" href="bower_components/paper-slider/paper-slider.html">
- E<link rel="text/javascript" href="bower_components/paper-slider/paper-slider.html">
- Fimport("bower_components/paper-slider/paper-slider.html", function(e) {
// e.target.import is the import document.
}, function(e) {
// loading error
});
7El método "factoryImpl" es solo invocado cuando se crea un elemento usando el constructor.
- ATrue
- BFalse
8¿Cual de los siguientes método es propio de Polymer y no existe en el estándar?
- Acreated
- Bready
- Cattached
- Ddetached
- EattributeChanged
9El atributo "class" puede ser configurado usando hostAttributes.
- ATrue
- BFalse
10Selecciones las claves que el objeto "properties" soporta para cada propiedad
- Avalue
- BreflectToAttribute
- Cdefault
- DreadOnly
- EhostAttributes
- Fcount
11Seleccione los tipos con los que se puede definir una propiedad
- ABoolean
- BString
- CInteger
- DObject
- EDouble
- FChar
- GDate
- HArray
12Selecciones las opciones correctas
- A
- B
- C
- D
- E
- F
- A
13Dadas las propiedades de la imagen. Seleccione las opciones correctas.
- A
- B
- C
- D
- E
- A
14¿Que hace el siguiente codigo?
observers: [
'userChanged(user.*)'
]- AObserva los cambios en la propiedad especifica de "user"
- BObserva los cambios en las subpropiedades especificas de "user"
- CNinguna de las opciones
- DObserva los cambios en todas las subpropiedades y en las mutaciones de los arreglos de la propiedad "user".
15Dado el siguiente codigo.
observers: [
'userChanged(user.*)'
],
Seleccione la opcion que hace ejecutar la funcion userChanged.- Athis.user.name = 'Javier';
- Bvar name = 'Javier';
this.user.name = name;
this.notifyPath('user.name', name); - CTodas
- DNinguna
16¿Cual es la forma correcta de bindear una propiedad?
- A<target-element first-name$="[[myName]]"></target-element>
- B<target-element firstName="{{myName}}"></target-element>
- C<target-element first-name="{{myName}}"></target-element>
- DNinguna
- ETodas
17Para el bindeo de un atributo se tiene que agregar el signo dolar ($) antes del nombre del atributo.
- ATrue
- BFalse
18La anotacion de bindeo soporta el doble operador logico NOT (! !).
Ej. <my-page show-login="[[!!isLoggedIn]]"></my-page>- ATrue
- BFalse
19Dado el siguiente código. ¿Cual es la anotacion correcta para asociar al boton el evento tap?
- A<button ontap="handleTap">Kick Me</button>
- B<button on-tap="handleTap">Kick Me</button>
- C<button on-tap="[[handleTap()]]">Kick Me</button>
- D<button ontap="{{handleTap}}">Kick Me</button>
- E<button on-tap="handleTap()">Kick Me</button>
- F<button on-tap="{{handleTap}}">Kick Me</button>
- Glisteners: {
'tap': 'handleTap'
},
20¿Cual es la forma correcta para registrar un evento a un elemento?
- Athis.listen(this.$.myButton, 'click', 'onClick');
- Bthis.unlisten(this.$.myButton, 'click', 'onClick');
- Cvar el = this.$.myButton;
el.addEventListener("click", onClick, false); - DNinguna
21Con polymer se pueden crear eventos personalizados
- ATrue
- BFalse
22Cuando se dispara un evento personalizado desde el elemento host, este se propaga hacia sus hijos. nietos, etc.
- ATrue
- BFalse
23¿Que hace la siguiente linea de codigo?
Polymer.dom(event)- ARetorna un objecto con el evento normalizado
- BRetorna un error en consola.
- CNada porque no existe Polymer.dom
- DRetorna undefined
24¿Que linea de código debemos escribir para disparar un evento personalizado pasando un objeto como parametro?
- Athis.fire('event-test');
- Bthis.dispatch('event-test');
- Cthis.dispatch('event-test', {changed: true});
- Dthis.fire('event-test', {changed: true});
- Ethis.fires('event-test', {changed: true});
25¿Porque conviene usar el evento normalizado tap y no el evento click?
- AEs lo mismo usar cualquiera de los dos.
- BNos ahorrará posibles problemas cuando se ejecuta la aplicación en distintas plataformas.
- CEl evento click es nativo de javascript, por ende conviene usarlo siempre.
- DEl evento tap es diferente al evento click.
26¿Cuantos eventos de gestos (gesture events) tiene Polymer?
- A1
- B2
- C3
- D4
- E5
27¿Para que se usa this.$.id?
- APara seleccionar un nodo especifico que exista en el documento.
- BPara seleccionar un nodo especifico creado dinámicamente en el local DOM del elemento.
- CPara seleccionar un nodo especifico creado estáticamente en el local DOM del elemento.
- DPara seleccionar un nodo especifico que este dentro del elemento, ya sea en si mismo o en elementos hijos.
28Con respecto a this.$$(selector).
- ASe utiliza para localizar nodos creados dinámicamentes en el local DOM.
- BEs la forma corta de Polymer.dom(this.root).querySelector()
- CRetorna el primer nodo en el local DOM que coincide con el selector
- DTodas son correctas.
29Polymer 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>?- ADentro de <template>
- BFuera de <template>
- CEn cualquier parte dentro de <dom-module>
- DFuera de <dom-module>
30¿De que color es el div con clase child?
- ARed
- BBlue
- CGreen
- DOtro color
31¿Para que se utiliza <style is="custom-style">?
- APara definir estilos en el documento principal y que se apliquen en el local DOM de todos los elementos.
- BPara definir estilos en el elemento.
- CPara definir estilos en el documento principal sin que afecte el local DOM de todos los elementos.
- DNinguna.
32El selector :root se utiliza para definir propiedades y mezclas de estilos personalizados a nivel documento.
- ATrue
- BFalse
33No es obligatorio que el nombre de una propiedad personalizada comience siempre con 2 guiones (--)
- ATrue
- BFalse
34La funcion var(--my-custom-property, value), lo que hace es setearle a la propiedad '--my-custom-property' el valor 'value'
- ATrue
- BFalse
35¿De que color es el div con clase child? Si esa es toda la información que se tiene.
- Ared
- BError al ejecutar la aplicación
- CNinguna de las opciones.
36¿Cuantos parametros puede tener la funcion var()?
- A2
- B3
- C4
- Dinfinitos
37¿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;
};- A@apply(--my-toolbar-theme);
- Bapply(--my-toolbar-theme);
- Cvar(--my-toolbar-theme);
- DNinguna
38¿Que hace el siguiente código?
- ACambia el color del div, primero es azul y despues de 2 segundos verde
- BCambia el color del div, primero es rojo y despues de 2 segundos verde
- CCambia el color del div, primero es verde y despues de 2 segundos azul
- DCambia el color del div, primero es azul y despues de 2000 segundos verde
- ECambia el color del div, primero es rojo y despues de 2000 segundos verde
- FDa error
39¿Cual es la opcion correcta para cargar las hojas de estilos externas?
- A
- B
- CA y B
- DNinguna de las 2
- A
40Dado el siguiente código. ¿Cual es el valor final de la propiedad --custom-color?
- A'green'
- B'blue'
- C'red'
- DNo se ejecuta la aplicacion porque hay un error en la definicion de las funciones
41¿Que hace la siguiente funcion classFollows(name, parameter1, parameter2)?
- AMueve la clase 'name' desde parameter1 a parameter2
- BMueve la clase 'name' desde parameter2 a parameter1
- CNo existe la funcion
- DAlterna la clase 'name' en el parameter1. Agregandola si el parameter2 es true y la elimina si es false.
42¿Cual es la salida?
- A
- B
- C
- D
- A
43¿Cual es la salida?
- A
- B
- CNinguna.
- A
44¿Cual es la salida?
- A
- B
- C
- DNinguna
- A
45¿Cual es la salida?
- A
- B
- C
- DNinguna
- A
46¿Cual es la salida?
- A
- B
- C
- DNinguna
- A
47Es 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.
- ATrue
- BFalse
48La clase "fullbleed" puede usarse en cualquier tag HTML.
- ATrue
- BFalse
Information
- Description
- Es un test para evaluar tus conocimientos en Polymer
- Author
- Gerardo Javier Aramayo
- Language
- Español
- Views
- 164
- History
- Created on 28 Dec 2016 · updated on 7 Jan 2017
- Tags
- Rating
- 5.0 out of 5 · 1 rating Rate this quiz