The document discusses the evolution of web development frameworks through three stages: 1) static and early dynamic pages with immature tools and little JavaScript; 2) introduction of MVC patterns, AJAX, and more mature frameworks; 3) single-page applications with client-side logic, dynamic pages built on the client, and two-way data binding between the model and view.

1. Frameworks in
web development
Angel Lacret

2. Web Applications architecture
Frameworks in web development
FrontEnd BackEnd Data
Browser Server Database

3. 1st
Modern Web development stages
Frameworks in web development
- Static Pages sometimes
dynamics
- Immature Tools
- Little or none javascript
- The new MVC
- dynamics pages built on
the client
- Client side logic
- BackEnd as a Service
- Advance Frameworks
(SPA)
- MVC Patterns
- dynamics Pages (maybe
Templates)
- Ajax
- More mature frameworks
3rd2nd

4. 1st Stage
Frameworks in web development
Dynamic Pages:

5. 1st Stage
Frameworks in web development
Immature Tools:

6. 1st Stage
Frameworks in web development
Little Javascript:

7. 2nd Stage
Frameworks in web development
MVC Patterns:

8. CONTROLLER MODELVIEW
2nd Stage: MVC Patterns
Frameworks in web development
FrontEnd BackEnd Data
Browser Server Database

9. 2nd Stage
Frameworks in web development
Dynamics Pages:

10. 2nd Stage
Frameworks in web development
Ajax:

11. 2nd Stage
Frameworks in web development
Matures Frameworks:
Session validation
Active Record
Template Engine

12. CONTROLLER MODELVIEW
3rd Stage: New MVC
Frameworks in web development
FrontEnd BackEnd Data
Browser Server Database

13. MODELCONTROLLER STOREVIEW
3rd Stage: New MVC
Frameworks in web development
FrontEnd BackEnd Data
Browser Server Database

14. 3rd Stage
Frameworks in web development
Dynamics Pages built in the client:
fuente: https://docs.angularjs.org/tutorial/step_02

15. 3rd Stage
Frameworks in web development
Client templates (browser):
https://docs.angularjs.org/api/ng/service/$interpolate

16. 3rd Stage
Frameworks in web development
Javascript Routing:
http://app.4geeks.co/index http://app.4geeks.co/#index
http://app.4geeks.co/home http://app.4geeks.co/#home
http://app.4geeks.co/login http://app.4geeks.co/#login
http://app.4geeks.co/product/3 http://app.4geeks.co/#product/3

17. 3rd Stage
Frameworks in web development
Data Binding (Both Ways):
MODEL VIEW

18. 3rd Stage
Frameworks in web development
And many other, aiming:
PRODUCTIVITY + + +

19. 3rd Stage: Frameworks
Frameworks in web development
SMARTCLIENT

20. THANKS!
Frameworks in web development
Angel Lacret
Python / Java / Javascript Developer
alacret@4geeks.co
http://alacret.blogspot.com
Twitter: alacret
Instagram: alacret