EXAMEN 1: FUNCIONALIDADES Y OPTIMIZACIÓN WEB (UF1306)

Quiz

Played 35 %Accuracy 99 Average time 06:28

Create copy

About this activity

UF1306 – Examen tipo test de 40 preguntas Pruebas de funcionalidades y optimización de páginas web

Created by

Rafa Martínez

Spain

Download the paper version to play

Top 10 results

#	Player	Accuracy	time
1	ABDEL June 3, 2026	% 100	02:53
2	Cristina Ra June 2, 2026	% 100	04:13
3	Jose Carmona June 7, 2026	% 100	06:22
4	Rafa Martínez June 1, 2026	% 100	08:59

Do you want to stay in the Top 10 of this game? Log in to identify yourself.

Make your own free game from our game creator

Compete against your friends to see who gets the best score in this game

Make challenge

		%
	Anonymous	%
		%
		%

Print your game

EXAMEN 1: FUNCIONALIDADES Y OPTIMIZACIÓN WEB (UF1306)


EXAMEN 1: FUNCIONALIDADES Y OPTIMIZACIÓN WEB (UF1306)Online version UF1306 – Examen tipo test de 40 preguntas Pruebas de funcionalidades y optimización de páginas web by Rafa Martínez 1 ¿Qué pauta metodológica describe el manual sobre la relación entre las validaciones en el cliente y en el servidor? a La validación en el cliente hace innecesaria la validación en el servidor. b La validación en el cliente mejora la experiencia de usuario y agiliza la aplicación, pero la validación en el servidor es imprescindible por motivos de seguridad informática. c Solo debe validarse en el servidor si los usuarios acceden desde redes locales. d La validación en el cliente es la única capaz de interpretar operaciones aritméticas. 2 ¿Cuál es el valor de retorno que debe devolver una función de validación ligada al envío del formulario si se detecta que los datos introducidos son correctos? a null b fale c true d undefined 3 ¿Qué método de JavaScript permite anular la acción predeterminada de un evento, como detener el envío de un formulario si la validación es incorrecta? a event.preventDefault() b event.stopImmediatePropagation() c document.cancelEvent() d window.stop() 4 Cuando una función de JavaScript evalúa si un cuadro de entrada obligatorio está completamente vacío, ¿con qué valor se compara la propiedad .value? a Con una cadena de texto vacía ("") o una longitud igual a cero. b Con el valor numérico cero (0). c Con la palabra clave false. d Con el texto por defecto almacenado en el atributo placeholder. 5 ¿Cuál es el riesgo técnico de realizar validaciones numéricas operando directamente con el valor extraído de un input sin realizar una conversión previa? a El navegador detiene la renderización visual de la página HTML. b JavaScript trata el dato como una cadena de texto (String), lo que genera concatenaciones de texto inesperadas en lugar de sumas u operaciones lógicas. c Se desactivan de forma automática las clases de estilos CSS aplicadas. d El archivo de script externo se elimina de la memoria caché. 6 Al procesar la verificación de datos de un formulario, ¿para qué sirve identificar de forma unívoca cada control mediante su atributo id o name? a Para configurar los metadatos de indexación automática de los buscadores. b Para permitir que las funciones de JavaScript localicen el elemento exacto dentro del árbol del documento para leer su información o aplicarle estilos visuales de error. c Para duplicar la encriptación de seguridad en la transmisión de datos. d Para forzar la carga en segundo plano de hojas de estilo adicionales. 7 ¿Qué método se utiliza en las cadenas de texto de JavaScript para limpiar los espacios vacíos en sus extremos antes de proceder a su validación lógica? a slice() b trim() c clean() d split() 8 ¿Qué evento de control se activa automáticamente en el momento exacto en el que el usuario retira el foco de edición de un campo de texto? a onfocus b onblur c oninput d onchange 9 ¿Cuál es el comportamiento del evento onchange en un campo de texto de un formulario? a Se dispara continuamente con cada letra que se escribe o se borra. b Se dispara al perder el foco de edición, únicamente si el valor del campo ha sido modificado respecto a su estado inicial. c Funciona de forma exclusiva si el usuario introduce caracteres no alfanuméricos. d Restablece los valores iniciales de todos los controles de la página. 10 Al recopilar errores en una función de validación compleja, ¿cuál es la mejor práctica estructural para gestionar los fallos? a Mostrar una ventana emergente de alerta instantánea por cada campo que falle. b Almacenar los mensajes en una estructura o variable para mostrarlos todos juntos de forma ordenada en la interfaz de la página. c Forzar la recarga del documento HTML en cuanto aparezca el primer error visual. d Transmitir los datos incorrectos al servidor y delegar los avisos al sistema de correo. 11 ¿Qué propiedad de JavaScript se emplea para controlar de manera dinámica la lista de clases CSS aplicadas a un input, permitiendo alternar estados visuales de error o acierto? a className de forma literal. b classList mediante sus métodos add() o remove(). c style.cssText d id.exchange() 12 ¿Qué evento del ciclo de vida del elemento se dispara inmediatamente cuando el usuario activa un campo de texto para comenzar a escribir en él? a onblur b onfocus c onchange d oninput 13 Para asegurar que un script de validación que recorre un formulario se ejecute correctamente en cualquier navegador actual, ¿qué estándar de lenguaje se toma como referencia técnica? a HTML 4.01 b ECMAScript / JavaScript estándar c CSS Nivel 1 d XML de transición 14 ¿Qué ventaja de usabilidad tiene realizar las validaciones en el navegador frente a hacerlas exclusivamente en el servidor? a Garantiza de manera absoluta la invulnerabilidad de la base de datos central. b Proporciona una respuesta inmediata al usuario, ahorrando tiempo de espera y disminuyendo el tráfico en la red. c Permite que la aplicación web funcione sin necesidad de conectarse a internet. d Hace que el código de la página se ejecute el doble de rápido en terminales antiguos. 15 En la arquitectura web, ¿dónde se ejecuta el código encargado de realizar los efectos especiales basados en imágenes de sustitución (rollover)? a En la base de datos del servidor central. b En el lado del cliente (navegador local) mediante el motor de renderizado y ejecución de scripts. c En las pasarelas de pago intermedias. d En los servidores proxy encargados del balanceo de carga. 16 ¿Qué propiedad del objeto de un elemento de imagen (HTMLImageElement) se modifica mediante programación para llevar a cabo el intercambio visual de un archivo gráfico por otro? a alt b src c title d id 17 ¿Qué problema visual se presenta en una página web si se implementan imágenes de sustitución mediante eventos de ratón sin haber realizado una precarga (preloading) de los archivos gráficos? a Las imágenes cambian de tamaño de manera descontrolada. b Se produce un retraso o parpadeo en blanco la primera vez que el usuario interactúa, debido al tiempo que tarda el navegador en descargar la nueva imagen desde el servidor. c La página web se redirige de forma automática al archivo de inicio. d El texto alternativo se muestra de forma permanente por encima de la imagen. 18 ¿Cómo se define técnicamente un efecto de 'imágenes múltiples' en el diseño de interfaces web? a Una galería estática donde las imágenes no responden a ninguna acción del usuario. b Una funcionalidad interactiva donde las acciones del usuario sobre un control (o conjunto de controles) provocan la alteración o cambio coordinado de varios elementos gráficos en la página. c Un fallo técnico de renderizado que duplica las fotos en pantallas de alta resolución. d Un formato de compresión de archivos que empaqueta varios gráficos binarios dentro de un único archivo CSS. 19 ¿Qué propiedad CSS3 permite aplicar filtros de transición temporal para que el cambio de opacidad o tamaño en una imagen de sustitución no sea instantáneo, sino progresivo y suave? a transform b transition c animation-delay d z-index 20 Al posicionar elementos superpuestos para crear un efecto de menú desplegable o galería interactiva, ¿qué propiedad CSS determina de manera absoluta qué elemento se muestra por delante de los demás en la pantalla? a position: static b z-index c opacity d float 21 ¿Qué método nativo de JavaScript permite asociar de forma limpia y moderna una función de escucha a un evento multimedia de un elemento sin necesidad de usar atributos en línea dentro del HTML? a attachEvent() b addEventListener() c bindEvent() d setEvent() 22 ¿Qué propiedad de CSS se utiliza para ocultar un elemento de la pantalla retirándolo por completo del flujo del diseño, de modo que no ocupe espacio físico en la interfaz? a visibility: hidden b display: none c opacity: 0 d overflow: hidden 23 ¿Cuál es la diferencia en el comportamiento del diseño de la página al usar visibility: hidden frente a display: none? a visibility: hidden elimina el espacio físico; display: none lo mantiene en blanco. b visibility: hidden oculta el elemento pero este sigue ocupando su espacio físico en el diseño; display: none lo oculta y lo retira por completo del flujo visual. c No existe ninguna diferencia técnica entre ambas propiedades de hojas de estilo. d visibility: hidden es exclusivo para imágenes y display: none es para textos. 24 ¿Qué objeto del modelo del navegador (window) permite ejecutar una función de animación de forma repetitiva cada cierto intervalo de tiempo expresado en milisegundos? a setTimeout() b setInterval() c delay() d wait() 25 ¿Cuál es el principal criterio técnico que justifica la fase de optimización de páginas web dentro del desarrollo de un proyecto? a Maximizar el número de etiquetas e imágenes en alta resolución de la página de inicio. b Incrementar la velocidad de carga y reducir el consumo de recursos de computación y red para potenciar la usabilidad y la satisfacción del usuario. c Cifrar la base de datos de manera síncrona. d Forzar la descarga de complementos de software adicionales en el terminal del cliente. 26 ¿Qué impacto directo tiene un sitio web optimizado y con tiempos de carga rápidos sobre el posicionamiento orgánico en motores de búsqueda (SEO)? a Provoca que el buscador ignore las etiquetas de marcado incorrectas. b Los principales buscadores utilizan la velocidad de carga como un factor de relevancia directa para clasificar y priorizar las páginas en sus resultados. c Permite indexar contenido oculto que infringe las políticas de autor. d Elimina por completo la necesidad de estructurar el archivo robots.txt. 27 ¿Qué acción realiza un proceso de 'minificación' sobre un archivo de código fuente JavaScript o CSS? a Traduce las instrucciones a código binario ejecutable por el procesador. b Elimina comentarios, espacios en blanco superfluos y caracteres de salto de línea para reducir drásticamente el peso del archivo sin variar su lógica de funcionamiento. c Divide un archivo grande en múltiples segmentos cifrados. d Incrementa el tamaño de las fuentes tipográficas aplicadas por defecto. 28 ¿Qué ventaja técnica ofrece el formato gráfico WebP en comparación con los formatos tradicionales como el JPEG o el GIF para su uso en páginas web optimizadas? a Permite almacenar archivos de audio integrados dentro del propio mapa de bits. b Ofrece una tasa de compresión significativamente superior tanto con pérdida como sin pérdida de información, generando archivos mucho más ligeros con una excelente calidad visual. c Es el único formato compatible con navegadores de texto plano. d Evita que las imágenes sean guardadas de forma local por los usuarios de la web. 29 ¿Qué técnica consiste en retrasar la descarga de elementos multimedia no críticos localizados en la parte inferior de la página hasta el momento exacto en el que el usuario se desplaza cerca de ellos? a Preloading (Precarga) b Lazy loading (Carga diferida) c Minificación estructural d Transición progresiva 30 ¿Qué perjuicio en el rendimiento y la experiencia de usuario provoca el no especificar los atributos de dimensiones (width y height) en las etiquetas de imagen de un documento HTML? a El navegador web se niega a renderizar el texto que rodea a la imagen. b Obliga al navegador a recalcular y redibujar el diseño de la página de forma abrupta a medida que las imágenes se descargan, generando inestabilidad visual durante la carga. c Se cancelan de forma automática todas las validaciones de tipo JavaScript del sitio. d Satura la clave de cifrado SSL/TLS del hosting de alojamiento. 31 ¿Qué herramienta de análisis automatizado desarrollada por Google está completamente integrada en las herramientas de desarrollo para evaluar la calidad técnica, rendimiento y buenas prácticas de una web? a FileZilla b Lighthouse c Validator W3C d Notepad++ 32 ¿Qué objetivo persiguen las pruebas funcionales de compatibilidad entre navegadores (Cross-browser testing)? a Comprobar si el servidor soporta ataques de denegación de servicio. b Garantizar que el sitio web se visualiza, se comporta y mantiene sus funcionalidades operativas de forma correcta en los diferentes navegadores del mercado actual. c Validar que la base de datos almacene los registros usando codificación ASCII antigua. d Obligar a todos los usuarios a actualizar su sistema operativo a la última versión disponible. 33 ¿Qué es un diseño web de tipo responsivo o adaptable (Responsive Web Design)? a Un diseño que responde mediante mensajes de voz ante las interacciones del usuario. b Una metodología de maquetación que permite que la interfaz del sitio web reubique y ajuste sus dimensiones de forma fluida y automática según el tamaño de la pantalla del dispositivo. c Un sitio web que cambia de colores aleatoriamente en función de la hora de acceso. d Una infraestructura de red que aumenta el ancho de banda del servidor web de alojamiento. 34 ¿Cuál es el canal oficial recomendado por el manual para verificar que el código de marcado de un sitio web no contiene errores sintácticos y se ciñe a las especificaciones internacionales? a Las consolas de administración de las pasarelas de pago. b Los servicios de validación oficiales del consorcio W3C (World Wide Web Consortium). c Las herramientas de análisis de campañas publicitarias en línea. d Los archivos log internos del sistema operativo de almacenamiento de red. 35 ¿Qué beneficio técnico aporta separar por completo el código de programación JavaScript de validación en archivos independientes con extensión .js en lugar de programarlo dentro de las etiquetas HTML? a Permite que el servidor web elimine los protocolos de cifrado HTTPS. b Facilita notablemente el mantenimiento del proyecto, favorece la organización del código por capas limpias y permite el aprovechamiento del almacenamiento en caché del navegador. c Incrementa de forma artificial la resolución de pantalla de los terminales móviles. d Desactiva la necesidad de configurar hojas de estilo CSS3 aplicadas. 36 ¿Qué función de control cumplen los servicios de validación de la W3C (World Wide Web Consortium) en la fase de pruebas? a Registrar las marcas y patentes comerciales del contenido del sitio web de forma legal. b Verificar que el código de marcado HTML y las hojas de estilo cumplen con las especificaciones y estándares oficiales internacionales. c Comprimir de forma destructiva las imágenes del servidor web para agilizar las descargas. d Generar copias de seguridad automáticas de los archivos del sistema operativo del servidor. 37 ¿Qué tipo de pruebas de funcionalidad se encargan de comprobar que los formularios recogen los datos, los validan de forma correcta y los transmiten exitosamente hacia el sistema? a Pruebas de maquetación estática. b Pruebas de procesamiento de formularios y flujos de datos. c Pruebas de compatibilidad tipográfica. d Pruebas de rendimiento del disco duro del hosting. 38 ¿Qué entorno nativo integrado proporciona cualquier navegador moderno para que el desarrollador pueda inspeccionar de manera directa el árbol DOM, monitorizar las peticiones de red y depurar errores lógicos de JavaScript? a Herramientas de desarrollo del navegador o consola (DevTools). b Clientes de acceso SSH independientes de terminal. c Gestores gráficos de bases de datos locales. d Software de edición y retoque fotográfico digital. 39 Al realizar el plan de pruebas, ¿qué se debe hacer si se detecta que un efecto multimedia funciona de manera correcta en un navegador pero falla completamente en otro del mismo mercado? a Eliminar el efecto de todas las versiones de la web de forma permanente. b Analizar el fallo mediante las herramientas de depuración para corregir la incompatibilidad del script y asegurar que el código sea compatible entre entornos (cross-browser). c Publicar la página con el error y añadir un cartel indicando al usuario que cambie de navegador. d Configurar el servidor web para bloquear las visitas procedentes del navegador que ha fallado. 40 ¿Qué función nativa de JavaScript se utiliza para convertir una cadena de texto en un número entero apto para comprobaciones matemáticas? a parseInt() b toString() c parseFloat() d convertNumber()

