FRONT-END Y BACKEND

DISEÑO ORIENTADO A OBJETOS

VALENTINA CASTRO CASTILLO

ID 691224

JOSÉ FERNANDO SOTELO CUBILLOS

DOCENTE

UNIVERSIDAD COOPERATIVA DE COLOMBIA

FACULTAD DE INGENIERÍA
INGENIERÍA DE SISTEMAS
Bogotá, 2020
 MARCO TEÓRICO

 BASE DE DATOS:
Existen muchos tipos de base de datos, cabe aclarar que “Microsoft Access”, no es una base
de datos sino un simulador, pero lo que es SQL Server de Microsoft y Oracle si son bases
de datos. La base de datos más famosa del mundo es MySQL, que es una base de datos
tradicional bastante buena que corre al lado del servidor. Existen las bases de datos
relacionales y las no relacionales, para este último conocemos la base de datos
“mongoDB”, una base de datos no relacional es aquella en donde no existen vínculos.

 BACKEND:

Es un lenguaje en el cual podemos destacar muchos: .net, java, php, phyton y node-js que
es un lenguaje de lado del servidor, que está basado en javascript.

Hay lenguajes que se tienen que conectar a la base de datos, como hay lenguajes que lo que
hacen es interactuar con el usuario. Un lenguaje que interactúe con un usuario no puede
interactuar con una base de datos, porque generaría problemas de seguridad.

 SERVIDOR 80:

Los servidores son piezas de software, que entienden la petición del navegador y me envían
lo correcto, es decir, el servidor es una aplicación especializada en entender la forma en el
que el navegador pide cosas.

Entre los servidores mas reconocidos encontramos: Apache, Nginx, node-js.

En el puerto “80”, es donde encontramos el servidor, el servidor recibe la petición que tiene
que ser procesada con bases de datos, para esto se la manda al “Backend” y este se conecta
con la base de datos, la BD le envía los datos al Backend, el cual se lo envía al servidor
para empujárselos al navegador.
 FRONTEND:

Son todas las tecnologías que tenemos del lado del navegador cómo, por ejemplo: HTML,
CSS y JS.

HTML es la tecnología para modelar la información, es la base de todo, ya que también lo

puedo enlazar con CSS que es el lenguaje con el que le podemos colocar gráficos y un
estilo visual bonito a nuestra página web. Por último, tenemos a JS (JavaScript), que es el
lenguaje de programación interactivo, que nos permite determinar cuando una persona hace
“clic”, cuando arranca la página web, entre otras funciones.

 DIFERENCIA ENTRE EL BACKEND Y EL FRONTEND

El Backend entonces es lo que tenemos que corre del lado del servidor y el Frontend que es
el que corre del lado del navegador.
 Cuando una persona ingresa a www.mejorando.la ó cuando una persona ingresa a nuestra
página web, es que el nombre de nuestro sitio es intercambiado por una ip que son un grupo
de 4 números separados por puntos, a través de los cuales un servidor puede identificar en
donde está la dirección en el mundo de nuestro servidor. En esa “ip” es donde está la
maquina o hardware donde corre “mejorando.la” , que en estos momentos corre sobre
Amazon web Services.

 MÉTODOS PARA CONECTARNOS A UN SERVIDOR:

Existen 4 métodos por los cuales nos podemos conectar a un servidor, es decir, son los
métodos con los que HTML o JavaScript le manda datos al servidor y recibe datos del
servidor, y estos son:

1. Get: Es una forma de pasar variables a través de la URL, tiene limitaciones como,
por ejemplo, que no podemos agregar mas de 1.024 caracteres en una URL.

2. Post: Consiste en datos “Ocultos” quiere decir que el cliente no los ve, enviados por
un formulario cuyo método de envío es Post.
 3. Ajax: Significa “JavaScript asíncrono y XML”, es una técnica de desarrollo web
para crear aplicaciones interactivas, en todo caso, no es necesario que el contenido
asíncrono esté formateado en XML, ya que hoy en día usan es JSON, que es un
formato ligero de intercambio de datos.

4. Sockets: Es un método para la comunicación entre un programa del cliente y un

programa del servidor en una red, se define, por tanto, como el punto final en una
conexión.

 STACK:
Es una lista de todos los servicios tecnológicos utilizados para construir y ejecutar una sola
aplicación. Entre este podemos encontrar:

BIBLIOGRAFÍA

https://www.youtube.com/embed/3yfxKZWvN8k