Test Completo Desarrollo Web Cliente – Objetos y DOM

1.En el desarrollo de aplicaciones web modernas, uno de los principales objetivos es mejorar la experiencia del usuario evitando recargas completas de la página. En este contexto, ¿qué característica define mejor el funcionamiento de la comunicación asíncrona frente a la síncrona?. A) La comunicación se realiza exclusivamente en el servidor sin intervención del cliente. B) El usuario debe esperar a que el servidor responda antes de continuar. C) Permite realizar peticiones al servidor sin bloquear la interacción con la página. D) Solo se puede usar en aplicaciones de escritorio.

2.Cuando un usuario introduce una URL en el navegador y espera a que el servidor devuelva la página completa antes de poder interactuar con ella, ¿qué tipo de comunicación se está utilizando?. A) Asíncrona. B) Síncrona. C) Paralela. D) Distribuida.

3.En una aplicación web que utiliza AJAX, el navegador puede solicitar datos al servidor sin recargar la página completa. ¿Qué elemento es imprescindible para gestionar esta funcionalidad desde el lado cliente?. A) PHP. B) JavaScrip. C) SQL. D) Java.

4.Dentro de la arquitectura de AJAX, existe un objeto que actúa como intermediario entre el cliente y el servidor permitiendo enviar y recibir datos en segundo plano. ¿Cuál es ese objeto?. A) Document Object Model. B) XMLHttpRequest. C) CSS Engine. D) HTML Parser.

5.El modelo de objetos del documento (DOM) es fundamental en el desarrollo web moderno. ¿Cuál es su función principal dentro de una aplicación que utiliza AJAX?. A) Ejecutar código en el servidor. B) Representar la estructura de la página y permitir su modificación dinámica. C) Gestionar conexiones de red. D) Almacenar datos en bases de datos.

6.En el contexto del intercambio de datos entre cliente y servidor, JSON se ha convertido en un formato muy utilizado. ¿Cuál es la razón principal de su popularidad frente a XML?. A) Es más difícil de interpretar. B) Es más pesado y complejo. C) Es más ligero y fácil de usar. D) No necesita estructura.

7.Aunque JSON es muy usado, XML sigue siendo relevante en ciertos contextos. ¿En qué tipo de situaciones es más recomendable utilizar XML?. A) Para datos simples y directos. B) Para estructuras de datos complejas y procesamiento más amplio. C) Para diseño de interfaces. D) Para estilos CSS.

8.En una petición AJAX, el método GET y POST se utilizan para enviar datos al servidor. ¿Cuál es la diferencia principal entre ambos?. A) GET se usa para grandes cantidades de datos. B) POST se usa solo para datos pequeños. C) GET se usa para enviar poca información y POST para mayor cantidad. D) No existe diferencia.

9.El objeto XMLHttpRequest dispone de varias propiedades que permiten conocer el estado de la petición. ¿Cuál de ellas indica en qué fase se encuentra la solicitud?. A) status. B) readyState. C) responseText. D) onload.

10.Cuando el valor de la propiedad readyState es 4, ¿qué significa dentro del proceso de comunicación AJAX?. A) La petición no ha comenzado. B) La conexión ha fallado. C) La petición se ha completado correctamente. D) Se están enviando los datos.

11.En una aplicación web que utiliza AJAX, los datos recibidos del servidor deben integrarse en la página sin recargarla. ¿Qué mecanismo permite realizar esta actualización?. A) Reemplazo completo del HTML. B) Modificación dinámica del DOM mediante JavaScript. C) Reinicio del navegador. D) Recarga automática del servidor.

12.En el uso de XMLHttpRequest, existe un evento que se ejecuta cada vez que cambia el estado de la petición. ¿Cuál es este evento?. A) onload. B) onclick. C) onreadystatechange. D) onsubmit.

13.En el desarrollo web, las librerías JavaScript facilitan la implementación de funcionalidades complejas. ¿Cuál es una de las principales ventajas de utilizar jQuery?. A) Sustituye al servidor. B) Simplifica la manipulación del DOM y la gestión de eventos. C) Elimina la necesidad de HTML. D) Solo funciona en sistemas Windows.

14.Dentro de jQuery, la función $() es ampliamente utilizada. ¿Cuál es su propósito principal?. A) Ejecutar código en el servidor. B) Seleccionar elementos HTML para manipularlos. C) Crear bases de datos. D) Diseñar interfaces gráficas.

15.Las librerías como Prototype también permiten trabajar con AJAX de forma más sencilla. ¿Qué funcionalidad ofrece la función Ajax.Request()?. A) Crear estilos CSS. B) Realizar peticiones AJAX al servidor. C) Ejecutar código HTML. D) Gestionar bases de datos.

1.En una aplicación web se desea obtener datos del servidor sin bloquear la interfaz del usuario. Durante este proceso, el usuario puede seguir interactuando con la página mientras se completa la petición. ¿Qué tipo de comunicación se está utilizando?. A) Comunicación síncrona. B) Comunicación bloqueante. C) Comunicación asíncrona. D) Comunicación secuencial.

En el uso de AJAX, ¿qué componente es responsable de actualizar el contenido de la página web una vez recibidos los datos del servidor?. A) XMLHttpRequest. B) DOM. C) JSON. D) HTTP.

3. ¿Cuál de las siguientes afirmaciones describe correctamente la función del objeto XMLHttpRequest en AJAX?. A) Permite modificar directamente el HTML. B) Permite enviar y recibir datos del servidor sin recargar la página. C) Sustituye al lenguaje JavaScript. D) Es un formato de datos.

