Diseño de Interfaces Web Segundo Trimestre

1. ¿Cuál es la función principal de jQuery en el desarrollo web?. a) Gestionar bases de datos. b) Crear páginas web estáticas. c) Facilitar la manipulación del DOM y la interactividad en interfaces web. d) Reemplazar completamente a JavaScript.

2. ¿Cómo se puede incluir la librería jQuery en un documento HTML?. a) Descargándola y enlazándola localmente. b) Usando un CDN (Content Delivery Network). c) Ambas opciones son correctas. d) Solo con código JavaScript puro.

3. ¿Qué método se usa en jQuery para ejecutar código cuando el DOM ha sido completamente cargado?. a) window.onload. b) document.addEventListener("load"). c) $(document).ready(function() { ... }). d) setTimeout(function(){ ... }, 1000).

4. ¿Qué función de jQuery permite modicar el contenido de un elemento HTML?. a) .replaceWith(). b) .addClass(). c) .on(). d) .fadeOut().

5. ¿Cuál de las siguientes opciones NO es un evento de teclado en jQuery?. a) keydown. b) keypress. c) keyup. d) mouseclick.

6. ¿Cuál de estas funciones permite cambiar el estilo de un elemento con jQuery?. a) .html(). b) .css(). c) .attr(). d) .hide().

7. ¿Qué función permite detectar cuando se cambia el tamaño de la ventana del navegador?. a) .resize(). b) .scroll(). c) .load(). d) .click().

8. ¿Cuál de las siguientes opciones es correcta sobre los selectores en jQuery?. a) $("p") selecciona todos los párrafos. b) $("#miClase") selecciona todos los elementos con la clase "miClase". c) $(".miID") selecciona el elemento con id "miID". d) $("input[type='text']") selecciona todos los elementos button.

9. ¿Qué evento se activa cuando el usuario mueve el puntero sobre un elemento?. a) mouseenter. b) mouseleave. c) mouseup. d) click.

10. ¿Cuál es el eslogan de jQuery?. a) "Escribe más, haz menos". b) "Write less, do more". c) "JavaScript fácil para todos". d) "Interactividad web sin esfuerzo.

11. ¿Qué se entiende por accesibilidad en el diseño web?. a) La facilidad de acceso y uso de un sitio web para todos los usuarios. b) La rapidez con la que carga un sitio web en diferentes navegadores. c) La capacidad de un sitio para adaptarse a distintos dispositivos móviles. d) La facilidad de acceso a la base de datos de un sitio web.

12. ¿Cuál es la principal diferencia entre accesibilidad y usabilidad?. a) La usabilidad se centra en la facilidad de uso, mientras que la accesibilidad se enfoca en la facilidad de acceso. b) Son conceptos idénticos y se pueden usar indistintamente. c) La accesibilidad solo aplica a personas con discapacidad, mientras que la usabilidad aplica a todos los usuarios. d) La usabilidad solo se enfoca en la experiencia del usuario, mientras que la accesibilidad solo se aplica a código HTML.

13. ¿Qué organismo es responsable de denir estándares de accesibilidad web?. a) Google Web Standards. b) W3C (World Wide Web Consortium). c) ISO (International Organization for Standardization). d) Mozilla Foundation.

14. ¿Cuál de los siguientes estándares define las pautas de accesibilidad para contenido web?. a) CSS3. b) HTML5. c) WCAG. d) HTTP.

15. ¿Cuáles son los niveles de conformidad en la accesibilidad web según WCAG 2.0?. a) Básico, Medio y Avanzado. b) Nivel A, Nivel AA y Nivel AAA. c) Oro, Plata y Bronce. d) Nivel 1, Nivel 2 y Nivel 3.

16. ¿Cuál de los siguientes principios NO pertenece a los principios fundamentales de accesibilidad según WCAG 2.0?. a) Perceptibilidad. b) Operabilidad. c) Comprensibilidad. d) Navegabilidad.

17. ¿Qué herramienta permite analizar el contraste de color en un sitio web?. a) WAVE. b) TAW. c) Color Contrast Checker. d) Google Lighthouse.

18. ¿Qué herramienta permite evaluar automáticamente la accesibilidad de un sitio web y generar un informe detallado?. a) Web Developer Toolbar. b) WAVE. c) Google Analytics. d) Bootstrap.

