wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Fundamentos Front End

Total questions: 15

Worksheet time: 14mins

Name
Class
Date
1.

Un cliente te dice: “Necesito una app web que permita a usuarios registrarse, iniciar sesión y ver su panel personalizado, pero no necesito nada de back-end porque todo es visual”.
¿Qué respuesta refleja mejor tu comprensión del desarrollo web?

a)

Es correcto: mientras el diseño sea claro y responsivo, el backend no es necesario

b)

Es incorrecto: cualquier funcionalidad que maneje usuarios, sesiones y bases de datos requiere backend

c)

Es parcialmente correcto: el registro puede ir en el frontend, pero el inicio de sesión sí requiere backend

d)

Es correcto solo si se usa HTML5, porque HTML5 reemplaza la necesidad de back-end

2.

En un proyecto de desarrollo web para una Universidad, ¿qué rol sería el principal responsable de diseñar y codificar la interfaz para que el catálogo se vea bien en dispositivos móviles y sea intuitivo?

a)

Back-End Developer

b)

Full-Stack Developer

c)

Front-End Developer

d)

DevOps Engineer

3.

¿Cuál de las siguientes afirmaciones es más precisa respecto a la relación entre Internet, la Web y los navegadores?

a)

Internet es un navegador especial que permite acceder a la Web

b)

La Web es la red física de cables y servidores. Internet es solo un servicio sobre ella

c)

Internet es la red de redes, la Web es un servicio que funciona sobre esa red, y el navegador lo que usamos para acceder a la Web

d)

El navegador es la red de redes y la Web es un componente de HTML

4.

En el contexto del ecosistema web, ¿cuál de estas combinaciones rol–tecnología está correctamente asociada al W3C?

a)

W3C – definición de JavaScript como lenguaje de programación del navegador

b)

W3C – estándares como HTML, CSS, SVG y pautas de accesibilidad WCAG

c)

W3C – diseño de hardware de routers y cables de fibra óptica

d)

W3C – gestión exclusiva del protocolo TCP/IP y enrutamiento global

5.

¿Cuál de las siguientes frases describe mejor el cambio conceptual entre HTML 4 y HTML5?

a)

HTML5 abandona por completo la estructura semántica en favor de diseños basados en tablas

b)

HTML5 reemplaza CSS y JavaScript, integrando estilos y lógica en el propio HTML

c)

HTML5 añade nuevas etiquetas semánticas y soporte nativo para multimedia y APIs de aplicaciones, sobre la base de HTML 4

d)

HTML5 es un dialecto de XML que obliga a escribir código perfectamente bien formado, igual que XHTML 1.0 Strict

6.

Respecto a HTML 4.01 y XHTML 1.0, ¿qué afirmación es más correcta?

a)

XHTML 1.0 es esencialmente HTML 4.01 reescrito con las reglas estrictas de XML, exigiendo código bien formado

b)

XHTML 1.0 elimina por completo la compatibilidad con navegadores antiguos

c)

HTML 4.01 requiere que todas las etiquetas estén siempre cerradas como si fueran XML

d)

XHTML 1.0 es una versión antigua de JavaScript para navegadores anteriores a HTML5

7.

Imagina un formulario de registro de usuario. Selecciona la opción que mejor distribuye responsabilidades entre la tríada:

a)

HTML: valida el correo; CSS: cambia colores; JavaScript: define secciones

b)

HTML: define campos y botones; CSS: define el diseño visual; JavaScript: valida los datos e interactúa con el usuario sin recargar la página

c)

HTML: define el diseño visual; CSS: valida el correo; JavaScript: define la estructura básica

d)

HTML: maneja la base de datos; CSS: envía el formulario; JavaScript: pinta el fondo

8.

Al cargar una página, el navegador hace varias tareas. ¿Cuál de estas secuencias refleja mejor el proceso simplificado?

a)

Descarga HTML y lo muestra como texto sin formato; ignora CSS y JavaScript

b)

Recibe HTML, lo parsea para construir la estructura del documento, aplica CSS para el estilo, ejecuta JavaScript y finalmente renderiza el resultado en pantalla

c)

Ejecuta solo JavaScript; luego, si sobra tiempo, intenta mostrar algo de HTML

d)

Descarga CSS, lo convierte en HTML y luego lo envía al servidor para procesarlo

9.

Quieres implementar una página que muestre una lista de productos que se actualiza automáticamente cada cierto tiempo con información desde el servidor (stock, precio). Para abordar esta problemática ¿Qué afirmación describe el mejor enfoque?

a)

Toda la lógica debería estar en CSS, que puede actualizar los datos desde el servidor

b)

El back-end expone los datos (por ejemplo, vía API) y el front-end usa JavaScript para consultarlos y refrescar la vista

c)

Solo el front-end es necesario; JavaScript puede inventar los datos sin comunicarse con un servidor

d)

HTML5 incluye una etiqueta especial que actualiza automáticamente los datos sin necesidad de back-end ni JavaScript

10.

Un equipo quiere mejorar la accesibilidad de su sitio para personas con discapacidades visuales. ¿Qué guía está más directamente relacionada con este objetivo?

a)

SVG

b)

HTTP

c)

WCAG

d)

XML

11.

¿Cuál de las siguientes frases muestra una comprensión más madura del ecosistema del desarrollo web?

a)

El desarrollo web es simplemente aprender a escribir HTML, porque todo lo demás es opcional

b)

El desarrollo web combina roles (Front-End, Back-End, Full-Stack), tecnologías (HTML, CSS, JavaScript, servidores, bases de datos) y estándares (W3C, WCAG), todos coexistiendo en la Web

c)

Solo los navegadores definen cómo debe funcionar la Web; los estándares no son necesarios

d)

El ecosistema del desarrollo web se limita a la relación entre HTML y CSS, sin considerar a los usuarios

12.

Después de esta clase, un compañero te dice: “Me encanta pensar en la experiencia del usuario, diseñar interfaces limpias y que se adapten a móvil. Pero no me interesa tanto la lógica compleja del servidor ni bases de datos… ¿qué rol me conviene explorar primero?”

¿Cuál es la mejor recomendación?

a)

Empezar como BackEnd Developer

b)

Empezar como FrontEnd Developer

c)

Empezar directamente como DevOps Engineer

d)

Empezar como administrador de bases de datos (DBA)

13.

¿Cuál de las siguientes tareas corresponde principalmente al Front-End en el desarrollo web?

a)

Definir protocolos de comunicación entre servidores

b)

Configurar servidores y redes para el despliegue de la aplicación

c)

Gestionar la base de datos y la lógica del servidor

d)

Diseñar la interfaz de usuario y asegurar la experiencia visual en diferentes dispositivos

14.

¿Qué estándar es fundamental para garantizar que los sitios web sean accesibles para todos los usuarios, incluyendo personas con discapacidades?

a)

REST

b)

WCAG

c)

CSS Grid

d)

JSON

15.

¿Cuál es la función principal de JavaScript en una página web moderna?

a)

Almacenar datos en servidores remotos

b)

Agregar interactividad y manipular dinámicamente el contenido de la página

c)

Aplicar estilos visuales a los elementos

d)

Definir la estructura básica del documento