50 palabras de moda en desarrollo web que todos los

nuevos programadores deberían aprender

careerfoundry-com.translate.goog/en/blog/web-development/50-web-development-buzzwords-that-all-new-
programmers-should-learn

27 DE DICIEMBRE DE 2021

El campo de la tecnología está plagado de términos peculiares y palabras de moda que,

para el oído inexperto, pueden ser extremadamente desconcertantes. El desarrollo web no
es una excepción, y si quiere triunfar como programador, necesita estar familiarizado con
la jerga de la industria.

Desde Java a JavaScript, de frontend a backend y de aplicaciones a API, es normal

sentirse abrumado por el flujo aparentemente interminable de nueva terminología. Sin
embargo, familiarizarse con los términos y acrónimos clave hará que su viaje hacia la
industria sea mucho más fácil, ya sea que esté considerando una carrera en desarrollo
web, ya esté aprendiendo a codificar o preparándose para su primera entrevista.

1/11
Watch Video At: https://youtu.be/-s3InudNIrM

Para simplificar el proceso y desmitificar la jerga, hemos elaborado un glosario de la A a la

Z de 50 aspectos clave del desarrollo web. ¿Que estas esperando?

Sus palabras de moda de desarrollo web: todos los términos más

importantes de AZ
Esta lista le dará una buena introducción a algunos de los términos más importantes que
encontrará cuando trabaje en el desarrollo web. Es posible que no necesite
necesariamente cada término en su trabajo diario, pero es bueno al menos saber qué son y
a qué se refieren. Van desde los más básicos hasta los más técnicos, ¡y deberían servir
como punto de entrada para futuras investigaciones e investigaciones!

1. Ágil

A es ágil, una palabra de moda importante en toda la industria tecnológica en este

momento. El desarrollo web ágil se refiere esencialmente a una forma particular de
trabajar, y a menudo escuchará este término en el mundo de las startups. En un equipo
ágil, los desarrolladores web trabajarán de acuerdo con sprints semanales o quincenales.
Un sprint generalmente consta de cinco fases: diseño, desarrollo, prueba, implementación
y revisión. Puede obtener más información sobre el desarrollo web ágil en este artículo .

2. Algoritmo

Un algoritmo es básicamente un conjunto de pasos para llevar a cabo determinadas

tareas. En la programación de computadoras, los algoritmos son una parte clave de la
resolución de problemas. Al crear un algoritmo, los desarrolladores documentarán todos
los pasos necesarios que se tomaron para llegar a una solución a un problema, y lo que
implica cada paso.

2/11
3. API

API son las siglas de Application Programming Interface (Interfaz de programación de

aplicaciones). Una API permite que dos programas diferentes se comuniquen entre sí al
poner algunas partes del código del sitio web a disposición de los desarrolladores. Los
desarrolladores pueden utilizar este código, es decir, la API, para crear herramientas y
widgets que se puedan conectar a ese sitio web en particular. Un ejemplo clásico es la API
de Facebook, que habilita aplicaciones como Facebook Messenger y Words with Friends.

4. Aplicación

Sin duda, está familiarizado con las aplicaciones y probablemente use varias a diario. Una
aplicación es básicamente un tipo de software que permite al usuario realizar diferentes
tareas, ya sea configurar una alarma en su teléfono inteligente o escribir un documento en
Microsoft Word. Como desarrollador, debe estar familiarizado con la diferencia entre
aplicaciones de escritorio, aplicaciones móviles y aplicaciones web. Consulte también:
Aplicación web.

5. Diseño adaptativo

La forma en que se construye un sitio web determina cómo aparece en diferentes

dispositivos. El diseño adaptativo crea un sitio web en varios diseños diferentes, cada uno
adecuado para diferentes tamaños de pantalla. Dependiendo del dispositivo que se utilice
para acceder al sitio web, el sitio web se adaptará y ofrecerá el diseño adecuado. Ver
también: diseño receptivo y primero en dispositivos móviles.

6. Bootstrap

