23
“Frameworks - Conceptos” Rogelio Ferreira Escutia

“Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

  • Upload
    others

  • View
    10

  • Download
    0

Embed Size (px)

Citation preview

Page 1: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

“Frameworks - Conceptos”

Rogelio Ferreira Escutia

Page 2: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

Evolución

Page 3: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

3

Evolución

"The history of web frameworks as described by a timeline of releases. ", https://github.com/mraible/history-of-web-frameworks-timeline, abril 2020

Page 4: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

Conceptos

Page 5: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

5

Definición de Framework

"Frameworkless Front-End Development", Francesco Strazzullo, Apress Editorial 2019

Según “Cambridge Dictionay”:

– A supporting structure around which something can be built.

Page 6: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

6

Definición de Framework

"Framework para aplicaciones web", https://es.wikipedia.org/wiki/Framework_para_aplicaciones_web, abril 2020

Según Wikipedia:

– Es un software para apoyar el desarrollo de sitios web dinámicos, aplicaciones web y servicios web. Intentan aliviar el exceso de carga asociado con actividades comunes usadas en desarrollos web. Por ejemplo, proporcionan bibliotecas para acceder a bases de datos, estructuras para plantillas y gestión de sesiones, y con frecuencia facilitan la reutilización de código.

Page 7: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

7

Librería y Framework

"Frameworkless Front-End Development", Francesco Strazzullo, Apress Editorial 2019

¿Cuál es la diferencia entre Librería y Framework?

– "Un Framework llama a tu código, tu código llama a una librería"

Un Framework internamente puede tener una o más librerías y que normalmente son ocultas ante el Desarrollador, que soló ve al Framework como una unidad única.

Page 8: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

8

Librería y Framework

"Frameworkless Front-End Development", Francesco Strazzullo, Apress Editorial 2019

Page 9: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

Frameworks(orden cronológico)

Page 10: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

10

Ruby on Rails

"Ruby on Rails", https://es.wikipedia.org/wiki/Ruby_on_Rails, abril 2020

Fué desarrollado por David Heinemeier Hansson en el 2004 y está escrito en "Ruby".

Sigue el "Modelo-Vista-Controlador" y automatiza varias tareas al conectar los programas con el DBMS.

Page 11: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

11

Django

"Django (framework)", https://es.wikipedia.org/wiki/Django_(framework), abril 2020

Está escrito en Python, es de código abierto y fué presentado en 2005.

Sigue el Modelos-Vista Controlador y a partir del 2008 se hace cargo la "Django Software Foundation".

Page 12: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

12

jQuery

"Frameworkless Front-End Development", Francesco Strazzullo, Apress Editorial 2019

jQuery fué creado en 2006 por Jhon Resig.

Es considerado el padre de los Frameworks Javascript actuales.

Sigue siendo de los más simples y fáciles de usar.

Page 13: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

13

CodeIgniter

"CodeIgniter", https://en.wikipedia.org/wiki/CodeIgniter, abril 2020

Fué desarrollado por EllisLab el 8 de febrero del 2006 y enfocado para PHP.

Su característica mas fuerte es que es rápido y ligero comparado contra otros Frameworks basados en PHP.

Page 14: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

14

AngularJS

"Frameworkless Front-End Development", Francesco Strazzullo, Apress Editorial 2019

AngularJS fué desarrollado por Mirko Hevery en el 2009.

Actualmente este Framework es mantenido por Google.

Page 15: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

15

Node.js

"Node.js", https://es.wikipedia.org/wiki/Node.js, abril 2020

Fué creado por Ryan Dahl en el 2009 y es multiplaforma y de código abierto.

Una de sus características es que permite ejecutar JavaScript tanto en el cliente como en el servidor.

Page 16: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

16

Bootstrap

"Bootstrap", https://es.wikipedia.org/wiki/Bootstrap_(framework), abril 2020

Fué desarrollado por Mark Otto y Jacob Thornton de Twitter en agosto del 2011.

Es de código abierto y se enfoca únicamente en el Front-End enfocándose en el Diseño Responsivo de los componentes.

Page 17: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

17

Laravel

"Laravel", https://es.wikipedia.org/wiki/Laravel, abril 2020

Fué creado en el 2011 por Taylor Otwell, y es de código abierto para desarrollar aplicaciones y servicios web con PHP 5 y PHP 7.

Su filosofía es desarrollar código PHP de forma elegante y simple, evitando el "código espagueti".

Page 18: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

18

React

"Frameworkless Front-End Development", Francesco Strazzullo, Apress Editorial 2019

Fué creado por Facebook en el 2011 y se convirtió en Open Source en 2013.

Actualmente es el Framework mas popular.

Page 19: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

19

Vue.js

"Vue.js", https://en.wikipedia.org/wiki/Vue.js, abril 2020

Fué desarrollado por Evan You en julio del 2013 (después de trabajar en Google usando Angular.JS) y es open Source.

Fué creado para desarrollar interfaces de manera ligera y rápida.

Page 20: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

¿Por qué usar Frameworks?

Page 21: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

21

Ventajas de usar Frameworks

"Frameworkless Front-End Development", Francesco Strazzullo, Apress Editorial 2019

El tiempo de desarrollo es menor por lo tanto también el costo:

Page 22: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

22

Desventajas de usar Frameworks

"Frameworkless Front-End Development", Francesco Strazzullo, Apress Editorial 2019

Lleva un tiempo de aprendizaje cada Framework.

Las tecnologías de los Frameworks no son compatibles.

Cada Framework tiene un costo por cambiar el código o funcionalidad de un proyecto a futuro (es decir cuando haya cambios).

Page 23: “Frameworks - Conceptos”sagitario.itmorelia.edu.mx/~rogelio/web_frameworks_conceptos.pdf · Desventajas de usar Frameworks "Frameworkless Front-End Development", Francesco Strazzullo,

Rogelio Ferreira Escutia

Instituto Tecnológico de MoreliaDepartamento de Sistemas y Computación

Correo: [email protected] [email protected]

Página Web: http://sagitario.itmorelia.edu.mx/~rogelio/http://www.xumarhu.net/

Twitter: http://twitter.com/rogeplusFacebook: http://www.facebook.com/groups/xumarhu.net/