Vocabulario de desarrollo web en inglés

Parte de un sitio o aplicación web que se ve y con la que se interactúa en el navegador; suele construirse con HTML, CSS y JavaScript.

Parte del servidor que el usuario no ve: almacena datos, ejecuta la lógica del negocio y entrega a la interfaz lo que necesita.

Que abarca tanto la parte frontal como el backend de una aplicación web, desde la interfaz hasta el servidor y la base de datos.

Programa como Chrome, Firefox, Safari o Edge que descarga páginas web y convierte su código en pantallas que la gente lee y usa.

Localizador uniforme de recursos: dirección completa de una página o archivo web, por ejemplo https://example.com/blog?page=2.

Computadora o programa que espera solicitudes de navegadores y otros clientes y devuelve páginas, archivos o datos.

Extremo de una conexión que solicita datos, normalmente el navegador o una aplicación móvil, frente al servidor que responde.

Aplicación que funciona en un navegador en vez de instalarse en el dispositivo, como correo, mapas o una herramienta de gestión de proyectos en línea.

Herramientas integradas en los navegadores para inspeccionar HTML y CSS, depurar JavaScript, observar solicitudes de red y medir rendimiento.

Que funciona de la misma manera en navegadores distintos, como Chrome, Firefox, Safari y Edge, sus versiones y varios dispositivos.

Lenguaje de marcado estándar que describe la estructura y el contenido de una página, como títulos, párrafos, enlaces e imágenes.

Bloque individual de una página HTML, como un párrafo, una imagen o un botón, normalmente formado por etiqueta inicial, contenido y etiqueta final.

Fragmento de código HTML entre corchetes angulares, como <h1> o </p>, que marca el inicio o el final de un elemento.

Información adicional escrita dentro de una etiqueta HTML de apertura como nombre y valor, por ejemplo href en un enlace o alt en una imagen.

Atributo HTML que asigna uno o varios nombres a un elemento para que CSS y JavaScript puedan localizar y aplicar estilos a un grupo de elementos.

Título de una página o sección marcado con los elementos h1 a h6: h1 es el título principal y los demás representan niveles inferiores.

Texto o imagen seleccionable que lleva al usuario a otra página o ubicación; en HTML se crea con el elemento a y su atributo href.

Parte de una página donde el usuario introduce datos, como un formulario de acceso, búsqueda o contacto, que después se envían a un servidor.

Casilla o control de un formulario donde el usuario escribe o selecciona un valor, como nombre, correo electrónico, contraseña o fecha.

HTML que usa los elementos según su significado, como nav, main, article y button, en lugar de recurrir a div y span genéricos para todo.

Lenguaje de hojas de estilo en cascada que controla la apariencia del HTML: colores, fuentes, espacios, distribución y animaciones.

Parte de una regla CSS que indica a qué elementos se aplican los estilos, por ejemplo p, .button o #header.

Enfoque para crear páginas cuya disposición se ajusta a diferentes tamaños de pantalla, desde teléfonos y tabletas hasta monitores grandes.

En CSS, nombre de una característica de estilo que se configura, como color, margin o display, siempre junto con un valor.

Archivo o bloque de reglas CSS que describe la apariencia de una página; la mayoría de sitios enlaza uno o más archivos .css externos.

Forma en que se organizan los elementos de una página: posición de columnas, menús, imágenes y texto, y cómo cambian al variar la pantalla.

Método de diseño CSS para distribuir elementos en una sola fila o columna y controlar cómo crecen, se encogen, se alinean y comparten el espacio.

Sistema de diseño CSS que coloca elementos en filas y columnas simultáneamente; resulta útil para maquetar páginas completas y galerías de tarjetas.

Regla CSS que aplica estilos solo cuando se cumple una condición, como un ancho mínimo de pantalla, el modo oscuro o la impresión.

Concepto de CSS según el cual cada elemento es una caja rectangular formada por contenido, relleno interno, borde y margen, que en conjunto determinan su tamaño y separación.

Espacio situado fuera del borde de un elemento que separa ese elemento de los demás.

Espacio dentro de un elemento, entre su contenido y el borde, que mantiene el contenido separado de los extremos.

Ancho de pantalla en el que cambia un diseño adaptable, por ejemplo, de una columna en teléfonos a tres columnas en ordenadores.

Área visible de una página web dentro de la ventana del navegador o de la pantalla del teléfono; cambia al redimensionar la ventana o girar el teléfono.

Regla de CSS que determina qué estilo prevalece cuando varias reglas afectan al mismo elemento: los selectores de ID superan a los de clase, y estos a los de elemento.

