Vocabulario web en inglés

Casi todo lo que rodea al desarrollo web está en inglés: los manuales, los paneles de los servidores, los mensajes del navegador y las conversaciones con compañeros. La buena noticia es que el vocabulario es pequeño y se repite una y otra vez. En esta lección vas a aprender las palabras que aparecen cuando una página viaja desde un servidor hasta tu pantalla, cómo se leen en voz alta y qué dicen los códigos de estado que ves en DevTools.

Si todavía no has leído los fundamentos del curso, empieza por Inglés para programar y Vocabulario básico.

Cliente y servidor

Una página web funciona como un restaurante: tú pides y otro te sirve.

Inglés	Pronunciación aproximada	Significado	Ejemplo
client	/cláient/	cliente: quien pide (tu navegador)	The client sends a request.
server	/sérver/	servidor: quien responde	The server is down. (el servidor está caído)
browser	/bráuser/	navegador	Open it in your browser.
request	/ricuést/	petición	The request failed.
response	/rispóns/	respuesta	The response is empty.
to send / to receive	/sénd/, /risív/	enviar / recibir	The browser receives HTML.
to load	/lóud/	cargar	The page is loading...
to refresh / to reload	/rifrésh/, /rilóud/	refrescar / recargar	Refresh the page.

Un ejemplo típico en documentación:

The client sends an HTTP request to the server.
The server processes the request and returns a response.

Traducción: el cliente envía una petición HTTP al servidor; el servidor procesa la petición y devuelve una respuesta.

Nota: en inglés técnico “request” y “response” son sustantivos para la petición y la respuesta, pero to request también existe como verbo (pedir formalmente). En el día a día se dice más to make a request o to send a request.

HTTP: el idioma de la web

HTTP se lee letra a letra: /eich-ti-ti-pí/ (en inglés: H, T, T, P). Es el protocolo con el que hablan cliente y servidor. HTTPS es la versión segura (la S es de secure, seguro).

Una petición lleva varias piezas:

Inglés	Pronunciación	Significado
URL	/iú-ar-el/	dirección de un recurso
method	/mézod/	el verbo de la petición
header	/jéder/	cabecera: metadatos de la petición o respuesta
body	/bódi/	cuerpo: los datos que se envían
query string	/cuíri strín/	lo que va tras ? en la URL
parameter	/parámeter/	parámetro
cookie	/cúki/	pequeño dato guardado por el navegador
token	/tóuken/	cadena que identifica una sesión o permiso

Y los métodos HTTP, que son verbos en inglés y se entienden por su significado:

Método	Significado	Cuándo se usa
GET	obtener	pedir una página o unos datos
POST	enviar	crear algo nuevo (un formulario)
PUT	poner/reemplazar	sustituir un recurso completo
PATCH	parchear	cambiar solo una parte
DELETE	borrar	eliminar un recurso

Un ejemplo con fetch, que verás en fetch:

const response = await fetch("https://api.example.com/products", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({ name: "Tent", price: 89 }),
});

Lee la llamada así: “hacemos un POST a /products, con una cabecera que dice que el contenido es JSON y un cuerpo con una tienda de campaña de 89”.

Endpoint y API

Un endpoint /éndpoint/ es una dirección concreta de una API que hace una cosa: GET /api/users devuelve usuarios, POST /api/users crea uno. Una API (/ei-pi-ái/) es el conjunto de endpoints que otra aplicación puede usar. Las palabras que acompañan:

Inglés	Significado	Ejemplo
route /ráut/ (a veces /rut/)	ruta	Define a route for /login.
path /paz/	la parte de la URL tras el dominio	/api/users/5
resource /rísors/	cosa a la que se accede (usuario, pedido)	The resource was not found.
payload /péilod/	los datos útiles de un mensaje	The payload must be valid JSON.
rate limit /réit límit/	límite de peticiones por minuto	You hit the rate limit.
authentication	comprobar quién eres (login)	Authentication failed.
authorization	comprobar qué puedes hacer	You lack authorization.

Status codes: leer los números en inglés

