Frontend y backend son dos de los términos más utilizados en la industria informática; de alguna manera, se convirtieron en palabras de moda. Dictan el tipo de trabajo que haces como desarrollador de software, Las Tecnologías que usas y cuánto te pagan.
entonces, hablemos de las diferencias entre estos dos Términos, por qué existen en primer lugar y los diferentes caminos que puede tomar en su carrera de desarrollo de software.,
representación del sitio
para comenzar este viaje, necesitamos entender el concepto de representación del sitio. En términos sencillos, el renderizado de sitios significa generar o renderizar resultados HTML. HTML es un lenguaje de marcado que los desarrolladores web utilizan para crear páginas web. Se dice que el renderizado del sitio puede ocurrir tanto en el lado del servidor como en el lado del cliente, así que ¿qué significa esto? Vale la pena señalar que frontend y client-side son sinónimos. Lo mismo es cierto para el backend y el lado del servidor.,
renderizado del lado del servidor (backend)
no hasta hace mucho tiempo, el renderizado del lado del servidor, o desarrollo web de back-end, era la forma de facto de crear sitios web y aplicaciones web. Usted visita una página, envía una solicitud de contenido, el servidor procesa esta solicitud y crea una respuesta que se envía de vuelta a su navegador.
Cuando un sitio representa el lado del servidor, todos los procesos involucrados en la creación de una página HTML que su navegador web puede entender se manejan en un servidor remoto que aloja el sitio web o la aplicación web., Esto incluye consultar bases de datos para obtener información y procesar cualquier lógica que requiera su aplicación web.
mientras el servidor remoto está ocupado en el trabajo, su navegador web está inactivo, esperando que el servidor termine de procesar la solicitud y envíe una respuesta. Cuando se recibe la respuesta, los navegadores web la interpretan y muestran el contenido en la pantalla.
renderizado del lado del cliente (frontend)
en los días más modernos, surgió una nueva forma de renderizado del sitio llamada renderizado del lado del cliente o desarrollo del front-end.,
con la representación del lado del cliente, la representación del contenido ocurre en su computadora en lugar del servidor Web remoto utilizando el lenguaje de facto de la web, JavaScript. En términos prácticos, significa que solo se necesita un servidor para servir la aplicación web en bruto, y el navegador se encargará de renderizar esta aplicación en su forma final, HTML. También significa que parte de la lógica involucrada en la creación de la página web, especialmente la que se encarga de lidiar con cómo se presentan las cosas al usuario en la pantalla (llamada lógica de presentación) se manejan en el lado del cliente.,
el renderizado del lado del cliente se hizo popular con la llegada de bibliotecas JavaScript como Angular, React y Vue.
representación isomorfa
También llamada representación universal, la representación isomorfa es una nueva técnica utilizada en el desarrollo web moderno. La idea detrás del renderizado isomorfo es renderizar una aplicación web desarrollada con un framework JavaScript como Angular, React o View, en el lado del servidor la primera vez que se carga una página y en el lado del cliente después.,
para complicar las cosas aún más, hay otra forma de renderizado llamada pre-renderizado que renderiza el contenido en tiempo de compilación.
Dónde renderizar un sitio es una decisión que a menudo se basa en el tipo de aplicación y la demografía de la aplicación y variará de un equipo a otro y de un negocio a otro.
¿qué es el desarrollo front-end?
ahora que entendemos los diferentes tipos de métodos de renderizado de sitios, es más fácil entender que el desarrollo front-end es el arte de crear sitios y aplicaciones web que se renderizan en el lado del cliente.,
tecnologías utilizadas para el desarrollo front-end
Si bien hay muchos tipos diferentes de tecnologías y pilas, la mayoría de los desarrolladores web front-end utilizan HTML, CSS y JavaScript, los bloques de construcción de facto de la web, y marcos del lado del cliente como Angular, React, Stencil y Vue.
no todo sucede en el frontend, sin embargo. Las aplicaciones renderizadas del lado del cliente aún dependen de servicios y API que se ejecutan en servidores remotos de back-end o en la nube.
¿cuáles son algunos trabajos de front-end?
-
diseñador Web: un diseñador web, lo has adivinado, diseña sitios web., El título del trabajo de diseñador web es bastante amplio, sin embargo. Un diseñador web podría ser simplemente alguien que diseña los sitios en un programa como Photoshop o Fireworks y nunca tocará el código. Pero en otra ubicación, un diseñador web podría hacer todos los comps de diseño en Photoshop y luego ser responsable de crear todo el HTML y CSS (y a veces incluso JavaScript) para ir junto con él.
-
diseñador de interfaz de usuario (UI): este es básicamente un diseñador visual y generalmente se centra en el diseño., Por lo general, no participan en la implementación del diseño, pero es posible que conozcan HTML y CSS ligeros para que puedan comunicar sus ideas de manera más efectiva a los desarrolladores del front-end.
-
diseñadores de experiencia de usuario (UX): los diseñadores de UX trabajan en el frontend, estudiando e investigando cómo las personas usan los sitios. Luego, hacen cambios a través de muchas pruebas.
-
Desarrollador Front-end: también llamado diseñador front-end, pueden crear un sitio sin ningún desarrollo back-end. El sitio que crearían sin un desarrollador web, o usando el backend, es un sitio estático., Un sitio estático es algo así como un sitio para un restaurante o peluquería. No requiere que se almacene ninguna información en una base de datos. Las páginas casi siempre permanecerán igual, a menos que sea hora de un rediseño. Un desarrollador front-end puede ser requerido para tener un dominio de las pruebas, así como estar bien versado en HTML, CSS y JavaScript. Esta persona puede o no tener experiencia en la creación del diseño en un programa de diseño. Una versión diferente de este título es front-end engineer. Las personas que trabajan con lenguajes específicos de front-end como JavaScript developer también se consideran desarrolladores de front-end.,
¿qué es el desarrollo back-end?
mientras que el desarrollo front-end se trata de hacer que los sitios y las aplicaciones web se representen en el lado del cliente, el desarrollo back-end se trata de hacer que estas aplicaciones se representen en el lado del servidor. Pero es un poco más complicado que eso. Si bien la afirmación anterior es cierta, los desarrolladores de back-end también crean servicios que procesan la lógica empresarial y acceden a otros recursos como bases de datos, servidores de archivos, Servicios en la nube y más., Estos servicios son la columna vertebral de cualquier aplicación y pueden ser accedidos y utilizados no solo por aplicaciones de renderizado del lado del servidor, sino también desde aplicaciones de renderizado del lado del cliente.
tecnologías utilizadas para el desarrollo de back-end
Cuando los desarrolladores de back-end crean aplicaciones que se renderizan en el lado del servidor, utilizan los mismos bloques de construcción que los desarrolladores de front-end: HTML, CSS y JavaScript.
los desarrolladores de Back-end también trabajan con pilas de software que incluyen sistemas operativos, servidores web, frameworks, lenguajes, API de programación y más., Los frameworks, lenguajes y API de programación en estas pilas se utilizan para representar sitios del lado del servidor y aplicaciones web y para crear servicios que otras aplicaciones pueden consumir.
Las Pilas notorias incluyen.NET, MEAN y LAMP, pero hay muchas más, y cada una incluye un lenguaje de programación de su elección, como C#, JavaScript, Java, Go, Python o PHP.
¿qué es el desarrollo full-stack?
como desarrollador, no tienes que conformarte con solo frontend o backend; puedes hacer ambas cosas como desarrollador full-stack. Aquí es, en mi experiencia, donde comienza la diversión., Los desarrolladores de pila completa pueden crear sitios y aplicaciones web que se renderizan tanto en el lado cliente (frontend) como en el lado servidor (backend).
también crean servicios, Componentes y API que encapsulan la lógica empresarial, resuelven problemas empresariales específicos y acceden a infraestructuras como bases de datos, servidores de archivos, Servicios en la nube y más. Funcionan con la pila completa y es lo mejor de ambos mundos.,
resumen
Por ahora, la diferencia entre el frontend y el backend debería ser más evidente, así como las diferentes actividades llevadas a cabo por los desarrolladores que trabajan en ambos extremos del cable. En términos prácticos, el frontend significa el navegador y el backend, el servidor o, más recientemente, la nube.
si te gustan las interfaces de usuario, te gusta el diseño de sonido y te gustan los aspectos visuales de la creación de aplicaciones, entonces tal vez el frontend es donde quieres pasar tu tiempo como desarrollador de software., El frontend es emocionante no solo visualmente, sino también desde un punto de vista de programación; pasará horas interminables escribiendo lógica que hará que su sitio se vea y se comporte de la manera en que los diseñadores pretendieron.
si le gusta dedicar su tiempo a resolver problemas de negocio, escribir algoritmos, trabajar en la nube y crear servicios y API, entonces el backend es para usted.
Si disfrutas de ambos y te sientes igualmente emocionado y cómodo con todos los aspectos de la creación de aplicaciones web, entonces una carrera como desarrollador full-stack es lo que quieres.,
sea cual sea el camino que elija, nunca ha habido un mejor momento para ser un desarrollador de software.