Lenguaje de programación que se ejecuta en los navegadores y añade interacción a las páginas; con Node.js también funciona en servidores.

Árbol de objetos que el navegador construye a partir del HTML y que JavaScript puede leer y modificar mientras la página está abierta.

Conjunto preparado de código, herramientas y reglas para crear aplicaciones, como Angular, Vue, Next.js o Laravel, que determina cómo se organiza el proyecto.

Conjunto de código preparado que se incorpora a un proyecto y se llama cuando hace falta, por ejemplo para fechas, gráficos o animaciones.

Parte reutilizable y autónoma de una interfaz, como un botón, un cuadro modal o una tarjeta de producto, con su propio marcado, estilos y lógica.

Suceso en el navegador al que el código puede responder, como un clic, una pulsación de tecla, el envío de un formulario o la carga completa de la página.

Función que espera un evento concreto en un elemento, como un clic o una pulsación de tecla, y se ejecuta cuando ocurre.

Describe código que inicia una tarea, como cargar datos, y continúa ejecutando otras instrucciones sin esperar a que esa tarea termine.

Objeto de JavaScript que representa un resultado aún pendiente, como datos del servidor, que más tarde se resuelve o se rechaza.

Convertir código y datos en lo que ve el usuario, ya sea en el navegador, que dibuja la página, o en el servidor, que genera el HTML.

Datos que una aplicación o componente conserva en un momento dado, como si un menú está abierto o qué ha escrito una persona, y que determinan lo que se muestra.

Aplicación web que carga una página HTML y luego actualiza su contenido con JavaScript al navegar, en vez de cargar una página nueva cada vez.

Gestor de paquetes habitual de JavaScript y registro en línea desde el que instala paquetes; se usa con comandos como npm install.

Paquete o biblioteca externa que un proyecto necesita para funcionar y que se declara en un archivo como package.json.

Lenguaje de programación basado en JavaScript que añade tipos para detectar muchos errores mientras se escribe el código, antes de que se ejecute.

Herramienta que combina muchos archivos JavaScript, CSS y otros recursos con sus dependencias en unos pocos archivos optimizados que el navegador puede cargar con rapidez.

Protocolo de transferencia de hipertexto: conjunto de reglas que usan navegadores y servidores para intercambiar solicitudes y respuestas en la web.

Interfaz de programación de aplicaciones: forma definida para que un programa solicite datos o acciones a otro, por ejemplo una API web que devuelve JSON.

Mensaje que un cliente envía a un servidor para pedir algo, como una página, una imagen o datos, o para solicitar que guarde un cambio.

Mensaje que un servidor devuelve tras una solicitud, con un código de estado, encabezados y normalmente un cuerpo como HTML o JSON.

Formato de texto sencillo para datos, llamado JavaScript Object Notation, compuesto por claves y valores entre llaves y utilizado por la mayoría de las API web.

URL concreta de una API que recibe solicitudes para obtener cierto tipo de datos o ejecutar una acción, como /api/users o /api/orders/42.

Número de tres cifras de una respuesta HTTP que indica el resultado, como 200 para éxito, 404 para recurso no encontrado o 500 para un error del servidor.

Solicitar y recibir datos de un servidor o API, por ejemplo mensajes recientes o una lista de productos, incluso mientras la página ya está abierta.

API construida según el estilo REST, donde cada recurso tiene su propia URL y métodos HTTP estándar como GET, POST y DELETE actúan sobre él.

Palabra al comienzo de una solicitud HTTP que indica qué quiere hacer el cliente: GET para leer, POST para crear o DELETE para eliminar.

Par nombre-valor enviado en una solicitud o respuesta HTTP que aporta información adicional, como Content-Type, Authorization o Cache-Control.

Almacén organizado de datos, como usuarios, pedidos o publicaciones, donde un servidor puede guardarlos, buscarlos y actualizarlos con rapidez.

Pequeño dato que un sitio web guarda en el navegador y que se envía con solicitudes posteriores; se usa para inicios de sesión, preferencias y seguimiento.

Periodo durante el que un servidor recuerda a una persona autenticada, normalmente mediante un identificador en una cookie, hasta que cierra sesión o esta caduca.

Que ocurre en el servidor y no en el navegador de la persona, como el código, la validación o el renderizado del lado del servidor.

Configuración con nombre, como una URL de base de datos o una clave de API, que se proporciona a la aplicación desde fuera del código para que varíe según el entorno.

Dirección legible de un sitio web, como example.com, que se escribe en vez de una dirección IP numérica.

Servicio que mantiene los archivos y el código de un sitio en servidores conectados a internet para que se pueda visitar en cualquier momento.