Bootstrap es un marco de interfaz de código abierto gratuito para diseñar sitios web y
aplicaciones web. Fue desarrollado por Mark Otto y Jacob Thornton en Twitter para
fomentar la coherencia entre las herramientas internas. Bootstrap incluye plantillas de
diseño basadas en HTML y CSS para tipografía , formularios, botones, tablas, navegación,
modales y más, además de complementos de JavaScript. Consulte esta guía para
principiantes de Bootstrap para comenzar. Ver también: frameworks y frontend.

7. Backend

El desarrollo de backend se refiere esencialmente a todo lo que sucede detrás de escena.

Lo que sucede en el backend, o en el lado del servidor, potencia lo que sucede en el
frontend, es decir, lo que el usuario ve e interactúa. El desarrollo de backend se puede
dividir en cuatro componentes principales de una pila de software: el servidor, la base de
datos, el sistema operativo y el software. Puede obtener más información sobre la
diferencia entre frontend y backend en otra parte del blog .

8. Navegador

Un navegador web es el software que se utiliza para acceder a Internet y mostrar páginas
web. Cuando escribe una dirección web o URL en el navegador, está enviando
efectivamente una serie de solicitudes. El navegador recopilará todos los diferentes

3/11
elementos que componen esa página web en particular, como imágenes, anuncios y
contenido, desde donde estén almacenados (es decir, diferentes directorios o servidores)
para mostrar la página que ves. Los navegadores más comunes incluyen Microsoft
Internet Explorer, Google Chrome, Mozilla Firefox, Safari para Apple y Opera.

9. Error

Si quieres trabajar como desarrollador web, ¡esta es una palabra que definitivamente
necesitarás en tu vocabulario! En pocas palabras, un error es un error que impide que un
sitio web o una aplicación se ejecuten como deberían. En el mundo del desarrollo web, a
menudo se ocupará de informes de errores y se le asignará la tarea de corregir dichos
errores.

10. Caché

Un caché es un espacio de almacenamiento temporal para datos. Cuando visita un sitio

web, los archivos que solicita se almacenan automáticamente en la caché. Si regresa a ese
mismo sitio web en un futuro cercano, su navegador recuperará los archivos necesarios de
su caché en lugar del servidor original, por lo que la página web se cargará más rápido.

11. Código

Por supuesto, no puede llamarse a sí mismo un desarrollador web hasta que sepa qué es el
código. El código es esencialmente lo que los desarrolladores web escriben usando
lenguajes de programación (¡desplácese hacia abajo hasta los lenguajes en este glosario!).
Para ver exactamente cómo se ve el código, haga clic con el botón derecho en la ventana
de su navegador de Internet y haga clic en "Ver código fuente de la página". Luego podrá
ver el código que está detrás de este sitio web en particular.

12. CSS

CSS son las siglas de Cascading Style Sheets. Es un lenguaje de marcado responsable de
los elementos visuales de un sitio web. HTML (otro lenguaje de marcado) se utiliza para
determinar la estructura y el contenido de la página web. Los desarrolladores web
utilizarán CSS para diseñar este contenido; en otras palabras, CSS le dice al navegador
cómo deben mostrarse los elementos HTML. CSS se utiliza para aplicar colores y para
determinar la fuente, el tamaño del texto y la alineación, por nombrar solo algunos.
¿Interesado en aprender más sobre esto? Tenemos una guía detallada de CSS .

13. Estructuras de datos

Un aspecto crucial del desarrollo y la programación, las estructuras de datos son una
forma de organizar y almacenar datos para lograr la máxima eficiencia, al igual que los
libros en una biblioteca. Las estructuras de datos facilitan la búsqueda, el acceso, la
clasificación, la inserción y la eliminación de datos. Hay muchos tipos diferentes de
estructuras de datos, incluidas listas vinculadas, pilas, colas y conjuntos.

14. Depuración

4/11
¿Recuerdas esos errores de los que hablamos? Bueno, la depuración es el proceso de
identificarlos y lidiar con ellos. La depuración es un proceso de varios pasos: el
desarrollador localiza el problema, aísla la fuente y luego se pone a trabajar para
solucionarlo o encuentra una solución. El proceso de depuración finaliza con pruebas y, si
es necesario, más correcciones.

15. Despliegue

La implementación es un paso clave en el proceso de desarrollo web. Una vez que se ha

