Copy and Edit

Test Polymer

Description

Es un test para evaluar tus conocimientos en Polymer
Gerardo Javier Aramayo
Quiz by Gerardo Javier Aramayo, updated more than 1 year ago
Gerardo Javier Aramayo
Created by Gerardo Javier Aramayo almost 8 years ago
139
1
0

Resource summary

Question 1

Question
¿Que significa SPA?
Answer
  • System, Product and Application
  • Single Page Application
  • Single Page Async
  • Single Page Architecture
  • Simple Page Applicattion

Question 2

Question
¿Cual de las siguientes afirmaciones es Falsa?
Answer
  • 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

Question 3

Question
Web Components. ¿Cual de las siguientes afirmaciones son correctas?
Answer
  • 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

Question 4

Question
¿Que es Polymer?
Answer
  • Un Framework
  • Una Libreria
  • Ninguna de las dos

Question 5

Question
Polymer.
Answer
  • 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

Question 6

Question
¿Como se importa un elemento?
Answer
  • 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 });

Question 7

Question
El método "factoryImpl" es solo invocado cuando se crea un elemento usando el constructor.
Answer
  • True
  • False

Question 8

Question
¿Cual de los siguientes método es propio de Polymer y no existe en el estándar?
Answer
  • created
  • ready
  • attached
  • detached
  • attributeChanged

Question 9

Question
El atributo "class" puede ser configurado usando hostAttributes.
Answer
  • True
  • False

Question 10

Question
Selecciones las claves que el objeto "properties" soporta para cada propiedad
Answer
  • value
  • reflectToAttribute
  • default
  • readOnly
  • hostAttributes
  • count

Question 11

Question
Seleccione los tipos con los que se puede definir una propiedad
Answer
  • Boolean
  • String
  • Integer
  • Object
  • Double
  • Char
  • Date
  • Array

Question 12

Question
Selecciones las opciones correctas
Answer

Question 13

Question
Dadas las propiedades de la imagen. Seleccione las opciones correctas.
Image:
93e8816c-8201-4617-83d9-c84478faf72b (image/png)
Answer

Question 14

Question
¿Que hace el siguiente codigo? observers: [ 'userChanged(user.*)' ]
Answer
  • 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".

Question 15

Question
Dado el siguiente codigo. observers: [ 'userChanged(user.*)' ], Seleccione la opcion que hace ejecutar la funcion userChanged.
Answer
  • this.user.name = 'Javier';
  • var name = 'Javier'; this.user.name = name; this.notifyPath('user.name', name);
  • Todas
  • Ninguna

Question 16

Question
¿Cual es la forma correcta de bindear una propiedad?
Answer
  • <target-element first-name$="[[myName]]"></target-element>
  • <target-element firstName="{{myName}}"></target-element>
  • <target-element first-name="{{myName}}"></target-element>
  • Ninguna
  • Todas

Question 17

Question
Para el bindeo de un atributo se tiene que agregar el signo dolar ($) antes del nombre del atributo.
Answer
  • True
  • False

Question 18

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

Question 19

Question
Dado el siguiente código. ¿Cual es la anotacion correcta para asociar al boton el evento tap?
Image:
18940fa7-64ca-476d-88ef-006c93558e0d (image/png)
Answer
  • <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' },

Question 20

Question
¿Cual es la forma correcta para registrar un evento a un elemento?
Answer
  • this.listen(this.$.myButton, 'click', 'onClick');
  • this.unlisten(this.$.myButton, 'click', 'onClick');
  • var el = this.$.myButton; el.addEventListener("click", onClick, false);
  • Ninguna

Question 21

Question
Con polymer se pueden crear eventos personalizados
Answer
  • True
  • False

Question 22

Question
Cuando se dispara un evento personalizado desde el elemento host, este se propaga hacia sus hijos. nietos, etc.
Answer
  • True
  • False

Question 23

Question
¿Que hace la siguiente linea de codigo? Polymer.dom(event)
Answer
  • Retorna un objecto con el evento normalizado
  • Retorna un error en consola.
  • Nada porque no existe Polymer.dom
  • Retorna undefined

Question 24

Question
¿Que linea de código debemos escribir para disparar un evento personalizado pasando un objeto como parametro?
Answer
  • 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});

Question 25