Poner una versión nueva de un sitio o aplicación en un servidor para que los usuarios puedan acceder, normalmente mediante un proceso automatizado.

Archivo digital instalado en un servidor que acredita la identidad del sitio y permite que el navegador establezca una conexión HTTPS cifrada.

Sistema de nombres de dominio: directorio de Internet que traduce nombres como example.com a las direcciones IP de los servidores.

Proceso automatizado que convierte el código fuente en archivos listos para producción, por ejemplo compilándolos, agrupándolos y minimizándolos; también es el resultado del proceso.

Programa, como Nginx o Apache, que recibe solicitudes HTTP y sirve páginas y archivos; también puede referirse al equipo donde se ejecuta.

Copia del sitio activo, configurada para parecerse lo más posible a producción, donde se prueban versiones nuevas antes de que las vean usuarios reales.

Tiempo que tarda una página en descargarse y mostrarse en un estado utilizable, normalmente medido en segundos o milisegundos.

Lugar donde se guardan temporalmente copias de archivos o datos para servirlos más rápido después; puede estar en el navegador, una CDN o el servidor.

Red de servidores repartidos por el mundo que guarda copias de los archivos de un sitio y los entrega desde el punto más cercano a cada usuario.

Técnica que aplaza la carga de imágenes, vídeos o código hasta que realmente se necesitan, por ejemplo cuando la persona se acerca a ellos al desplazarse.

Reducir el tamaño de archivos de código quitando espacios, comentarios y saltos de línea y acortando nombres, sin cambiar su funcionamiento.

Reducir al máximo el peso de los archivos de imagen sin que pierdan calidad visual, por ejemplo comprimiéndolos, redimensionándolos y usando formatos actuales.

Tres métricas de Google que evalúan la experiencia real: velocidad de carga (LCP), respuesta a interacciones (INP) y estabilidad visual (CLS).

Práctica de hacer que los sitios sean utilizables por todas las personas, incluidas quienes tienen discapacidad visual, auditiva o motriz, o usan tecnología de asistencia.

Descripción breve de una imagen, añadida con el atributo alt, que los lectores de pantalla leen en voz alta y que los navegadores muestran si la imagen no carga.

Software que lee en voz alta el contenido de una pantalla o lo envía a una pantalla braille; lo usan principalmente personas ciegas o con discapacidad visual.

Conjunto de atributos HTML, como role y aria-label, que proporciona información adicional sobre los elementos a las tecnologías de asistencia; significa Accessible Rich Internet Applications.

Uso de un sitio solo con teclado, pasando entre enlaces, botones y campos con Tab y activándolos con Enter o la barra espaciadora.

Valor que compara la luminosidad del texto con la del fondo; una relación alta, como 7:1, suele facilitar la lectura más que una baja, como 2:1.

Optimización para motores de búsqueda: trabajo que ayuda a que las páginas de un sitio se encuentren, se entiendan y aparezcan mejor posicionadas en buscadores como Google.

Etiqueta HTML del head que proporciona a navegadores y buscadores información sobre la página, como su descripción o la configuración de la ventana gráfica.

Archivo, normalmente sitemap.xml, que enumera las páginas de un sitio para facilitar que los buscadores las descubran y rastreen.

Acción de un bot de buscador que visita páginas automáticamente, sigue sus enlaces y descarga su contenido para que pueda indexarse.

En el contexto de buscadores, incorporar y organizar una página después de rastrearla para que pueda aparecer en los resultados de búsqueda.

Proceso de comprobar quién es un usuario, por ejemplo mediante una contraseña, un código de un solo uso o el inicio de sesión con Google o Apple.

Versión segura de HTTP que cifra con TLS la conexión entre el navegador y el servidor para impedir que otras personas lean o modifiquen los datos.

Ataque en el que alguien introduce JavaScript malicioso en una página que otras personas abren, por ejemplo mediante un comentario, y el script se ejecuta en sus navegadores.

Ataque en el que alguien introduce código SQL en un formulario o una URL y hace que la base de datos lo ejecute, lo que puede exponer o borrar datos.

Reglas del navegador —Cross-Origin Resource Sharing— que permiten a un servidor indicar qué otros sitios (orígenes) pueden leer sus respuestas mediante JavaScript.

Ataque —Cross-Site Request Forgery— que engaña al navegador de una persona con sesión iniciada para que envíe una solicitud no deseada, como cambiar el correo, a un sitio de confianza.

Transformar datos como una contraseña mediante una función unidireccional para obtener una cadena de longitud fija, de la que no se pueda recuperar el valor original.