EXAMEN 1: FUNCIONALIDADES Y OPTIMIZACIÓN WEB (UF1306)

Quiz

About this activity

Created by

Download the paper version to play

Top Games

Quiz

UPS 5 Seeing Habits Quiz

Quiz

Photosynthesis vs Cellular Respiration - Practice Quiz

Quiz

Tissues - Practice Quiz

Quiz

Spanish Alphabet Listening

Quiz

Practice Quiz - Punnett Square, Variation, and Mutations

EXAMEN 1: FUNCIONALIDADES Y OPTIMIZACIÓN WEB (UF1306)Online version

by Rafa Martínez

¿Qué pauta metodológica describe el manual sobre la relación entre las validaciones en el cliente y en el servidor?

¿Cuál es el valor de retorno que debe devolver una función de validación ligada al envío del formulario si se detecta que los datos introducidos son correctos?

¿Qué método de JavaScript permite anular la acción predeterminada de un evento, como detener el envío de un formulario si la validación es incorrecta?

Cuando una función de JavaScript evalúa si un cuadro de entrada obligatorio está completamente vacío, ¿con qué valor se compara la propiedad .value?

¿Cuál es el riesgo técnico de realizar validaciones numéricas operando directamente con el valor extraído de un input sin realizar una conversión previa?

