Modern Web App Architectures

1,404 views

Published on

JSUG Vienna meetup talk ( 2012−May−21) about Modern Web Architectures & Web Apps

Published in: Technology, Business
1 Comment
5 Likes
Statistics
Notes
No Downloads
Views
Total views
1,404
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
31
Comments
1
Likes
5
Embeds 0
No embeds

No notes for slide

Modern Web App Architectures

  1. 1. web app architecture
  2. 2. raphael starysoftware engineer @ RISEcs student @ tuwienenthusiastic about #ux #agile #javaEE #tdd#architecturalStylez#openWebGames #html5 #fancyStuff
  3. 3. FAT CLIENTproprietary pluginsopenwebstack
  4. 4. thick server architecturethinserverarchitecture
  5. 5. move client-side logic from the server to the clientthis results in the role of the web server evolvinginto a pure data API or web service.thin server architecture
  6. 6. MVC / MVVM / MVPdeclarative proceduralcomponentbasedaction based
  7. 7. do it yourself
  8. 8. https://github.com/addyosmani/todomvcknockout javascriptMVCbatman angularbackbone sammy
  9. 9. statefulstateless
  10. 10. where is the state?localstorage/sessionstoragecookiehttp session
  11. 11. just RDBMSpolyglotpersistence
  12. 12. http://martinfowler.com/articles/nosql-intro.pdf
  13. 13. AJAXserver side templatingclientsidetemplatingfull page reloadpartial page rendering JSONobjects
  14. 14. rpcrestful
  15. 15. multi page appsinglepageapp
  16. 16. single page appthe goal of providing a more fluid user experienceakin to a desktop application.
  17. 17. pushStatenavigationhash based navigation
  18. 18. https://www.facebook.com/messages/https://www.facebook.com/#!/messages/
  19. 19. offline !!!appcacheindexedDB - local storage
  20. 20. mobile/touchversionresponsive web designnative wrapper
  21. 21. http://blog.sc5.fi/2012/01/html5-web-app-architecture-explained/
  22. 22. best practicesmodernizr (Polyfills)twitter bootstraphtml5 boilerplatekickstrap
  23. 23. c&cto infinityand beyond

×