Desarrollo web: HTML, XML y lenguajes de script — Cuerpo de Técnicos Auxiliares de Informática de la Administración del Estado
Test de 30 preguntas con explicaciones justificadas.
Pregunta 1: En HTML5, ¿qué elemento semántico se utiliza para representar la cabecera principal de una página o sección?
- A) <header>
- B) <head>
- C) <h1>
- D) <top>
Según la especificación HTML5, el elemento <header> representa un grupo de contenido introductorio o de navegación.
Pregunta 2: En HTML5, ¿qué atributo se utiliza para indicar que un campo de formulario es obligatorio?
- A) validate
- B) required
- C) mandatory
- D) necessary
HTML5 define el atributo booleano 'required' para campos de formulario, que indica que el campo debe ser completado antes de enviar el formulario.
Pregunta 3: En HTML5, ¿qué elemento se utiliza para incrustar contenido de video?
- A) <media>
- B) <movie>
- C) <video>
- D) <embed>
La especificación HTML5 define el elemento <video> para incrustar y controlar contenido de video.
Pregunta 4: En HTML5, ¿qué elemento semántico se utiliza para contenido autónomo e independiente?
- A) <section>
- B) <div>
- C) <independent>
- D) <article>
HTML5 especifica que el elemento <article> representa una composición autónoma en un documento, página, aplicación o sitio.
Pregunta 5: En la API de Canvas de HTML5, ¿qué método se utiliza para dibujar un rectángulo relleno?
- A) fillRect()
- B) drawRect()
- C) rectangle()
- D) square()
La especificación HTML5 Canvas define el método fillRect(x, y, width, height) para dibujar un rectángulo relleno.
Pregunta 6: En CSS3, ¿qué sintaxis se utiliza para seleccionar elementos basados en un atributo específico?
- A) .attr
- B) [attr]
- C) #attr
- D) attr()
CSS3 permite selectores de atributo, como [attr], para seleccionar elementos que tienen un atributo determinado.
Pregunta 7: En CSS3, ¿qué propiedad y valor se utilizan para incluir el padding y el border en el ancho total de un elemento?
- A) box-model: border
- B) width: include-padding
- C) box-sizing: border-box
- D) box-type: border
CSS3 define la propiedad box-sizing con el valor border-box, que incluye el padding y el border en el cálculo del width y height.
Pregunta 8: En CSS Flexbox, ¿qué propiedad se utiliza para alinear los elementos a lo largo del eje transversal?
- A) justify-content
- B) align-content
- C) vertical-align
- D) align-items
La especificación CSS Flexbox define align-items para alinear elementos en el eje transversal del contenedor.
Pregunta 9: En CSS Grid, ¿qué unidad se introduce para representar una fracción del espacio disponible?
- A) fr
- B) flex
- C) auto
- D) minmax()
CSS Grid introduce la unidad 'fr' (fracción) para distribuir el espacio disponible en proporciones.
Pregunta 10: En CSS3, ¿cuál es la sintaxis correcta para aplicar estilos solo en pantallas con un ancho máximo de 768px?
- A) @media (max-width: 768px)
- B) @media screen and (max-width: 768px)
- C) @media (width <= 768px)
- D) @media max-width: 768px
Según la especificación CSS3 Media Queries, la sintaxis completa incluye el tipo de medio (screen) y la condición (max-width: 768px).
Pregunta 11: En una DTD de XML, ¿cómo se declara un elemento que puede contener solo texto?
- A) <!ENTITY elem "text">
- B) <!ATTLIST elem CDATA>
- C) <!ELEMENT elem (#PCDATA)>
- D) <!ELEMENT elem (TEXT)>
En DTD, #PCDATA (Parsed Character Data) indica que el elemento contiene texto parseado.
Pregunta 12: En XML Schema (XSD), ¿cuál es el tipo de dato predefinido para cadenas de caracteres?
- A) xsd:string
- B) string
- C) xs:character
- D) xs:string
XSD define xs:string como el tipo de dato para cadenas de caracteres, según la especificación W3C XML Schema.
Pregunta 13: En XSLT, ¿qué elemento se utiliza para aplicar plantillas a los nodos hijos del nodo actual?
- A) <xsl:apply-templates/>
- B) <xsl:template match="...">
- C) <xsl:call-template/>
- D) <xsl:for-each>
XSLT especifica que <xsl:apply-templates> aplica plantillas a los nodos hijos del contexto actual.
Pregunta 14: En XPath, ¿qué expresión selecciona todos los elementos hijos del nodo actual?
- A) //*
- B) child::*
- C) /*
- D) descendant::*
XPath define el eje 'child::' para seleccionar los hijos del nodo contexto; child::* selecciona todos los elementos hijos.
Pregunta 15: En JavaScript, ¿qué método del DOM se utiliza para seleccionar un elemento por su id?
- A) document.querySelector('#id')
- B) document.getElementsById()
- C) document.getElementById()
- D) document.findElementById()
El estándar DOM define document.getElementById(id) como el método para obtener un elemento por su id único.
Pregunta 16: En JavaScript, ¿cuál es el método estándar para agregar un manejador de eventos a un elemento?
- A) onclick
- B) attachEvent()
- C) setEventHandler()
- D) addEventListener()
El estándar DOM Level 2 Events define addEventListener() como el método recomendado para registrar manejadores de eventos.
Pregunta 17: En AJAX, ¿qué objeto se utiliza tradicionalmente para realizar peticiones HTTP asíncronas en los navegadores?
- A) XMLHttpRequest
- B) ActiveXObject
- C) HttpRequest
- D) fetch()
AJAX se basa en el objeto XMLHttpRequest, definido en la especificación XMLHttpRequest del W3C.
Pregunta 18: En JavaScript ES6, ¿qué palabra clave se introduce para declarar variables con alcance de bloque?
- A) var
- B) let
- C) const
- D) block
ECMAScript 6 (ES6) introduce 'let' para declarar variables limitadas al bloque, statement o expresión donde se usan.
Pregunta 19: En JavaScript ES6, ¿cuál es la sintaxis correcta para desestructurar un array en variables?
- A) ...array
- B) {a, b} = array
- C) [a, b] = array
- D) array.desctructure()
ES6 introduce la desestructuración de arrays con la sintaxis [a, b] = array, que asigna elementos del array a variables.
Pregunta 20: En JavaScript, ¿qué método de una promesa se utiliza para manejar su resolución exitosa?
- A) .catch()
- B) .finally()
- C) .resolve()
- D) .then()
El estándar ECMAScript para promesas define .then() como el método para registrar callbacks cuando la promesa se cumple.
Pregunta 21: En TypeScript, ¿cómo se declara una variable de tipo número?
- A) let num: number
- B) let num: Number
- C) let num: int
- D) let num: numeric
TypeScript sigue el sistema de tipos de JavaScript; 'number' es el tipo para valores numéricos, según la especificación TypeScript.
Pregunta 22: En TypeScript, ¿qué palabra clave se utiliza para definir una interfaz?
- A) class
- B) interface
- C) type
- D) struct
TypeScript introduce 'interface' para definir la forma de un objeto, como se especifica en la documentación oficial.
Pregunta 23: ¿Qué extensión de archivo se utiliza comúnmente para código fuente TypeScript?
- A) .typescript
- B) .tsx
- C) .ts
- D) .js
TypeScript usa la extensión .ts para archivos fuente, según la configuración estándar del compilador de TypeScript.
Pregunta 24: En React, ¿qué hook se utiliza para manejar el estado en componentes funcionales?
- A) useEffect
- B) useReducer
- C) useContext
- D) useState
React introduce el hook useState para agregar estado local a componentes funcionales, según la documentación de React.
Pregunta 25: En React, ¿qué método se utiliza para renderizar un componente en el DOM?
- A) ReactDOM.render()
- B) React.render()
- C) render()
- D) mount()
ReactDOM.render() es el método estándar para renderizar elementos React en un contenedor del DOM, según la API de ReactDOM.
Pregunta 26: En Angular, ¿qué decorador se utiliza para definir un componente?
- A) @Directive
- B) @Component
- C) @Injectable
- D) @NgModule
Angular utiliza @Component para decorar clases como componentes, según la especificación de Angular.
Pregunta 27: En Angular, ¿qué sintaxis se utiliza para el enlace de propiedades (property binding) en una plantilla?
- A) {{value}}
- B) (property)="value"
- C) [property]="value"
- D) *ngIf="condition"
Angular define [property]="value" para enlazar una propiedad de un elemento a una expresión, según la documentación de Angular.
Pregunta 28: En Vue.js, ¿qué directiva se utiliza para enlazar dinámicamente un atributo?
- A) v-model
- B) v-if
- C) v-for
- D) v-bind
Vue.js proporciona la directiva v-bind para enlazar atributos dinámicamente, según la guía oficial de Vue.
Pregunta 29: En Vue.js, ¿qué opción de un componente se utiliza para definir datos reactivos?
- A) data
- B) props
- C) methods
- D) computed
Vue.js especifica que la opción 'data' define las variables reactivas en un componente, según la documentación de Vue.
Pregunta 30: En el ecosistema de React, ¿qué librería se utiliza comúnmente para el manejo de estado global?
- A) Vuex
- B) Redux
- C) NgRx
- D) MobX
Redux es una librería popular para gestionar el estado global en aplicaciones React, según su documentación oficial.