Cada respuesta HTTP lleva un status code (código de estado) y un texto. Los ves en la pestaña Network de DevTools (consulta depurar JavaScript). Se agrupan por la primera cifra:

Rango	Familia	Significado
1xx	Informational	informativo
2xx	Success	todo bien
3xx	Redirection	redirección: ve a otro sitio
4xx	Client error	el fallo es de la petición (tuyo)
5xx	Server error	el fallo es del servidor

Los que debes conocer de memoria:

Código	Texto en inglés	Traducción	Cuándo ocurre
200	OK	correcto	todo fue bien
201	Created	creado	un POST creó un recurso
204	No Content	sin contenido	funcionó y no hay nada que devolver
301	Moved Permanently	movido permanentemente	la URL cambió para siempre
302	Found	encontrado (redirección temporal)	redirección temporal
304	Not Modified	no modificado	usa tu copia en caché
400	Bad Request	petición incorrecta	datos mal formados
401	Unauthorized	no autorizado	no has iniciado sesión
403	Forbidden	prohibido	has iniciado sesión pero no tienes permiso
404	Not Found	no encontrado	esa URL no existe
405	Method Not Allowed	método no permitido	usaste GET donde solo vale POST
429	Too Many Requests	demasiadas peticiones	superaste el límite
500	Internal Server Error	error interno del servidor	el código del servidor falló
502	Bad Gateway	puerta de enlace incorrecta	un servidor intermedio recibió algo roto
503	Service Unavailable	servicio no disponible	servidor saturado o en mantenimiento

Cómo se dicen: “four-oh-four” para el 404, “five hundred” para el 500, “two hundred” para el 200. Es normal oír “I’m getting a 404” (me sale un 404).

Un mensaje real de documentación y de un error de consola:

GET https://api.example.com/users/99 404 (Not Found)

Significa: hice un GET a esa URL y la respuesta fue 404, la URL o el usuario 99 no existe.

Consejo: recuerda la regla. Empieza por 4: el problema está en lo que tú enviaste. Empieza por 5: el problema está en el servidor. Es la primera pregunta al depurar.

Publicar una web: deploy, hosting y dominio

Cuando termines tu proyecto querrás publicarlo (mira publicar tu web). Estas palabras salen en todos los paneles:

Inglés	Pronunciación	Significado	Ejemplo
to deploy	/diplói/	desplegar, publicar una versión	We deploy every Friday.
deployment	/diplóiment/	un despliegue	The deployment failed.
hosting	/jósting/	alojamiento web	Cheap hosting for small sites.
domain	/doumein/	dominio (devschool.es)	Buy a domain name.
DNS	/di-en-és/	traduce dominios a direcciones	DNS changes take time.
SSL certificate	/es-es-él/	certificado para HTTPS	The SSL certificate expired.
production	/produkshon/	el sitio real que ve el público	It works in production.
staging	/stéidyin/	copia de pruebas previa a producción	Check it on staging first.
environment	/enváironment/	entorno (desarrollo, pruebas, producción)	Set the environment variables.
build	/bild/	compilar o empaquetar el proyecto	Run the build.
repository	/ripósitori/	repositorio	Push to the repository.
uptime / downtime	/áptaim/	tiempo disponible / caído	99.9% uptime.

Un mensaje habitual en servicios de despliegue:

Build succeeded. Deploying to production...
Deployment complete. Your site is live.

“La compilación terminó bien. Desplegando a producción… Despliegue completo. Tu sitio está en vivo.”

Cuidado: domain y hosting no son lo mismo. El dominio es el nombre (miweb.es); el hosting es el servidor donde viven los archivos. Se compran por separado, aunque muchas empresas venden ambos.

Frontend, backend y lo que hay en medio

Inglés	Pronunciación	Significado
frontend	/frontend/	la parte que ve y toca el usuario (HTML, CSS, JavaScript)
backend	/bákend/	la parte del servidor (lógica, datos, seguridad)
full stack	/ful stak/	quien trabaja en las dos partes
stack	/stak/	conjunto de tecnologías que usa un proyecto
framework	/fréimwork/	marco de trabajo con estructura ya hecha
library	/láibrari/	librería: código ya hecho que usas
package	/pákidy/	paquete de código instalable
dependency	/dipéndensi/	dependencia: algo de lo que tu proyecto depende
to render	/rénder/	dibujar la página a partir del código
cache	/cásh/	copia guardada para ir más rápido
session	/séshon/	sesión: lo que el servidor recuerda de ti