Question
¿Porque conviene usar el evento normalizado tap y no el evento click?
Answer
  • 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.

Question 26

Question
¿Cuantos eventos de gestos (gesture events) tiene Polymer?
Answer
  • 1
  • 2
  • 3
  • 4
  • 5

Question 27

Question
¿Para que se usa this.$.id?
Answer
  • 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.

Question 28

Question
Con respecto a this.$$(selector).
Answer
  • 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.

Question 29

Question
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>?
Answer
  • Dentro de <template>
  • Fuera de <template>
  • En cualquier parte dentro de <dom-module>
  • Fuera de <dom-module>

Question 30

Question
¿De que color es el div con clase child?
Image:
d73c3331-524b-4f26-aca3-6a908adb04c7 (image/png)
Answer
  • Red
  • Blue
  • Green
  • Otro color

Question 31

Question
¿Para que se utiliza <style is="custom-style">?
Answer
  • 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.

Question 32

Question
El selector :root se utiliza para definir propiedades y mezclas de estilos personalizados a nivel documento.
Answer
  • True
  • False

Question 33

Question
No es obligatorio que el nombre de una propiedad personalizada comience siempre con 2 guiones (--)
Answer
  • True
  • False

Question 34

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

Question 35

Question
¿De que color es el div con clase child? Si esa es toda la información que se tiene.
Image:
c6404826-99da-436a-bc65-f2739db43b10 (image/png)
Answer
  • red
  • Error al ejecutar la aplicación
  • Ninguna de las opciones.

Question 36

Question
¿Cuantos parametros puede tener la funcion var()?
Answer
  • 2
  • 3
  • 4
  • infinitos

Question 37

Question
¿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; };
Answer
  • @apply(--my-toolbar-theme);
  • apply(--my-toolbar-theme);
  • var(--my-toolbar-theme);
  • Ninguna

Question 38

Question
¿Que hace el siguiente código?
Image:
cd7c0a35-5320-4140-891a-5dd5e5920d74 (image/png)
Answer
  • 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

Question 39

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

Question 40

Question
Dado el siguiente código. ¿Cual es el valor final de la propiedad --custom-color?
Image:
172d2302-41f3-4337-ac0e-533f3adc7d54 (image/png)
Answer
  • 'green'
  • 'blue'
  • 'red'
  • No se ejecuta la aplicacion porque hay un error en la definicion de las funciones

Question 41

Question
¿Que hace la siguiente funcion classFollows(name, parameter1, parameter2)?
Answer
  • 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.

Question 42

Question
¿Cual es la salida?
Image:
7c1d7bf7-488e-4d30-9da8-0c96d2f35b62 (image/png)
Answer

Question 43

Question
¿Cual es la salida?
Image:
be66fcb3-5042-459a-862f-93468fe45ff0 (image/png)
Answer

Question 44

Question
¿Cual es la salida?
Image:
730623e6-b94c-48e0-9d98-2c3930f6503e (image/png)
Answer

Question 45

Question
¿Cual es la salida?
Image:
6e86751d-8201-4395-a337-2f6d1730cf04 (image/png)
Answer

Question 46

Question
¿Cual es la salida?
Image:
f985b9a6-7046-4bdc-921b-d1e06576c592 (image/png)
Answer

Question 47

Question
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.
Answer
  • True
  • False

Question 48

Question
La clase "fullbleed" puede usarse en cualquier tag HTML.
Answer
  • True
  • False
Show full summary Hide full summary

Want to create your own Quizzes for free with GoConqr? Learn more.

Similar

elementos que componen un software educativo
Quetzael Santillan
Redes e Internet
Karen Echavarría Peña
Clase 2 Twitter
Aula CM Tests
Clase 4: Test Herramientas de Twitter para el Community Manager
Aula CM Tests
Clase* - Instagram
Aula CM Tests
Importancia del uso de TICS en la educación universitaria
Nelson Rosales
LAS TIC APLICADAS A LA INVESTIGACIÓN
tereacevedobtr
"LAS TIC EN LA EDUCACIÓN"
miriam_fltapia
"LAS TIC EN LA EDUCACIÓN SECUNDARIA"
isela arellano
Preguntas previas a introducir la tecnología en el aula
Diego Santos
Computación en la nube
Roberto Emmanuel Moreno Miranda
Browse Library