Considera la analogía de una aplicación web como un planeta. Los astronautas viajan al planeta para explorar su superficie. Aunque sólo vean la superficie, hay muchas cosas pasando dentro.
Front End
El frontend puede ser considerado la superficie del planeta, las partes que un astronauta puede ver directamente. La web tendría una serie de tecnologías que permitirían al usuario interactuar con ellas, como HTML, CSS y JavaScript.
- HTML(Hypertext Markup Language): Es un aspecto fundamental de las aplicaciones web. Es un conjunto de instrucciones o código que le dice al navegador qué enseñas y cómo hacerlo. Podría ser comparado a simples seres vivos, estos tienen ADN (instrucciones).
- CSS (Cascading Style Sheets): Describe un estándar de apariencia, como ciertos colores, tipos de texto y disposiciones. Esto podría ser comparado a la parte del ADN que describe el color, forma, tamaño o textura del organismo.
- JS (JavaScript): Es una parte del frontend que permite actividad más compleja. En la analogía, JS puede ser considerado el cerebro del organismo.
Back End
El backend de una aplicación web es aquello que no se ve pero que es importante para que funcione bien. En el planeta serían las estructuras, el aire o la gravedad.
- Database: Es donde se almacena la información. Una aplicación web puede querer guardar preferencias sobre un visitante. Un planeta puede tener vida inteligente que escribe libros, por ejemplo.
- Infraestructura: Hay muchas como los servidores web, los dispositivos red, la red en sí. En nuestro planeta serían las carreteras, los coches y la gasolina.
- WAF (Web Application Firewall): Es un componente opcional pero que mejora la seguridad. Esto podría ser comparado con la capa de Ozono.