Al procesar la verificación de datos de un formulario, ¿para qué sirve identificar de forma unívoca cada control mediante su atributo id o name?

¿Qué método se utiliza en las cadenas de texto de JavaScript para limpiar los espacios vacíos en sus extremos antes de proceder a su validación lógica?

¿Qué evento de control se activa automáticamente en el momento exacto en el que el usuario retira el foco de edición de un campo de texto?

¿Cuál es el comportamiento del evento onchange en un campo de texto de un formulario?

Al recopilar errores en una función de validación compleja, ¿cuál es la mejor práctica estructural para gestionar los fallos?

¿Qué propiedad de JavaScript se emplea para controlar de manera dinámica la lista de clases CSS aplicadas a un input, permitiendo alternar estados visuales de error o acierto?

¿Qué evento del ciclo de vida del elemento se dispara inmediatamente cuando el usuario activa un campo de texto para comenzar a escribir en él?

Para asegurar que un script de validación que recorre un formulario se ejecute correctamente en cualquier navegador actual, ¿qué estándar de lenguaje se toma como referencia técnica?

¿Qué ventaja de usabilidad tiene realizar las validaciones en el navegador frente a hacerlas exclusivamente en el servidor?

En la arquitectura web, ¿dónde se ejecuta el código encargado de realizar los efectos especiales basados en imágenes de sustitución (rollover)?

