Partes de una aplicación full stack

El frontend y backend de una app o aplicacion fullstack, definiciones proyecto fullstack dentro del desarrollo web.

January 28, 2021 , 4 min read

Share with:

fullstack

Indice

  1. Introduccion
  2. Frontend
  3. Backend
  4. Recursos
  5. Quiz
  6. Autor

Introducción

¡Enhorabuena por haber dado un gran paso para convertirse en un desarrollador Full Stack! Además de cononcer un poco más de las actualidad del desarrollo web, asegúrese de aprovechar todo el apoyo de aprendizaje disponible para ti. Nos encanta saber de ti, así que por favor deja comentarios o recomiendanos alguna tema que te gustaria profundizar.

En el desarrollo web full stack, una nevera podría verse como la BASE DE DATOS o una serie de recursos de datos, la cocina es el SERVIDOR DE APLICACIONES WEB, y el comedor es un conjunto de tecnología que contiene principalmente HTML, JAVASCRIPT FRONT-END, CSS e imágenes. Para nuestra analogía, las bases de datos y el servidor de aplicaciones web forman parte del back-end. El HTML, el CSS y el JavaScript del front-end. Ahora un poco mas de detalle.

Frontend

En el desarrollo web, el front-end es lo que ve el usuario. La pantalla que estás viendo ahora mismo es el front-end de una aplicación, ya sea en un teléfono, una tableta o un ordenador. El front-end consiste principalmente en imágenes, texto y widgets con los que el usuario interactúa.

Si estos elementos requieren una base de datos, una lógica de negocio, un proceso de inicio de sesión/autenticación, seguimiento analítico, comunicación con otros usuarios y otras cosas de esta naturaleza, entonces el front-end necesita un back-end. Sin embargo, no todas las aplicaciones de frontend requieren un back-end.

Cuando la World Wide Web se popularizó a mediados de los años 90, muchos sitios web no tenían un back-end. Una simple página HTML con imágenes, texto, información de contacto y un enlace de correo electrónico no requería necesariamente un back-end.

Si ahora mismo creas un simple archivo HTML en tu ordenador, habrás creado lo que llamamos una aplicación web estática. Esta aplicación estática sería un front-end. Hay recursos en línea como Firebase donde puedes alojar tus páginas html simples y estáticas casi al instante y de forma gratuita.

Backend

El back-end es donde viven el servidor de aplicaciones web y la base de datos. Hay muchos otros elementos que viven en el espacio del back-end, como los equilibradores de carga, los trabajadores de servicio, los servidores de correo electrónico, etc. En este post , nos centraremos principalmente en el servidor de aplicaciones web y la base de datos.

Nuestro back-end de TS(typescript) Flights tendrá estas responsabilidades principales

  • Manejar las solicitudes de información del front-end
  • Crear, leer, actualizar y eliminar vuelos de avión en el sistema
  • Enviar información al front-end en formato JSON (JavaScript Object Notation)

La responsabilidad principal del back-end es el procesamiento de los datos, mientras que la responsabilidad principal del front-end es la visualización de los datos y el manejo de la interacción con el usuario. Los front-ends también procesan datos, pero la manipulación de datos pesados es generalmente del dominio del back-end

Recursos

Frontend

Libros

Cursos

Cursos Fullstack de desarrollo web

Herramientas

Repositorios

Backend

Libros

Cursos

Programación con Angular

Herramientas

Repositorios

Quiz

Autor

Sígueme en Twitter @crisjc8

Sígueme en LinkedIn Cristhian Jumbo

Sígueme en Instagram crisweb

Explora más temas