En el entorno de los diseñadores y desarrolladores web, dominar el lenguaje técnico y los términos en inglés es fundamental. Desde conceptos de diseño hasta protocolos de desarrollo, un amplio vocabulario en inglés te ayuda a comunicarte eficazmente con tus compañeros de desarrollo, comprender documentación técnica y avanzar en tu carrera profesional.
1. 110 términos en inglés y español para diseñadores y desarrolladores
A continuación, encontrarás una lista de 110 términos esenciales que todo diseñador y desarrollador web debe conocer. Estos términos se presentan en una tabla organizada alfabéticamente, que incluye el término en inglés, su traducción al español y una breve descripción en ambos idiomas. Además, se ha incorporado un campo de búsqueda para facilitar la localización de términos específicos, así como varios ejercicios prácticos para reforzar tu comprensión y memorización.
2. Diccionario de términos para desarrolladores en inglés y español
Además de los términos que puedes encontrar en el diccionario siguiente, puedes aprender más vocabulario relacionado con la informática y el desarrollo web en las secciones del curso sobre vocabulario técnico para desarrolladores y programadores web. Aparte, puedes practicar todo el vocabulario en los ejercicios interactivos propuestos que irás encontrando a lo largo de las secciones.
A
Accessibility (Accesibilidad): The practice of making websites usable by people of all abilities and disabilities. (La práctica de hacer que los sitios web sean utilizables por personas de todas las habilidades y discapacidades).
Action bar (Barra de Acciones): A toolbar providing quick access to common actions in an application or webpage. (Una barra de herramientas que proporciona acceso rápido a acciones comunes en una aplicación o página web).
Action panel (Panel de Acciones): A panel containing buttons or options for performing quick actions within an application. (Un panel que contiene botones u opciones para realizar acciones rápidas dentro de una aplicación).
Advertisement (Anuncio): A graphical advertisement displayed prominently on a webpage to attract attention. (Un anuncio gráfico mostrado prominentemente en una página web para atraer atención).
Alignment Alineación: Positioning of text or elements relative to a specified reference point or axis, such as left, right, center, or justified. (Posicionamiento de texto o elementos en relación con un punto de referencia o eje especificado, como izquierda, derecha, centro o justificado).
API (Application Programming Interface) (Interfaz de Programación de Aplicaciones): A set of rules and protocols allowing different applications and systems to communicate with each other and share data. (Un conjunto de reglas y protocolos que permiten que diferentes aplicaciones y sistemas se comuniquen entre sí y compartan datos).
Attribute (Atributo): A characteristic or property of an HTML element that modifies its behavior or appearance. (Una característica o propiedad de un elemento HTML que modifica su comportamiento o apariencia).
B
Background (Fondo): The color or image displayed behind the content. (El color o imagen que se muestra detrás del contenido).
Backend (Desarrollo por parte del servidor): The part of a website or application that operates behind the scenes and handles data processing, user authentication, and business logic. (La parte de un sitio web o aplicación que opera detrás de escena y se encarga del procesamiento de datos, la autenticación de usuarios y la lógica de negocio).
Banner (Anuncio): A graphical advertisement displayed prominently on a webpage to attract attention. (Un anuncio gráfico mostrado prominentemente en una página web para atraer atención).
Breadcrumbs (Migas de Pan): A series of links that show the path a user has taken to reach a particular page within a website. (Una serie de enlaces que muestran la ruta que ha seguido el usuario para llegar a una página particular dentro de un sitio web).
Browser (Navegador): A software application used to access and view websites on the Internet. (Una aplicación de software utilizada para acceder y ver sitios web en Internet).
Button (Botón): Interactive elements on a webpage that users can click or tap to perform an action. (Elementos interactivos en una página web que los usuarios pueden hacer clic o tocar para realizar una acción).
C
Call to action (Llamada a la acción): A button or link on a website that prompts users to take a specific action, such as signing up for a newsletter or making a purchase. (Un botón o enlace en un sitio web que insta a los usuarios a tomar una acción específica, como suscribirse a un boletín informativo o realizar una compra).
Carousel (Carrusel): A rotating display of content, often images or promotional messages, that cycles automatically or manually through a series of slides. (Una pantalla giratoria de contenido, a menudo imágenes o mensajes promocionales, que se desplaza automáticamente o manualmente a través de una serie de diapositivas).
Caption (Subtítulo): Text that provides a brief description or explanation for an image, video, or other multimedia content. (Texto que proporciona una breve descripción o explicación para una imagen, video u otro contenido multimedia).
Carriage return character (Retorno de carro): A non-printable character used to indicate the end of a line of text in a document or input field. (Un carácter no imprimible utilizado para indicar el final de una línea de texto en un documento o campo de entrada).
Cart (Carrito de compra): An online shopping cart where users can add products before proceeding to checkout and making a purchase. (Un carrito de compras en línea donde los usuarios pueden agregar productos antes de proceder al pago y realizar una compra).
CDN, Content Delivery Network (Red de entrega de contenido): A distributed network of servers strategically positioned around the world to deliver web content to users more efficiently, reducing latency and improving website performance and reliability. (Una red distribuida de servidores posicionados estratégicamente alrededor del mundo para entregar contenido web a los usuarios de manera más eficiente, reduciendo la latencia y mejorando el rendimiento y la fiabilidad del sitio web).
Code editor (Editor de código): A software tool used by developers to write, edit, and debug code for websites or applications. (Una herramienta de software utilizada por los desarrolladores para escribir, editar y depurar código para sitios web o aplicaciones).
Code snippets (Fragmentos de código): Small pieces of reusable code that can be inserted into larger codebases to perform specific tasks or functions. (Pequeñas piezas de código reutilizable que pueden insertarse en bases de código más grandes para realizar tareas o funciones específicas).
Comment (Comentario): An annotation or note added to the source code of a website or application to provide explanations or context for other developers. (Una anotación o nota agregada al código fuente de un sitio web o aplicación para proporcionar explicaciones o contexto a otros desarrolladores).
Container (Contenedor): A box or wrapper element used to group and organize other content on a webpage, often used for layout purposes. (Un elemento de caja o envoltura utilizado para agrupar y organizar otro contenido en una página web, a menudo utilizado con fines de diseño).
CMS, Content Management System (Sistema de gestión de contenidos): A software application that allows users to create, edit, manage, and publish digital content on the web without requiring technical knowledge of web programming. (Una aplicación de software que permite a los usuarios crear, editar, gestionar y publicar contenido digital en la web sin necesidad de conocimientos técnicos de programación web).
Cookie (Cookie): A small piece of data stored on a user’s computer by a website, typically used to remember user preferences, login credentials, and other browsing information. (Un pequeño fragmento de datos almacenado en el ordenador de un usuario por un sitio web, normalmente utilizado para recordar las preferencias del usuario, las credenciales de inicio de sesión y otra información de navegación).
Copyright notices (Avisos de derechos de autor): Statements displayed on a website indicating ownership of intellectual property and specifying permitted uses of the content. (Declaraciones mostradas en un sitio web que indican la propiedad de la propiedad intelectual y especifican los usos permitidos del contenido).
CSS, Cascading Style Sheets (Hojas de estilo en cascada): A style sheet language used to describe the presentation of a document written in HTML or XML, including colors, fonts, layout, and other visual aspects. (Un lenguaje de hojas de estilo utilizado para describir la presentación de un documento escrito en HTML o XML, incluyendo colores, fuentes, diseño y otros aspectos visuales).
D
Development (Desarrollo): The process of creating, building, and maintaining websites, web applications, or software solutions. (El proceso de creación, construcción y mantenimiento de sitios web, aplicaciones web o soluciones de software).
Dialog boxes (Cuadros de Diálogo): Pop-up windows that appear on screen to communicate information to the user or prompt them for input, such as confirming an action or entering data. (Ventanas emergentes que aparecen en la pantalla para comunicar información al usuario o solicitar su entrada, como confirmar una acción o ingresar datos).
Display (Mostrar): The visual representation of content on a screen or device, including text, images, videos, and other multimedia elements. (La representación visual de contenido en una pantalla o dispositivo, incluyendo texto, imágenes, videos y otros elementos multimedia).
Document (Documento): A file or webpage containing written, visual, or multimedia content intended for reading, reference, or distribution. (Un archivo o página web que contiene contenido escrito, visual o multimedia destinado a lectura, referencia o distribución).
DOM, Document Object Model (Modelo de Objetos del Documento): A programming interface that represents the structure of HTML and XML documents as a hierarchical tree of objects, allowing scripts to dynamically access and manipulate document content. (Una interfaz de programación que representa la estructura de documentos HTML y XML como un árbol jerárquico de objetos, permitiendo que los scripts accedan y manipulen dinámicamente el contenido del documento).
Dropdown menu (Menú Desplegable): A list of options that appears when a user clicks or hovers over a specific area, allowing them to select an item from the list. (Una lista de opciones que aparece cuando un usuario hace clic o pasa el cursor sobre un área específica, permitiéndoles seleccionar un elemento de la lista).
E
Email subscription (Inscripción al Boletín de Noticias): A form on a website that allows users to sign up to receive emails, newsletters, or updates from the website or company. (Un formulario en un sitio web que permite a los usuarios suscribirse para recibir correos electrónicos, boletines informativos o actualizaciones del sitio web o empresa).
Emphasized text (Texto enfatizado): Text that is highlighted or emphasized for emphasis, often displayed in italics or bold to draw attention. (Texto que se resalta o enfatiza para llamar la atención, a menudo se muestra en cursiva o negrita).
F
File (Archivo): A collection of data or information stored under a specific name on a computer or server, typically organized into folders and directories. (Una colección de datos o información almacenada bajo un nombre específico en una computadora o servidor, típicamente organizada en carpetas y directorios).
Font Fuente: Set of characters with a specific style, size, and weight used to represent text in documents or on screens. (Conjunto de caracteres con un estilo, tamaño y peso específicos utilizados para representar texto en documentos o en pantallas).
Footer (Pie de página): The bottom section of a webpage that typically contains copyright information, contact details, links to important pages, and other supplementary information. (La sección inferior de una página web que típicamente contiene información de derechos de autor, detalles de contacto, enlaces a páginas importantes y otra información complementaria).
Form (Formulario): A structured area on a webpage where users can input or submit data, often used for user registration, contact forms, or data submission. (Un área estructurada en una página web donde los usuarios pueden ingresar o enviar datos, a menudo utilizado para registro de usuarios, formularios de contacto o envío de datos).
Framework (Marco de trabajo): A standardized set of tools, libraries, and best practices used to develop software applications or websites, providing a foundation for developers to build upon. (Un conjunto estandarizado de herramientas, bibliotecas y mejores prácticas utilizadas para desarrollar aplicaciones de software o sitios web, proporcionando una base para que los desarrolladores construyan sobre ella).
Frontend (Desarrollo del lado del cliente): The part of a website or application that users interact with directly, including the user interface and user experience components. (La parte de un sitio web o aplicación con la que los usuarios interactúan directamente, incluyendo los componentes de interfaz de usuario y experiencia de usuario).
H
Heading (Título): A text element used to introduce or label a section of content, typically displayed in a larger font size and bold format to indicate importance. (Un elemento de texto utilizado para introducir o etiquetar una sección de contenido, típicamente mostrado en un tamaño de fuente más grande y en negrita para indicar importancia).
Header (Cabecera): The top section of a webpage that usually contains the website’s logo, navigation menu, and other important information or links. (La sección superior de una página web que generalmente contiene el logotipo del sitio web, el menú de navegación y otra información o enlaces importantes).
Hero image (Imagen destacada): A large, prominently placed image at the top of a webpage, often used to capture attention and convey the main message or theme of the page. (Una imagen grande y prominentemente colocada en la parte superior de una página web, a menudo utilizada para captar la atención y transmitir el mensaje principal o tema de la página).
Highlighted (Resaltado): Text with a background color or special style (Texto con un color de fondo o un estilo especial).
Horizontal rule (Regla horizontal): A visual element used to separate content horizontally on a webpage, often represented as a horizontal line. (Un elemento visual utilizado para separar contenido horizontalmente en una página web, a menudo representado como una línea horizontal).
Hosting (Alojamiento): The service of providing storage space and access for websites on servers connected to the internet. (El servicio de proporcionar espacio de almacenamiento y acceso para sitios web en servidores conectados a Internet).
HTML (HyperText Markup Language)(Lenguaje de Marcado de Hipertexto): The standard markup language used to create and structure web pages and their content. (El lenguaje de marcado estándar utilizado para crear y estructurar páginas web y su contenido).
Hover (Pasar el cursor por Encima): The action of moving the cursor over an element on a webpage, often resulting in a change of appearance or displaying additional information. (La acción de mover el cursor sobre un elemento en una página web, a menudo resultando en un cambio de apariencia o mostrar información adicional).
Hyperlink (Hipervínculo): A clickable text or image element on a webpage that, when activated, directs the user to another location, such as another webpage or resource. (Un elemento de texto o imagen en una página web que se puede hacer clic y, cuando se activa, dirige al usuario a otra ubicación, como otra página web o recurso).
I
IDE (Integrated Development Environment) (Entorno de Desarrollo Integrado): A software application that provides comprehensive tools and features for software development, including code editing, debugging, compiling, and project management capabilities, all within a unified interface. (Una aplicación de software que proporciona herramientas y funciones completas para el desarrollo de software, incluyendo edición de código, depuración, compilación y capacidades de gestión de proyectos, todo dentro de una interfaz unificada).
Image (Imagen): A visual representation or graphic displayed on a webpage, often used to convey information or enhance the visual appeal of the content. (Una representación visual o gráfica mostrada en una página web, a menudo utilizada para transmitir información o mejorar el atractivo visual del contenido).
Index Índice: List of topics or chapters in a book or document, usually arranged in alphabetical or numerical order, with corresponding page numbers. (Lista de temas o capítulos en un libro o documento, generalmente ordenados alfabéticamente o numéricamente, con los números de página correspondientes).
Input field (Campo de entrada): An area on a webpage where users can enter or input data, such as text, numbers, or selections. (Un área en una página web donde los usuarios pueden ingresar o introducir datos, como texto, números o selecciones).
Italics (Cursiva): Text formatting style where characters are slanted to the right, often used to indicate emphasis or to denote titles, foreign words, or phrases. (Estilo de formato de texto donde los caracteres están inclinados hacia la derecha, a menudo utilizado para indicar énfasis o para denotar títulos, palabras extranjeras o frases).
J
Justified Justificado: Alignment of text along both the left and right margins, creating a straight edge on both sides of the paragraph. (Alineación de texto a lo largo de los márgenes izquierdo y derecho, creando un borde recto en ambos lados del párrafo).
L
Layout (Diseño): The arrangement and organization of visual elements on a webpage, determining how content is displayed and structured. (La disposición y organización de elementos visuales en una página web, determinando cómo se muestra y estructura el contenido).
Line break (Salto de línea): A formatting instruction that ends the current line of text and starts a new one, without creating a new paragraph. (Una instrucción de formato que finaliza la línea actual de texto y comienza una nueva, sin crear un nuevo párrafo).
Link (Enlace): An element on a webpage that, when clicked, navigates the user to another location, such as another webpage or resource. (Un elemento en una página web que, al hacer clic, dirige al usuario a otra ubicación, como otra página web o recurso).
M
Main content (Contenido principal): The primary or central portion of a webpage where the main information or topic of the page is presented. (La parte principal o central de una página web donde se presenta la información principal o el tema de la página).
Markup language (Lenguaje de marcado): A system of annotating text to indicate its structure, formatting, or semantic meaning, such as HTML or XML. (Un sistema de anotación de texto para indicar su estructura, formato o significado semántico, como HTML o XML).
Menu (Menú): A list of options or commands displayed on a webpage that allows users to navigate to different sections or pages of a website. (Una lista de opciones o comandos mostrados en una página web que permite a los usuarios navegar a diferentes secciones o páginas de un sitio web).
Modal (Modal): A type of overlay or popup window that appears on top of a webpage to capture the user’s attention or prompt them for input. (Un tipo de ventana superpuesta o emergente que aparece encima de una página web para captar la atención del usuario o solicitarle una entrada).
Mouse over (Pasar el ratón por encima): The action of moving the cursor over an element on a webpage, often resulting in a change of appearance or displaying additional information. (La acción de mover el cursor sobre un elemento en una página web, a menudo resultando en un cambio de apariencia o mostrar información adicional).
N
Navigation bar (Barra de navegación): A graphical user interface element that contains links to different sections or pages of a website, allowing users to easily navigate between them. (Un elemento de interfaz gráfica de usuario que contiene enlaces a diferentes secciones o páginas de un sitio web, permitiendo a los usuarios navegar fácilmente entre ellas).
O
Ordered list (Lista Ordenada): A numbered list of items on a webpage, where each item is preceded by a sequential number or letter. (Una lista numerada de elementos en una página web, donde cada elemento es precedido por un número o letra secuencial).
Output (Salida): The result or response generated by a computer program or process, often displayed to the user as text, images, or other media. (El resultado o respuesta generada por un programa informático o proceso, a menudo mostrado al usuario como texto, imágenes u otros medios).
P
Page (Página): A single document or file displayed in a web browser, typically containing text, images, multimedia content, and hyperlinks. (Un único documento o archivo mostrado en un navegador web, que típicamente contiene texto, imágenes, contenido multimedia y enlaces).
Pagination (Paginación): The process of dividing content into multiple pages, typically used for organizing large datasets or long lists of items. (El proceso de dividir el contenido en múltiples páginas, típicamente utilizado para organizar conjuntos de datos grandes o listas largas de elementos).
Password (Contraseña): A secret combination of characters used to authenticate a user’s identity and gain access to protected accounts or resources. (Una combinación secreta de caracteres utilizada para autenticar la identidad de un usuario y obtener acceso a cuentas o recursos protegidos).
Placeholder(Marcador de posición): Text or graphical content temporarily displayed in an input field or other element until the user provides input or the content is dynamically generated. (Texto o contenido gráfico mostrado temporalmente en un campo de entrada u otro elemento hasta que el usuario proporcione entrada o el contenido se genere dinámicamente).
Popup (Ventana emergente): A small window that appears on top of a webpage to display additional information, alerts, or interactive elements. (Una pequeña ventana que aparece encima de una página web para mostrar información adicional, alertas o elementos interactivos).
Privacy policy (Política de privacidad): A statement or document on a website that outlines how the site collects, uses, and protects user data and privacy. (Una declaración o documento en un sitio web que describe cómo el sitio recopila, utiliza y protege los datos y la privacidad del usuario).
Prototype (Prototipo): A preliminary model or version of a product, often used for testing or demonstration purposes before final development. (Un modelo o versión preliminar de un producto, utilizado frecuentemente para pruebas o demostraciones antes del desarrollo final).
R
Responsive design (Diseño adaptativo): A web design approach that ensures websites adapt and display properly on various devices and screen sizes, providing an optimal viewing experience for users. (Un enfoque de diseño web que garantiza que los sitios web se adapten y se muestren correctamente en diversos dispositivos y tamaños de pantalla, proporcionando una experiencia de visualización óptima para los usuarios).
Resource (Recurso): Any element or asset used in the creation or functioning of a website, such as images, videos, scripts, stylesheets, or documents. (Cualquier elemento o activo utilizado en la creación o funcionamiento de un sitio web, como imágenes, videos, scripts, hojas de estilo o documentos).
S
Scrollbar (Barra de desplazamiento): A graphical user interface element that allows users to scroll through content that exceeds the visible area of a webpage or window. (Un elemento de interfaz gráfica de usuario que permite a los usuarios desplazarse por el contenido que excede el área visible de una página web o ventana).
Search Engine Optimization (SEO) (Optimización en Motores de Búsqueda): The process of improving a website’s visibility and ranking in search engine results pages, often involving keyword research, content optimization, and link building. (El proceso de mejorar la visibilidad y el ranking de un sitio web en las páginas de resultados de los motores de búsqueda, que a menudo implica investigación de palabras clave, optimización de contenido y construcción de enlaces).
Security (Seguridad): Measures and protocols implemented to protect websites and web applications from unauthorized access, data breaches, and malicious attacks. (Medidas y protocolos implementados para proteger sitios web y aplicaciones web contra el acceso no autorizado, las violaciones de datos y los ataques maliciosos).
Selector (Selector): A CSS syntax used to target and apply styles to specific elements or groups of elements on a webpage. (Una sintaxis de CSS utilizada para seleccionar y aplicar estilos a elementos específicos o grupos de elementos en una página web).
Server (Servidor): A computer or system that provides resources, services, or data to other computers or devices over a network, such as hosting websites or web applications. (Un ordenador o sistema que proporciona recursos, servicios o datos a otros ordenadores o dispositivos a través de una red, como alojar sitios web o aplicaciones web).
Session (Sesión): A period of time during which a user interacts with a website or web application, typically starting when the user logs in and ending when they log out or close the browser. (Un período de tiempo durante el cual un usuario interactúa con un sitio web o aplicación web, que suele comenzar cuando el usuario inicia sesión y termina cuando cierra la sesión o el navegador).
Sidebar (Barra lateral): A vertical column or panel on the side of a webpage that contains supplementary information, links, or navigation options. (Una columna vertical o panel en el lateral de una página web que contiene información complementaria, enlaces u opciones de navegación).
Slider (Deslizador): A graphical user interface element that allows users to adjust a value by sliding a control along a track, often used for selecting a range of values or adjusting settings. (Un elemento de interfaz gráfica de usuario que permite a los usuarios ajustar un valor deslizando un control a lo largo de una pista, a menudo utilizado para seleccionar un rango de valores o ajustar configuraciones).
Source code (Código fuente): The human-readable form of a computer program or script written in a programming language, before it is compiled or interpreted into machine code. (La forma legible por humanos de un programa informático o script escrito en un lenguaje de programación, antes de ser compilado o interpretado en código máquina).
SSL (Secure Sockets Layer) (Capa de Conexión Segura): A standard security technology used to establish an encrypted link between a web server and a browser, ensuring that all data transmitted between them remains private and secure. (Una tecnología de seguridad estándar utilizada para establecer un enlace cifrado entre un servidor web y un navegador, asegurando que todos los datos transmitidos entre ellos permanezcan privados y seguros).
Static Website (Sitio web estático): A website composed of fixed web pages that are delivered to the user’s web browser exactly as stored, without any server-side processing or dynamic content generation. (Un sitio web compuesto por páginas web fijas que se entregan al navegador web del usuario exactamente como se almacenan, sin ningún procesamiento en el lado del servidor o generación de contenido dinámico).
SVG, Scalable Vector Graphics (Gráficos Vectoriales Escalables): A format for displaying vector graphics on the web, which allows images to be scaled to different sizes without losing quality. (Un formato para mostrar gráficos vectoriales en la web, que permite que las imágenes se escalen a diferentes tamaños sin perder calidad).
T
Template (Plantilla): A pre-designed layout or structure used as a starting point for creating web pages, allowing for consistent design across multiple pages or websites. (Un diseño o estructura predefinida utilizada como punto de partida para crear páginas web, permitiendo un diseño consistente en varias páginas o sitios web).
Testimonials (Testimonios): Statements or endorsements from clients or users of a product or service, often displayed on a website to build credibility and trust. (Declaraciones o recomendaciones de clientes o usuarios de un producto o servicio, a menudo mostradas en un sitio web para construir credibilidad y confianza).
Text Editor (Editor de texto): A software application used for creating and editing text-based files, such as HTML, CSS, or JavaScript code. (Una aplicación de software utilizada para crear y editar archivos basados en texto, como código HTML, CSS o JavaScript).
Theme (Tema): A collection of design elements, styles, and templates used to customize the appearance and layout of a website or web application. (Una colección de elementos de diseño, estilos y plantillas utilizadas para personalizar la apariencia y el diseño de un sitio web o aplicación web).
Thumbnail (Miniatura): A small version of an image or video used to provide a preview or representation of the full-size content, often displayed on websites or in file browsers. (Una versión pequeña de una imagen o video utilizada para proporcionar una vista previa o representación del contenido a tamaño completo, a menudo mostrada en sitios web o en navegadores de archivos).
Timeline (Línea de tiempo): A graphical representation of events or milestones arranged chronologically, often used to illustrate the progression or history of a project, company, or individual. (Una representación gráfica de eventos o hitos dispuestos cronológicamente, a menudo utilizada para ilustrar la progresión o historia de un proyecto, empresa o individuo).
Tooltip (Mensaje emergente): A small, contextual message that appears when a user hovers over or clicks on an element, providing additional information or guidance. (Un pequeño mensaje contextual que aparece cuando un usuario pasa el cursor sobre un elemento o hace clic en él, proporcionando información adicional o orientación).
Tracking (Seguimiento): The process of monitoring and recording user interactions with a website or web application, often used for analytics, marketing, or user experience optimization purposes. (El proceso de monitorear y registrar las interacciones de los usuarios con un sitio web o aplicación web, a menudo utilizado para análisis, marketing u optimización de la experiencia del usuario).
Transaction (Transacción): An exchange of data or information between a web server and a client browser, typically involving the submission of a form, completion of a purchase, or interaction with an application. (Un intercambio de datos o información entre un servidor web y un navegador cliente, que típicamente implica el envío de un formulario, la finalización de una compra o la interacción con una aplicación).
Typography (Tipografía): The art and technique of arranging type to make written language legible, readable, and visually appealing, often used in web design to enhance the presentation of textual content. (El arte y la técnica de organizar tipos de letra para hacer que el lenguaje escrito sea legible, comprensible y visualmente atractivo, a menudo utilizado en el diseño web para mejorar la presentación del contenido textual).
U
UI/UX Design (User Interface/User eXperience) (Diseño de Interfaz de Usuario/Experiencia de Usuario): The process of designing the user interface and experience of a website or application to optimize usability, accessibility, and user satisfaction. (El proceso de diseñar la interfaz de usuario y la experiencia de un sitio web o aplicación para optimizar la usabilidad, accesibilidad y satisfacción del usuario).
Underline (Subrayado): A line placed beneath text. (Una línea colocada debajo del texto).
Unordered list Lista desordenada: List of items or points without a specified sequence or order, typically marked with bullets or symbols. (Lista de elementos o puntos sin una secuencia u orden especificado, generalmente marcados con viñetas o símbolos).
URL, Uniform Resource Locator (Localizador Uniforme de Recursos): A web address that specifies the location of a resource on the internet, including the protocol, domain name, and path to the resource. (Una dirección web que especifica la ubicación de un recurso en Internet, incluyendo el protocolo, nombre de dominio y ruta al recurso).
Usability testing (Pruebas de usabilidad): The process of evaluating a website or application by observing users as they interact with it, identifying usability issues, and making improvements to enhance the user experience. (El proceso de evaluar un sitio web o aplicación observando a los usuarios mientras interactúan con él, identificando problemas de usabilidad y realizando mejoras para mejorar la experiencia del usuario).
User Interface, UI (Interfaz de Usuario): The visual elements, controls, and layouts through which users interact with a website or application, including buttons, menus, forms, and navigational elements. (Los elementos visuales, controles y diseños a través de los cuales los usuarios interactúan con un sitio web o aplicación, incluyendo botones, menús, formularios y elementos de navegación).
V
Version control (Control de versiones): The management of changes to documents, code, or files over time, allowing developers to track revisions, collaborate on projects, and revert to previous versions if needed. (La gestión de cambios en documentos, código o archivos con el tiempo, permitiendo a los desarrolladores hacer un seguimiento de las revisiones, colaborar en proyectos y revertir a versiones anteriores si es necesario).
W
Web analytics (Analítica web): The measurement, collection, analysis, and reporting of website data to understand and optimize web usage, user behavior, and performance. (La medición, recopilación, análisis y reporte de datos del sitio web para entender y optimizar el uso web, el comportamiento del usuario y el rendimiento).
Web browser (Navegador web): A software application used to access and view websites on the internet, allowing users to navigate between pages, interact with content, and access various online services. (Una aplicación de software utilizada para acceder y ver sitios web en Internet, permitiendo a los usuarios navegar entre páginas, interactuar con contenido y acceder a varios servicios en línea).
Web standards (Estándares web): Guidelines, protocols, and best practices established by organizations such as the W3C (World Wide Web Consortium) to ensure interoperability, accessibility, and consistency in web development. (Directrices, protocolos y mejores prácticas establecidas por organizaciones como el W3C (World Wide Web Consortium) para garantizar la interoperabilidad, accesibilidad y consistencia en el desarrollo web).
Website architecture (Arquitectura de sitio web): The structure, organization, and navigation of a website, including its hierarchy of pages, content relationships, and user pathways, designed to optimize usability and user experience. (La estructura, organización y navegación de un sitio web, incluyendo su jerarquía de páginas, relaciones de contenido y rutas de usuario, diseñadas para optimizar la usabilidad y la experiencia del usuario).
Website builder (Constructor de sitios web): A software tool or platform that allows users to create and customize websites without the need for coding or technical expertise, often using drag-and-drop interfaces and pre-designed templates. (Una herramienta de software o plataforma que permite a los usuarios crear y personalizar sitios web sin necesidad de programación o experiencia técnica, a menudo utilizando interfaces de arrastrar y soltar y plantillas predefinidas).
Website maintenance (Mantenimiento de sitios web): The ongoing process of monitoring, updating, and managing a website to ensure its functionality, security, and performance remain optimal over time. (El proceso continuo de monitorear, actualizar y gestionar un sitio web para garantizar que su funcionalidad, seguridad y rendimiento se mantengan óptimos con el tiempo).
White space (Espacio en blanco): The empty or unmarked space between design elements on a webpage, used strategically to enhance readability, focus attention, and create visual balance. (El espacio vacío o no marcado entre los elementos de diseño en una página web, utilizado estratégicamente para mejorar la legibilidad, enfocar la atención y crear equilibrio visual).
Wireframe (Maqueta): A visual representation or blueprint of a webpage or application interface, showing the layout, structure, and functionality without the visual design elements. (Una representación visual o esquema de una página web o interfaz de aplicación, mostrando el diseño, estructura y funcionalidad sin los elementos de diseño visual).
WYSIWYG Editor, What You See Is What You Get (Editor WYSIWYG, lo que se ve es lo que se obtiene): A software tool that allows users to edit and design content directly in a visual interface, displaying a representation of the final output as it will appear to users. (Una herramienta de software que permite a los usuarios editar y diseñar contenido directamente en una interfaz visual, mostrando una representación de la salida final tal como aparecerá para los usuarios).
X
XML, Extensible Markup Language (Lenguaje de Marcado Extensible): A markup language that defines a set of rules for encoding documents in a format that is both human-readable and machine-readable, commonly used for data exchange and configuration files. (Un lenguaje de marcado que define un conjunto de reglas para codificar documentos en un formato que es tanto legible por humanos como por máquinas, comúnmente utilizado para el intercambio de datos y archivos de configuración).
Continua tu aprendizaje
Si aún no has realizado el curso completo de vocabulario técnico, continua tu formación aprendiendo más términos específicos según la temática que te interese:
3. Ejercicios sobre términos inglés y español para diseñadores y desarrolladores
Completa los siguientes ejercicios para practicar los términos en inglés relacionados con el diseño y desarrollo web. Complete the following exercises to practice English vocabulary related to web design and development.
3.1. Ejercicio 1: Sopa de letras
Partiendo de los 120 términos anteriores, encuentra las 14 palabras escondidas en la sopa de letras. Starting from the previous 120 terms, find the 14 hidden words in this word search puzzle.
3.2. Ejercicio 2: Desenreda las letras
Desenreda las letras para formar términos relacionados con el diseño y el desarrollo web. Unscramble the letters to form terms related to web design and development.