B3 - T7 Aplicaciones web. Desarrollo web. Lenguajes: HTML, XML. Navegadores y lenguajes de programación web. Lenguajes de script. Flashcards
¿Qué es sugar syntax?
Características de un lenguaje de programación que hacen que el código sea más fácil de leer y escribir.
Simplifica la escritura de ciertas construcciones del lenguaje para que el código sea más intuitivo y claro para los programadores
¿Qué es SGML?
Estándar para la definición de lenguajes de marcado. Se utiliza para describir la estructura y contenido de documentos.
No Case-Sensitive
No obligación de cerrar etiquetas
¿Qué es XML?
Es un subconjunto simplificado de SGML diseñado para ser más fácil de utilizar en la web y en aplicaciones modernas
Metalenguaje
Las etiquetas tienen que llevar cierre
Case-Sensitive
Atributos con dobles comillas
Etiqueta standalone en XML
Con atributo “no” significa que el documento depende de un recurso externo, es decir, que no puede ir solo
Con atributo “yes” significa que puede ir solo, esto es que no requiere de un recurso externo
¿Qué significa “XML Bien Formado” (validación sintáctica) ?
XML bien formado significa que el documento sigue las reglas sintácticas establecidas para XML, lo que incluye:
- Todas las etiquetas deben cerrarse correctamente.
- Los elementos deben estar anidados correctamente.
- Los atributos deben estar entre comillas.
- Solo puede haber un elemento raíz.
En resumen, un XML bien formado asegura que el documento sea estructuralmente correcto y se pueda interpretar sin errores.
¿Qué significa XML Valido (validación semántica)?
Cumple las reglas de la gramática especificadas en el DTD / XSD
¿Qué es Xlink?
Permite crear enlaces dentro de documentos XML
Similar a XLL
¿Qué es XPointer?
Apunta a partes específicas de un documento XML
¿Qué es XLL?
XML Linking Language
Crea enlaces en documentos XML.
Similar a Xlink
Estructuras gramaticales de XML (T)
DTD: Es un esquema que define la estructura y las reglas de validación de un documento XML. Establece qué elementos y atributos pueden aparecer en un documento, así como su jerarquía y tipos de datos
XSD: lenguaje más potente y flexible que DTD para definir la estructura y el contenido de documentos XML
¿Qué es XSL o XSLT?
EXtensible Stylesheet Language / XSL Transformaciones
Es un lenguaje y una técnica utilizada para transformar documentos XML en diferentes formatos, como HTML
¿Qué es XSLT (Extensible Stylesheet Language Transformations)?
Transforma documentos html en html, texto u otros documentos xml
¿Qué hace XSLT Processor?
a) Ejecuta consultas SQL en bases de datos relacionales.
b) Transforma documentos XML en otros formatos, como HTML, XML, o texto plano, utilizando hojas de estilo XSLT.
c) Compila código fuente de alto nivel a lenguaje máquina.
d) Optimiza el rendimiento de aplicaciones web al reducir el tamaño de los archivos JavaScript.
B
Transforma documentos XML en otros formatos, como HTML, XML, o texto plano, utilizando hojas de estilo XSLT.
¿Qué es XSL-FO?
Xtensible Stylesheet Language Formatting Objects
Lenguaje de diseño y presentación que se utiliza para definir la forma en que se deben formatear los documentos XML. Se utiliza principalmente en la creación de documentos imprimibles
¿Qué es Apache FOP?
Formatting Objects Processor
Aplicación Java de código abierto que permite convertir documentos XML en varios formatos de salida, principalmente PDF, utilizando el lenguaje XSL-FO
¿Qué es xpath?
XML Path Language
Lenguaje utilizado para navegar a través de elementos y atributos en documentos XML
¿Qué es XQuery?
XML Query Language
Lenguaje de consulta diseñado para trabajar con datos en formato XML
¿En qué consiste el API de programación DOM?
Documento object model
Permite representar un documento XML como un árbol de objetos en memoria, donde cada nodo del árbol representa una parte del documento.
Sirve para documentos pequeños porque los carga en memoria
¿En qué consiste la API SAX?
Simple API for XML
Basada en eventos. No carga el documento en memoria, si no que al recorrerlo va generando eventos.
Es más eficiente para documentos grandes
¿En que consiste JAXB? (T)
Convierte objetos Java en XML (marshalling) y viceversa (unmarshalling)
¿Para qué sirve la utilidad JAXB xjc?
Para generar clases Java a partir de un esquema XML
¿Qué es StAX? (T)
Streaming API for XML
API entre DOM y SAX, que en lugar de levantar todo el árbol de objetos lo puede controlar el programador e ir leyendo por “trozos”
¿Qué es JAP?
Java Persistence API
Especificación que proporciona una forma estándar de acceder, gestionar y manipular datos relacionados con aplicaciones Java.
Frameworks: Hibernate, Eclipse link, Open JPA, Data Nucleus, TopLink, ObjectDB
¿Qué es JAXP?
Java API for XML Processing
es el API “estándar” para la manipulación del formato XML
¿Cómo se añaden comentarios en un XML?
<![CDATA[“texto”]]>
¿Qué es JSON?
JavaScript Object Notation
Formato que almacena información estructurada y se utiliza principalmente para transferir datos entre un servidor y un cliente.
El archivo es básicamente una alternativa más simple y liviana al XML
Librerías para procesar JSON
Jackson (Java) y GSON (Google)
API’s de programación en JSON (T)
JSON-B: conversión bidireccional entre objetos Java y su representación en JSON
JSON-P: procesar datos JSON de manera programática
¿Qué es JSON Schema y para qué sirve?
Estándar para describir la estructura y validación de datos JSON
¿Qué es YAML? (T)
YAML Ain’t Markup Language
Es un formato de serialización de datos que es fácil de leer y escribir para los humanos. No marcado.
Basado en indentaciones que no tabulaciones, que hacen que sea comprensible
¿Qué es Vanilla js?
Término coloquial que se refiere a la versión pura y sin bibliotecas adicionales de JavaScript. Similar a Sugar Syntax
¿Qué es norma WAI-ARIA?
Accessible Rich Internet Applications
Norma que añade sintaxis semántica a los elementos HTML e informa sobre su accesibilidad. Mejora el acceso y funcionalidad de la web o aplicación a personas con discapacidad
Preprocesadores HTML5
PUG: preprocesador de plantillas enfocado en hacer más rápida la codificación de HTML
handlebars: procesador de plantillas que genera dinámicamente tu página HTML
Automatizadores de tareas web
Gulp: maneja los procesos en la memoria y los escribe inmediatamente en el archivo de destino.
Grunt: está orientado a archivos y crea archivos temporales en tiempo de ejecución
¿Qué es Yeoman?
Se centra en la estructuración de proyectos y proporciona un flujo de trabajo basado en generadores. Sistema de andamiaje genérico que permite la creación de cualquier tipo de aplicación
Motores de renderizado
Blink: Google (basado en Chromium)
WebKit: Apple
Gecko: Mozilla
¿Con qué etiqueta comienza una página web?
<!DOCTYPE html>
¿Qué son los marcos en HTML?
Permiten dividir una ventana del navegador en varias secciones, cada una mostrando un documento HTML diferente
Capacidad de agregar atributos personalizados a los elementos HTML para almacenar información adicional que no está definida por estándar
Microdato HTML 5
Librería que ayuda a detectar las características que soportan nuestros navegadores
MODERNIZR
¿Cuál de las siguientes afirmaciones sobre XML es incorrecta?
a) XML es un metalenguaje, lo que significa que se utiliza para definir otros lenguajes de marcado.
b) XML no distingue entre mayúsculas y minúsculas.
c) XML permite el intercambio de información estructurada.
d) XML es un estándar abierto gestionado por el W3C.
B
XML no distingue entre mayúsculas y minúsculas.
XML sí que distingue entre mayúsculas y minúsculas.
¿Qué es un espacio de nombres en XML?
a) Un atributo que define el tipo de documento XML.
b) Una forma de evitar conflictos de nombres al distinguir elementos y atributos con el mismo nombre pero diferentes significados.
c) Una etiqueta que indica el idioma del documento XML.
d) Una técnica para transformar documentos XML en otros formatos.
B
Una forma de evitar conflictos de nombres al distinguir elementos y atributos con el mismo nombre pero diferentes significados.
¿Cuál de las siguientes API de programación NO está relacionada con el procesamiento de XML en Java?
a) DOM
b) SAX
c) JAXB
d) JSON-B
D
JSON-B
JSON-B es una API para procesar datos en formato JSON, no XML.
¿Cuál de las siguientes opciones NO es una ventaja de HTML5?
a) Forms 2.0
b) Audio y vídeo sin necesidad de plugins
c) Visores: MathML y SVG
d) Marcos para dividir la ventana del navegador
D
Marcos para dividir la ventana del navegador
Los marcos para dividir la ventana del navegador se utilizaban en HTML4, pero no son una ventaja específica de HTML5. Las demás opciones (Forms 2.0, audio/vídeo sin plugins y visores MathML/SVG) son características nuevas y mejoradas introducidas con HTML5
¿Qué motor de renderizado utiliza el navegador Google Chrome?
a) Gecko
b) Blink
c) Webkit
d) Chromium
B
Blink
Google Chrome utiliza el motor de renderizado Blink, que está basado en Chromium
¿Para qué se utiliza la etiqueta <kbd> en HTML?</kbd>
a) Para indicar texto que debe ser introducido por el usuario
b) Para definir una abreviatura o acrónimo
c) Para marcar un término que se va a definir
d) Para insertar un salto de línea
A
Para indicar texto que debe ser introducido por el usuario (viene de keyboard)
La etiqueta <kbd> se utiliza para indicar texto que el usuario debe introducir en un programa o sistema. Por ejemplo, se puede utilizar para mostrar combinaciones de teclas o comandos</kbd>
¿Qué es Xlink en el contexto de XML?
A) Un protocolo para la transferencia de archivos en redes locales
B) Un lenguaje de programación para aplicaciones web
C) Una tecnología para incluir y manejar enlaces dentro de documentos XML
D) Un sistema de encriptación para comunicaciones seguras
C
Una tecnología para incluir y manejar enlaces dentro de documentos XML
Xlink (XML Linking Language) es una tecnología que se utiliza para definir y manejar enlaces dentro de documentos XML. Permite a los autores crear enlaces entre diferentes partes de un documento XML o entre distintos documentos XML, similar a cómo se utilizan los hipervínculos en HTML. Xlink proporciona mecanismos avanzados para definir enlaces simples, enlaces extendidos, y enlaces que pueden ser dirigidos a múltiples destinos.
¿Qué es XLL en el contexto de tecnologías de la información?
A) Un lenguaje de marcado utilizado para definir la estructura y los enlaces en documentos XML
B) Un protocolo de comunicación para redes locales
C) Una extensión de archivo para hojas de cálculo de Excel
D) Un algoritmo de compresión de datos para imágenes
A
Un lenguaje de marcado utilizado para definir la estructura y los enlaces en documentos XML
XLL (XML Linking Language) es un lenguaje de marcado utilizado para definir la estructura y los enlaces en documentos XML. Proporciona una manera de crear hipervínculos dentro y entre documentos XML, similar a cómo los enlaces funcionan en HTML.
¿Cuáles son algunas librerías comunes para procesar JSON en diferentes lenguajes de programación?
A) BeautifulSoup, NumPy, Matplotlib, Pandas
B) Json.NET, Jackson, Gson, RapidJSON
C) SQLAlchemy, Hibernate, Laravel, Django
D) TensorFlow, PyTorch, Keras, Scikit-learn
B
Json.NET, Jackson, Gson, RapidJSON
Las librerías para procesar JSON son herramientas que permiten leer, escribir, analizar y manipular datos en formato JSON en diversos lenguajes de programación. Algunas de las librerías más comunes incluyen:
Json.NET: Utilizada en .NET para trabajar con JSON.
Jackson: Una popular librería para procesar JSON en Java.
Gson: Una librería de Google para convertir objetos Java a JSON y viceversa.
RapidJSON: Una librería rápida de C++ para leer y escribir JSON.
¿Cuál de las siguientes etiquetas NO está relacionada con la estructura semántica de HTML5?
a. <article>
b. <aside>
c. <blink>
d. <nav></blink>
C
<blink>
as etiquetas <article>, <aside> y <nav> son parte de la estructura semántica de HTML5, mientras que <blink> es una etiqueta obsoleta que se utilizaba para hacer parpadear el texto, sin un significado semántico claro
</blink></nav></aside></article></blink>
¿Cuál de las siguientes opciones NO es una API de programación para XML?
a. DOM
b. SAX
c. JAXB
d. JSON-B
D
JSON-B
DOM, SAX y JAXB son APIs de programación para trabajar con XML. JSON-B, por otro lado, es una especificación de Java para la conversión entre objetos Java y JSON
¿Qué significa “standalone=’yes’” en un documento XML?
Significa que el documento XML no depende de ningún recurso externo, como un DTD.
¿Qué lenguaje se utiliza para navegar y extraer información de un documento XML?
XPath
¿Qué significa el acrónimo JSON?
a) Java Simple Object Notation
b) JavaScript Object Notation
c) Java String Open Notation
d) JavaSource Object Numbering
B
JavaScript Object Notation
¿Para qué se utiliza principalmente JSON?
a) Para el almacenamiento de datos en bases de datos relacionales.
b) Para la configuración de servidores web.
c) Para el intercambio de datos estructurados entre un cliente y un servidor.
d) Para la creación de hojas de estilo en cascada (CSS).
C
Para el intercambio de datos estructurados entre un cliente y un servidor.
¿Qué es XPath?
a) Un lenguaje de programación utilizado para desarrollar aplicaciones web interactivas.
b) Un protocolo de red para la transferencia de datos entre servidores y clientes.
c) Un lenguaje de consulta para seleccionar nodos en un documento XML.
d) Un estándar de codificación de video para la compresión de archivos multimedia.
C
Un lenguaje de consulta para seleccionar nodos en un documento XML.
¿En qué consiste JAXB?
a) Un lenguaje de consulta para seleccionar nodos en un documento XML.
b) Un protocolo de comunicación para redes inalámbricas de corto alcance.
c) Un marco (framework) de Java para mapear clases de Java a representaciones XML y viceversa.
d) Un algoritmo de búsqueda para encontrar el camino más corto en grafos ponderados.
C
Un marco (framework) de Java para mapear clases de Java a representaciones XML y viceversa.
¿Cuáles son dos herramientas populares para la automatización de tareas web?
a) npm y Bower
b) Webpack y npm
c) Gulp y Grunt
d) Node.jsy Express
C
Gulp y Grunt
¿Cuáles de las siguientes opciones son preprocesadores de HTML5?
a) Sass y Less
b) Webpack y Browserify
c) Pug y Handlebars
d) Babel y TypeScript
C
Pug y Handlebars
¿Qué es XQuery y cómo se utiliza principalmente?
a) Un lenguaje de programación de alto nivel utilizado para la creación de aplicaciones móviles, principalmente en sistemas operativos Android.
b) Un estándar de codificación de video para la compresión y transmisión de archivos multimedia en redes de alta velocidad.
c) Un lenguaje de consulta diseñado para procesar y manipular datos en documentos XML, permitiendo realizar operaciones de filtrado, ordenación y agregación de manera eficiente.
d) Un protocolo de red especializado en la comunicación segura entre dispositivos IoT en entornos de baja latencia.
C
Un lenguaje de consulta diseñado para procesar y manipular datos en documentos XML, permitiendo realizar operaciones de filtrado, ordenación y agregación de manera eficiente.
¿Cuáles son dos librerías populares para procesar JSON?
a) jQuery y Bootstrap
b) Jackson (Java) y GSON (Google)
c) Angular y React
d) Lodash y Underscore
B
Jackson (Java) y GSON (Google)
¿Qué es XLink?
a) Un lenguaje de programación utilizado para crear aplicaciones web interactivas.
b) Un estándar para definir enlaces dentro de documentos XML.
c) Un protocolo de comunicación para redes inalámbricas.
d) Una biblioteca de JavaScript para manipular el DOM.
B
Un estándar para definir enlaces dentro de documentos XML.
¿Qué es JSON Schema y para qué sirve?
a) Un lenguaje de programación utilizado para crear aplicaciones web interactivas.
b) Un formato de documentos para definir la estructura y validar el contenido de datos JSON.
c) Un protocolo de comunicación para redes inalámbricas.
d) Una biblioteca de JavaScript para manipular el DOM.
B
Un formato de documentos para definir la estructura y validar el contenido de datos JSON.
¿Qué es XSLT (Extensible Stylesheet Language Transformations)?
a) Un lenguaje de programación para crear aplicaciones web interactivas.
b) Un protocolo de comunicación para redes inalámbricas.
c) Un lenguaje para transformar documentos XML en otros formatos, como HTML o XML.
d) Un estándar para definir enlaces dentro de documentos XML.
C
Un lenguaje para transformar documentos XML en otros formatos, como HTML o XML.
¿Qué es YAML?
a) Un lenguaje de programación orientado a objetos.
b) Un formato de serialización de datos legible por humanos.
c) Un protocolo de transferencia de archivos.
d) Un entorno de desarrollo integrado (IDE).
B
Un formato de serialización de datos legible por humanos.
YAML (YAML Ain’t Markup Language) es un formato de serialización de datos que es fácil de leer y escribir tanto para humanos como para máquinas. Es ampliamente utilizado para la configuración de archivos en aplicaciones y servicios debido a su simplicidad y legibilidad.
¿Qué es StAX (Streaming API for XML)?
a) Un protocolo para transmisión de datos entre servidores.
b) Un modelo de programación para la manipulación de JSON en Java.
c) Una API basada en eventos para procesar documentos XML.
d) Una biblioteca gráfica para la creación de interfaces de usuario.
C
Una API basada en eventos para procesar documentos XML
Esta es la respuesta correcta. StAX (Streaming API for XML) es una API de Java que permite la lectura y escritura eficiente de documentos XML mediante un modelo de programación basado en eventos. StAX permite el procesamiento de XML en un enfoque de “streaming”, lo que significa que los datos se leen y se procesan de manera secuencial, reduciendo el uso de memoria y mejorando el rendimiento.
Por qué las otras opciones no son correctas:
a) Un protocolo para transmisión de datos entre servidores: Esto es incorrecto ya que StAX no es un protocolo, sino una API específica para el procesamiento de XML.
b) Un modelo de programación para la manipulación de JSON en Java: Esto es incorrecto, ya que StAX está diseñado para XML, no para JSON.
d) Una biblioteca gráfica para la creación de interfaces de usuario: Esto es incorrecto, ya que StAX no tiene relación con la creación de interfaces de usuario; se centra en el procesamiento de documentos XML.
¿Qué es JSON-B?
a) Un formato de compresión de datos
b) Una especificación estándar de Java para convertir objetos a y desde JSON
c) Un tipo de base de datos NoSQL
d) Un lenguaje de programación
B
Una especificación estándar de Java para convertir objetos a y desde JSON
¿Cuál es una ventaja principal de usar JSON-B en comparación con JSON?
a) JSON-B almacena datos en texto plano
b) JSON-B permite una indexación más eficiente y un mejor rendimiento en consultas
c) JSON-B es más fácil de leer para los humanos
d) JSON-B no requiere ninguna configuración
B
JSON-B permite una indexación más eficiente y un mejor rendimiento en consultas
¿Qué es JSON-P?
a) Un formato para almacenar datos en bases de datos
b) Una API que permite el intercambio de datos entre dominios usando JavaScript
c) Un método para comprimir archivos JSON
d) Un tipo de archivo multimedia
B
Una API que permite el intercambio de datos entre dominios usando JavaScript
¿Cuál es la principal función del “callback” en JSON-P?
a) Almacenar datos en una base de datos
b) Ejecutar una función que envuelve los datos recibidos
c) Comprimir los datos para su envío
d) Validar la estructura del objeto JSON
B
Ejecutar una función que envuelve los datos recibidos
En el contexto de Java, ¿cuándo sería preferible usar JSON-P sobre JSON-B?
a) Cuando se necesita un mapeo directo entre objetos Java y JSON
b) Cuando se requiere manejar datos sin un esquema conocido previamente
c) Cuando se necesita un rendimiento óptimo en consultas
d) Cuando se desea almacenar grandes volúmenes de datos
B
Cuando se requiere manejar datos sin un esquema conocido previamente
¿Cuál de las siguientes opciones describe mejor un elemento en XML?
a) Una etiqueta que contiene solo texto
b) Una unidad que consiste en una etiqueta de apertura, contenido y una etiqueta de cierre
c) Un atributo que describe un elemento
d) Un comentario dentro del documento
B
Una unidad que consiste en una etiqueta de apertura, contenido y una etiqueta de cierre
¿Qué se necesita para que un documento XML sea considerado “bien formado”?
a) Debe tener al menos tres elementos
b) Debe seguir reglas sintácticas estrictas
c) Debe contener atributos en todos los elementos
d) Debe tener un tamaño mínimo específico
B
Debe seguir reglas sintácticas estrictas
¿Qué es un elemento raíz en un documento XML?
a) El primer elemento que aparece en el documento
b) Un elemento que no tiene etiquetas de cierre
c) El único elemento que puede contener otros elementos
d) Un comentario al inicio del documento
C
El único elemento que puede contener otros elementos
¿Cómo se representa un elemento vacío en XML?
a) Solo con una etiqueta de apertura
b) Con una etiqueta de apertura y una de cierre vacía
c) Con una etiqueta de apertura seguida de un espacio y una etiqueta de cierre
d) Con una etiqueta abreviada o con etiquetas de apertura y cierre
D
Con una etiqueta abreviada o con etiquetas de apertura y cierre
¿Cuál es la función de los comentarios en un documento XML?
a) Aumentar el tamaño del archivo
b) Proporcionar información adicional sin afectar la estructura del documento
c) Definir la codificación del archivo
d) Representar elementos vacíos
B
Proporcionar información adicional sin afectar la estructura del documento
¿Cuál es la función principal de un DTD?
a) Establecer la apariencia visual de un documento XML
b) Definir la estructura y las reglas que debe seguir un documento XML
c) Convertir documentos XML a otros formatos
d) Proporcionar datos para una base de datos
B
Definir la estructura y las reglas que debe seguir un documento XML
¿Cuáles son dos métodos principales para definir la estructura de un documento XML?
a) JSON y YAML
b) DTD y XSD
c) HTML y CSS
d) SQL y NoSQL
B
DTD y XSD
¿Qué tipo de validación permite realizar tanto DTD como XSD en un documento XML?
a) Validación de formato de imagen
b) Validación de la estructura y contenido
c) Validación de seguridad
d) Validación de rendimiento
B
Validación de la estructura y contenido
¿Cuál de las siguientes afirmaciones es correcta sobre DTD y XSD?
a) Solo DTD permite definir tipos de datos complejos.
b) XSD es un sucesor más moderno que DTD para definir esquemas XML.
c) DTD no puede ser utilizado para validar documentos XML.
d) Ambos son equivalentes en funcionalidad y uso.
B
XSD es un sucesor más moderno que DTD para definir esquemas XML.
¿Cómo puedes incluir los estilos de otro archivo CSS en tu archivo CSS principal?
Puedes incluir los estilos de otro archivo CSS en tu archivo CSS principal utilizando la regla @import. Por ejemplo:
@import url(‘ruta/del/otro/archivo.css’);
¿Cuál es la forma correcta de incluir los estilos de otro archivo CSS en tu archivo CSS principal?
A) @import url(‘otro-archivo.css’);
B) <link></link>
C) @include url(‘otro-archivo.css’);
D)
A
@import url(‘otro-archivo.css’);
OJO que link tambien podria valer pero…
Opción B: <link></link>
Incorrecta: La etiqueta <link></link> es utilizada para incluir hojas de estilo en el HTML, pero rel=”import” no es un valor válido. El valor correcto para incluir una hoja de estilo es rel=”stylesheet”.
Opción C: @include url(‘otro-archivo.css’);
Incorrecta: La sintaxis @include no es válida en CSS para importar archivos. La sintaxis correcta es @import.
Opción D:
Incorrecta: La etiqueta
es utilizada para incluir archivos JavaScript en el HTML, no hojas de estilo CSS. Para incluir una hoja de estilo, se debe utilizar la etiqueta <link></link> con rel="stylesheet".
Cual de estas etiquetas sirve para indicar texto con posible cambio de dirección respecto al texto del entorno?
a) bdo
b) bdi
c) rti
d) rto
B
bdi
¿Qué librería facilita la implementación de AJAX con métodos sencillos en JavaScript?
jQuery
¿Cuál de las siguientes opciones muestra la forma correcta de hacer una petición AJAX GET utilizando jQuery y describe un aspecto importante de su compatibilidad?
A) $.get(‘url’, function(data){}); - jQuery no es compatible con navegadores antiguos.
B) $.ajax(‘url’, { method: ‘GET’, success: function(data){} }); - jQuery es compatible solo con navegadores modernos.
C) jQuery.ajax({ url: ‘url’, type: ‘GET’, success: function(data){} }); - jQuery es compatible con una amplia variedad de navegadores, incluyendo versiones más antiguas.
D) ajax({ url: ‘url’, type: ‘GET’, success: function(data){} }); - jQuery no soporta promesas.
C
jQuery.ajax({ url: ‘url’, type: ‘GET’, success: function(data){} }); - jQuery es compatible con una amplia variedad de navegadores, incluyendo versiones más antiguas.
Explicaciones:
A) Incorrecta: Aunque la sintaxis es válida, jQuery es conocido por su amplia compatibilidad con navegadores antiguos.
B) Incorrecta: La sintaxis es válida, pero jQuery no se limita solo a navegadores modernos.
C) Correcta: La sintaxis es válida y destaca la amplia compatibilidad de jQuery.
D) Incorrecta: La sintaxis es inválida sin el prefijo jQuery o $, y jQuery soporta promesas.
¿Qué librería de JavaScript basada en promesas se utiliza para hacer peticiones HTTP, incluyendo AJAX?
Axios
¿Cuál de las siguientes opciones muestra la forma correcta de hacer una petición GET con Axios y resalta una característica clave sobre el manejo de respuestas?
A) axios.get(‘url’).then(function(response){}).catch(function(error){}); - Axios maneja las respuestas como texto plano por defecto.
B) axios({ method: ‘GET’, url: ‘url’ }).then(function(response){}); - Axios no maneja respuestas JSON por defecto.
C) Axios.get(‘url’).then(response => { console.log(response.data); }); - Axios maneja automáticamente las respuestas JSON si el contenido es de ese tipo.
D) fetch(‘url’).then(response => response.json()).then(data => { console.log(data); }); - Axios maneja errores de red de forma manual.
C
Axios.get(‘url’).then(response => { console.log(response.data); }); - Axios maneja automáticamente las respuestas JSON si el contenido es de ese tipo.
Explicaciones:
A) Incorrecta: Aunque la sintaxis es válida, Axios maneja respuestas JSON por defecto.
B) Incorrecta: Axios sí maneja respuestas JSON por defecto.
C) Correcta: La sintaxis es válida y resalta la capacidad de Axios de manejar respuestas JSON automáticamente.
D) Incorrecta: Aunque la sintaxis es válida para fetch, no es una característica exclusiva de Axios.
¿Qué API nativa de JavaScript se utiliza para hacer peticiones AJAX sin necesidad de librerías adicionales?
Fetch API
¿Cuál de las siguientes opciones muestra la forma correcta de hacer una petición GET con la Fetch API y describe una consideración importante sobre su uso?
A) fetch(‘url’).then(response => response.text()).then(data => { console.log(data); }); - Fetch API no maneja respuestas JSON por defecto.
B) fetch(‘url’).then(response => response.json()).then(data => { console.log(data); }); - Fetch API maneja respuestas JSON automáticamente y rechaza la promesa en caso de error HTTP.
C) fetch(‘url’, { method: ‘GET’ }).then(response => response.json()).then(data => { console.log(data); }); - Fetch API requiere configuración manual para manejar errores HTTP.
D) fetch(‘url’, { method: ‘GET’ }).then(response => response.json()).then(data => { console.log(data); }).catch(error => { console.log(error); }); - Fetch API maneja errores de red automáticamente.
C
fetch(‘url’, { method: ‘GET’ }).then(response => response.json()).then(data => { console.log(data); }); - Fetch API requiere configuración manual para manejar errores HTTP.
Explicaciones:
A) Incorrecta: Aunque la sintaxis es válida, Fetch API puede manejar respuestas JSON pero no rechaza automáticamente en caso de error HTTP.
B) Incorrecta: Fetch API no rechaza la promesa en caso de error HTTP, se necesita manejo manual.
C) Correcta: La sintaxis es válida y resalta que Fetch API requiere manejo manual de errores HTTP.
D) Incorrecta: Fetch API no maneja errores de red automáticamente, se requiere manejo manual con .catch().
¿Cuál es una de las principales características del Dojo Toolkit?
El Dojo Toolkit es conocido por su capacidad para crear aplicaciones web ricas y dinámicas con widgets y herramientas integradas.
¿Qué objetivo principal tiene la librería YUI?
YUI está diseñada para facilitar la creación de interfaces de usuario interactivas y funcionales con componentes reutilizables.
¿Para qué se utiliza principalmente ExtJS?
ExtJS se utiliza principalmente para desarrollar aplicaciones web robustas y ricas en funcionalidades, especialmente en entornos empresariales.
¿Qué función principal desempeña la librería Prototype en el desarrollo web?
Prototype simplifica la manipulación del DOM y facilita la programación orientada a objetos en JavaScript.
¿Qué ventaja ofrece MooTools para los desarrolladores web?
MooTools proporciona herramientas de manipulación del DOM, manejo de eventos y animaciones, mejorando la eficiencia del desarrollo web.
Que es un motor de renderizado ?
Un motor de renderizado es un componente fundamental de los navegadores web que interpreta y transforma el código HTML, CSS y JavaScript en una representación visual interactiva en la pantalla del usuario.
Este software analiza el contenido marcado, aplica los estilos correspondientes, calcula la disposición de los elementos y finalmente “pinta” la página web en la pantalla
El proceso de renderizado típicamente incluye las siguientes etapas:
- Análisis del HTML para crear el DOM (Document Object Model)
- Procesamiento del CSS para construir el CSSOM (CSS Object Model)
- Combinación del DOM y CSSOM en un árbol de renderizado
- Cálculo del diseño (layout) de los elementos
Pintado final de la página en la pantalla
Este componente es esencial para la visualización correcta de las páginas web y juega un papel crucial en la experiencia del usuario y el rendimiento del navegador
Enumera algunas librerias AJAX
Algunas librerías AJAX populares incluyen:
jQuery: Es una de las bibliotecas JavaScript más utilizadas que simplifica las llamadas AJAX, entre muchas otras cosas.
Axios: Una biblioteca basada en promesas para realizar peticiones HTTP, muy popular en la comunidad de desarrolladores.
Fetch API: No es una biblioteca, pero es una API nativa moderna en JavaScript para hacer peticiones HTTP, usada en lugar de XMLHttpRequest.
SuperAgent: Es una biblioteca ligera para realizar solicitudes AJAX.
Zepto: Similar a jQuery pero más ligera, especialmente diseñada para dispositivos móviles.
¿Cuál es la semántica de la etiqueta <b> en HTML?</b>
a) Define un texto subrayado.
b) Define un texto en negrita sin transmitir importancia adicional.
c) Define un texto cursivo.
d) Define un texto en negrita que indica una importancia específica.
B
Define un texto en negrita sin transmitir importancia adicional.
¿Cuál es el nombre del motor de renderizado utilizado por el navegador Google Chrome?
a) Gecko
b) Blink
c) WebKit
d) Trident
B
Blink
cual es el motor de renderizado de firefox ?
Gecko
Respecto a la etiqueta pre…
a) Sirve para representar código y no preserva espacios y saltos de línea tal y como se introdujeron
b) Pone el texto en cursiva
c) Sirve para representar código y preserva espacios y saltos de línea tal y como se introdujeron
d) Representa la salida de un programa
C
Sirve para representar código y preserva espacios y saltos de línea tal y como se introdujeron
¿Cuál de las siguientes es una diferencia entre HTML y XHTML?
a) HTML exige que las etiquetas se escriban en minúscula, mientras que XHTML no.
b) XHTML permite que haya elementos no vacíos sin cerrar, mientras que HTML no.
c) En HTML es obligatorio que los valores de los atributos vayan entre comillas, mientras que en XHTML no.
d) En XHTML es obligatoria la presencia del elemento <head>.
D
En XHTML es obligatoria la presencia del elemento <head>.
¿Qué atributo del elemento <form> en HTML especifica la URL a la que se enviarán los datos del formulario?
a) method
b) action
c) enctype
d) target
B
action
En HTML5, ¿cuál de los siguientes elementos se utiliza para definir contenido que es independiente y auto-contenido, como un artículo de un blog?
a) <section>
b) <article>
c) <div>
d) <aside>
B
<article>
</article>
¿Cuál es una característica principal de HTML5 respecto a versiones anteriores de HTML?
a) Requiere que todos los documentos incluyan un DTD específico.
b) Introduce elementos semánticos como <header>, <footer> y <nav>.
c) Permite el uso de JavaScript incrustado en atributos de estilo.
d) Elimina la necesidad de usar etiquetas para estructurar contenido.
B
Introduce elementos semánticos como <header>, <footer> y <nav>.
Qué atributo del elemento <img></img> es obligatorio tanto en HTML como en XHTML para mejorar la accesibilidad?
a) alt
b) src
c) title
d) id
A
alt
En XHTML, ¿cuál de los siguientes es un requisito para que un documento sea válido?
a) Las etiquetas pueden estar abiertas sin necesidad de cerrarlas.
b) Todos los elementos deben estar correctamente anidados.
c) Los valores de los atributos no deben incluir comillas.
d) No es necesario incluir un DOCTYPE.
B
Todos los elementos deben estar correctamente anidados.
¿Qué evento de HTML utilizaría para producir un efecto al situar el puntero del ratón sobre un elemento?
a) onclick.
b) onmouseover.
c) onmousedown.
d) onmouseout.
B
onmouseover
¿Qué evento en HTML se utiliza para ejecutar una función cuando el contenido de un formulario cambia?
a) onchange
b) oninput
c) onblur
d) onsubmit
A
onchange
¿Cuál de los siguientes eventos se dispara cuando el usuario termina de escribir en un campo de texto y pierde el foco del elemento?
a) onkeydown
b) onblur
c) onfocus
d) onkeyup
B
onblur
¿Qué evento se activa cuando se carga completamente una página web en el navegador?
a) onload
b) onready
c) onunload
d) oninit
A
onload
¿Qué evento se utiliza para capturar el momento en que un usuario selecciona texto dentro de un elemento, como un campo de entrada?
a) onfocus
b) onmouseup
c) onselect
d) onmouseover
C
onselect
¿Qué evento de teclado se dispara cuando el usuario suelta una tecla en un elemento de entrada?
a) onkeydown
b) onkeypress
c) onkeyup
d) oninput
C
onkeyup
En CSS3, ¿cuál de las siguientes unidades de medida NO es relativa?
a) Q
b) vw
c) ex
d) ch
A
Q
¿Cuál de las siguientes propiedades de CSS se utiliza para cambiar el color de fondo de un elemento?
a) background-color
b) color
c) border-color
d) font-color
A
background-color
En CSS, ¿qué significa la unidad de medida “em”?
a) Es relativa al tamaño de la ventana del navegador.
b) Es relativa al tamaño de la fuente del elemento contenedor.
c) Es fija y no depende del tamaño del contenido.
d) Representa un valor en píxeles.
B
Es relativa al tamaño de la fuente del elemento contenedor.
¿Qué propiedad de CSS se utiliza para aplicar bordes redondeados a un elemento?
a) border-radius
b) corner-radius
c) border-style
d) rounded-border
A
border-radius
¿Qué propiedad de CSS se usa para establecer el espacio entre las letras de un texto?
a) letter-spacing
b) line-height
c) text-indent
d) word-spacing
A
letter-spacing
¿Qué valor de propiedad CSS se utiliza para hacer que un elemento sea completamente transparente?
a) opacity: 0;
b) visibility: hidden;
c) display: none;
d) color: transparent;
A
opacity: 0;
¿Qué elemento HTML utilizaría para impedir que el e-mail exceda los 100 caracteres cuando el interesado lo cumplimente?
a) <input type=’‘email’’ id=’‘email’’ name=’‘email’’ size=’‘100’’>
b) <input type=’‘email’’ id=’‘email’’ name=’‘email’’ max=’‘100’’>
c) <input type=’‘email’’ id=’‘email’’ name=’‘email’’ maxlength=’‘100’’>
d) <input type=’‘email’’ id=’‘email’’ name=’‘email’’ length=’‘100’’>
C
<input type=’‘email’’ id=’‘email’’ name=’‘email’’ maxlength=’‘100’’>
¿Qué atributo HTML se utiliza para especificar la fuente de un archivo de imagen en un elemento <img></img>?
a) src
b) href
c) alt
d) link
A
src
¿Cuál de los siguientes atributos en un formulario HTML es obligatorio para enviar los datos a través de un servidor?
a) method
b) action
c) enctype
d) target
B
action
¿Cuál es el propósito de la etiqueta <head> en un documento HTML?
a) Contener el contenido principal de la página, como texto e imágenes.
b) Definir la estructura de navegación y enlaces de la página.
c) Incluir metadatos como el título, los enlaces a archivos de estilo y scripts.
d) Definir la estructura de los formularios interactivos.
C
Incluir metadatos como el título, los enlaces a archivos de estilo y scripts.
¿Qué etiqueta HTML se utiliza para crear una tabla?
a) <table>
b) <tbody>
c) <tr>
d) <list></list>
A
<table>
</table>
¿Cómo se inserta un comentario en HTML?
a) <!-- Esto es un comentario -->
b) // Esto es un comentario
c) /* Esto es un comentario */
d) <comment>Esto es un comentario</comment>
A
<!-- Esto es un comentario -->
El formulario de solicitud será extenso y tendrá muchas consultas de datos. ¿Qué utilizaría para renderizar la página en el servidor?
a) Server Sent Events.
b) Ajax.
c) WebSocket.
d) Server Side Rendering.
D
Server Side Rendering.
¿Qué técnica de renderizado de páginas web permite que el contenido se renderice completamente en el navegador del cliente sin la intervención del servidor después de la carga inicial?
a) Client Side Rendering (CSR)
b) Server Side Rendering (SSR)
c) Static Site Generation (SSG)
d) Progressive Rendering
A
Client Side Rendering (CSR)
¿Qué método de comunicación bidireccional se utiliza para permitir una interacción en tiempo real entre el cliente y el servidor en aplicaciones web?
a) WebSocket
b) AJAX
c) Server-Sent Events
d) REST API
A
WebSocket
¿Qué es la técnica de “Lazy Loading” en el contexto de desarrollo web?
a) Cargar imágenes y recursos solo cuando son necesarios o visibles para el usuario.
b) Cargar toda la página web antes de mostrarla al usuario.
c) Pre-cargar todos los datos de la página en el servidor.
d) Ejecutar JavaScript de manera sincrónica al cargar la página.
A
Cargar imágenes y recursos solo cuando son necesarios o visibles para el usuario.
¿Qué beneficio tiene utilizar AJAX en una página web?
a) Permite recargar toda la página web sin problemas de rendimiento.
b) Facilita la actualización de partes específicas de la página sin necesidad de recargarla completamente.
c) Mejora la accesibilidad de la página web al agregar nuevas etiquetas HTML.
d) Permite que el servidor envíe actualizaciones de datos al cliente sin requerir interacción del usuario.
B
Facilita la actualización de partes específicas de la página sin necesidad de recargarla completamente.
¿Qué es un “Single Page Application” (SPA)?
a) Una página web que se recarga completamente cada vez que se navega entre secciones.
b) Una aplicación web que carga una sola vez y luego actualiza dinámicamente su contenido sin recargar toda la página.
c) Una aplicación web que solo funciona en un único navegador.
d) Una página web que solo tiene una sección o vista.
B
Una aplicación web que carga una sola vez y luego actualiza dinámicamente su contenido sin recargar toda la página.
Para diseñar el estilo de los campos de entrada obligatorios del formulario de solicitud se va a hacer uso del siguiente selector CSS: “input:required”. ¿Cuál es su especificidad?
a) 1-1-0.
b) 0-1-1.
c) 1-0-1.
d) 1-0-0.
B
0-1-1.
¿Cuál es la especificidad del siguiente selector CSS: div#container p.class?
a) 1-0-1
b) 1-1-1
c) 1-1-0
d) 0-1-1
C
1-1-0
¿Qué selector CSS se utiliza para seleccionar todos los elementos <a> que tienen el atributo href?</a>
a) a[href]
b) a[href=””]
c) a[href*=””]
d) a:href
A
a[href]
¿Cuál de los siguientes selectores CSS es el más específico?
a) .container
b) #main .container
c) div.container
d) div
main .container
B
header .menu li:hover {
Si tienes la siguiente regla CSS:
color: red;
}
¿Cuál es la especificidad de esta regla?
a) 1-1-2
b) 1-2-1
c) 2-1-0
d) 1-1-1
A
1-1-2
¿Qué hace el siguiente selector CSS? input[type=”text”]:focus
a) Aplica estilo a los campos de texto que han sido tocados por el usuario.
b) Aplica estilo a todos los campos de texto cuando están enfocados.
c) Aplica estilo a todos los campos de texto no enfocados.
d) Aplica estilo a los campos de texto de solo lectura.
B
Aplica estilo a todos los campos de texto cuando están enfocados.
cual es el motor de renderizado de safari ?
WebKit
que funcionalidad realiza AJAX ?
AJAX (Asynchronous JavaScript and XML) es una técnica de desarrollo web que permite a las aplicaciones web realizar peticiones al servidor de manera asíncrona (es decir, sin tener que recargar la página web). Con AJAX, una página web puede actualizarse parcialmente sin tener que cargar todo el contenido desde el servidor nuevamente, lo que mejora significativamente la experiencia del usuario y la eficiencia de la aplicación.
En el equipo de desarrollo se ha decidido usar Selenium WebDriver para:
a) Mejorar la accesibilidad de las páginas web facilitando audios a partir del texto.
b) Automatizar la ejecución de pruebas en el navegador.
c) Minimizar el tiempo de carga de la página web.
d) Diseñar páginas web adaptables.
B
Automatizar la ejecución de pruebas en el navegador.
¿Qué herramienta se utiliza para realizar pruebas de rendimiento y carga en una aplicación web?
a) JUnit
b) Selenium WebDriver
c) Apache JMeter
d) Mockito
C
Apache JMeter
¿Qué herramienta se utiliza para la automatización de pruebas unitarias en aplicaciones Java?
a) Appium
b) JUnit
c) Cypress
d) Selenium
B
JUnit
¿Qué herramienta se utiliza para realizar pruebas de interfaz de usuario (UI) en aplicaciones móviles?
a) Selenium WebDriver
b) Appium
c) JUnit
d) Mocha
B
Appium
¿Qué framework se utiliza para realizar pruebas de extremo a extremo (end-to-end) en aplicaciones web?
a) Jest
b) Cypress
c) Jasmine
d) Spring Test
B
Cypress
¿Qué herramienta de JavaScript se utiliza para la automatización de pruebas de interfaz de usuario (UI) y pruebas end-to-end en aplicaciones web?
a) Selenium
b) Karma
c) Puppeteer
d) Jest
C
Puppeteer
¿Cuál de los siguientes lenguajes de estilos emplearía si le piden modificar el color de un botón en el frontal web?
a) XML
b) SGML
c) XSL
d) CSS
D
CSS
¿Qué lenguaje se utiliza para estructurar el contenido de una página web, como los encabezados, párrafos y enlaces?
a) CSS
b) JavaScript
c) HTML
d) PHP
C
HTML
¿Qué lenguaje de programación se utiliza comúnmente para agregar interactividad a una página web, como animaciones y validaciones de formularios?
a) CSS
b) Python
c) JavaScript
d) Ruby
C
JavaScript
¿Qué tecnología permite hacer que una página web responda automáticamente a diferentes tamaños de pantalla, adaptándose a dispositivos móviles, tabletas y escritorios?
a) JavaScript
b) CSS Flexbox
c) HTML
d) WebAssembly
B
CSS Flexbox
¿Qué tecnología o lenguaje se utiliza para modificar dinámicamente el contenido y la estructura de una página web sin recargarla?
a) PHP
b) JavaScript
c) CSS
d) SQL
B
JavaScript
¿Qué preprocesador de CSS permite utilizar variables, anidamiento y funciones, mejorando la mantenibilidad y organización del código de estilo?
a) LESS
b) JavaScript
c) HTML5
d) XML
A
LESS
¿Qué conjunto de herramientas de presentación y comportamiento ofrece componentes para trabajar en la parte dinámica del frontal web HTML?
a) NumPy
b) ActiveMQ
c) Bootstrap
d) TensorFlow
C
Bootstrap
¿Qué framework de JavaScript es ampliamente utilizado para crear interfaces de usuario interactivas y se basa en el concepto de componentes reutilizables?
a) Angular
b) Flask
c) Django
d) Spring
A
Angular
¿Qué biblioteca de JavaScript se utiliza principalmente para construir interfaces de usuario interactivas y se destaca por su rendimiento y simplicidad en la manipulación del DOM?
a) React
b) Vue.js
c) Backbone.js
d) Node.js
A
React
¿Qué herramienta se utiliza para crear interfaces web responsivas y se basa en un sistema de rejilla flexible, con clases prediseñadas para adaptarse a diferentes tamaños de pantalla?
a) Bootstrap
b) Node.js
c) jQuery
d) Express.js
A
Bootstrap
¿Qué biblioteca JavaScript permite manejar el enrutamiento de una aplicación web de una sola página (SPA) de manera sencilla, sin necesidad de recargar la página?
a) React Router
b) jQuery UI
c) Lodash
d) Mocha
A
React Router
¿Qué plataforma de desarrollo full-stack permite la creación de aplicaciones web con JavaScript tanto en el cliente como en el servidor?
a) Node.js
b) Flask
c) Laravel
d) Ruby on Rails
A
Node.js
¿Qué método estático usaría para convertir una cadena JSON en un valor u objeto javascript?:
a) JSON.parse()
b) JSON.stringify()
c) let obj = JSON
d) let obj = New JSON
A
JSON.parse()
¿Qué método se utiliza en JavaScript para convertir un objeto JavaScript en una cadena JSON?
a) JSON.parse()
b) JSON.stringify()
c) Object.toJSON()
d) Object.parse()
B
JSON.stringify()
¿Qué función de JavaScript se utiliza para verificar si una cadena de texto es un JSON válido?
a) JSON.isValid()
b) JSON.parse()
c) JSON.stringify()
d) JSON.validate()
B
JSON.parse()
¿Cuál de las siguientes opciones es una manera correcta de acceder a una propiedad dentro de un objeto JSON en JavaScript?
a) json[“property”]
b) json.property()
c) json{property}
d) json->property
A
json[“property”]
¿Qué método de JavaScript se utiliza para convertir un objeto en un string JSON, pero omitiendo las propiedades null?
a) JSON.stringify()
b) JSON.stringify() con replacer
c) JSON.parse()
d) Object.assign()
B
JSON.stringify() con replacer
¿Qué método de JavaScript se utiliza para convertir una cadena JSON en un objeto de JavaScript, pero sin lanzar errores si la cadena no es válida?
a) try…catch + JSON.parse()
b) JSON.tryParse()
c) JSON.parse() con validación
d) Object.fromJSON()
A
try…catch + JSON.parse()
cual es el motor de renderizado de edge ?
Blink
Microsoft Edge utiliza Blink como motor de renderizado desde su versión basada en Chromium (lanzada en 2020).
Anteriormente, la versión original de Edge (conocida como Edge Legacy, disponible entre 2015 y 2020) usaba el motor EdgeHTML, que a su vez era un fork de Trident, el motor de Internet Explorer.
En relación a las técnicas utilizadas en las aplicaciones Javascript, señale la respuesta INCORRECTA:
a) Tree shaking realiza la eliminación de código muerto, es decir, código Javascript que no
se utiliza en la aplicación.
b) Lazy Load retrasa la descarga de elementos, como por ejemplo las imágenes, hasta que sean necesarios.
c) Minification consiste en la eliminación de datos innecesarios o redundantes, como por ejemplo comentarios o espacios en blanco.
d) Debounce consiste en dividir el código de la aplicación en archivos más pequeños, para
que el navegador descargue sólo los módulos necesarios en cada momento.
D
Debounce consiste en dividir el código de la aplicación en archivos más pequeños, para
que el navegador descargue sólo los módulos necesarios en cada momento.
¿Cuál de las siguientes NO es una técnica de optimización de rendimiento en aplicaciones web?
a) Code splitting
b) Caching
c) Throttling
d) Recursion
D
Recursion
¿Qué técnica se utiliza para limitar la frecuencia con la que se ejecuta una función, especialmente útil para eventos como scroll o resize?
a) Debounce
b) Memoization
c) Lazy evaluation
d) Hoisting
A
Debounce
¿Cuál de las siguientes es una característica de los Service Workers en aplicaciones web progresivas (PWA)?
a) Ejecutar código JavaScript en el hilo principal del navegador
b) Permitir funcionalidad offline
c) Renderizar la interfaz de usuario
d) Gestionar el estado global de la aplicación
B
Permitir funcionalidad offline
¿Qué técnica se utiliza para combinar múltiples archivos CSS o JavaScript en uno solo para reducir el número de solicitudes HTTP?
a) Minification
b) Bundling
c) Tree shaking
d) Code splitting
B
Bundling
¿Cuál de las siguientes NO es una ventaja de usar WebAssembly en aplicaciones web?
a) Mejor rendimiento para tareas computacionalmente intensivas
b) Posibilidad de usar lenguajes como C++ en el navegador
c) Menor tamaño de descarga comparado con JavaScript
d) Mayor seguridad al no exponer el código fuente
C
Menor tamaño de descarga comparado con JavaScript
Señale la pila tecnológica en la que se utiliza Javascript o Typescript en todos sus elementos:
a) Vue.js, Node.js, Django y SQLAlchemy.
b) Angular, Oak, Deno, Doctrine.
c) React, Node.js, Express.js, Mongoose.
d) Rust, Rocket, Deno, Sequelize.
C
React, Node.js, Express.js, Mongoose.
¿Cuál de las siguientes combinaciones representa una pila tecnológica completa basada en Python?
a) Django, Flask, SQLAlchemy, PostgreSQL
b) FastAPI, React, MongoDB, Node.js
c) Laravel, Vue.js, MySQL, PHP
d) Spring Boot, Angular, Oracle, Java
A
Django, Flask, SQLAlchemy, PostgreSQL
¿Cuál de las siguientes opciones representa una pila tecnológica típica para desarrollo de aplicaciones móviles nativas en iOS?
a) Kotlin, Android Studio, SQLite
b) Swift, Xcode, Core Data
c) React Native, JavaScript, Firebase
d) Java, Eclipse, Room
B
Swift, Xcode, Core Data
¿Cuál de las siguientes es una pila tecnológica completa basada en Microsoft?
a) .NET Core, C#, SQL Server, Azure
b) Node.js, Express, MongoDB, Heroku
c) Ruby on Rails, PostgreSQL, Heroku
d) PHP, Laravel, MySQL, DigitalOcean
A
.NET Core, C#, SQL Server, Azure
¿Cuál es la última versión de Java con LTS (Long Time Support)?
a) Java SE 17.
b) Java SE 19.
c) Java SE 21.
d) Java SE 23.
C
Java SE 21.
¿Cuál es la última versión estable de Python a fecha de enero de 2025?
a) Python 3.10
b) Python 3.11
c) Python 3.12
d) Python 4.0
C
Python 3.12
¿En qué versión de C# se introdujeron los registros (records)?
a) C# 8.0
b) C# 9.0
c) C# 10.0
d) C# 11.0
B
C# 9.0
En una aplicación Java, cuando se crea una instancia de una clase utilizando la palabra reservada “new”, ¿en qué parte de la JVM se almacena el objeto?
a) Method Area.
b) Heap.
c) Stack.
d) JNI.
Cual de las siguientes etiquetas HTML se corresponde con una palabra destacada ?
a) b
b) strong
c) i
d) em
B
strong
La etiqueta <strong> se utiliza para destacar texto con énfasis fuerte, mientras que la etiqueta <b> se utiliza para poner el texto en negrita sin necesariamente implicar un énfasis. La etiqueta <i> se usa para texto en cursiva y <em> para texto con énfasis leve.</em></i></b></strong>
¿Cuál de las siguientes respuestas NO es una herramienta de IaC (Infraestructure as Code)?
a) Terraform.
b) Puppet.
c) Pulumi.
d) Pulsonic.
D
Pulsonic
¿Cuál de las siguientes opciones NO es un protocolo comúnmente utilizado en la gestión de redes de computadoras?
a) SNMP
b) HTTP
c) FTP
d) Zabbix
D
Zabbix
Zabbix es una herramienta de monitoreo de infraestructura, no un protocolo. SNMP, HTTP y FTP son protocolos utilizados en la gestión de redes.
¿Cuál de las siguientes herramientas es utilizada para la automatización de la configuración de sistemas en infraestructuras IT?
a) Docker
b) Ansible
c) Kubernetes
d) Jenkins
B
Ansible
¿Qué característica define a un contenedor Docker frente a una máquina virtual?
a) Los contenedores Docker son más pesados en cuanto a recursos.
b) Los contenedores Docker incluyen un sistema operativo completo.
c) Los contenedores Docker comparten el mismo sistema operativo del host.
d) Los contenedores Docker no son portables.
C
Los contenedores Docker comparten el mismo sistema operativo del host.
En el contexto de redes de área local (LAN), ¿qué tecnología es utilizada para la implementación de redes cableadas de alta velocidad?
a) Wi-Fi 6
b) Ethernet
c) Bluetooth
d) Zigbee
B
Ethernet
¿Qué tipo de almacenamiento en la nube proporciona acceso a los archivos como si fueran un sistema de archivos tradicional, pero gestionado y accesible desde la nube?
a) Almacenamiento en bloque
b) Almacenamiento en objetos
c) Almacenamiento en archivos
d) Almacenamiento en caché
C
Almacenamiento en archivos
Cuáles son las principales ventajas de utilizar JSON en vez de XML para SOA?
a) Es más ligero tanto en procesamiento como en peso, menos complejo, visualmente más claro y más flexible.
b) Es más ligero en peso, menos complejo, visualmente más claro y más flexible.
c) Es más ligero tanto en procesamiento como en peso, menos complejo, visualmente más claro, validable mediante un WSDL y más flexible.
d) Es un protocolo estandarizado más ligero tanto en procesamiento como en peso, visualmente más claro y más flexible.
A
Es más ligero tanto en procesamiento como en peso, menos complejo, visualmente más claro y más flexible.
Descartamos otras opciones porque:
(b) No menciona el beneficio en el procesamiento, que es una ventaja clave.
(c) JSON no se valida mediante WSDL, ya que WSDL (Web Services Description Language) está diseñado para servicios basados en XML/SOAP.
(d) JSON no es un protocolo, sino un formato de intercambio de datos.
¿Cuál es la principal diferencia entre los servicios web basados en SOAP y los basados en REST?
a) SOAP usa exclusivamente JSON, mientras que REST solo usa XML.
b) SOAP es más ligero y flexible que REST.
c) REST es más sencillo y utiliza estándares como HTTP, mientras que SOAP usa XML y es más estructurado.
d) REST requiere un WSDL para definir sus operaciones, mientras que SOAP no lo necesita.
C
REST es más sencillo y utiliza estándares como HTTP, mientras que SOAP usa XML y es más estructurado.
¿Cuál de las siguientes afirmaciones sobre GraphQL es correcta?
a) GraphQL permite a los clientes solicitar solo los datos que necesitan, reduciendo la sobrecarga de la red.
b) GraphQL solo funciona con bases de datos NoSQL.
c) GraphQL es más seguro que REST porque cifra automáticamente las respuestas.
d) GraphQL es un protocolo de mensajería en tiempo real basado en XML.
A
GraphQL permite a los clientes solicitar solo los datos que necesitan, reduciendo la sobrecarga de la red.
¿Qué característica distingue a un API RESTful de un API SOAP?
a) Un API RESTful siempre usa el protocolo SMTP, mientras que SOAP usa HTTP.
b) Un API RESTful es stateless (sin estado), mientras que SOAP mantiene el estado de la comunicación.
c) Un API RESTful requiere siempre WSDL para definir sus operaciones, mientras que SOAP no.
d) SOAP es el único protocolo que permite la comunicación entre sistemas heterogéneos.
B
Un API RESTful es stateless (sin estado), mientras que SOAP mantiene el estado de la comunicación.
Dime 3 preprocesadores de CSS
Sass / Less / Stylus
Sass (Syntactically Awesome Stylesheets) → Uno de los más populares, permite el uso de variables, mixins, anidamiento y más. Tiene dos sintaxis: SCSS (similar a CSS) y SASS (sin llaves ni punto y coma).
Less (Leaner Style Sheets) → Similar a Sass, pero con una sintaxis más parecida a CSS y compatible con Node.js. Usa variables, funciones y mixins.
Stylus → Ofrece una sintaxis flexible sin necesidad de llaves ni punto y coma, con características avanzadas como funciones y manipulación de colores.
¿Cuál de los siguientes preprocesadores de CSS permite dos sintaxis diferentes, una de las cuales (SCSS) se asemeja a la sintaxis tradicional de CSS y otra (SASS) sin llaves ni punto y coma?
A) Less
B) Sass
C) Stylus
D) PostCSS
B
Sass
En el preprocesador Less, ¿cómo se declara una variable?
A) $variable: valor;
B) @variable: valor;
C) –variable: valor;
D) var variable = valor;
B
@variable: valor;
¿Cuál de las siguientes opciones es CIERTA sobre las hojas de estilo XSLT?
A) XSLT es un lenguaje declarativo, no contiene una secuencia de instrucciones, sino plantillas a aplicar.
B) Las hojas de estilo XSLT, una vez aplicadas sobre un XML, sólo pueden generar otro XML.
C) Dado un documento XML sólo se le puede aplicar una única hoja de estilo XSLT.
D) La sintaxis de las hojas XSLT no está en formato XML.
A
XSLT es un lenguaje declarativo, no contiene una secuencia de instrucciones, sino plantillas a aplicar.
¿Cuál es el motor de renderizado de Internet Explorer?
Trident
¿En cuál de estas situaciones se podría usar apropiadamente la etiqueta small?
a) Texto con alguna aclaración o puntualización menor dentro de la frase
b) Texto con menos importancia dentro la frase
c) Definición de término entre paréntesis
d) Inserción de contenido de otra fuente
A
Texto con alguna aclaración o puntualización menor dentro de la frase
¿En qué consiste JAXB?
a) Es una API de Java para manipular bases de datos relacionales
b) Es una API de Java para convertir objetos Java a XML y viceversa
c) Es un framework de seguridad para aplicaciones web en Java
d) Es una herramienta para la compilación de código Java
B
Es una API de Java para convertir objetos Java a XML y viceversa
¿Cuál es el propósito principal de JAXB en Java?
a) Proporcionar seguridad a las aplicaciones Java
b) Gestionar conexiones a bases de datos
c) Serializar y deserializar objetos Java en XML
d) Optimizar el rendimiento de la máquina virtual de Java
C
Serializar y deserializar objetos Java en XML
¿Cuál de los siguientes procesos describe mejor el uso de JAXB?
a) Permite la conversión de XML a JSON automáticamente
b) Facilita la persistencia de datos en bases de datos relacionales
c) Convierte objetos Java en representaciones XML y viceversa
d) Mejora el rendimiento del recolector de basura en la JVM
C
Convierte objetos Java en representaciones XML y viceversa
Novedades de HTML 5
- Etiquetas semánticas
- Etiquetas dedicadas a multimedia
¿Qué editores se pueden usar para desarrollar en HTML5?
- Sublime
- Atom
- Visual Studio Code
En CSS, ¿cuál es el atributo correcto para enlazar una hoja de estilos?
a) link rel=”src”
b) link rel=”href”
B
link rel=”href”
<link></link>
Dentro de un documento XML, si no queremos que el parser analice un cierto texto dentro un elemento, ¿cómo debemos de especificarlo?
a) <[EXCLUDE[….]]>
b) <![CDATA[….]]>
c) <![PCDATA[…]]>
d) <[IGNORE[…]]>
B
<![CDATA[….]]>
CDATA > SON COMENTARIOS
Señale la respuesta INCORRECTA respecto a PHP
a) Forma parte de la arquitectura LAMP
b) Drupal es un CMS desarrollado en PHP
c) WordPress es un CMS desarrollado en PHP
d) No se puede interpretar y ejecutar PHP a través de una interfaz de línea de comandos (CLI)
D
No se puede interpretar y ejecutar PHP a través de una interfaz de línea de comandos (CLI)
¿Cuál de las siguientes características NO es obligatoria para que un XML se considere documento bien formado?
a) Debe comenzar con una declaración XML
b) Cumple las especificaciones de una DTD o XML Schema
c) Los elementos deben estar cerrados y correctamente anidados
d) Los valores de los atributos deben ir entre comillas
D
Los valores de los atributos deben ir entre comillas
Indique cuál de las siguientes afirmaciones es INCORRECTA
a) Una aplicación PWA puede ser ejecutada en dispositivos móviles sin conexión
b) Las PWA permiten notificaciones “push”
c) Las PWA no permiten el almacenamiento de datos de usuario
d) Las PWA pueden ser utilizadas tanto en dispositivos móviles como en aplicaciones de escritorio
C
Las PWA no permiten el almacenamiento de datos de usuario
¿Cuál es una característica de PHP?
a) Es un lenguaje compilado.
b) Solo funciona en servidores Windows.
c) Es un lenguaje de código abierto y multiplataforma.
d) No soporta bases de datos.
C
Es un lenguaje de código abierto y multiplataforma.
¿Qué estructura tienen las declaraciones de xAPI para registrar eventos de aprendizaje?
a) <usuario, evento, curso>.
b) <actor, verbo, objeto>.
c) <rol, acción, contexto>.
d) <alumno, tarea, resultado>.
B
<actor, verbo, objeto>.
Respecto a la etiqueta code…
a) Sirve para representar código y no preserva espacios y saltos de línea tal y como se introdujeron
b) Pone el texto en cursiva
c) Sirve para representar código y preserva espacios y saltos de línea tal y como se introdujeron
d) Representa la salida de un programa
A
Sirve para representar código y no preserva espacios y saltos de línea tal y como se introdujeron
¿cuál es una de las principales razones por las que se considera una buena práctica descargar y utilizar archivos HTML locales al realizar web scraping, en lugar de hacer peticiones en vivo al sitio web cada vez?
a) Permite analizar la estructura exacta del DOM (Document Object Model) tal como se presenta dinámicamente en el navegador.
b) Reduce la carga en el servidor web de destino, haciéndonos más “amables” con el sitio web.
c) Garantiza que siempre se estén utilizando los datos más recientes disponibles en el sitio web.
d) Simplifica la implementación del código de raspado al eliminar la necesidad de manejar las respuestas HTTP.
B
Reduce la carga en el servidor web de destino, haciéndonos más “amables” con el sitio web.
