Please enable JavaScript.
Coggle requires JavaScript to display documents.
Desarrollo web: Frontend vs Backend - Coggle Diagram
Desarrollo web: Frontend vs Backend
¿Qué otros roles existen?
Es
diferente
desarrollar una página informativa, a desarrollar una plataforma web donde es posible la
interacción
entre usuarios. También es diferente a desarrollar un sistema web que permita gestionar todas las operaciones (internas y externas) de una empresa, e integre varios módulos: compras, ventas, contabilidad, etc.
Es importante saber que mientras más complejo es un proyecto,
más roles
se van a necesitar para entregar un software de
calidad
.
Estos son los roles más que intervienen en el desarrollo de proyectos de software:
• Gestor del proyecto
• Arquitecto de información
• Diseñador gráfico
• Especialista en usabilidad y experiencia de usuario
• Administrador de bases de datos
• Redactor y editor de contenidos
• Especialista en seguridad de la información
Lado del cliente: el origen de todo
Cuando un usuario llega a una página web, se realiza una
petición
al servidor donde está alojada dicha página.
Esta petición, el dispositivo que usa el usuario
recibe
información.
Parte de esta información, encontramos: archivos HTML, CSS y JavaScript, además de imágenes, sonidos, videos, etc.
Tecnologías del lado del cliente:
HTML: Estos archivos definen la estructura semántica del sitio (le dice a los navegadores qué imágenes, menús de navegación, y secciones contiene cada página).
• CSS: Los archivos CSS definen la apariencia de la página (los colores de fondo, tamaños y colores de fuente, ubicación de los elementos, cambios según el tamaño del dispositivo).
• JavaScript: Este es el lenguaje de programación que interpretan los navegadores, es el lenguaje que permite realizar interacciones con la página. JS permite escuchar eventos y realizar alguna acción como efecto de ello.
Lado del servidor
Si quieres guardar sus preferencias, sus imágenes, sus conversaciones, necesitas una
base de datos
y conectar tu página a dicha base de datos. No se puede hacer tanto en HTML como CSS ya que no son lenguajes de programación.
Y en JavaScript tampoco se puede, sí un lenguaje de programación, pero
no debe
conectarse a la base de datos de tu aplicación. Solo podría alterar el navegador.
El camino completo
Cuando un usuario visita una página, está haciendo una petición GET al servidor. La tecnología backend se encargará de
elaborar
una respuesta
, y entonces
devolverá al cliente archivos** HTML, CSS, Javascript, etc.
Para elaborar una respuesta implica varias cosas, así el cliente recibirá la respuesta ya procesada.
• Verificar si el usuario tiene permisos para ver dicha página.
• Consultar la base de datos y mostrar los resultados en la página.
• Mostrar aleatoriamente una imagen.
• Realizar un cálculo importante y mostrar el resultado.
Tecnologías backend
Tecnologías del desarrollo backend:
• PHP (Laravel, Symfony)
• Java (Spring)
• Python (Django)
• Ruby (Ruby on Rails)
• Javascript (Node.JS)
• C# (ASP.NET Core)
Tecnologías frontend:
Variedad de frameworks para Javascript:
• Angular
• React
• Vue
• Meteor
• Backbone
• Ember