Desarrollo Web
Junio de 2022
¿Has escuchado alguna vez los términos Front-end y Back-end? Estos son partes fundamentales de la
programación de una aplicación web. Front-end es el lado del cliente y Back-end es el lado del servidor.
Si bien es cierto que tienen cualidades únicas y distintivas, actúan como unidades que, por separado, interactúan entre sí para asegurar la funcionalidad del sitio.
Si bien es cierto que tienen cualidades únicas y distintivas, actúan como unidades que, por separado, interactúan entre sí para asegurar la funcionalidad del sitio.
¿Qué es Front-end?
Front-end es la parte del desarrollo web que se dedica de la parte frontal de un sitio web, en pocas palabras del
diseño de un sitio web, desde la estructura del sitio hasta los estilos como colores, fondos, tamaños hasta llegar
a las animaciones y efectos.
Podemos decir que el Front-end es la capa que se encuentra por encima del Back-end, ya que comprende menús desplegables, imágenes, íconos, colores, elementos gráficos, animaciones y, sin lugar a dudas, mejora la experiencia de navegación en el lado delantero o frontal.
Quienes desarrollan el Front-end son responsables del código orientado a la inmersión del sujeto en el sitio. Para lograrlo los expertos deben conocer tres lenguajes esenciales:
• Javascript: lenguaje de programación.
• CSS: lenguaje de marcado.
• HTML: lenguaje de marcado.
Los componentes que se encuentran en la parte frontal del sistema son los siguientes:
• Pruebas de usabilidad y accesibilidad.
• Lenguajes de diseño y marcado como HTML, CSS y JavaScript.
• Frameworks para JavaScript como React, Vue, Angular, etc.
• Diseño gráfico y herramientas de edición de imágenes.
• Posicionamiento en buscadores o SEO.
• Rendimiento web y compatibilidad del navegador.
El desarrollador Front-end se encarga de la experiencia del usuario, es decir, en el momento en el que este entra a una página web, debe ser capaz de navegar por ella, por lo que el usuario verá una interface sencilla de usar, atractiva y funcional.
Podemos decir que el Front-end es la capa que se encuentra por encima del Back-end, ya que comprende menús desplegables, imágenes, íconos, colores, elementos gráficos, animaciones y, sin lugar a dudas, mejora la experiencia de navegación en el lado delantero o frontal.
Quienes desarrollan el Front-end son responsables del código orientado a la inmersión del sujeto en el sitio. Para lograrlo los expertos deben conocer tres lenguajes esenciales:
• Javascript: lenguaje de programación.
• CSS: lenguaje de marcado.
• HTML: lenguaje de marcado.
Los componentes que se encuentran en la parte frontal del sistema son los siguientes:
• Pruebas de usabilidad y accesibilidad.
• Lenguajes de diseño y marcado como HTML, CSS y JavaScript.
• Frameworks para JavaScript como React, Vue, Angular, etc.
• Diseño gráfico y herramientas de edición de imágenes.
• Posicionamiento en buscadores o SEO.
• Rendimiento web y compatibilidad del navegador.
El desarrollador Front-end se encarga de la experiencia del usuario, es decir, en el momento en el que este entra a una página web, debe ser capaz de navegar por ella, por lo que el usuario verá una interface sencilla de usar, atractiva y funcional.
¿Qué es Back-end?
Back-End es toda la parte lógica y de desarrollo que una página web demanda para que funcione a la perfección.
Algo importante que debemos aclarar es que el Back-end son todas las acciones, dentro del código, que no vemos.
Su función principal es acceder a la información que le usuario solicita.
Cuando hablamos de Back-end nos referimos al interior de las aplicaciones que viven en el servidor y al que a menudo se le denomina “el lado del servidor”. El Back-end del sitio web consiste en un servidor, una aplicación y una base de datos. Se toman los datos, se procesa la información y se envía al usuario. Es la programacion pura y dura, desde la programacion de las funciones del sitio hasta bases de datos e incluso mas.
El Back-end trabaja todo el tiempo con lenguajes de programacion, lenguajes que requieren de una lógica ya que esta área es también la encargada de optimizar recursos, de la seguridad de un sitio y demás. Cosas que el usuario no ve de primeras pero que existe código detrás que esta haciendo su trabajo.
Los componentes que se encuentran en la parte trasera del sistema son los siguientes:
• Lenguaje de Programación de Lado del Servidor (Java, Python, JavaScript, PHP, Ruby, Node.js, etc.).
• Frameworks de Lado del Servidor (Spring, Flask, Express, Laravel, Ruby on Rails).
• Servidor Web/Linux/Windows Server (Apache, Nginx, IIS).
• Estructura de Datos/Algoritmos (optimización de código, refactoring).
• Seguridad (Protocolos de Seguridad, Implementación, etc.).
• Base de Datos (MySQL, PostgreSQL, MongoDB, Microsoft SQL, GrahpQL, etc.).
• Almacenamiento de Media (Videos, Fotos, Audio, etc.)
• Creación de APIs.
• Control de versiones (Git).
El desarrollador Back-end se encarga de crear aplicaciones en el lado del servidor para proporcionarle datos al cliente (navegador). En otras palabras, habilita la transacción de datos entre una aplicación web y una fuente de datos (generalmente una base de datos).
Cuando hablamos de Back-end nos referimos al interior de las aplicaciones que viven en el servidor y al que a menudo se le denomina “el lado del servidor”. El Back-end del sitio web consiste en un servidor, una aplicación y una base de datos. Se toman los datos, se procesa la información y se envía al usuario. Es la programacion pura y dura, desde la programacion de las funciones del sitio hasta bases de datos e incluso mas.
El Back-end trabaja todo el tiempo con lenguajes de programacion, lenguajes que requieren de una lógica ya que esta área es también la encargada de optimizar recursos, de la seguridad de un sitio y demás. Cosas que el usuario no ve de primeras pero que existe código detrás que esta haciendo su trabajo.
Los componentes que se encuentran en la parte trasera del sistema son los siguientes:
• Lenguaje de Programación de Lado del Servidor (Java, Python, JavaScript, PHP, Ruby, Node.js, etc.).
• Frameworks de Lado del Servidor (Spring, Flask, Express, Laravel, Ruby on Rails).
• Servidor Web/Linux/Windows Server (Apache, Nginx, IIS).
• Estructura de Datos/Algoritmos (optimización de código, refactoring).
• Seguridad (Protocolos de Seguridad, Implementación, etc.).
• Base de Datos (MySQL, PostgreSQL, MongoDB, Microsoft SQL, GrahpQL, etc.).
• Almacenamiento de Media (Videos, Fotos, Audio, etc.)
• Creación de APIs.
• Control de versiones (Git).
El desarrollador Back-end se encarga de crear aplicaciones en el lado del servidor para proporcionarle datos al cliente (navegador). En otras palabras, habilita la transacción de datos entre una aplicación web y una fuente de datos (generalmente una base de datos).
¿Que es mejor Front-end o Back-end?
Las 2 son importantes y se complementan la una o la otra, por una parte queremos tener sitios web bonitos y amigables
y por la otra parte queremos que esos sitios sean funcionales y puedan realizar operaciones.
Front-end porque la parte visual es lo más importante para enganchar al usuario y que se cumpla el objetivo del sitio web pero el Back-end es muy importante porque a través de él es en donde reposará la información más valiosa de sus usuarios.
En el Front-end se necesitan personas con capacidad creativa y en el Back-end se necesitan personas con muy buena lógica para resolver problemas.
Un diseñador web de Front-end se encarga de construir sitios web teniendo en cuenta los aspectos visuales. Los desarrolladores web de Back-end se aseguran de que los datos y sistemas solicitados por el software funcionen de manera eficiente.
Front-end porque la parte visual es lo más importante para enganchar al usuario y que se cumpla el objetivo del sitio web pero el Back-end es muy importante porque a través de él es en donde reposará la información más valiosa de sus usuarios.
En el Front-end se necesitan personas con capacidad creativa y en el Back-end se necesitan personas con muy buena lógica para resolver problemas.
Un diseñador web de Front-end se encarga de construir sitios web teniendo en cuenta los aspectos visuales. Los desarrolladores web de Back-end se aseguran de que los datos y sistemas solicitados por el software funcionen de manera eficiente.
¿Qué es Fullstack?
Concierne al desarrollo informático completo que abarca el Front-end, el Back-end y el código de software que conecta a
ambos.
Desarrolla el código ideado para integrar los dos sistemas, así como también la creación de las partes visibles que las personas verán cuando interactúen con la página.
Por otro lado, tiene la función de crear el código que se conecta con las bases de datos, a fin de que el sitio web suministre la información que los visitantes requieren.
Por suerte, un solo profesional podría estar capacitado para hacer las dos cosas y se denomina Programador Full Stack.
Quien cumple con este perfil informático tiene habilidades y experiencia para administrar el proyecto completo.
Para ser considerado un Desarrollador Fullstack, es necesario primero haber dominado el Front-end y Back-end, posteriormente se adquiere el conocimiento restante con práctica y tiempo. Una característica de los desarrolladores Fullstack, es que son extremadamente curiosos y constantemente están en búsqueda de conocimiento.
Desarrolla el código ideado para integrar los dos sistemas, así como también la creación de las partes visibles que las personas verán cuando interactúen con la página.
Por otro lado, tiene la función de crear el código que se conecta con las bases de datos, a fin de que el sitio web suministre la información que los visitantes requieren.
Por suerte, un solo profesional podría estar capacitado para hacer las dos cosas y se denomina Programador Full Stack.
Quien cumple con este perfil informático tiene habilidades y experiencia para administrar el proyecto completo.
Para ser considerado un Desarrollador Fullstack, es necesario primero haber dominado el Front-end y Back-end, posteriormente se adquiere el conocimiento restante con práctica y tiempo. Una característica de los desarrolladores Fullstack, es que son extremadamente curiosos y constantemente están en búsqueda de conocimiento.
Resumen
Después de haber explicado un poco sobre cada una de las fases de una programación de aplicación web y saber qué
diferencias hay entre ellas, podemos decir que aunque abarquen distintos aspectos dentro de una programación,
las dos son completamente necesarias para el correcto funcionamiento de esta.