Desarrollo web front-end vs. back-end vs. full-stack

El desarrollo web no es solo una cosa. Abarca múltiples conjuntos de habilidades, y hay diferentes tipos de carreras dentro del espacio de desarrollo web. Tres términos de uso frecuente son "front-end", "back-end" y "full stack". "

Este artículo habla sobre los tres y cuáles son las diferencias clave.

¿Qué es el desarrollo web front-end?

El desarrollo del front-end, aunque sus componentes siempre cambian, esencialmente trata con las partes exteriores de un sitio web o aplicación web.

En su esencia, el desarrollo del front-end involucra HTML, CSS y JavaScript.

HTML : el lenguaje de marcado de hipertexto, o HTML, es el componente estructural clave de todos los sitios web en Internet. Sin eso, las páginas web no pueden existir.
CSS : CSS agrega estilo a HTML. Me gusta usar la analogía de que HTML es como una cara y CSS es como el maquillaje.
JavaScript : JavaScript o JS ha estado evolucionando en los últimos años. En relación con el desarrollo del front-end, JS es importante porque ayuda a que las páginas web sean interactivas.

En general, la interfaz está asociada a los principios de diseño y diseño. Sin embargo, los desarrolladores de front-end no son necesariamente diseñadores.

Básicamente, los desarrolladores front-end construyen la apariencia externa - las páginas web que los usuarios ven . Esto significa que el desarrollador front-end debe tener en cuenta la legibilidad y la facilidad de uso del sitio y / o la aplicación.

Además, la interfaz se ejecuta en el cliente, es decir, la computadora local del usuario, en la mayoría de los casos, el navegador web.

Y la información no se almacena en el lado del cliente .

¿Qué es el desarrollo web backend?

El desarrollo web de back-end es lo que sucede detrás de escena. El back-end permite la experiencia de front-end.

Para facilitar las cosas, piense en la parte delantera como la parte del iceberg sobre el agua. Es lo que el usuario ve: el sitio elegante.

La parte de atrás es el resto del hielo; no puede ser visto por el usuario final, pero es el elemento más fundamental de una aplicación web.

La parte final se ejecuta en el servidor, o, como a menudo se llama, "lado del servidor".

A diferencia del desarrollo de aplicaciones para el usuario (que usa principalmente HTML, CSS y JavaScript), el desarrollo web de back-end puede basarse en una variedad de idiomas y marcos.

Algunos idiomas populares utilizados en el back-end incluyen:

Ruby (a menudo se usa junto con el framework Rails - AKA Ruby on Rails)
Python (que a menudo se usa con el marco de Django en el back-end)
PHP (el popular WordPress CMS usa PHP en su parte posterior; PHP tiene algunos frameworks populares, uno de ellos es Laravel)
Node.js (cada vez más popular: este es un entorno de back-end para aplicaciones web creado con JavaScript)

Sin embargo, para que funcionen sitios web y aplicaciones web a gran escala, es más que un lenguaje de back-end y marco. Toda la información en un sitio web o aplicación debe almacenarse en algún lugar.

Aquí es donde entran las bases de datos. Los desarrolladores de back-end manejan esto también.

( Nota : puede crear un sitio web sin una base de datos utilizando solo HTML y CSS. Este sería un sitio estático y sería mucho menos flexible. Sin embargo, un sitio que se basa en la información debe ser generado dinámicamente - Facebook, Yelp, cualquier sitio de comercio electrónico - necesita una base de datos.)

Las bases de datos populares incluyen:

MySQL
PostgreSQL
MongoDB
Y otras

Típicamente ciertas atrás -Los lenguajes / marcos finales requieren una cierta base de datos. Por ejemplo, el marco de pila completo MEAN requiere MongoDB.

Más allá de conocer un lenguaje / marco de back-end y bases de datos en ejecución, los desarrolladores back-end también deben tener una comprensión de la arquitectura del servidor.

La configuración adecuada de un servidor permite que un sitio se ejecute rápidamente, no se bloquee y no genere errores a los usuarios. Esto cae bajo el dominio del desarrollador de back-end porque la mayoría de los errores ocurren en el back-end, no en el front-end.

¿Qué es Full Stack?

Sí, lo adivinaste: La pila completa es la combinación de la parte frontal y posterior.

Un desarrollador de full-stack es un jodido comerciante. Son responsables de todos los niveles de desarrollo, desde cómo se configura el servidor hasta el CSS relacionado con el diseño.

En la actualidad, hay tanto que se aplica al desarrollo web que es casi imposible manejar ambos lados. Si bien muchas personas pueden afirmar que tienen una pila completa, o de hecho lo son, todavía suelen centrarse más en un lado: el cliente o el servidor. (También conocido como el front-end o el back-end.)

En compañías / startups más pequeñas, una sola persona sería más responsable de todos los lados del espectro de desarrollo web. Sin embargo, en las grandes empresas, las personas trabajan en equipos y tienen roles especializados: uno se enfoca únicamente en la arquitectura del servidor, otro (o algunas personas) en la interfaz, etc.

Conclusión

El desarrollo web tiene muchas caras, y está evolucionando más cada día.

Hay mucho que aprender, pero no se sienta presionado para aprender todo de una vez. Recuerde, en los entornos de trabajo, generalmente estará en equipo con los demás. Concéntrese en perfeccionar sus habilidades en un aspecto del desarrollo web a la vez. No te desanimes, y serás un profesional antes de que te des cuenta.

¿Te gusta este artículo? Haga clic aquí para Tweet.