¿Cuál es el propósito principal de la etiqueta <!DOCTYPE html> en un documento web?, A) Definir el color de fondo de la página., B) Indicar al navegador la versión de HTML que se está utilizando., C) Conectar el archivo HTML con los estilos CSS., D) Crear un botón interactivo., En el código HTML mostrado en la sesión, ¿para qué sirve la etiqueta <meta charset="UTF-8">?, A) Para definir el idioma de la página como español., B) Para asegurar la correcta codificación de caracteres especiales como tildes y eñes., C) Para adaptar el diseño a dispositivos móviles., D) Para enlazar scripts de JavaScript., ¿Qué atributo se utiliza en la etiqueta <html lang="es"> para especificar el idioma del documento?, A) src, B) href, C) lang, D) content, Para conectar de manera externa un archivo HTML con un archivo de estilos CSS, ¿qué etiqueta y atributo se emplean dentro del <head>?, A) <style src="estilos.css">, B) <link rel="stylesheet" href="estilos.css">, C) <script link="estilos.css">, D) <meta style="estilos.css">, Según las diapositivas de CSS, si se aplica la propiedad height: 100vh; al elemento body, ¿a qué hace referencia la unidad vh?, A) Al porcentaje del ancho de la pantalla (Viewport Width)., B) Al tamaño fijo en píxeles verticales., C) Al porcentaje de la altura de la ventana gráfica del navegador (Viewport Height)., D) A la velocidad de animación de la tarjeta., ¿Qué propiedad de CSS se utiliza para centrar los elementos de un contenedor de manera horizontal y vertical cuando se usa display: flex;?, A) text-align: center; y margin: 0;, B) justify-content: center; y align-items: center;, C) max-width: 350px; y padding: 30px;, D) border-radius: 12px; y box-shadow: 0 4px 15px;, Si deseas redondear las esquinas de un contenedor tipo "tarjeta" en CSS, ¿qué propiedad debes modificar?, A) border-radius, B) box-shadow, C) margin-bottom, D) line-height, ¿Qué efecto produce la pseudo-clase button:hover en las hojas de estilo?, A) Cambia el tamaño del botón permanentemente al cargar la página., B) Modifica el estilo del botón únicamente cuando el cursor del ratón pasa sobre él., C) Oculta el botón hasta que se hace clic en otro elemento., D) Ejecuta una función matemática en JavaScript de forma automática., En CSS, la propiedad transition: background 0.3s ease; sirve para:, A) Cambiar instantáneamente el color de fondo sin retraso., B) Suavizar el cambio del color de fondo durante un período de 0.3 segundos., C) Mover la tarjeta de un lado a otro en la pantalla., D) Descargar un archivo de audio de fondo., ¿Cuál es la forma correcta de enlazar un archivo externo de JavaScript llamado script.js dentro del HTML?, A) <link href="script.js" rel="javascript">, B) <script src="script.js"></script>, C) <meta source="script.js">, D) <javascript link="script.js">, En JavaScript, el método document.getElementById('miBoton') se utiliza para:, A) Crear un nuevo botón interactivo en el documento., B) Seleccionar un elemento HTML existente a través de su atributo único id., C) Cambiar el color de fondo de una clase CSS., D) Imprimir un mensaje de depuración en la consola del navegador., Si queremos seleccionar un elemento HTML mediante su nombre de clase (por ejemplo, .tarjeta) usando un selector genérico en JavaScript, ¿qué método empleamos?, A) document.getElementById, B) document.querySelector, C) console.log, D) Math.floor, ¿Qué método se utiliza en JavaScript para escuchar las interacciones del usuario, como un evento de clic en un botón?, A) Math.random(), B) addEventListener('click', ...), C) textContent, D) style.backgroundColor, En el código de JavaScript provisto, ¿qué combinación de funciones se utiliza para obtener un índice entero aleatorio a partir de una lista de colores?, A) Math.floor(Math.random() * colores.length), B) document.querySelector('click'), C) console.log(colores.length), D) addEventListener(Math.random), ¿Qué propiedad de JavaScript se modifica para alterar el texto de un elemento HTML, como un encabezado h1, para dar feedback al usuario?, A) .style.backgroundColor, B) .textContent, C) .id, D) .length, Al desarrollar un proyecto web, la fase denominada en inglés como "The Skeleton" (El Esqueleto) corresponde a:, A) La animación avanzada de la interfaz con JavaScript., B) La aplicación de colores, ropa y diseño visual con CSS., C) La creación de la estructura básica del documento mediante HTML., D) La exportación del proyecto a servidores en la nube., Cuando se habla de la fase de "Diseño y ropa" en el flujo de desarrollo de interfaces, se hace una analogía directa con el uso de:, A) Bases de datos relacionales., B) Archivos multimedia comprimidos en MP3., C) Hojas de estilo CSS para darle presentación al documento HTML., D) Lógica de algoritmos complejos de ordenamiento., ¿Qué herramienta o comando del navegador web se utiliza comúnmente para realizar tareas de "debugging" (depuración) mediante la instrucción console.log()?, A) El editor de código de diapositivas., B) La Consola de las herramientas de desarrollador del navegador., C) El explorador de archivos del sistema operativo., D) El reproductor multimedia nativo de Windows., De acuerdo con las reglas importantes para el cambio de sonido (pista de audio) mencionadas en la presentación, ¿cuál es un requisito crítico con respecto al nombre del archivo de sonido en el código?, A) El nombre debe traducirse completamente al idioma inglés., B) El nombre debe ser idéntico (cuidando mayúsculas, minúsculas y espacios) al archivo real (ej. src="pista1.mp3")., C) El nombre obligatoriamente debe llevar números romanos., D) El archivo debe estar enlazado mediante una URL de YouTube obligatoriamente., Según la estructura de archivos sugerida en el ejemplo del reproductor de música, ¿dónde se deben ubicar temporalmente los archivos de música?, A) En una subcarpeta oculta dentro del directorio raíz del sistema operativo., B) En la misma carpeta compartida donde se encuentran el index.html, los estilos.css y el script.js., C) Únicamente en un servidor en la nube de almacenamiento externo., D) Dentro del archivo comprimido de la presentación .pptx., ¿Qué es un framework (o marco de trabajo) en el desarrollo de software?, A) Un lenguaje de programación de bajo nivel para interactuar con el hardware., B) Una estructura conceptual y tecnológica estandarizada que proporciona una base y herramientas para desarrollar proyectos., C) Una base de datos relacional orientada a la persistencia de datos masivos., D) Un entorno operativo exclusivo para servidores en la nube., ¿Cuáles son los tres beneficios principales de la utilidad de un framework?, A) Compilación automática, diseño de hardware y encriptación cuántica., B) Indexación web, hosting gratuito y optimización de motores de búsqueda., C) Aceleración del desarrollo, estandarización, y mantenimiento y escalabilidad., D) Reducción de código HTML, eliminación de CSS y bases de datos locales., Los frameworks de aplicaciones web suelen incluir características nativas para simplificar el desarrollo. ¿Cuáles de las siguientes son ejemplos de estas características?, A) Edición de video, renderizado 3D y compilación de C++., B) Enrutamiento (routing), integración de bases de datos, gestión de sesiones y autenticación de usuarios., C) Control de ventilación del servidor y optimización del ancho de banda físico., D) Creación de imágenes vectoriales y hojas de cálculo en la nube., . ¿En qué lenguaje de programación está escrito el framework de código abierto "Ruby on Rails" (creado en 2004 por David Heinemeier Hansson)?, A) JavaScript, B) Python, C) PHP, D) Ruby, ¿Qué ventaja principal ofrecen los frameworks de aplicaciones móviles como React Native?, A) Permiten que el código se ejecute únicamente en sistemas de escritorio empresariales., B) Permiten escribir el código una sola vez y desplegarlo tanto en iOS como en Android, ahorrando tiempo y costos., C) Reemplazan por completo el uso de servidores backend distribuidos., D) Eliminan de forma definitiva la necesidad de usar APIs nativas en los dispositivos móviles., En React, las interfaces de usuario se construyen a partir de piezas individuales y combinables denominadas:, A) Nodos raíz, B) Componentes, C) Hojas estáticas, D) Enrutadores lineales, ¿Cuál es el enfoque principal de los Front-end frameworks?, A) El desarrollo del lado del servidor y la lógica de negocio profunda., B) La gestión de conexiones físicas de red y la automatización de backups., C) El desarrollo del lado del cliente, centrándose en los componentes de la interfaz de usuario (UI) y la interactividad., D) La persistencia de datos relacionales y el mantenimiento del sistema operativo del host., ¿Qué tipo de aplicaciones se crean y mantienen principalmente utilizando AngularJS (mantenido por Google)?, A) Aplicaciones de escritorio para modelado matemático avanzado., B) Aplicaciones web dinámicas de una sola página (SPAs)., C) Videojuegos multijugador masivos en tiempo real., D) Scripts de automatización para servidores Linux., ¿Cuál es la función de los frameworks de backend en el desarrollo web?, A) Estilizar el diseño visual de los botones y los textos en el navegador del cliente., B) Desarrollar interfaces nativas para pantallas táctiles de relojes inteligentes., C) Gestionar tareas del lado del servidor como el procesamiento de solicitudes, la integración de bases de datos y la lógica de negocio., D) Automatizar el diseño responsivo mediante Media Queries en la hoja de estilos del navegador., . ¿Cuál es el framework backend más popular para el entorno de ejecución Node.js?, A) JUnit, B) TensorFlow, C) Express.js (o simplemente Express), D) Bootstrap, . ¿Cuál es el propósito fundamental de un framework de pruebas como JUnit en el desarrollo con Java?, A) Diseñar interfaces gráficas modularizadas., B) Automatizar el proceso de prueba de las aplicaciones de software, garantizando la fiabilidad y corrección del código., C) Entrenar modelos de redes neuronales profundas del lado del servidor., D) Generar código HTML adaptado a dispositivos móviles de manera automática., ¿Qué plataforma de desarrollo y motor en tiempo real, creado por Unity Technologies, permite crear videojuegos en 2D y 3D, animaciones y experiencias de VR/AR?, A) Angular, B) Rails, C) Unity, D) Java EE, ¿Qué biblioteca de código abierto desarrollada por Google proporciona algoritmos y herramientas para crear, entrenar y desplegar modelos de Inteligencia Artificial y Machine Learning?, A) TensorFlow, B) Ruby on Rails, C) Express.js, D) React Native, ¿Qué plataforma o conjunto de estándares y APIs extiende las capacidades básicas de Java (Java SE) para crear sistemas web empresariales, microservicios y arquitecturas distribuidas a gran escala?, A) JUnit 5, B) Java EE (Java Platform, Enterprise Edition), C) Node.js, D) Android Studio, ¿Qué es Bootstrap y quién lo creó originalmente?, A) Es un entorno backend de bases de datos creado por Google., B) Es un popular framework de código abierto para desarrollo web adaptivo, creado originalmente por Twitter., C) Es un motor de renderizado de videojuegos 3D desarrollado por Unity Technologies., D) Es una herramienta de automatización de pruebas unitarias creada por IBM, Bootstrap estructura principalmente su framework en tres áreas clave para el programador. ¿Cuáles son?, A) Lenguaje C#, Servidores Apache y Protocolos FTP., B) Modelos relacionales, Controladores lógicos y Vistas SQL., C) Hoja de estilos CSS, Componentes de UI listos para usar y Plugins de JavaScript., D) Compiladores nativos, Intérpretes de comandos y APIs de hardware., ¿Qué significa la filosofía o enfoque "Mobile-First" bajo la cual está construido Bootstrap?, A) Que el diseño web se deshabilita por completo en computadoras tradicionales., B) Que el diseño de la interfaz se piensa primero para pantallas móviles y luego se expande de forma escalable hacia pantallas más grandes., C) Que el código backend solo puede procesar peticiones provenientes de teléfonos celulares., D) Que las bases de datos deben estructurarse de manera obligatoria en un dispositivo móvil., . ¿Cómo logra Bootstrap de manera interna que los elementos cambien su tamaño o disposición automáticamente según la pantalla del dispositivo?, A) Utilizando consultas directas a bases de datos relacionales a través de AJAX., B) Mediante el uso de complementos compilados en código nativo Java., C) A través del uso interno de Media Queries de CSS., D) Reescribiendo el lenguaje HTML dinámicamente con Express.js., Para maquetar interfaces eficientes basadas en Flexbox, Bootstrap utiliza una jerarquía estricta conocida como "Los 3 pilares arquitectónicos". ¿Cuál es el orden correcto de esta jerarquía de afuera hacia adentro?, A) Fila (.row) $\rightarrow$ Columna (.col-) $\rightarrow$ Contenedor (.container), B) Contenedor (.container o .container-fluid) $\rightarrow$ Fila (.row) $\rightarrow$ Columna (.col-), C) Columna (.col-) $\rightarrow$ Contenedor (.container) $\rightarrow$ Fila (.row), D) Alerta (.alert) $\rightarrow$ Tarjeta (.card) $\rightarrow$ Formulario (.form), El sistema de grillas de Bootstrap divide la pantalla horizontalmente en un sistema imaginario de columnas. ¿De cuántas columnas se compone este sistema estándar y cuántas se necesitarían para ocupar exactamente la mitad de la pantalla?, A) Se compone de 10 columnas; se asignan 5 columnas (.col-5)., B) Se compone de 24 columnas; se asignan 12 columnas (.col-12)., C) Se compone de 12 columnas; se asignan 6 columnas (.col-6)., D) Se compone de 8 columnas; se asignan 4 columnas (.col-4).
0%
Ev 3
แชร์
แชร์
แชร์
โดย
Ecerron
แก้ไขเนื้อหา
สั่งพิมพ์
ฝัง
เพิ่มเติม
กำหนด
ลีดเดอร์บอร์ด
แสดงเพิ่มขึ้น
แสดงน้อยลง
ลีดเดอร์บอร์ดนี้ตอนนี้เป็นส่วนตัว คลิก
แชร์
เพื่อทำให้เป็นสาธารณะ
ลีดเดอร์บอร์ดนี้ถูกปิดใช้งานโดยเจ้าของทรัพยากร
ลีดเดอร์บอร์ดนี้ถูกปิดใช้งานเนื่องจากตัวเลือกของคุณแตกต่างสำหรับเจ้าของทรัพยากร
แปลงกลับตัวเลือก
เครื่องบิน
เป็นแม่แบบแบบเปิดที่ไม่ได้สร้างคะแนนสำหรับลีดเดอร์บอร์ด
ต้องลงชื่อเข้าใช้
สไตล์ภาพ
แบบ อักษร
ต้องสมัครสมาชิก
ตัวเลือก
สลับแม่แบบ
แสดงทั้งหมด
รูปแบบเพิ่มเติมจะปรากฏเมื่อคุณเล่นกิจกรรม
เปิดผลลัพธ์
คัดลอกลิงค์
คิวอาร์โค้ด
ลบ
คืนค่าการบันทึกอัตโนมัติ:
ใช่ไหม