Ejemplo de oferta o conversación: "We need a full stack developer who knows React and Node." (“Necesitamos un desarrollador full stack que conozca React y Node”).

Palabras de diseño y maquetación

Inglés	Pronunciación	Significado	Ejemplo
layout	/léiaut/	disposición de los elementos	A two-column layout.
responsive	/rispónsiv/	se adapta a pantallas distintas	The site is responsive.
breakpoint	/bréikpoint/	ancho en el que cambia el diseño	Add a breakpoint at 768px.
viewport	/viúport/	área visible del navegador	Set the viewport meta tag.
mobile first	/móubail ferst/	diseñar primero para móvil	We design mobile first.
wireframe	/uáierfreim/	boceto esquemático de una pantalla	Share the wireframe.
mockup	/mókap/	diseño visual detallado	The mockup is in Figma.
header / footer	/jéder/, /fúter/	cabecera / pie de página	Fix the footer.
navbar	/návbar/	barra de navegación	The navbar overlaps the title.
sidebar	/sáidbar/	barra lateral	Hide the sidebar on mobile.
hero	/jíro/	gran bloque de bienvenida al inicio	Replace the hero image.
button / link	/báton/, /link/	botón / enlace	Click the link.
dropdown	/drópdaun/	desplegable	Open the dropdown.
modal	/móudal/	ventana emergente sobre la página	Close the modal.
accessibility	/aksesibíliti/	accesibilidad	Improve accessibility.

Y el inglés que se usa en tareas de diseño, tal como lo leerías en un ticket:

The navbar is not responsive on small screens.
Expected: the menu collapses into a hamburger button below 768px.
Actual: the links overflow the viewport.

Traducción: la barra no es responsive en pantallas pequeñas. Esperado: el menú se contrae en un botón de hamburguesa por debajo de 768 px. Real: los enlaces se salen del viewport.

Frases útiles en una conversación web

Frase	Traducción
The page returns a 500.	La página devuelve un 500.
Is the server running?	¿Está el servidor funcionando?
It works on my machine.	A mí me funciona en mi equipo (broma clásica).
Did you clear the cache?	¿Has borrado la caché?
We pushed it to production.	Lo hemos subido a producción.
The site is down.	La web está caída.
Roll back the deployment.	Deshaz el despliegue (vuelve a la versión anterior).

Errores frecuentes

• Pronunciar “HTTP” como una palabra. Se deletrea: H-T-T-P. Lo mismo con URL, API, DNS y CSS.
• Confundir 401 y 403. 401 Unauthorized en realidad significa “no sé quién eres” (no autenticado); 403 Forbidden significa “sé quién eres y no puedes entrar”.
• Traducir “server” como “sirviente”. No. Es la máquina o programa que responde. “Servidor” y “server” son equivalentes.
• Decir “backend” para todo lo que no se ve. Un script en el navegador que no se ve también es frontend.
• Mezclar “hosting” con “domain”. Lo primero es el sitio donde viven tus archivos; lo segundo, su nombre.
• Creer que 404 es un error de tu código. A menudo solo falta la URL; pero si tu fetch apunta a una URL equivocada, el fallo sí es tuyo.

Resumen

Idea	Inglés
Quien pide / quien responde	client / server
Petición y respuesta	request / response
Una dirección de la API	endpoint
Todo bien / creado	200 OK / 201 Created
No existe / sin permiso	404 Not Found / 403 Forbidden
Falló el servidor	500 Internal Server Error
Publicar una versión	to deploy
Dónde viven los archivos / el nombre	hosting / domain
Parte visible / parte del servidor	frontend / backend
Se adapta a la pantalla	responsive

Siguiente lección: Vocabulario de datos.

We need a full stack developer who knows React and Node.