desarrollado y probado un sitio web o una aplicación, está listo para funcionar; en otras
palabras, está listo para implementarse. Hay varias etapas diferentes para implementar
un sitio web, y la última es alojarlo. En estos días, puede alojar un sitio web en Internet de
forma gratuita ; ¡todo lo que necesita es una dirección de correo electrónico!

16. Documentación

Una parte crucial del desarrollo web y la ingeniería de software , la documentación es

esencialmente el punto de referencia central para cualquier persona involucrada en la
administración, mantenimiento o uso de un sitio web o pieza de software. La
documentación puede proporcionar información sobre requisitos, arquitectura y diseño,
propiedades técnicas, información para el usuario final o marketing.

17. Nombre de dominio

El nombre de dominio de un sitio web es esencialmente su dirección en la World Wide

Web. Es la dirección que los usuarios escriben en el navegador para ver un sitio web,
como "CareerFoundry.com". Cada sitio web puede identificarse por su dirección IP (una
serie de números), y el nombre de dominio es solo una etiqueta más fácil de usar para
estos números. Los dominios se dividen en dos niveles: en el caso del sitio web de
CareerFoundry, la parte "CareerFoundry" es el dominio de nivel superior, mientras que la
parte ".com" es el dominio de segundo nivel.

18. Marcos

Los marcos se inventaron para agilizar y facilitar el proceso de creación de un sitio web.
Puede pensar en un marco como una colección de soluciones, herramientas y
componentes a los que puede acceder en una ubicación central, en lugar de buscarlos
todos por separado cada vez. Algunos marcos comunes incluyen Ruby on Rails, Bootstrap,
AngularJS y Joomla.

19. Frontend

¿Recuerda que el backend es todo lo que sucede detrás de escena y potencia lo que sucede
en el frontend? La interfaz de un sitio web, también conocida como del lado del cliente, es
lo que el usuario final ve e interactúa. Los lenguajes frontend incluyen HTML, CSS y
JavaScript, todos los cuales influyen en la determinación del resultado visual de un sitio
web.

20. Pila completa

5/11
Ya hemos cubierto tanto el frontend como el backend: ahora es el momento de incorporar
el desarrollo de pila completa a la mezcla. Los desarrolladores de pila completa trabajan
en las tres capas : el frontend, el backend y la capa de base de datos. Debido a la gran
profundidad de su conocimiento en todo el conjunto de tecnología, este tipo de
desarrollador tiende a tener años de experiencia en la industria y se le paga bien por ello,
como muestra nuestra guía de salario completo .

21. Git

Un elemento básico absoluto en el mundo del desarrollo web, Git es un sistema de control
de versiones donde los desarrolladores pueden almacenar y administrar su código. Como
desarrollador web, realizarás cambios constantes en tu código siempre que estés en el
proceso de crear algo, ya sea una aplicación o un sitio web. Git le permite realizar un
seguimiento de estos cambios y revertirlos si es necesario, y también trabajar junto con
otros equipos y administrar varios proyectos a la vez.

22. GitHub

GitHub es una interfaz en la nube para Git. Ha existido desde 2008 y ahora tiene más de
28 millones de usuarios en todo el mundo, ¡lo que lo convierte en el mayor host de código
fuente del mundo! GitHub ofrece toda la funcionalidad de control de versiones de Git,
pero también ofrece sus propias características, como seguimiento de errores,
administración de tareas y wikis de proyectos. Descubra por qué GitHub es tan
importante para los desarrolladores web .

23. HTML

HTML son las siglas de Hypertext Markup Language. En pocas palabras, es un lenguaje
informático que se utiliza para crear sitios web. HTML describe cómo un navegador de
Internet debe mostrar un documento como una página web. Consiste en etiquetas,
elementos y atributos y, una vez que lo domines, ¡es bastante sencillo trabajar con él! Esta
guía para principiantes de HTML le dará más información.

24. HTTP

Otro acrónimo más para entender: HTTP significa Protocolo de transferencia de

hipertexto y se usa para transferir datos a través de Internet. HTTP envía los datos
(digamos, un documento HTML o una imagen) desde un programa de servidor HTTP (un
servidor web) a un programa cliente HTTP (un navegador web).

