INFOTEP Técnico en Programación de Páginas Web study materials
INFOTEP Técnico en Programación de Páginas Web study resources

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

INFOTEP Técnico en Programación de Páginas Web · Get comfortable with the vocabulary.

Cliente-servidor

Modelo de arquitectura en el que un programa cliente envía peticiones y un servidor las procesa y devuelve respuestas. El navegador actúa como cliente y el servidor web aloja los recursos y la lógica.

Related: HTTP, DNS, API
HTTP

Protocolo de transferencia de hipertexto que define cómo se formulan y responden las peticiones entre cliente y servidor. Cada mensaje incluye método, ruta, cabeceras y, opcionalmente, un cuerpo.

Related: Cliente-servidor, Código de estado, HTTPS
DNS

Sistema de nombres de dominio que traduce nombres legibles como ejemplo.com en direcciones IP numéricas. Sin esta resolución el navegador no sabría a qué servidor conectarse.

Related: HTTP, Hosting
Código de estado

Número de tres dígitos en la respuesta HTTP que resume el resultado de la petición. Los grupos 2xx indican éxito, 3xx redirección, 4xx error del cliente y 5xx error del servidor.

Related: HTTP, API
HTML semántico

Uso de etiquetas que describen el significado del contenido, como header, nav, main, article, section y footer, en lugar de contenedores genéricos. Mejora accesibilidad, SEO y mantenibilidad del código.

Related: Accesibilidad web, ARIA, DOM
Accesibilidad web

Conjunto de prácticas que permiten que personas con distintas capacidades perciban, comprendan y operen un sitio. Incluye contraste suficiente, navegación por teclado, texto alternativo y estructura comprensible.

Related: HTML semántico, ARIA, Texto alternativo
ARIA

Conjunto de atributos que añaden roles, estados y propiedades de accesibilidad a elementos HTML cuando la semántica nativa no basta. Debe usarse con moderación y nunca sustituir etiquetas correctas.

Related: Accesibilidad web, HTML semántico
Texto alternativo

Atributo alt de una imagen que describe su contenido o función cuando no puede verse. Debe ser breve y útil; en imágenes decorativas se deja vacío para que el lector de pantalla las ignore.

Related: Accesibilidad web, HTML semántico
Formulario HTML

Estructura que agrupa campos de entrada y los envía a un servidor mediante un método HTTP. Sus controles deben tener etiqueta asociada, tipo adecuado y validación tanto en cliente como en servidor.

Related: Validación de datos, HTTP
Modelo de caja

Regla de CSS que trata cada elemento como una caja con contenido, relleno, borde y margen. Entender cómo se suman estas capas es esencial para controlar tamaños y espaciados.

Related: Flexbox, CSS Grid
Flexbox

Modelo de maquetación CSS que distribuye elementos en un eje principal y otro transversal. Resuelve alineación, reparto de espacio y orden dentro de una fila o columna de forma sencilla.

Related: Modelo de caja, CSS Grid
CSS Grid

Sistema de maquetación bidimensional que organiza elementos en filas y columnas definidas por el autor. Es idóneo para estructuras completas de página y para alinear contenido en dos direcciones.

Related: Flexbox, Media query
Media query

Regla CSS que aplica estilos solo cuando se cumplen condiciones sobre el ancho de pantalla, la orientación u otras características del dispositivo. Es la base técnica del diseño responsive.

Related: Diseño responsive, CSS Grid
Diseño responsive

Enfoque que adapta la interfaz al tamaño y capacidades de cada dispositivo mediante rejillas fluidas, imágenes flexibles y puntos de ruptura. Prioriza una buena experiencia en móvil sin crear versiones separadas.

Related: Media query, Mobile first
Mobile first

Estrategia de diseño que empieza por la pantalla pequeña y añade complejidad en pantallas mayores. Obliga a priorizar el contenido esencial y suele producir interfaces más limpias y rápidas.

Related: Diseño responsive, Media query
Preprocesador CSS

Herramienta que amplía CSS con variables, anidamiento, mixins y funciones, y compila el resultado a CSS estándar. Facilita mantener hojas de estilo grandes y coherentes.

Related: Modelo de caja, Diseño responsive
DOM

Representación en forma de árbol que el navegador crea a partir del HTML y que JavaScript puede leer y modificar. Cada etiqueta se convierte en un nodo con propiedades y métodos accesibles.

Related: Evento, HTML semántico
Evento

Suceso producido por el usuario o por el navegador, como un clic, una pulsación de tecla o la carga de la página. Los manejadores registrados reaccionan a él y pueden propagarse por el árbol.

Related: DOM, Delegación de eventos
Delegación de eventos

Técnica que registra un único manejador en un contenedor y aprovecha la propagación para atender eventos de sus hijos. Reduce el número de escuchadores y funciona con elementos añadidos después.

Related: Evento, DOM
Asincronía

Capacidad de iniciar una tarea larga sin bloquear el hilo principal y continuar cuando termina. En JavaScript se gestiona con callbacks, promesas y las palabras clave async y await.

Related: Promesa, Fetch
Promesa

Objeto que representa el resultado futuro de una operación asíncrona y puede estar pendiente, resuelto o rechazado. Permite encadenar acciones con then y capturar fallos con catch.