En una petición AJAX, se quiere ejecutar código únicamente cuando la respuesta del servidor esté completamente disponible. ¿Qué condición debe cumplirse?. A) readyState == 0. B) readyState == 1. C) readyState == 3. C) readyState == 3.

¿Cuál de las siguientes afirmaciones es correcta respecto a JSON y XML?. A) JSON es más complejo que XML. B) XML es más ligero que JSON. C) JSON es más fácil de usar para datos simples. D) XML no permite estructurar datos.

¿Cuál es la función principal del objeto document en JavaScript?. A) Controlar el navegador. B) Gestionar conexiones de red. C) Representar y manipular el contenido de la página web. ¸D) Almacenar datos.

¿Qué objeto permite abrir una nueva ventana del navegador mediante JavaScript?. A) document. B) navigator. C) window. D) screen.

¿Cuál de las siguientes opciones permite obtener información sobre el navegador del usuario?. A) window. B) document. C) navigator. D) history.

¿Cuál de los siguientes métodos permite seleccionar un elemento HTML por su identificador?. A) getElementsByTagName. B) getElementsByName. C) getElementById. D) querySelectorAll.

En una aplicación web, ¿qué lenguaje es imprescindible para poder implementar AJAX en el lado cliente?. A) PHP. B) Java. C) JavaScript. D) SQL.

1¿Cuál de las siguientes afirmaciones sobre el objeto Window es correcta?. A) Es un subobjeto de document. B) Es el objeto raíz en el entorno del navegador. C) Solo contiene métodos, no propiedades. D) No permite manipular ventanas.

2¿Qué ocurre si document.getElementById("id") no encuentra el elemento?. A) Devuelve undefined. B) Devuelve un error. C) Devuelve false. D) Devuelve null.

3¿Cuál es la diferencia principal entre innerWidth y outerWidth del objeto window?. A) No existe diferencia. b) innerWidth incluye barras de herramientas. C) outerWidth incluye toda la ventana (barras incluidas). D) innerWidth mide la pantalla completa.

❓ 4¿Qué método permite ejecutar código repetidamente cada cierto tiempo?. A) setTimeout(). A) setTimeout(). C) setInterval(). D) loop().

5¿Cuál de las siguientes opciones describe correctamente document.write()?. A) Solo modifica elementos existentes. B) Inserta contenido HTML dinámicamente. C) Solo funciona en eventos. D) Elimina el DOM.

6¿Qué propiedad del objeto navigator contiene información detallada del navegador?. A) appName. B) platform. C) userAgent. D) version.

7¿Cuál de las siguientes opciones sobre Math.random() es correcta?. A) Devuelve un número entre 1 y 10. B) Devuelve un número entero. C) Devuelve un número aleatorio entre 0 y 1. D) Devuelve siempre el mismo número.

8¿Qué método del objeto document permite seleccionar elementos por clase?. A) getElementByClass(). B) querySelectorAll(). C) getElementsByClassName(). D) selectClass().

9¿Qué devuelve history.length?. A) Número de ventanas abiertas. B) Número de páginas visitadas en la sesión. C) Última URL visitada. D) Historial completo.

10¿Qué hace el método window.open()?. A) Recarga la página. B) Abre una nueva ventana o pestaña. C) Cierra la ventana. D) Cambia la URL actual.

11¿Cuál de las siguientes afirmaciones sobre screen es correcta?. A) Permite modificar la resolución. B) Solo tiene propiedades de lectura. C) Contiene métodos para cambiar pantalla. D) Controla el DOM.

12¿Qué método devuelve el primer elemento que coincide con un selector CSS?. A) getElementById(). B) querySelector(). C) querySelectorAll(). D) getElementsByTagName().

¿Qué diferencia hay entre querySelector() y querySelectorAll()?. A) No hay diferencia. B) querySelector devuelve todos los elementos. C) querySelectorAll devuelve una colección de elementos. D) querySelector solo funciona con ID.

¿Cuál de las siguientes afirmaciones sobre window.opener es correcta?. A) Cierra la ventana actual. B) Hace referencia a la ventana que abrió la actual. C) Abre una nueva ventana. D) Devuelve la URL actual.

¿Qué sucede si se usa document.write() después de que la página ha cargado completamente?. A) Añade contenido al final. B) Reemplaza todo el contenido del documento. C) Genera un error. D) No hace nada.

¿Qué método permite desplazarse a una posición específica de la ventana?. A) moveTo(). B) scrollTo(). C) scrollBy(). D) positionTo().

¿Qué propiedad permite cambiar la URL actual del navegador?. A) document.url. B) window.href. C) location.href. D) navigator.url.

¿Cuál es la función de setTimeout()?. A) Ejecutar código repetidamente. B) Ejecutar código una vez después de un tiempo. C) Detener ejecución. D) Reiniciar script.

¿Qué devuelve Math.random()?. A) Número entero. B) Número entre 0 y 1. C) Número negativo. D) Número fijo.

¿Qué objeto se usa para trabajar con fechas?. A) Time. B) Date. C) Calendar. D) Clock.

¿Qué propiedad contiene la URL actual?. A) window.url. B) document.URL. C) location. D) navigator.url.

Qué propiedad permite acceder a la ventana que abrió otra?. A) window.parent. B) window.child. C) window.opener. D) window.source.