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
- Related: HTTP, DNS, API
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.
- HTTP
- Related: Cliente-servidor, Código de estado, HTTPS
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.
- DNS
- Related: HTTP, Hosting
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.
- Código de estado
- Related: HTTP, API
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.
- HTML semántico
- Related: Accesibilidad web, ARIA, DOM
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.
- Accesibilidad web
- Related: HTML semántico, ARIA, Texto alternativo
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.
- ARIA
- Related: Accesibilidad web, HTML semántico
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.
- Texto alternativo
- Related: Accesibilidad web, HTML semántico
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.
- Formulario HTML
- Related: Validación de datos, HTTP
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.
- Modelo de caja
- Related: Flexbox, CSS Grid
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.
- Flexbox
- Related: Modelo de caja, CSS Grid
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.
- CSS Grid
- Related: Flexbox, Media query
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.
- Media query
- Related: Diseño responsive, CSS Grid
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.
- Diseño responsive
- Related: Media query, Mobile first
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.
- Mobile first
- Related: Diseño responsive, Media query
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.
- Preprocesador CSS
- Related: Modelo de caja, Diseño responsive
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.
- DOM
- Related: Evento, HTML semántico
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.
- Evento
- Related: DOM, Delegación de eventos
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.
- Delegación de eventos
- Related: Evento, DOM
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.
- Asincronía
- Related: Promesa, Fetch
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.
- Promesa
- Related: Asincronía, Fetch
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.
- Fetch
- Related: Promesa, API, JSON
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.
- API
- Related: REST, JSON, HTTP
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.
- REST
- Related: API, HTTP, Código de estado
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.
- JSON
- Related: API, Fetch
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.
- Validación de datos
- Related: Formulario HTML, Inyección SQL
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.
- Modelo relacional
- Related: Clave primaria, Clave foránea, Normalización
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.
- Clave primaria
- Related: Clave foránea, Modelo relacional
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.
- Clave foránea
- Related: Clave primaria, Modelo relacional
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.
- Normalización
- Related: Modelo relacional, Clave primaria
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.
- Consulta SQL
- Related: Inyección SQL, Modelo relacional
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.
- Repositorio
- Related: Commit, Rama, Git
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.
- Commit
- Related: Repositorio, Rama
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.
- Rama
- Related: Commit, Merge, Repositorio
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.
- Merge
- Related: Rama, Commit
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.
- Inyección SQL
- Related: Consulta SQL, Validación de datos
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.
- XSS
- Related: HTTPS, Validación de datos
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.
- HTTPS
- Related: HTTP, XSS
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.
- Hosting
- Related: DNS, Despliegue
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.
- Despliegue
- Related: Hosting, Integración continua
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.
- Integración continua
- Related: Despliegue, Repositorio
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.
- Documentación técnica
- Related: README, Repositorio
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.
- README
- Related: Documentación técnica, Repositorio
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.
- Scrum
- Related: Documentación técnica, Integración continua
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.