7298599
Descripción
Test por Gerardo Javier Aramayo, actualizado hace más de 1 año
|
Creado por Gerardo Javier Aramayo
hace casi 8 años
|
|
Pregunta 1
Pregunta
¿Que significa SPA?
Respuesta
-
System, Product and Application
-
Single Page Application
-
Single Page Async
-
Single Page Architecture
-
Simple Page Applicattion
Pregunta 2
Pregunta
¿Cual de las siguientes afirmaciones es Falsa?
Respuesta
-
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
Pregunta 3
Pregunta
Web Components. ¿Cual de las siguientes afirmaciones son correctas?
Respuesta
-
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
Pregunta 4
Pregunta
¿Que es Polymer?
Respuesta
-
Un Framework
-
Una Libreria
-
Ninguna de las dos
Pregunta 5
Pregunta
Polymer.
Respuesta
-
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
Pregunta 6
Pregunta
¿Como se importa un elemento?
Respuesta
-
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 });
Pregunta 7
Pregunta
El método "factoryImpl" es solo invocado cuando se crea un elemento usando el constructor.
Respuesta
- True
- False
Pregunta 8
Pregunta
¿Cual de los siguientes método es propio de Polymer y no existe en el estándar?
Respuesta
-
created
-
ready
-
attached
-
detached
-
attributeChanged
Pregunta 9
Pregunta
El atributo "class" puede ser configurado usando hostAttributes.
Respuesta
- True
- False
Pregunta 10
Pregunta
Selecciones las claves que el objeto "properties" soporta para cada propiedad
Respuesta
-
value
-
reflectToAttribute
-
default
-
readOnly
-
hostAttributes
-
count
Pregunta 11
Pregunta
Seleccione los tipos con los que se puede definir una propiedad
Respuesta
-
Boolean
-
String
-
Integer
-
Object
-
Double
-
Char
-
Date
-
Array
Pregunta 12
Pregunta
Selecciones las opciones correctas
Respuesta
Pregunta 13
Pregunta
Dadas las propiedades de la imagen. Seleccione las opciones correctas.
Respuesta
Pregunta 14
Pregunta
¿Que hace el siguiente codigo?
observers: [
'userChanged(user.*)'
]
Respuesta
-
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".
Pregunta 15
Pregunta
Dado el siguiente codigo.
observers: [
'userChanged(user.*)'
],
Seleccione la opcion que hace ejecutar la funcion userChanged.
Respuesta
-
this.user.name = 'Javier';
-
var name = 'Javier'; this.user.name = name; this.notifyPath('user.name', name);
-
Todas
-
Ninguna
Pregunta 16
Pregunta
¿Cual es la forma correcta de bindear una propiedad?
Respuesta
-
<target-element first-name$="[[myName]]"></target-element>
-
<target-element firstName="{{myName}}"></target-element>
-
<target-element first-name="{{myName}}"></target-element>
-
Ninguna
-
Todas
Pregunta 17
Pregunta
Para el bindeo de un atributo se tiene que agregar el signo dolar ($) antes del nombre del atributo.
Respuesta
- True
- False
Pregunta 18
Pregunta
La anotacion de bindeo soporta el doble operador logico NOT (! !).
Ej. <my-page show-login="[[!!isLoggedIn]]"></my-page>
Respuesta
- True
- False
Pregunta 19
Pregunta
Dado el siguiente código. ¿Cual es la anotacion correcta para asociar al boton el evento tap?
Respuesta
-
<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' },
Pregunta 20
Pregunta
¿Cual es la forma correcta para registrar un evento a un elemento?
Respuesta
-
this.listen(this.$.myButton, 'click', 'onClick');
-
this.unlisten(this.$.myButton, 'click', 'onClick');
-
var el = this.$.myButton; el.addEventListener("click", onClick, false);
-
Ninguna
Pregunta 21
Pregunta
Con polymer se pueden crear eventos personalizados
Respuesta
- True
- False
Pregunta 22
Pregunta
Cuando se dispara un evento personalizado desde el elemento host, este se propaga hacia sus hijos. nietos, etc.
Respuesta
- True
- False
Pregunta 23
Pregunta
¿Que hace la siguiente linea de codigo?
Polymer.dom(event)
Respuesta
-
Retorna un objecto con el evento normalizado
-
Retorna un error en consola.
-
Nada porque no existe Polymer.dom
-
Retorna undefined
Pregunta 24
Pregunta
¿Que linea de código debemos escribir para disparar un evento personalizado pasando un objeto como parametro?
Respuesta
-
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});
Pregunta 25
Pregunta
¿Porque conviene usar el evento normalizado tap y no el evento click?
Respuesta
-
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.
Pregunta 26
Pregunta
¿Cuantos eventos de gestos (gesture events) tiene Polymer?
Respuesta
-
1
-
2
-
3
-
4
-
5
Pregunta 27
Pregunta
¿Para que se usa this.$.id?
Respuesta
-
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.
Pregunta 28
Pregunta
Con respecto a this.$$(selector).
Respuesta
-
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.
Pregunta 29
Pregunta
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>?
Respuesta
-
Dentro de <template>
-
Fuera de <template>
-
En cualquier parte dentro de <dom-module>
-
Fuera de <dom-module>
Pregunta 30
Pregunta
¿De que color es el div con clase child?
Respuesta
-
Red
-
Blue
-
Green
-
Otro color
Pregunta 31
Pregunta
¿Para que se utiliza <style is="custom-style">?
Respuesta
-
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.
Pregunta 32
Pregunta
El selector :root se utiliza para definir propiedades y mezclas de estilos personalizados a nivel documento.
Respuesta
- True
- False
Pregunta 33
Pregunta
No es obligatorio que el nombre de una propiedad personalizada comience siempre con 2 guiones (--)
Respuesta
- True
- False
Pregunta 34
Pregunta
La funcion var(--my-custom-property, value), lo que hace es setearle a la propiedad '--my-custom-property' el valor 'value'
Respuesta
- True
- False
Pregunta 35
Pregunta
¿De que color es el div con clase child? Si esa es toda la información que se tiene.
Respuesta
-
red
-
Error al ejecutar la aplicación
-
Ninguna de las opciones.
Pregunta 36
Pregunta
¿Cuantos parametros puede tener la funcion var()?
Respuesta
-
2
-
3
-
4
-
infinitos
Pregunta 37
Pregunta
¿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;
};
Respuesta
-
@apply(--my-toolbar-theme);
-
apply(--my-toolbar-theme);
-
var(--my-toolbar-theme);
-
Ninguna
Pregunta 38
Respuesta
-
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
Pregunta 39
Pregunta
¿Cual es la opcion correcta para cargar las hojas de estilos externas?
Respuesta
-
A y B
-
Ninguna de las 2
Pregunta 40
Pregunta
Dado el siguiente código. ¿Cual es el valor final de la propiedad --custom-color?
Respuesta
-
'green'
-
'blue'
-
'red'
-
No se ejecuta la aplicacion porque hay un error en la definicion de las funciones
Pregunta 41
Pregunta
¿Que hace la siguiente funcion classFollows(name, parameter1, parameter2)?
Respuesta
-
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.
Pregunta 42
Respuesta
Pregunta 43
Respuesta
-
Ninguna.
Pregunta 44
Respuesta
-
Ninguna
Pregunta 45
Respuesta
-
Ninguna
Pregunta 46
Respuesta
-
Ninguna
Pregunta 47
Pregunta
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.
Respuesta
- True
- False
Pregunta 48
Pregunta
La clase "fullbleed" puede usarse en cualquier tag HTML.
Respuesta
- True
- False
¿Quieres crear tus propios Tests gratis con GoConqr? Más información.