Como es desarrollo web Moderno

Sabes que ocurre detras de una web

El desarrollo web moderno esta segmentado en 3

1. Aplicacion Cliente (Frontend)

   Esta compuesta de las tecnologias HTML, CSS, Javascript esto es todo lo que podemos ver a travez de nuestros dispositivos moviles.
   HTML es el lenguaje de modelado de la web, mientras que CSS es el lenguaje de diseño para la web, y Javascript es el lenguaje de programacion e interaccion
   

2. Servidor (Backend)

   Esta compuesto de lenguajes de programacion como PHP, .NET, Python,Java,etc. Estos lenguajes son los que se conectan a las bases de datos para mostrar en el cliente la informacion solicitada.
   

3. Base de Datos

   Son las Tecnologias que almacenan de forma persistente la informacion, se dividen en 2 tipos Relacionales y No Relacionales un ejemplo es MySQL y MongoDB.
   

Ahora vamos a explicar como funciona

Primero todo inicia desde un navegador (Firefox,Chrome,Opera,etc).
Cuando accedemos a una URL como http://www.rackcode.com.mx estamos accediendo a un DNS o Sistema de Nombre de dominio y te preguntaras que es eso.

Cada web tiene una ip publica por ejemplo192.168.2.5 esta es la direccion original para acceder a un sitio, el DNS lo que hace es enmascarar esta ip por una direccion legible y que podamos recordar es mejor http://www.rackcode.com.mx a tener que recordar 192.168.2.5 no cress.

Una vez que ya entramos a la URL estamos accediendo a un Servidor como Ngnx, Apache, Node JS que a travez de un puerto solicita al Backend como PHP, Node JS, Java, etc que se conecte con las bases de datos como MySQL o MongoDB y despues le envie esa informacion al Frontend y sea visualizada en el navegador.

Todo esto ocurre cuando tu accedes a un sitio web, en tan solo unos segundos, Complidado, algo pero asi es como funciona el desarrollo web moderno

Muchas gracias, comenten sus dudas y Siganos en @Rackcode y @Huixcospartan

Articulos Relacionados

• Backend y su funcion en la Web
• Frontend y su funcion en la Web