¿Qué propiedad del objeto de un elemento de imagen (HTMLImageElement) se modifica mediante programación para llevar a cabo el intercambio visual de un archivo gráfico por otro?

¿Qué problema visual se presenta en una página web si se implementan imágenes de sustitución mediante eventos de ratón sin haber realizado una precarga (preloading) de los archivos gráficos?

¿Cómo se define técnicamente un efecto de 'imágenes múltiples' en el diseño de interfaces web?

¿Qué propiedad CSS3 permite aplicar filtros de transición temporal para que el cambio de opacidad o tamaño en una imagen de sustitución no sea instantáneo, sino progresivo y suave?

Al posicionar elementos superpuestos para crear un efecto de menú desplegable o galería interactiva, ¿qué propiedad CSS determina de manera absoluta qué elemento se muestra por delante de los demás en la pantalla?

¿Qué método nativo de JavaScript permite asociar de forma limpia y moderna una función de escucha a un evento multimedia de un elemento sin necesidad de usar atributos en línea dentro del HTML?

¿Qué propiedad de CSS se utiliza para ocultar un elemento de la pantalla retirándolo por completo del flujo del diseño, de modo que no ocupe espacio físico en la interfaz?

¿Cuál es la diferencia en el comportamiento del diseño de la página al usar visibility: hidden frente a display: none?