19. ¿Qué son las hojas de estilo auditivas (CSS Speech Module)?. a) Un tipo de hoja de estilo que cambia la apariencia visual de un sitio web. b) Un conjunto de propiedades CSS que permite transformar contenido visual en auditivo. c) Un método para optimizar imágenes en un sitio web. d) Un estándar de accesibilidad para garantizar el correcto funcionamiento de las hojas de estilo.

20. ¿Cuál de estas herramientas evalúa el nivel de conformidad A, AA o AAA de accesibilidad?. a) Lighthouse. b) Color Contrast Checke. c) TAW. d) W3C Validator.

21. ¿Qué es la usabilidad en el diseño web?. a) La facilidad de acceso a un sitio web desde diferentes dispositivos. b) La capacidad de un sitio web de adaptarse a distintos navegadores. c) La facilidad de uso e interacción de una interfaz web con los usuarios. d) La velocidad de carga de un sitio web.

22. ¿Quién es el autor de los principios básicos de usabilidad y qué frase lo caracteriza?. a) Steve Jobs – "El diseño es cómo funciona.". b) Jakob Nielsen – "Si no lo haces fácil, los usuarios se marcharán de tu web.". c) Tim Berners-Lee – "La web debe ser accesible para todos.". d) Donald Norman – "El diseño centrado en el usuario es clave.".

23. ¿Cuál de los siguientes NO es un parámetro de la usabilidad?. a) Eficiencia de uso. b) Facilidad de aprendizaje. c) Consumo energético del sitio web. d) Satisfacción del usuario.

24. ¿Qué principio de usabilidad establece que el usuario debe saber siempre en qué parte de la web se encuentra?. a) Coincidencia entre el sistema y el mundo real. b) Visibilidad del estado del sistema. c) Prevención de errores. d) Diseño estético y minimalista.

25. Según los principios de usabilidad de Jakob Nielsen, ¿qué signica "reconocer en lugar de recordar"?. a) El usuario debe poder memorizar todos los pasos de navegación. b) La interfaz debe minimizar la necesidad de recordar procesos, haciéndolos intuitivos. c) La web debe recordar las preferencias del usuario siempre. d) Se debe priorizar el diseño visual sobre la funcionalidad.

26. ¿Cuáles son los tres tipos principales de usuarios en una interfaz web?. a) Usuario administrador, usuario invitado y usuario premium. b) Usuario registrado, usuario anónimo y usuario beta tester. c) Usuario avanzado, usuario intermedio y usuario básico. d) Usuario frecuente, usuario eventual y usuario de pago.

27. ¿Cuál de los siguientes es un ejemplo de una barrera de usabilidad para personas con discapacidad visual?. a) Uso de colores con alto contraste. b) Ausencia de textos alternativos para imágenes. c) Formularios con instrucciones claras. d) Posibilidad de navegar con el teclado.

28. ¿Qué norma internacional define la usabilidad como la capacidad de un producto para ser entendido, aprendido y usado de manera eficiente?. a) ISO/IEC 9126. b) ISO/IEC 9241. c) WCAG 2.0. d) IEEE 802.11.

29. ¿Qué herramienta permite analizar el comportamiento de los usuarios en un sitio web mediante mapas de calor?. a) Google Analytics. b) UsabilityHub. c) CrazyEgg. d) PageSpeed Insights.

30. ¿Cuál es la "regla de los tres clics" en la navegación web?. a) Un usuario debe poder acceder a cualquier contenido en tres clics o menos. b) La web debe permitir tres métodos de navegación diferentes. c) Se deben realizar al menos tres pruebas de usabilidad antes del lanzamiento. d) Los usuarios solo pueden realizar tres acciones antes de requerir autenticación.

31. ¿Qué es React.js?. a) Un lenguaje de programación para bases de datos. b) Una librería de código abierto para el desarrollo de interfaces de usuario en JavaScript. c) Un framework para el backend desarrollado por Google. d) Un sistema operativo para aplicaciones móviles.

32. ¿Cuál es el patrón de diseño en el que se basa React.js?. a) MVP (Model-View-Presenter). b) MVVM (Model-View-ViewModel). c) MVC (Model-View-Controller). d) Singleton.

33. ¿Cuál de los siguientes elementos NO forma parte del patrón MVC?. a) Modelo. b) Vista. c) Controlador. d) Cliente.

