This document discusses various architectures and technologies for building web applications, including thick vs thin client architectures, MVC patterns, client vs server-side templating, RESTful vs RPC APIs, single page vs multi-page applications, and offline capabilities using technologies like AppCache and IndexedDB. It also briefly mentions responsive design, frameworks like Bootstrap and HTML5 Boilerplate, and pushing the capabilities of web applications.

1. web app architecture

2. raphael stary
software engineer @ RISE
cs student @ tuwien
enthusiastic about #ux #agile #javaEE #tdd
#architecturalStylez
#openWebGames #html5 #fancyStuff

3. FAT CLIENT
proprietary plugins
openwebstack

6. thick server architecture
thinserverarchitecture

7. move client-side logic from the server to the client
this results in the role of the web server evolving
into a pure data API or web service.
thin server architecture

8. MVC / MVVM / MVP
declarative procedural
componentbased
action based

9. do it yourself

10. https://github.com/addyosmani/todomvc
knockout javascriptMVC
batman angular
backbone sammy

11. stateful
stateless

12. where is the state?
localstorage/sessionstorage
cookie
http session

13. just RDBMS
polyglotpersistence

14. http://martinfowler.com/articles/nosql-intro.pdf

15. AJAX
server side templating
clientsidetemplating
full page reload
partial page rendering JSONobjects

16. rpc
restful

17. multi page app
singlepageapp

18. single page app
the goal of providing a more fluid user experience
akin to a desktop application.

19. pushStatenavigation
hash based navigation

20. https://www.facebook.com/messages/
https://www.facebook.com/#!/messages/

21. offline !!!
appcache
indexedDB - local storage

22. mobile/touchversion
responsive web design
native wrapper

23. http://blog.sc5.fi/2012/01/html5-web-app-architecture-explained/

24. best practices
modernizr (Polyfills)
twitter bootstrap
html5 boilerplate
kickstrap

25. c&c
to infinity
and beyond