Related: Asincronía, Fetch
Fetch

Función del navegador que realiza peticiones HTTP y devuelve una promesa con la respuesta. Se usa para consumir APIs sin recargar la página, controlando errores y formato de datos.

Related: Promesa, API, JSON
API

Interfaz que define cómo dos programas intercambian datos o servicios sin conocer su implementación interna. En la web suele exponer recursos mediante rutas HTTP y formatos como JSON.

Related: REST, JSON, HTTP
REST

Estilo de diseño de APIs que trata los datos como recursos identificados por URL y usa los métodos HTTP para operar sobre ellos. Busca comunicación sin estado y respuestas uniformes.

Related: API, HTTP, Código de estado
JSON

Formato de texto ligero para intercambiar datos estructurados mediante objetos y arreglos. Es fácil de leer y de procesar tanto en JavaScript como en la mayoría de lenguajes del servidor.

Related: API, Fetch
Validación de datos

Comprobación de que la información recibida cumple formato, tipo y reglas de negocio antes de usarse. Debe repetirse en el servidor aunque exista validación en el navegador, porque esta puede omitirse.

Related: Formulario HTML, Inyección SQL
Modelo relacional

Forma de organizar datos en tablas con filas y columnas relacionadas mediante claves. Las claves primarias identifican registros y las foráneas enlazan tablas para mantener integridad.

Related: Clave primaria, Clave foránea, Normalización
Clave primaria

Columna o conjunto de columnas que identifica de forma única cada fila de una tabla. No admite valores duplicados ni nulos y suele servir de referencia para relaciones.

Related: Clave foránea, Modelo relacional
Clave foránea

Columna que referencia la clave primaria de otra tabla y garantiza que no existan registros huérfanos. Permite establecer relaciones y aplicar reglas de borrado o actualización en cascada.

Related: Clave primaria, Modelo relacional
Normalización

Proceso de estructurar tablas para eliminar redundancias y evitar anomalías al insertar, actualizar o borrar datos. Se apoya en formas normales sucesivas que separan la información en relaciones coherentes.

Related: Modelo relacional, Clave primaria
Consulta SQL

Instrucción escrita en lenguaje de consulta estructurado para leer o modificar datos de una base. Las sentencias SELECT recuperan filas y pueden filtrar, ordenar y agrupar resultados.

Related: Inyección SQL, Modelo relacional
Repositorio

Almacén que guarda el historial completo de versiones de un proyecto, incluidos cambios y autores. Puede ser local o remoto y es la unidad básica de trabajo con Git.

Related: Commit, Rama, Git
Commit

Registro inmutable que guarda una instantánea de los cambios junto con un mensaje, autor y fecha. Sirve como punto de restauración y como unidad de revisión en el historial.

Related: Repositorio, Rama
Rama

Línea de desarrollo independiente que permite trabajar en cambios sin afectar la versión principal. Al fusionarse, sus commits se integran en la historia de otra rama.

Related: Commit, Merge, Repositorio
Merge

Operación que combina los cambios de una rama con otra y crea un nuevo commit de unión. Si ambas modifican las mismas líneas aparece un conflicto que debe resolverse manualmente.

Related: Rama, Commit
Inyección SQL

Ataque en el que datos maliciosos del usuario alteran la consulta que ejecuta la base de datos. Se previene con consultas parametrizadas y validación estricta de la entrada.

Related: Consulta SQL, Validación de datos
XSS

Vulnerabilidad que permite inyectar código JavaScript en páginas vistas por otros usuarios. Se mitiga escapando la salida, validando entradas y aplicando políticas de seguridad de contenido.

Related: HTTPS, Validación de datos
HTTPS

Versión cifrada de HTTP que protege la comunicación mediante TLS. Evita que terceros lean o alteren datos en tránsito y es requisito habitual para formularios y buenas prácticas modernas.

Related: HTTP, XSS
Hosting

Servicio que aloja los archivos y la base de datos de un sitio para que estén disponibles en internet. Puede ser compartido, dedicado o en la nube, con distintos niveles de control y rendimiento.

Related: DNS, Despliegue
Despliegue

Proceso de publicar una versión del sitio en el entorno de producción tras las pruebas. Incluye subir archivos, configurar el servidor y verificar que todo funciona correctamente.

Related: Hosting, Integración continua
Integración continua

Práctica de automatizar compilación y pruebas cada vez que se integran cambios en el repositorio. Detecta errores pronto y facilita publicar versiones estables con menos esfuerzo manual.

Related: Despliegue, Repositorio
Documentación técnica

Conjunto de escritos que explican cómo instalar, usar y mantener un sistema, además de sus decisiones de diseño. Debe actualizarse junto al código para seguir siendo útil al equipo.

Related: README, Repositorio
README

Archivo de texto situado en la raíz de un proyecto que explica su propósito, requisitos de instalación y forma de uso. Es la primera referencia para quien llega al repositorio.

Related: Documentación técnica, Repositorio
Scrum

Marco de trabajo ágil que organiza el desarrollo en iteraciones cortas con roles, eventos y artefactos definidos. Favorece la entrega incremental y la revisión continua con el cliente.

Related: Documentación técnica, Integración continua