Desarrollo web: HTML, XML y lenguajes de script — Test de Cuerpo de Técnicos Auxiliares de Informática de la Administración del Estado

Esta sección revela las respuestas correctas. Te recomendamos hacer el test antes de consultarla.

• En HTML5, ¿qué elemento semántico se utiliza para representar la cabecera principal de una página o sección?

  Respuesta correcta: <header>

  Según la especificación HTML5, el elemento <header> representa un grupo de contenido introductorio o de navegación.

• En HTML5, ¿qué atributo se utiliza para indicar que un campo de formulario es obligatorio?

  Respuesta correcta: required

  HTML5 define el atributo booleano 'required' para campos de formulario, que indica que el campo debe ser completado antes de enviar el formulario.

• En HTML5, ¿qué elemento se utiliza para incrustar contenido de video?

  Respuesta correcta: <video>

  La especificación HTML5 define el elemento <video> para incrustar y controlar contenido de video.

• En HTML5, ¿qué elemento semántico se utiliza para contenido autónomo e independiente?

  Respuesta correcta: <article>

  HTML5 especifica que el elemento <article> representa una composición autónoma en un documento, página, aplicación o sitio.

• En la API de Canvas de HTML5, ¿qué método se utiliza para dibujar un rectángulo relleno?

  Respuesta correcta: fillRect()

  La especificación HTML5 Canvas define el método fillRect(x, y, width, height) para dibujar un rectángulo relleno.

• En CSS3, ¿qué sintaxis se utiliza para seleccionar elementos basados en un atributo específico?

  Respuesta correcta: [attr]

  CSS3 permite selectores de atributo, como [attr], para seleccionar elementos que tienen un atributo determinado.

• En CSS3, ¿qué propiedad y valor se utilizan para incluir el padding y el border en el ancho total de un elemento?

  Respuesta correcta: box-sizing: border-box

  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.

• En CSS Flexbox, ¿qué propiedad se utiliza para alinear los elementos a lo largo del eje transversal?

  Respuesta correcta: align-items

  La especificación CSS Flexbox define align-items para alinear elementos en el eje transversal del contenedor.

• En CSS Grid, ¿qué unidad se introduce para representar una fracción del espacio disponible?

  Respuesta correcta: fr

  CSS Grid introduce la unidad 'fr' (fracción) para distribuir el espacio disponible en proporciones.

• En CSS3, ¿cuál es la sintaxis correcta para aplicar estilos solo en pantallas con un ancho máximo de 768px?

  Respuesta correcta: @media screen and (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).

• En una DTD de XML, ¿cómo se declara un elemento que puede contener solo texto?

  Respuesta correcta: <!ELEMENT elem (#PCDATA)>

  En DTD, #PCDATA (Parsed Character Data) indica que el elemento contiene texto parseado.

• En XML Schema (XSD), ¿cuál es el tipo de dato predefinido para cadenas de caracteres?

  Respuesta correcta: xs:string

  XSD define xs:string como el tipo de dato para cadenas de caracteres, según la especificación W3C XML Schema.

• En XSLT, ¿qué elemento se utiliza para aplicar plantillas a los nodos hijos del nodo actual?

  Respuesta correcta: <xsl:apply-templates/>

  XSLT especifica que <xsl:apply-templates> aplica plantillas a los nodos hijos del contexto actual.

• En XPath, ¿qué expresión selecciona todos los elementos hijos del nodo actual?

  Respuesta correcta: child::*

  XPath define el eje 'child::' para seleccionar los hijos del nodo contexto; child::* selecciona todos los elementos hijos.

• En JavaScript, ¿qué método del DOM se utiliza para seleccionar un elemento por su id?

  Respuesta correcta: document.getElementById()

  El estándar DOM define document.getElementById(id) como el método para obtener un elemento por su id único.

• En JavaScript, ¿cuál es el método estándar para agregar un manejador de eventos a un elemento?

  Respuesta correcta: addEventListener()

  El estándar DOM Level 2 Events define addEventListener() como el método recomendado para registrar manejadores de eventos.

• En AJAX, ¿qué objeto se utiliza tradicionalmente para realizar peticiones HTTP asíncronas en los navegadores?

  Respuesta correcta: XMLHttpRequest

  AJAX se basa en el objeto XMLHttpRequest, definido en la especificación XMLHttpRequest del W3C.

• En JavaScript ES6, ¿qué palabra clave se introduce para declarar variables con alcance de bloque?

  Respuesta correcta: let

  ECMAScript 6 (ES6) introduce 'let' para declarar variables limitadas al bloque, statement o expresión donde se usan.

• En JavaScript ES6, ¿cuál es la sintaxis correcta para desestructurar un array en variables?

  Respuesta correcta: [a, b] = array

  ES6 introduce la desestructuración de arrays con la sintaxis [a, b] = array, que asigna elementos del array a variables.

• En JavaScript, ¿qué método de una promesa se utiliza para manejar su resolución exitosa?

  Respuesta correcta: .then()

  El estándar ECMAScript para promesas define .then() como el método para registrar callbacks cuando la promesa se cumple.

• En TypeScript, ¿cómo se declara una variable de tipo número?

  Respuesta correcta: let num: number

  TypeScript sigue el sistema de tipos de JavaScript; 'number' es el tipo para valores numéricos, según la especificación TypeScript.

• En TypeScript, ¿qué palabra clave se utiliza para definir una interfaz?

  Respuesta correcta: interface

  TypeScript introduce 'interface' para definir la forma de un objeto, como se especifica en la documentación oficial.

• ¿Qué extensión de archivo se utiliza comúnmente para código fuente TypeScript?

  Respuesta correcta: .ts

  TypeScript usa la extensión .ts para archivos fuente, según la configuración estándar del compilador de TypeScript.

• En React, ¿qué hook se utiliza para manejar el estado en componentes funcionales?

  Respuesta correcta: useState

  React introduce el hook useState para agregar estado local a componentes funcionales, según la documentación de React.

• En React, ¿qué método se utiliza para renderizar un componente en el DOM?

  Respuesta correcta: ReactDOM.render()

  ReactDOM.render() es el método estándar para renderizar elementos React en un contenedor del DOM, según la API de ReactDOM.

• En Angular, ¿qué decorador se utiliza para definir un componente?

  Respuesta correcta: @Component

  Angular utiliza @Component para decorar clases como componentes, según la especificación de Angular.

• En Angular, ¿qué sintaxis se utiliza para el enlace de propiedades (property binding) en una plantilla?

  Respuesta correcta: [property]="value"

  Angular define [property]="value" para enlazar una propiedad de un elemento a una expresión, según la documentación de Angular.

• En Vue.js, ¿qué directiva se utiliza para enlazar dinámicamente un atributo?

  Respuesta correcta: v-bind

  Vue.js proporciona la directiva v-bind para enlazar atributos dinámicamente, según la guía oficial de Vue.

• En Vue.js, ¿qué opción de un componente se utiliza para definir datos reactivos?

  Respuesta correcta: data

  Vue.js especifica que la opción 'data' define las variables reactivas en un componente, según la documentación de Vue.

• En el ecosistema de React, ¿qué librería se utiliza comúnmente para el manejo de estado global?

  Respuesta correcta: Redux

  Redux es una librería popular para gestionar el estado global en aplicaciones React, según su documentación oficial.