25. Arquitectura de la información

La arquitectura de la información es la práctica de organizar información compleja de una

manera clara y lógica. En términos de sitios web y aplicaciones, esto significa crear una
estructura fácil de usar que facilite al usuario orientarse. IA no es solo para diseñadores;
Los desarrolladores también son arquitectos de la información en la forma en que
estructuran su código. En términos generales, los mapas del sitio, las jerarquías, las
categorizaciones, la navegación y los metadatos son parte de IA.

6/11
26. Java

Java es uno de los lenguajes de programación más populares que existen. Una de las
principales razones por las que es tan popular es que es independiente de la plataforma, lo
que significa que los programas creados con Java se pueden ejecutar en cualquier
dispositivo, independientemente del sistema operativo que se esté utilizando. Java existe
desde 1995 y es un lenguaje concurrente, basado en clases y orientado a objetos. Obtenga
más información sobre Java en esta guía para principiantes de los 10 lenguajes de
programación más populares .

27. JavaScript

Ya que estamos en el tema de los lenguajes de programación populares, hablemos de

JavaScript. JavaScript se utiliza principalmente como lenguaje del lado del cliente, lo que
significa que está incrustado en el HTML de una página y se envía al navegador. Los
desarrolladores web utilizan JavaScript para agregar automatización, animaciones e
interactividad a las páginas web .

28. jQuery

¿Recuerdas JavaScript? Bueno, jQuery es una biblioteca de JavaScript (entraremos en

bibliotecas más adelante en el glosario). jQuery básicamente simplifica la tarea de usar
JavaScript en su sitio web al condensar varias líneas de código JavaScript en una sola
línea. En lugar de agregar muchas líneas de código JavaScript, el desarrollador puede
simplemente tomar la "versión compacta" de la biblioteca jQuery.

29. Idiomas

L es para idiomas, ¡y el desarrollo web está lleno de ellos! Ya hemos mencionado algunos
lenguajes en este glosario (¿recuerdas CSS, HTML y Java?), Pero ¿qué es exactamente un
lenguaje en este contexto? Los lenguajes son básicamente lo que los programadores
utilizan para crear sitios web, aplicaciones y software . Hay lenguajes de programación,
lenguajes de marcado, lenguajes de hojas de estilo y lenguajes de gestión de bases de
datos; consulte esta lista de todos los lenguajes diferentes .

30. Bibliotecas

Como vimos con el ejemplo de JavaScript (el lenguaje de programación) y jQuery (una
biblioteca de JavaScript), las bibliotecas pueden ahorrar a los desarrolladores un tiempo y
un esfuerzo considerables. Las bibliotecas son almacenes de código preescrito, o módulos,
que los programadores pueden tomar e insertar en el código que están escribiendo.

31. Minificación

La minificación es una de mis palabras de moda favoritas en el desarrollo web: es el

proceso de minimizar el código y el marcado para reducir el tamaño del archivo. Al crear
un archivo HTML, por ejemplo, los desarrolladores probablemente usarán espacios,
comentarios y variables para hacer que el código sea más legible mientras trabajan con él.

7/11
Para minimizar el código una vez que la página web esté lista para publicarse, los
desarrolladores eliminarán estos comentarios y espacios para garantizar un tiempo de
carga de la página más rápido (¡crucial para brindar una buena experiencia de usuario!)

32. Primero móvil

Mobile-first es un enfoque para el diseño y desarrollo web que prioriza los dispositivos
móviles. En lugar de crear un sitio web pensando en el escritorio y luego considerar cómo
se vería en un dispositivo móvil, con un enfoque que prioriza los dispositivos móviles, el
sitio web se crea primero para la pantalla pequeña. Mobile-first significa adoptar un
diseño receptivo o adaptable (¡ambos están incluidos en este glosario!).

33. MVP

Es crucial no confundir sus palabras de moda deportivas con las palabras de moda de
desarrollo web. Los programadores a menudo escuchan hablar de "MVP", o producto
mínimo viable. El producto mínimo viable es la versión más reducida de un producto que
se puede lanzar al mercado. Al adoptar un enfoque MVP, los desarrolladores se centrarán
primero en las características y funciones centrales que son absolutamente cruciales.
Luego, una vez que se haya lanzado el producto y se hayan recopilado los comentarios de
los usuarios, continuarán creando el conjunto completo de funciones.

