Test Polymer

Descrição

Es un test para evaluar tus conocimientos en Polymer
Gerardo Javier Aramayo
Quiz por Gerardo Javier Aramayo, atualizado more than 1 year ago
Gerardo Javier Aramayo
Criado por Gerardo Javier Aramayo mais de 7 anos atrás
129
1

Resumo de Recurso

Questão 1

Questão
¿Que significa SPA?
Responda
  • System, Product and Application
  • Single Page Application
  • Single Page Async
  • Single Page Architecture
  • Simple Page Applicattion

Questão 2

Questão
¿Cual de las siguientes afirmaciones es Falsa?
Responda
  • 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

Questão 3

Questão
Web Components. ¿Cual de las siguientes afirmaciones son correctas?
Responda
  • 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

Questão 4

Questão
¿Que es Polymer?
Responda
  • Un Framework
  • Una Libreria
  • Ninguna de las dos

Questão 5

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

Questão 6

Questão
¿Como se importa un elemento?
Responda
  • 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 });

Questão 7

Questão
El método "factoryImpl" es solo invocado cuando se crea un elemento usando el constructor.
Responda
  • True
  • False

Questão 8

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

Questão 9

Questão
El atributo "class" puede ser configurado usando hostAttributes.
Responda
  • True
  • False

Questão 10

Questão
Selecciones las claves que el objeto "properties" soporta para cada propiedad
Responda
  • value
  • reflectToAttribute
  • default
  • readOnly
  • hostAttributes
  • count

Questão 11

Questão
Seleccione los tipos con los que se puede definir una propiedad
Responda
  • Boolean
  • String
  • Integer
  • Object
  • Double
  • Char
  • Date
  • Array

Questão 12

Questão
Selecciones las opciones correctas

Questão 13

Questão
Dadas las propiedades de la imagen. Seleccione las opciones correctas.

Questão 14

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

Questão 15

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

Questão 16

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

Questão 17

Questão
Para el bindeo de un atributo se tiene que agregar el signo dolar ($) antes del nombre del atributo.
Responda
  • True
  • False

Questão 18

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

Questão 19

Questão
Dado el siguiente código. ¿Cual es la anotacion correcta para asociar al boton el evento tap?
Responda
  • <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' },

Questão 20

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

Questão 21

Questão
Con polymer se pueden crear eventos personalizados
Responda
  • True
  • False

Questão 22

Questão
Cuando se dispara un evento personalizado desde el elemento host, este se propaga hacia sus hijos. nietos, etc.
Responda
  • True
  • False

Questão 23

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

Questão 24

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

Questão 25

Questão
¿Porque conviene usar el evento normalizado tap y no el evento click?
Responda
  • 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.

Questão 26

Questão
¿Cuantos eventos de gestos (gesture events) tiene Polymer?
Responda
  • 1
  • 2
  • 3
  • 4
  • 5

Questão 27

Questão
¿Para que se usa this.$.id?
Responda
  • 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.

Questão 28

Questão
Con respecto a this.$$(selector).
Responda
  • 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.

Questão 29

Questão
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>?
Responda
  • Dentro de <template>
  • Fuera de <template>
  • En cualquier parte dentro de <dom-module>
  • Fuera de <dom-module>

Questão 30

Questão
¿De que color es el div con clase child?
Responda
  • Red
  • Blue
  • Green
  • Otro color

Questão 31

Questão
¿Para que se utiliza <style is="custom-style">?
Responda
  • 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.

Questão 32

Questão
El selector :root se utiliza para definir propiedades y mezclas de estilos personalizados a nivel documento.
Responda
  • True
  • False

Questão 33

Questão
No es obligatorio que el nombre de una propiedad personalizada comience siempre con 2 guiones (--)
Responda
  • True
  • False

Questão 34

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

Questão 35

Questão
¿De que color es el div con clase child? Si esa es toda la información que se tiene.
Responda
  • red
  • Error al ejecutar la aplicación
  • Ninguna de las opciones.

Questão 36

Questão
¿Cuantos parametros puede tener la funcion var()?
Responda
  • 2
  • 3
  • 4
  • infinitos

Questão 37

Questão
¿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; };
Responda
  • @apply(--my-toolbar-theme);
  • apply(--my-toolbar-theme);
  • var(--my-toolbar-theme);
  • Ninguna

Questão 38

Questão
¿Que hace el siguiente código?
Responda
  • 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

Questão 39

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

Questão 40

Questão
Dado el siguiente código. ¿Cual es el valor final de la propiedad --custom-color?
Responda
  • 'green'
  • 'blue'
  • 'red'
  • No se ejecuta la aplicacion porque hay un error en la definicion de las funciones

Questão 41

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

Questão 42

Questão
¿Cual es la salida?

Questão 43

Questão
¿Cual es la salida?

Questão 44

Questão
¿Cual es la salida?

Questão 45

Questão
¿Cual es la salida?

Questão 46

Questão
¿Cual es la salida?

Questão 47

Questão
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.
Responda
  • True
  • False

Questão 48

Questão
La clase "fullbleed" puede usarse en cualquier tag HTML.
Responda
  • True
  • False

Semelhante

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