34. ¿Qué ventaja principal ofrece React.js en el desarrollo de interfaces web?. a) Permite la reutilización de componentes. b) Funciona sin necesidad de JavaScript. c) Es una librería diseñada para bases de datos. d) Obliga a utilizar exclusivamente HTML y CSS.

35. ¿Cómo se llaman los fragmentos de código reutilizables en React.js?. a) Widgets. b) Plugins. c) Componentes. d) Módulos.

36. ¿Qué son los Props en React.js?. a) Variables globales que almacenan datos de la aplicación. b) Objetos que contienen propiedades para personalizar componentes. c) Funciones utilizadas para gestionar eventos. d) Elementos exclusivos de los controladores en MVC.

37. ¿Cómo se representa el estado de un componente en React.js?. a) Mediante variables globales. b) Utilizando el objeto state. c) A través de archivos de conguración JSON. d) Mediante estilos en CSS.

38. ¿Qué comando se usa para crear un nuevo proyecto en React.js con Create React App?. a) npm install react. b) npx create-react-app my-app. c) react start project. d) node create react.

39. ¿Cuál de las siguientes armaciones es correcta sobre la función render()?. a) Se utiliza para denir nuevas variables en React. b) Es una función opcional en los componentes. c) Renderiza un componente en la interfaz de usuario. d) Solo se usa en componentes funcionales.

40. ¿Qué elemento permite a React.js mejorar el rendimiento en la manipulación del DOM?. a) DOM Estático. b) Virtual DOM. c) JSON API. d) Bootstrap.

41. ¿Qué son los eventos en React.js?. a) Métodos exclusivos para manipular bases de datos. b) Mecanismos que permiten capturar interacciones del usuario en la interfaz. c) Funciones utilizadas solo en componentes de clase. d) Acciones que se ejecutan en el backend.

42. ¿Cuál de las siguientes opciones NO es un evento de ratón en React?. a) onClick. b) onMouseOver. c) onKeyPress. d) onMouseOut.

43. ¿Para qué se utiliza onChange en un formulario en React?. a) Para capturar cambios en el contenido de un elemento de entrada. b) Para enviar el formulario al servidor. c) Para resetear el formulario. d) Para validar un formulario antes de enviarlo.

44. ¿Qué es React Router?. a) Un sistema de bases de datos para React. b) Un componente de React para manejar rutas en aplicaciones de una sola página. c) Un framework de backend compatible con React. d) Un gestor de paquetes de JavaScript.

45. ¿Qué comando se usa para instalar React Router?. a) npm install --save react-router. b) react-router install. c) node install react-router. d) npx create-react-router.

46. ¿Qué es el patrón de software Flux?. a) Un framework para el backend de React. b) Una arquitectura que define el flujo de datos en una sola dirección. c) Un sistema de almacenamiento de datos en React. d) Un módulo de React para la manipulación del DOM.

47. ¿Cuál de las siguientes capas NO forma parte del patrón Flux?. a) Vistas. b) Acciones. c) Bases de datos. d) Stores.

48. ¿Qué función cumple el Dispatcher en Flux?. a) Almacenar datos en la aplicación. b) Coordinar la distribución de acciones hacia los Stores. c) Renderizar los componentes de React. d) Manejar las rutas en React Router.

49. ¿Cuál de las siguientes afirmaciones sobre Stores en Flux es correcta?. a) Los Stores almacenan el estado de la aplicación y gestionan su actualización. b) Los Stores se encargan de renderizar los componentes de la interfaz. c) Los Stores capturan eventos de usuario y los procesan directamente. d) Los Stores permiten navegar entre diferentes rutas en React Router.

50. ¿Cuál de las siguientes afirmaciones sobre el ujo de datos en Flux es correcta?. a) Los datos pueden fluir en ambas direcciones entre Stores y Vistas. b) El flujo de datos es unidireccional, pasando de las Acciones a los Stores y luego a las Vistas. c) Las Vistas pueden modificar directamente el estado de los Stores. d) Las Acciones no tienen relación con los Stores en Flux.

51. ¿Qué es Redux?. a) Un framework para la creación de aplicaciones web. b) Una librería de JavaScript para la gestión del estado de la aplicación. c) Un lenguaje de programación derivado de JavaScript. d) Un sistema de bases de datos para React.

