TAICordcss intenso 3
Por xd4z
Récord
🏆 6.67
Media
📊 5.33
Sesiones
2
| # | Pregunta | Opciones | Tiempo |
|---|---|---|---|
| 1 | ¿Cuál de las siguientes herramientas se clasifica como preprocesador CSS y permite usar variables, anidamiento y mixins, generando CSS estándar como resultado? |
PostCSS, que es un linter de reglas CSS que detecta errores de sintaxis ✓ SASS, que es un superlenguaje de CSS que transpila código fuente a CSS estándar Bootstrap, que es un framework CSS basado en clases utilitarias predefinidas Babel, que es un transpilador de JavaScript moderno a versiones anteriores del lenguaje
|
30s |
| 2 | En CSS, ¿qué diferencia sintáctica y conceptual existe entre las pseudo-clases y los pseudo-elementos? |
Ambos usan el prefijo :: y seleccionan partes de un elemento No existe diferencia: ambos se aplican con un solo : y representan estados del elemento Las pseudo-clases se declaran con un solo : y representan estados del documento, mientras que el uso de :: se restringe exclusivamente a las media queries ✓ Las pseudo-clases usan un solo : y definen estados de un elemento, mientras que los pseudo-elementos usan :: y seleccionan partes concretas del elemento
|
30s |
| 3 | En CSS, ¿qué diferencia funcional existe entre las propiedades display: none y visibility: hidden aplicadas a un elemento? |
display: none oculta el elemento pero conserva el espacio que ocupaba en el flujo del documento Ambas propiedades ocultan el elemento y liberan el espacio ocupado de forma idéntica ✓ visibility: hidden oculta el elemento pero conserva el espacio que ocupaba, mientras que display: none lo elimina del flujo y no deja hueco visibility: hidden elimina el elemento del DOM, mientras que display: none solo lo hace transparente
|
30s |
| 4 | En CSS3, ¿qué representa la unidad relativa rem? |
El tamaño de fuente del elemento padre directo del nodo actual Un porcentaje de la anchura total del viewport del navegador La centésima parte de la altura del viewport del navegador ✓ El tamaño de fuente definido en el elemento raíz del documento (html)
|
30s |
| 5 | En CSS3, ¿cómo se definen y utilizan las custom properties (variables CSS)? |
Se definen con el prefijo $ y se invocan con la función calc() ✓ Se definen con el prefijo -- y se invocan con la función var() Se definen con la directiva @variable y se invocan con la función attr() Se definen con el prefijo % y se invocan con la función env()
|
30s |
| 6 | En CSS3, ¿qué efecto tiene la propiedad box-sizing: border-box sobre el cálculo de las dimensiones de un elemento? |
✓ Hace que width y height incluyan contenido, padding y borde, sin alterar el tamaño total definido Excluye el padding y el borde del cálculo de width, obligando a sumarlos manualmente Añade automáticamente un margen exterior igual al borde del elemento Desactiva el modelo de caja estándar y aplica posicionamiento absoluto al elemento
|
30s |
| 7 | En CSS3, ¿para qué sirve la at-rule @layer? |
✓ Para agrupar reglas CSS en capas de cascada con prioridad controlada, permitiendo ordenar qué capa prevalece sobre otra Para importar hojas de estilo externas desde un servidor remoto Para definir animaciones con keyframes dentro de un contexto aislado Para especificar el juego de caracteres utilizado en el fichero CSS
|
30s |
| 8 | En CSS, ¿qué diferencia existe entre el selector combinador descendiente (espacio) y el selector hijo directo (>)? |
El espacio selecciona solo hijos inmediatos, mientras que > selecciona todos los descendientes a cualquier nivel de profundidad El selector > requiere que los elementos tengan la misma clase, mientras que el espacio no tiene esa restricción ✓ El espacio selecciona descendientes a cualquier nivel de profundidad, mientras que > selecciona exclusivamente hijos directos del elemento padre Ambos selectores son equivalentes y seleccionan los mismos elementos en todos los casos
|
30s |
| 9 | En CSS Flexbox, ¿qué efecto tiene establecer la propiedad flex-direction: column en un contenedor flex? |
✓ Los elementos se alinean verticalmente, convirtiendo el eje principal en vertical y el secundario en horizontal Los elementos se disponen de derecha a izquierda en el eje horizontal Los elementos se reorganizan automáticamente en función del tamaño del viewport Los elementos se apilan en orden inverso al definido en el HTML
|
30s |
| 10 | En CSS Grid, ¿qué función cumple la propiedad grid-template-areas? |
Define el tamaño mínimo y máximo de las filas del grid de forma automática Establece los márgenes entre las celdas del grid de forma uniforme Asigna un gradiente de colores a cada área del grid para su diferenciación visual ✓ Permite definir la disposición del grid mediante nombres de áreas en una plantilla visual, asignando cada celda a un nombre
|
30s |
| 11 | En CSS3, ¿para qué se utilizan las media queries? |
Para declarar variables CSS que cambien dinámicamente según el estado del DOM ✓ Para aplicar estilos condicionalmente en función de las características del dispositivo, como el ancho de la pantalla Para cargar fuentes tipográficas externas desde repositorios remotos como Google Fonts Para ejecutar animaciones CSS que se activan al hacer scroll sobre un elemento
|
30s |
| 12 | ¿Qué ventaja principal ofrece XSD (XML Schema Definition) frente a DTD para definir la gramática de un documento XML? |
✓ XSD permite definir tipos de datos y restricciones (facetas) sobre los valores, capacidades que DTD no proporciona DTD permite definir espacios de nombres, mientras que XSD no los soporta XSD se declara dentro del propio documento XML con la etiqueta <!DOCTYPE>, igual que un DTD externo DTD y XSD son funcionalmente equivalentes y solo difieren en la sintaxis utilizada
|
30s |
| 13 | En un documento XML, ¿qué función cumple la sección CDATA? |
Declara un espacio de nombres para evitar colisiones entre etiquetas del mismo documento Permite enlazar el documento con su gramática DTD o XSD correspondiente ✓ Define una zona de contenido que el parser XML no interpreta y devuelve tal cual como texto literal Establece la codificación de caracteres que debe utilizar el analizador para procesar el fichero
|
30s |
| 14 | En la declaración XML, ¿qué indica el atributo standalone='yes'? |
Que el documento requiere obligatoriamente un DTD externo para su validación ✓ Que la gramática del documento está contenida en el propio XML y no depende de un DTD externo Que el documento utiliza un espacio de nombres exclusivo no compartido con otros XML Que el documento ha sido codificado en formato binario y no puede ser editado como texto plano
|
30s |
| 15 | ¿Qué diferencia fundamental existe entre las APIs de procesamiento XML DOM y SAX en Java? |
✓ DOM genera un árbol completo en memoria que permite recorrido libre, mientras que SAX lee secuencialmente emitiendo eventos sin construir un árbol SAX carga todo el XML en memoria en forma de árbol, mientras que DOM usa lectura secuencial por eventos Ambas APIs construyen un árbol en memoria, pero DOM devuelve nodos genéricos y SAX devuelve objetos de negocio DOM solo funciona con documentos JSON transformados, mientras que SAX es exclusivo para XML puro
|
30s |
| 16 | En Java, ¿qué proceso realiza la operación UNMARSHALL de JAXB sobre un documento XML? |
Convierte un árbol de objetos Java en su representación XML correspondiente Valida el documento XML contra su gramática XSD y genera un informe de errores ✓ Lee el documento XML y genera un árbol de objetos de clases del dominio de negocio en memoria Transforma un documento XML en otro formato de marcas aplicando una hoja de estilo XSLT
|
30s |
| 17 | ¿Cuál de las siguientes afirmaciones sobre el formato JSON es correcta? |
JSON admite comentarios con las sintaxis // y /* */ para documentar la estructura del documento Los atributos de un objeto JSON pueden ir sin comillas si son identificadores alfanuméricos simples JSON define un tipo de dato específico para fechas que permite cálculos temporales nativos ✓ JSON no dispone de un tipo de dato fecha nativo; las fechas se representan como cadenas de texto entrecomilladas
|
30s |
| 18 | ¿Para cuál de los siguientes propósitos se utiliza habitualmente el formato YAML? |
Como formato de intercambio de datos binarios entre aplicaciones de alto rendimiento ✓ Para definir playbooks de Ansible, ficheros DockerCompose y especificaciones Swagger/OpenAPI Como sustituto directo de HTML para la maquetación visual de páginas web Para definir gramáticas de validación de documentos XML en reemplazo de XSD
|
30s |
| 19 | En JavaScript, ¿qué diferencia funcional existe entre los métodos de array map() y filter()? |
map() ordena los elementos del array alfabéticamente, mientras que filter() los agrupa por tipo de dato filter() elimina permanentemente los elementos del array original, mientras que map() los modifica in situ ✓ map() genera un nuevo array transformando cada elemento mediante una función, mientras que filter() genera un nuevo array con solo los elementos que cumplen una condición Ambos métodos son equivalentes y devuelven un array con el mismo número de elementos que el original
|
30s |
| 20 | En el ecosistema de desarrollo frontend moderno, ¿cuál es la función principal de herramientas como Webpack, Parcel o Rollup? |
Ejecutar pruebas unitarias de código JavaScript de forma automatizada en el navegador Gestionar la autenticación de usuarios en aplicaciones de página única (SPA) Servir como editores de código fuente especializados en lenguajes de scripting web ✓ Empaquetar módulos JavaScript, CSS y otros recursos en bundles optimizados para su despliegue en producción
|
30s |