¿Qué objeto del modelo del navegador (window) permite ejecutar una función de animación de forma repetitiva cada cierto intervalo de tiempo expresado en milisegundos?

¿Cuál es el principal criterio técnico que justifica la fase de optimización de páginas web dentro del desarrollo de un proyecto?

¿Qué impacto directo tiene un sitio web optimizado y con tiempos de carga rápidos sobre el posicionamiento orgánico en motores de búsqueda (SEO)?

¿Qué acción realiza un proceso de 'minificación' sobre un archivo de código fuente JavaScript o CSS?

¿Qué ventaja técnica ofrece el formato gráfico WebP en comparación con los formatos tradicionales como el JPEG o el GIF para su uso en páginas web optimizadas?

¿Qué técnica consiste en retrasar la descarga de elementos multimedia no críticos localizados en la parte inferior de la página hasta el momento exacto en el que el usuario se desplaza cerca de ellos?

¿Qué perjuicio en el rendimiento y la experiencia de usuario provoca el no especificar los atributos de dimensiones (width y height) en las etiquetas de imagen de un documento HTML?

¿Qué herramienta de análisis automatizado desarrollada por Google está completamente integrada en las herramientas de desarrollo para evaluar la calidad técnica, rendimiento y buenas prácticas de una web?

¿Qué objetivo persiguen las pruebas funcionales de compatibilidad entre navegadores (Cross-browser testing)?

¿Qué es un diseño web de tipo responsivo o adaptable (Responsive Web Design)?

¿Cuál es el canal oficial recomendado por el manual para verificar que el código de marcado de un sitio web no contiene errores sintácticos y se ciñe a las especificaciones internacionales?

¿Qué beneficio técnico aporta separar por completo el código de programación JavaScript de validación en archivos independientes con extensión .js en lugar de programarlo dentro de las etiquetas HTML?

¿Qué función de control cumplen los servicios de validación de la W3C (World Wide Web Consortium) en la fase de pruebas?

¿Qué tipo de pruebas de funcionalidad se encargan de comprobar que los formularios recogen los datos, los validan de forma correcta y los transmiten exitosamente hacia el sistema?

¿Qué entorno nativo integrado proporciona cualquier navegador moderno para que el desarrollador pueda inspeccionar de manera directa el árbol DOM, monitorizar las peticiones de red y depurar errores lógicos de JavaScript?

Al realizar el plan de pruebas, ¿qué se debe hacer si se detecta que un efecto multimedia funciona de manera correcta en un navegador pero falla completamente en otro del mismo mercado?

¿Qué función nativa de JavaScript se utiliza para convertir una cadena de texto en un número entero apto para comprobaciones matemáticas?