NEW
Font size
WorksheetsRepaso MÓDULO 2
Total questions: 25
Worksheet time: 27mins
¿Para qué se usa <!DOCTYPE html> en un documento HTML5?
Para importar Bootstrap automáticamente
Para indicarle al navegador el tipo/versión de documento y activar el modo estándar
Para conectar el archivo CSS externo
Para habilitar JavaScript en el navegador
¿Qué diferencia principal existe entre <head> y <body>?
<head> contiene lo visible y <body> lo invisible
<head> es solo para CSS y <body> solo para imágenes
<head> contiene metadatos/recursos y <body> el contenido visible
No existe diferencia, son equivalentes
¿Qué hace principalmente <meta charset="utf-8">?
Cambia el color por defecto del texto
Define el idioma de la página
Define la codificación para que caracteres (ñ, tildes, símbolos) se interpreten bien
Aumenta la velocidad de carga del sitio
¿Cuál es la idea de usar etiquetas semánticas como <header>, <section>, <article> y <footer>?
Hacen que la página se vea “más bonita” automáticamente
Ordenan visualmente el contenido sin necesidad de CSS
Dan significado/estructura al contenido para accesibilidad, mantenimiento y SEO
Reemplazan totalmente a CSS
Sobre encabezados HTML (<h1>…<h6>), ¿qué práctica es la más correcta?
Usar muchos <h1> para que el texto se vea grande
Saltar de <h2> a <h4> cuando convenga visualmente
Mantener jerarquía lógica y usar el tamaño con CSS, no con la etiqueta
No usar encabezados para que la página cargue más rápido
¿Qué selector CSS se usa para seleccionar por clase?
#
.
*
:
¿Cuál opción describe mejor la diferencia entre estilos inline, embebidos y externos?
Inline es el más ordenado y recomendado para proyectos grandes
Embebidos van en un archivo .css separado
Externos van en un archivo .css enlazado y ayudan a mantener el proyecto ordenado
Los tres son iguales, solo cambia el nombre
En el modelo de caja de CSS, ¿qué diferencia hay entre margin y padding?
margin es espacio interno; padding es espacio externo
margin es espacio externo; padding es espacio interno
Ambos son lo mismo
padding solo funciona en textos
¿Qué práctica está más relacionada con “diseño web responsivo”?
Usar solo tamaños fijos en píxeles para todo
Usar media queries y adaptar layouts según el ancho del dispositivo
Poner todo dentro de una tabla HTML
Evitar el uso de imágenes
En Flexbox, ¿para qué sirven típicamente justify-content y align-items?
Para cambiar colores y tipografías
Para alinear elementos en el eje principal y en el eje secundario del contenedor flex
Para crear bordes redondeados automáticamente
Para validar formularios
En JavaScript, ¿qué ventaja tiene addEventListener frente a onclick="..."?
No requiere archivo .js
Permite asociar múltiples manejadores y separar mejor HTML de JS
Solo funciona con botones
Es más lento pero más seguro
¿Qué afirmación es correcta sobre let y const en JavaScript?
const permite reasignar el valor libremente
let existe solo en jQuery
const no permite reasignación, let sí (ambos con alcance de bloque)
let es igual a var en todo sentido
En jQuery, ¿qué hace típicamente $("p").hide()?
Borra el archivo HTML del proyecto
Oculta los párrafos seleccionados (dejan de verse)
Convierte los párrafos en títulos
Cambia el texto de los párrafos
¿Para qué se usa git status?
Para subir cambios a GitHub
Para ver el estado de archivos (modificados, preparados, sin seguimiento, etc.)
Para borrar commits antiguos
Para crear ramas
¿Qué diferencia esencial hay entre git add y git commit?
git add guarda en la nube y git commit guarda localmente
git add prepara cambios (staging) y git commit registra un snapshot en el historial
git add crea ramas y git commit las elimina
No hay diferencia
En CSS ¿Qué regla tiene mayor especificidad (y suele “ganar”)?
Selector por etiqueta
Selector por clase
Selector por ID
Selector universal
Según el bloque de código al lado ¿Qué color se verá y por qué?
Verde, porque selecciona por etiqueta
Azul, porque la clase siempre domina
Rojo, porque el ID tiene mayor especificidad
Negro, porque el navegador ignora el CSS
Según el bloque de código mostrado ¿Qué ocurre al hacer click? (múltiples listeners)
No pasa nada
Aparece solo un mensaje
Aparecen dos mensajes (uno tras otro)
Se recarga la página
Diferencia entre keydown y keyup. Al mantener presionada una tecla dentro del input, ¿qué comportamiento es el más correcto?
Solo se registra “up” repetidamente
“down” puede repetirse mientras se mantiene presionada; “up” ocurre al soltar
Ambos ocurren solo una vez por carga de página
Ninguno funciona en inputs
jQuery: ¿Qué sucede al terminar la animación programada en el bloque de código?
Se muestra el mensaje 'Listo' en un alert al terminar la animación de fadeOut.
El texto desaparece inmediatamente sin animación.
No se muestra ningún mensaje al finalizar la animación.
La animación dura 2000 milisegundos.
Si un elemento está visible y ejecutas slideToggle(), ¿qué se espera?
Cambia el texto del elemento
Se oculta con transición tipo “deslizar hacia arriba”
Se clona el elemento
Se mueve al final del <body>
¿Cuál describe mejor git revert <hash>?
Borrrar definitivamente el commit del historial sin dejar rastro
Crea un nuevo commit que deshace los cambios del commit indicado
Solo cambia el nombre del commit
Convierte el repositorio en público en GitHub
¿Cuándo suele aparecer un conflicto al fusionar ramas?
Cuando ambas ramas editaron las mismas líneas de un mismo archivo y Git no puede decidir
Cuando solo una rama tiene cambios
Cuando el commit message es muy corto
Cuando usas git status
Tienes un .gitignore que incluye logs/. ¿Qué efecto es el más correcto?
Borra automáticamente la carpeta logs/ del disco
Evita que Git rastree nuevos archivos dentro de logs/ (si no estaban ya trackeados)
Impide ejecutar git commit
Sube logs/ a GitHub con seguridad extra
¿Cuál es la idea principal de un Pull Request (PR)?
Cambiar la contraseña de GitHub
Proponer cambios para revisión antes de fusionarlos a una rama objetivo
Comprimir el repositorio automáticamente
Reemplazar git commit