52. ¿Cuál es la principal diferencia entre Flux y Redux?. a) Redux utiliza múltiples Stores, mientras que Flux usa un solo Store. b) Redux no necesita Dispatchers, mientras que Flux sí. c) Flux usa una arquitectura unidireccional, mientras que Redux es bidireccional. d) Redux no permite modicar el estado de la aplicación.

53. ¿Cuál es el comando para instalar Redux en un proyecto?. a) npm install redux. b) redux init. c) create-redux-app. d) npm start redux.

54. ¿Qué elemento en Redux almacena el estado global de la aplicación?. a) Componentes. b) Actions. c) Store. d) Reduce.

55. ¿Cuál es el propósito de las acciones (Actions) en Redux?. a) Manipular directamente el estado del Store. b) Describir cambios en el estado mediante objetos con un type. c) Renderizar la interfaz del usuario. d) Crear nuevos componentes en React.

56. ¿Qué es un Reducer en Redux?. a) Una función que recibe el estado actual y una acción, devolviendo un nuevo estado. b) Un middleware que maneja acciones asíncronas. c) Un método para modificar el Store directamente. d) Un componente de React que almacena datos.

57. ¿Cuál de las siguientes afirmaciones sobre Redux es correcta?. a) Se pueden modificar los estados directamente en el Store. b) Redux usa múltiples Stores por defecto. c) Redux utiliza un único Store centralizado. d) Redux permite modicar el estado sin utilizar acciones.

58. ¿Para qué se usa el middleware en Redux?. a) Para gestionar cambios en la interfaz gráfica. b) Para interceptar acciones antes de que lleguen al Reducer. c) Para definir los estilos CSS de los componentes. d) Para renderizar componentes de React.

59. ¿Cuál de las siguientes opciones es una herramienta de middleware para Redux?. a) Bootstrap. b) Redux-Thunk. c) Material-UI. d) Webpack.

60. ¿Qué método se usa en Redux para enviar una acción al Store?. a) store.update(). b) store.dispatch(). c) store.modify(). d) store.change().

61. ¿Qué es MobX?. a) Un lenguaje de programación basado en JavaScript. b) Un framework para el desarrollo de aplicaciones móviles. c) Una librería de gestión del estado en aplicaciones JavaScript. d) Un sistema de bases de datos para React.

62. ¿Cuál es la principal diferencia entre MobX y Redux?. a) MobX utiliza un único Store y Redux múltiples Stores. b) Redux usa acciones para modificar el estado, mientras que en MobX se modifican directamente los datos. c) MobX solo funciona con React y Redux es compatible con cualquier framework. d) MobX obliga a usar programación funcional, mientras que Redux permite programación orientada a objetos.

63. ¿Cómo se instala MobX en un proyecto?. a) npm install --save mobx mobx-react. b) mobx init. c) npx create-mobx-app. d) npm install redux-mobx.

64. ¿Qué es un estado en MobX?. a) Un conjunto de datos estáticos de la aplicación. b) Un mecanismo para renderizar componentes. c) La representación de los datos de la aplicación, que puede ser observable. d) Una función que modifica directamente la interfaz del usuario.

65. ¿Qué función permite definir un estado como observable en MobX?. a) makeObservable(). b) useState(). c) defineState(). d) stateConfig().

66. ¿Cuál de las siguientes opciones describe una derivación en MobX?. a) Una función que muta directamente el estado. b) Un valor calculado automáticamente a partir del estado. c) Un método para definir una acción asíncrona. d) Un componente de React que gestiona eventos.

67. ¿Qué palabra clave se usa en MobX para definir un valor derivado (computed value)?. a) observable. b) computed. c) async. d) action.

68. ¿Para qué se utilizan las acciones en MobX?. a) Para renderizar componentes en React. b) Para modificar el estado de la aplicación. c) Para calcular valores basados en el estado. d) Para ejecutar middleware en el flujo de datos.

69. ¿Cuál de las siguientes afirmaciones sobre MobX es correcta?. a) No permite modificar directamente el estado. b) Se pueden modificar los datos sin necesidad de acciones. c) Utiliza un solo Store centralizado para toda la aplicación. d) No es compatible con React.

70. ¿Cómo se activa la ejecución automática de código cuando cambia el estado en MobX?. a) Con makeObservable(). b) Con computed. c) Con autorun(). d) Con dispatch().