WorksheetsCuestionario de Cimentación Técnica: Prerrequisitos para Program
Total questions: 12
Worksheet time: 6mins
En programación, necesitaremos "atrapar" elementos específicos de tu HTML para darles vida. Si tienes un solo botón de "Comprar" en el encabezado que debe comportarse de forma única, ¿Qué atributo HTML es el estándar técnico para identificarlo irrepetiblemente?
class="boton-comprar"
name="boton-comprar"
id="boton-comprar"
tag="boton-comprar"
Para manipular el carrito de compras, debemos entender la estructura. Si tienes un <div> que contiene tres <li>, ¿Cuál es la relación técnica entre ellos?
El div es "hermano" (sibling) de los li.
El div es "padre" (parent) y los li son "hijos" (children).
Los li son "atributos" del div.
El div es el "selector" y los li son las "propiedades".
Estás configurando tu entorno de trabajo. Tienes tu archivo index.html en la carpeta raíz y tu archivo de estilos en una subcarpeta llamada css. ¿Cuál es la ruta relativa correcta para conectar ambos?
href="./css/estilos.css"
src="css/estilos.css"
link="../css/estilos.css"
path="/archivos/estilos.css"
El sistema operativo reconoce qué programa usar según la extensión del archivo. Si vas a escribir la lógica de programación (el "cerebro") de la tienda, ¿Qué extensión debe tener obligatoriamente tu archivo para que el navegador lo interprete como código ejecutable?
En la configuración de servicios web, es vital saber dónde ocurren las cosas. Cuando un usuario navega por tu tienda y ve las animaciones del menú o los colores, ¿En qué sistema operativo se están procesando esos recursos visuales?
En el Sistema Operativo del Servidor (Nube) exclusivamente.
En el Sistema Operativo del dispositivo del Cliente (Navegador).
En la Base de Datos SQL.
En el Router del proveedor de internet.
Intentas guardar un cambio en tu código usando VS Code, pero el sistema arroja un error de "Acceso Denegado" o "Read-only". ¿Cuál es la causa técnica más probable relacionada con el Sistema Operativo?
El disco duro está lleno.
El archivo HTML está mal escrito.
El usuario actual no tiene permisos de escritura en esa carpeta o el archivo está abierto por otro proceso.
El navegador Google Chrome está bloqueando la edición.
En programación, los colores son datos (Strings). Si el diseñador te entrega la paleta de colores corporativa y te pide configurar el fondo en un "Blanco puro" usando código hexadecimal, ¿Qué valor ingresas en tu variable?
rgb(255, 255, 255)
#FFFFFF
#000000
color: #222;
Diseñar la interacción es clave. Si un usuario introduce mal su tarjeta de crédito, según los principios de UX, ¿Qué debe hacer el sistema programado?
Borrar todo el formulario para que empiece de cero (Seguridad).
Mostrar un mensaje de error genérico "Error 404".
Bloquear la página por 5 minutos para evitar fraude.
Mantener los datos correctos y resaltar visualmente solo el campo erróneo con un mensaje específico.
Vas a programar la carga dinámica de productos. Tienes un logotipo con fondo transparente y formas geométricas simples. Para que la página cargue rápido (performance), ¿Qué formato deberías priorizar en el código?
.svg (Vectorial escalable)
.jpg (Alta compresión)
.bmp (Mapa de bits)
.tiff (Alta calidad de impresión)
En programación, detectamos eventos (clics). Desde el punto de vista de mercadeo, ¿Cuál es el elemento más importante de una "Landing Page" que debemos asegurarnos de que funcione sin fallos a nivel de código?
El carrusel de imágenes decorativas.
El botón de Llamado a la Acción (ej: "Comprar Ahora" o "Registrarme").
Los enlaces a las redes sociales en el pie de página.
La animación del logotipo al cargar.
Estás programando los pasos del carrito. Entiendes que cada paso adicional reduce la probabilidad de venta. ¿Qué principio de mercadeo debes aplicar al programar el formulario de registro?
Solicitar la mayor cantidad de datos posible para tener una base de datos robusta (Fecha de nacimiento, género, ocupación).
Solicitar solo los datos estrictamente necesarios para reducir la fricción y aumentar la conversión.
Obligar al usuario a ver un video publicitario antes de pagar.
Dividir el formulario en 10 pasos pequeños para que se vea más corto.
El equipo de marketing quiere mostrar un "Pop-up" de descuento. Como programador, sabes que mostrárselo a todos es molesto. Según principios de segmentación, ¿Cuál sería la lógica más eficiente para programar esta aparición?
Mostrarlo cada vez que se recargue la página.
Mostrarlo inmediatamente el usuario entra al sitio.
Mostrarlo solo a usuarios nuevos (sin cookie de sesión) o que intentan abandonar la página (exit-intent).
Mostrarlo únicamente a los usuarios que usan Internet Explorer.