34. MySQL

MySQL es el sistema de administración de bases de datos de código abierto más popular

del mundo. Si eres nuevo en el desarrollo web, es posible que esto no signifique mucho
para ti todavía, así que déjame explicarte. Una base de datos es una colección
estructurada de datos y un componente esencial de la mayoría de los sitios web. Un
sistema de gestión de bases de datos es un tipo de software que gestiona estas bases de
datos. ¿Qué tiene eso que ver con el código de su sitio web? Descúbrelo aquí .

35. Sistema operativo

Un sistema operativo, o SO, es un tipo de software que permite al usuario ejecutar

aplicaciones en un dispositivo. Digamos que tiene un teléfono inteligente Samsung
Galaxy; el sistema operativo en este caso es Android. Cualquier aplicación que se haya
creado para el sistema operativo Android puede ejecutarse en su Samsung. El iPhone, por
otro lado, usa el sistema operativo iOS y solo puede ejecutar aplicaciones que se han
creado con esto en mente.

36. PHP

PHP son las siglas de Hypertext Preprocessor, un lenguaje de programación del lado del
servidor. Entre otras cosas, PHP se puede utilizar para generar contenido de página
dinámico, enviar y recibir cookies, controlar el acceso de los usuarios y cifrar datos. ¿Por
qué PHP? Bueno, es compatible con casi todos los servidores que se usan hoy en día, es
bastante fácil de aprender, admite una amplia gama de bases de datos y ¡se puede
descargar gratis!

8/11
37. Complemento

Un complemento es básicamente una extensión que agrega funcionalidad adicional a un

software existente, como complementos para su navegador o complementos para el CMS
de WordPress. ¿Por qué crearía una aplicación para admitir complementos? En primer
lugar, es una manera fácil de agregar nuevas funciones, ya que permite a los
desarrolladores externos construir sobre la aplicación existente y, en segundo lugar,
puede ayudar a reducir el tamaño de una aplicación.

38. Python

Otro lenguaje de programación, Python recibió su nombre de Monty Python: ¡historia

real! Python es ampliamente adoptado y soportado; Google, Reddit, Nasa y Dropbox se
encuentran entre algunas de las empresas más conocidas que lo utilizan. Python es
especialmente útil para la ciencia de datos , el aprendizaje automático, la automatización
y el desarrollo de API. Al mismo tiempo, es conocido por su legibilidad y, por lo tanto, es
bastante fácil de aprender y usar para los principiantes.

39. Resolución

La resolución es una métrica que se utiliza para describir el tamaño y la calidad de una
imagen. También se refiere a las capacidades de visualización de una computadora o
dispositivo móvil, es decir, cuántos píxeles puede mostrar una pantalla tanto horizontal
como verticalmente. En un contexto de desarrollo web, es importante pensar en cómo se
representarán las diferentes imágenes en diferentes tamaños de pantalla.

40. Diseño receptivo

El diseño receptivo garantiza que un sitio web se muestre correctamente sin importar en
qué dispositivo lo esté viendo el usuario. Los sitios web receptivos están construidos de tal
manera que se adaptan a diferentes tamaños de pantalla, por lo que el usuario obtiene la
misma calidad y facilidad de uso, independientemente de si está navegando en el
escritorio, el dispositivo móvil o la tableta. Puede aprender las diferencias entre el diseño
web receptivo y adaptable .

41. Ruby y Ruby on Rails

Ruby es otro lenguaje de programación, un lenguaje de programación dinámico de código

abierto con un enfoque en la simplicidad y la productividad, de hecho. Ruby on Rails es
un marco (¿recuerdas los marcos?) Que está construido en Ruby. En el mundo del
desarrollo web, es posible que escuche que se hace referencia a Ruby on Rails
simplemente como "Rails". Una pregunta que se hacen muchos desarrolladores web
principiantes es “ ¿Vale la pena aprender Ruby on Rails? ”.

