Question 1

¿Cuál de las siguientes opciones define de manera técnica y precisa la esencia del enfoque denominado "Mobile First" dentro del diseño web moderno?

Accepted Answer

Estrategia de diseño que prioriza lo esencial, enfocándose en las acciones y el contenido de mayor importancia para el usuario antes de escalar hacia resoluciones de pantallas superiores.

Answer

Enfoque de programación exclusivo del backend que optimiza la carga de bases de datos para que los servidores respondan más rápido cuando detectan un navegador de tipo smartphone.

Answer

Metodología de desarrollo que prioriza la creación de interfaces para monitores de alta resolución, para luego utilizar scripts complejos que eliminen el contenido pesado en dispositivos móviles.

Answer

Técnica de maquetación que utiliza únicamente unidades de medida absolutas, como los píxeles, para garantizar que el diseño no sufra alteraciones visuales en los navegadores móviles.

Question 2

Según las lecturas sobre el sistema de maquetación CSS Grid, ¿cuál es la característica fundamental que lo diferencia y define mejor frente a otros mecanismos?

Accepted Answer

Se define como un potente estándar de diseño bidimensional que permite colocar y distribuir elementos tanto en filas como en columnas simultáneamente, facilitando la creación de layouts complejos.

Answer

Es un conjunto de reglas de estilo destinadas a dispositivos de escritorio que permite ocultar secciones completas del árbol del DOM mediante el uso de operadores lógicos.

Answer

Es un mecanismo de renderizado gráfico que utiliza el elemento canvas de HTML5 para dibujar formas complejas mediante scripts, optimizando el rendimiento visual de las aplicaciones.

Answer

Representa un sistema de diseño de tipo unidimensional que permite alinear elementos en una sola dirección, facilitando la distribución del espacio entre los ítems de manera flexible.

Question 3

Un desarrollador requiere crear un layout con tres columnas: la primera debe medir siempre 250px, mientras que las otras dos deben repartirse equitativamente el espacio restante. ¿Cuál es el análisis técnico correcto?

Accepted Answer

Se debe utilizar la propiedad grid-template-columns: 250px 1fr 1fr; ya que la unidad fr distribuye el espacio libre de forma proporcional entre los elementos hijos del contenedor.

Answer

La solución técnica es emplear grid-template-columns: 250px auto auto; ya que la palabra clave auto es superior a la unidad fr al momento de calcular proporciones exactas.

Answer

Se requiere aplicar grid-template-columns: repeat(3, 1fr); y luego usar un margen lateral de 250px en el primer ítem para forzar al navegador a respetar la medida fija.

Answer

Es obligatorio usar grid-template-columns: 250px 50% 50%; porque las unidades de porcentaje son las únicas capaces de calcular el espacio restante sin causar desbordamientos en el viewport.

Related quizzes

Related quizzes