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