42. Mapa del sitio

Un mapa del sitio es un esquema de todas las páginas de un sitio web. Hay tres tipos
diferentes de mapas de sitio: los que utilizan los diseñadores web al planificar un sitio
web, los listados jerárquicos destinados al usuario humano y los listados estructurados

9/11
destinados a los motores de búsqueda. Los desarrolladores web utilizan mapas de sitios
XML para publicar listas de enlaces en sus sitios web, de acuerdo con el protocolo de
mapas de sitios de Google.

43. Pila de software

Las pilas de software constituyen el backend de un sitio web y son esencialmente paquetes
de software que funcionan en conjunto. En el caso de un teléfono inteligente, por ejemplo,
la pila de software estaría compuesta por el sistema operativo, la aplicación del teléfono,
el navegador web y otras aplicaciones básicas.

44. SSL

SSL son las siglas de Secure Sockets Layer. Es un protocolo de seguridad estándar para
garantizar que todos los datos transmitidos entre el servidor web y el navegador
permanezcan encriptados y, por lo tanto, ilegibles a simple vista. Puede saber si un sitio
web tiene un certificado SSL mirando la dirección web: si la URL comienza con "https", el
sitio web es seguro. También verá un símbolo de candado en la barra del navegador.

45. Editor de texto

Una de las herramientas clave que utilizará en el desarrollo web es un editor de texto. Un
editor de texto es solo un tipo de software que se utiliza para escribir texto sin formato.
Utilizará un editor de texto como SublimeText, TextEdit o TextWrangler para escribir su
código inicial. Luego, más adelante, se formateará para que sea legible por computadora.

46. Diseño de interfaz de usuario

El diseño de interfaz de usuario significa diseño de interfaz de usuario y se trata de las

pantallas y los puntos de contacto interactivos que componen un sitio web o una
aplicación. Los movimientos de deslizamiento, las barras de desplazamiento y los botones
en los que se puede hacer clic son parte del diseño de la interfaz de usuario, básicamente
todo lo que constituye la interfaz de usuario. Hay muchas partes diferentes de lo que hace
exactamente un diseñador de UI .

47. Diseño UX

Como desarrollador web, también trabajará en estrecha colaboración con los diseñadores
de UX, por lo que es útil comprender lo que hacen. El diseño UX es sinónimo de diseño de
la experiencia del usuario, y se trata de proporcionar una experiencia fluida y fácil de usar
para el usuario final mientras navega por un sitio web o una aplicación. Puede obtener
más información sobre el diseño de UX en otra parte del blog .

48. Control de versiones

El control de versiones consiste en registrar y administrar los cambios que realiza a lo

largo del camino, ya sean cambios en el código que está escribiendo, en un sitio web, un
programa de computadora o un documento. Como ya se mencionó, Git es uno de los
sistemas de control de versiones más populares utilizados por los desarrolladores porque
les permite rastrear y revertir cualquier cambio en su código.

10/11
49. Aplicación web

Es importante distinguir entre aplicaciones móviles y aplicaciones web , ya que se

construyen de manera diferente. Las aplicaciones móviles nativas están diseñadas para
una plataforma específica, como iOS para iPhone, y se instalan y ejecutan en el
dispositivo. Las aplicaciones web, por otro lado, se accede a través del navegador de
Internet y se adaptarán a cualquier dispositivo que las esté viendo. No son nativos de un
sistema específico, ni necesitan ser descargados o instalados.

50. Wireframe

Los wireframes ayudan a los diseñadores a comunicar a los desarrolladores web cómo se
debe estructurar un sitio web. Un wireframe es esencialmente un plano básico del sitio
web, que muestra el diseño de la página, cómo debe organizarse el contenido, qué
elementos de interfaz y sistemas de navegación deben incluirse y cómo todos estos
componentes funcionan juntos. La atención se centra en la funcionalidad más que en la
estética.

Esta no es de ninguna manera una lista exhaustiva, pero debería ayudarlo a comenzar a
hablar como un desarrollador web. Por supuesto, también debe ser capaz de seguir el
camino: consulte estos 5 consejos sobre cómo convertirse en desarrollador web .

11/11