Tecnología Web Rodrigo Durán y Juan Díaz. ¿Que es?

Presentación del tema: "Tecnología Web Rodrigo Durán y Juan Díaz. ¿Que es?"— Transcripción de la presentación:

1 Tecnología Web Rodrigo Durán y Juan Díaz

2 ¿Que es?

3 Arquitectura Cliente Servidor

4 HTML y Browsers Los navegadores web (Browsers) son programas capaces de conectarse a través de distintos protocolos (http, https, ftp, etc) a un servidor web, de enviar y recibir información y de interpretar HTML, CSS y javascript para mostrarlo en el formato deseado por el diseñador de la página.

5 Backend Backend es la capa de acceso de un software o cualquier dispositivo, que no es directamente accesible por los usuarios, normalmente contiene la lógica de la aplicación que maneja los datos. El Backend también accede al servidor, que es una aplicación especializada que entiende la forma como el navegador solicita cosas. Estos son los lenguajes de programación que normalmente trabajan junto con los frameworks. Cabe destacar que se puede hacer una página web usando sólo tecnología backend. (antes la única opción era esa)

6 Backend ¿Cómo funciona?

7 Backend Algunos de los lenguajes de programación de Backend junto con sus frameworks: LenguajeFrameworks Python Flask, Django C#.Net MVC PHP Laravel JAVA Spring

8 Contras de solo backend ● Performance: Necesita conectarse si o si al servidor esto hace que cosas como las validaciones sean lentas o molestas de programar ● Redundancia de información: Cuando solo se trabaja por backend la única forma de enviar al cliente la información es renderizando HTML entero, esto hace que se tenga que reenviar cosas innecesarias como el menú, el encabezado, footer, etc ● Persistencia de datos: Cuando el sistemas hace postback necesita refrescar la página entera, esto hace que se pierdan los datos original a menos que se los guarde programáticamente

9 Frontend Frontend es la capa a la que un usuario puede acceder directamente. Son todas las tecnologías de diseño y desarrollo web que corren en el navegador. Los lenguajes principales del Frontend son HTML, CSS y JavaScript.

10 Frontend Hay muchos frameworks y librerías que facilitan el trabajo algunos de ellos son: Javascript: ● Jquery ● Angular ● React.js CSS: ● Bootstrap ● Bulma

11 Contras de solo frontend ● Seguridad: El usuario tiene acceso a los datos directo a los datos y al código, esto puede generar ● Inmadurez: La tecnología frontend es muy nueva, esto significa que todavía tiene mucho por crecer en comparación con backend. ● Nuevas versiones: Al ser tecnologías inmaduras las nuevas versiones pueden complicar lo que estaba funcionando y si se decide no actualizar se corre el peligro de quedarse atrás ● Dependencia: Las tecnologías frontend tienen muchas dependencias como por ejemplo angular de jquery, esto quiere decir que ante cualquier cambio las cosas pueden dejar de funcionar

12 Fullstack

13 Fullstack es la fusión entre front y back end. Permite trabajar con la seguridad y la robustez del backend manteniendo la flexibilidad del frontend. Se trabaja solo la información que se necesita y se puede evitar el postback permitiendo que el manejo de variables mucho más fácil de administrar.