wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Fundamentos de Desarrollo Web

Total questions: 22

Worksheet time: 14mins

Name
Class
Date
1.

¿Cuál es la principal ventaja de usar `const` y `let` en lugar de `var` en JavaScript ES6+?

a)

Son más rápidos en ejecución

b)

Ocupan menos memoria

c)

Permiten redeclaración de variables

d)

Tienen block scope y evitan el hoisting problemático

2.

¿Qué elemento HTML5 semántico se debe usar para el contenido principal de una página web?

a)

b)

c)

d)

3.

En CSS Flexbox, ¿qué propiedad se usa para distribuir el espacio entre elementos hijos?

a)

align-items

b)

flex-direction

c)

flex-wrap

d)

justify-content

4.

¿Cuál es la diferencia principal entre localStorage y cookies?

a)

localStorage es más seguro

b)

Las cookies son más rápidas

c)

localStorage solo funciona en HTTPS

d)

localStorage no se envía automáticamente al servidor

5.

¿Qué sintaxis representa correctamente una arrow function en JavaScript ES6?

a)

function() => { return value; }

b)

() -> { return value; }

c)

=> () { return value; }

d)

() => { return value; }

6.

En CSS Grid, ¿qué propiedad define las columnas de la grilla?

a)

grid-columns

b)

grid-column-template

c)

columns-template

d)

grid-template-columns

7.

¿Cuál es la ventaja principal de usar async/await sobre promises encadenadas?

a)

Es más rápido en ejecución

b)

Consume menos memoria

c)

Solo funciona con APIs modernas

d)

Mejora la legibilidad y evita callback hell

8.

¿Qué método de JavaScript se usa para seleccionar múltiples elementos del DOM?

a)

getElementById()

b)

querySelector()

c)

getElementsByClassName()

d)

querySelectorAll()

9.

En Bootstrap, ¿qué clase CSS se usa para crear una columna que ocupe la mitad del ancho en dispositivos medianos?

a)

col-6

b)

col-half

c)

col-md-12

d)

col-md-6

10.

¿Cuál es la función principal de un preprocessador como SASS?

a)

Minificar CSS automáticamente

b)

Convertir CSS a JavaScript

c)

Optimizar imágenes web

d)

Añadir variables, mixins y funciones a CSS

11.

¿Qué comando de Git se usa para subir cambios al repositorio remoto?

a)

git commit

b)

git add

c)

git pull

d)

git push

12.

En responsive

4 lines
13.

¿Qué comando de Git se usa para subir cambios al repositorio remoto?

a)

git commit

b)

git add

c)

git pull

d)

git push

14.

En responsive design, ¿qué unidad CSS es relativa al viewport width?

a)

px

b)

em

c)

%

d)

vw

15.

¿Cuál es la estructura correcta de una Media Query en CSS?

a)

@query screen and (max-width: 768px) { }

b)

@screen (max-width: 768px) { }

c)

@responsive (max-width: 768px) { }

d)

@media screen and (max-width: 768px) { }

16.

¿Qué método se usa para convertir una cadena JSON en un objeto JavaScript?

a)

JSON.stringify()

b)

JSON.convert()

c)

JSON.toObject()

d)

JSON.parse()

17.

En el contexto de Single Page Applications (SPA), ¿cuál es la principal característica?

a)

Cada página es un archivo HTML separado

b)

Requiere recargar la página para cada navegación

c)

Solo funciona sin JavaScript

d)

La navegación se maneja dinámicamente sin recargar la página

18.

¿Cuál es la ventaja principal de usar CSS Variables (Custom Properties)?

a)

Son más rápidas que los valores estáticos

b)

Solo funcionan en navegadores modernos

c)

Requieren un preprocesador

d)

Permiten cambios dinámicos y reutilización de valores

19.

¿Qué evento de JavaScript se dispara cuando el DOM está completamente cargado?

a)

window.onload

b)

document.ready

c)

page.loaded

d)

DOMContentLoaded

20.

En Node.js, ¿cuál es la principal diferencia con JavaScript del navegador?

a)

Usa una sintaxis diferente

b)

No soporta ES6+

c)

Solo funciona con bases de datos

d)

Permite ejecutar JavaScript en el servidor

21.

¿Qué extension de Visual Studio Code es esencial para desarrollo web con HTML/CSS/JS?

a)

Python Extension

b)

Java Extension Pack

c)

C++ Tools

d)

Live Server

22.

¿Cuál es la función principal de Webpack en el desarrollo web?

a)

Editar código automáticamente

b)

Crear bases de datos

c)

Diseñar interfaces

d)

Empaquetar y optimizar módulos y assets