INFOTEP Técnico en Programación de Páginas Web flashcards

35 cards. Read the term and the definition here. The deck at the top of this page is optional.

Protocolo HTTP sin estado

Cada petición HTTP es independiente y el servidor no recuerda peticiones anteriores por sí solo. El estado se conserva con cookies, tokens o sesiones almacenadas en el servidor.

Código 404 frente a 403

404 Not Found indica que el recurso no existe o no se revela; 403 Forbidden indica que el recurso existe pero el cliente autenticado carece de permiso para acceder.

Métodos HTTP idempotentes

GET, PUT y DELETE son idempotentes: repetir la misma petición deja el servidor en el mismo estado final. POST no es idempotente porque cada envío puede crear un recurso nuevo.

Elemento main en HTML5

El elemento main delimita el contenido principal del documento y debe aparecer una sola vez por página, excluyendo cabecera, navegación, barras laterales y pie repetidos.

Texto alternativo de imágenes

El atributo alt describe el contenido de una imagen informativa para lectores de pantalla. Las imágenes puramente decorativas usan alt vacío para que se omitan.

Atributo aria-label

aria-label proporciona un nombre accesible a un elemento cuando su texto visible no describe bien su función, por ejemplo un botón que solo muestra un icono.

box-sizing border-box

Con box-sizing: border-box, el width declarado incluye padding y borde, por lo que el ancho total no crece al añadir relleno. Facilita el cálculo de maquetación.

Enfoque mobile-first

Consiste en escribir primero los estilos para pantallas pequeñas y añadir media queries con min-width para anchos mayores, escalando el diseño progresivamente hacia arriba.

Especificidad en CSS

Ordena qué regla gana en un conflicto: estilos inline superan a ID, que supera a clases, atributos y pseudo-clases, que superan a elementos y pseudo-elementos.

Diferencia entre rem y em

rem se calcula sobre el tamaño de fuente del elemento raíz html; em se calcula sobre el tamaño de fuente del elemento padre, por lo que se acumula al anidar elementos.

querySelector frente a querySelectorAll

querySelector devuelve el primer elemento que coincide con el selector CSS o null; querySelectorAll devuelve una NodeList estática con todas las coincidencias encontradas.

Delegación de eventos

Técnica que registra un único listener en un contenedor padre y usa event.target para identificar el hijo que originó el evento, aprovechando el burbujeo y ahorrando listeners.

Estados de una promesa

Una promesa está pending mientras la operación no termina, fulfilled cuando se resuelve con un valor y rejected cuando falla con un motivo capturable mediante catch o try/catch.

async y await

async declara una función que siempre devuelve una promesa; await pausa su ejecución hasta que la promesa esperada se resuelve, y los rechazos se capturan con try/catch.

Middleware en Express

Función con firma (req, res, next) que se ejecuta en cadena durante el ciclo petición-respuesta. Debe llamar a next() para ceder el control al siguiente middleware.

Estructura de un JWT

Un JSON Web Token contiene header, payload y signature separados por puntos, codificados en base64url. El payload es legible por cualquiera, no está cifrado.

Cabecera CORS

Access-Control-Allow-Origin, enviada por el servidor, indica qué orígenes pueden leer la respuesta desde el navegador. Sin ella, la petición cruzada se bloquea.

Código 201 Created

Respuesta a una creación exitosa de recurso mediante POST. Suele incluir la cabecera Location con la URL del recurso recién creado y el cuerpo con sus datos.

Clave foránea

Columna que referencia la clave primaria de otra tabla y garantiza la integridad referencial: impide registrar valores que no correspondan a una fila existente.

Tercera forma normal

Una tabla está en 3FN si está en 2FN y ningún atributo no clave depende transitivamente de otro atributo no clave; cada dato no clave depende solo de la clave.

Tabla intermedia muchos a muchos

Resuelve una relación N:M creando una tabla que contiene las claves foráneas de ambas entidades, normalmente como clave primaria compuesta, y permite atributos propios de la relación.

Consultas parametrizadas

Envían la sentencia SQL y los valores por separado, de modo que la entrada del usuario se trata como dato y nunca como código, previniendo la inyección SQL.

Propiedades ACID

Una transacción cumple atomicidad, consistencia, aislamiento y durabilidad. COMMIT confirma los cambios de forma permanente y ROLLBACK los deshace por completo.

Zona de staging en Git

Área intermedia donde se acumulan los cambios seleccionados con git add antes de confirmarlos. git commit toma exactamente lo que está en staging y crea la instantánea.

Conflicto de merge

Ocurre cuando dos ramas modifican las mismas líneas de un archivo. Git marca el conflicto, se edita el archivo, se marca con git add y se cierra con git commit.

git revert frente a git reset

git revert crea un commit nuevo que deshace otro y conserva el historial, apto para ramas compartidas. git reset --hard reescribe el historial local y descarta cambios.

Archivo .gitignore

Archivo que enumera patrones de rutas que Git debe ignorar, como node_modules, archivos .env con secretos y artefactos de compilación, evitando confirmarlos por error.

Ataque XSS

Inyección de script malicioso que se ejecuta en el navegador de otros usuarios. Se mitiga escapando la salida y usando textContent en lugar de innerHTML.

Protección CSRF

Fuerza al usuario a enviar peticiones no deseadas aprovechando su sesión activa. Se mitiga con tokens anti-CSRF, cookies SameSite y verificación del origen.

Almacenamiento de contraseñas

Las contraseñas se guardan como hash lento y salado con bcrypt o Argon2. Nunca en texto plano ni con funciones rápidas como MD5 o SHA-1, vulnerables a fuerza bruta.

Cabecera Content-Security-Policy

Restringe los orígenes desde los que el navegador puede cargar scripts, estilos e imágenes, reduciendo el impacto de un XSS al bloquear código no autorizado.

Registro DNS tipo A

Un registro A asocia un nombre de dominio a una dirección IPv4. El registro AAAA hace lo mismo con IPv6 y el CNAME apunta a otro nombre de dominio en lugar de a una IP.

Estrategia de copias 3-2-1

Conserva al menos tres copias de los datos, en dos medios de almacenamiento distintos, con una de ellas ubicada fuera del sitio principal para resistir desastres locales.

Definición de terminado

Acuerdo del equipo que enumera las condiciones que un incremento debe cumplir para considerarse completado, como pruebas superadas, revisión de código y documentación actualizada.

Historia de usuario

Enunciado breve en formato «Como rol, quiero funcionalidad para beneficio», acompañado de criterios de aceptación verificables que permiten saber cuándo está terminada.