ajax with jquery and grails

61
 Client-Server 2.0 using Jquery & Grails Andrej Koelewijn

Upload: andrej-koelewijn

Post on 11-Jul-2015

12.227 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Ajax with jquery and grails

   

Client-Server 2.0 using Jquery & Grails

Andrej Koelewijn

Page 2: Ajax with jquery and grails

   

Browser are evolving

Page 3: Ajax with jquery and grails

   

Page 4: Ajax with jquery and grails

   

Page 5: Ajax with jquery and grails

   

Page 6: Ajax with jquery and grails

   

Page 7: Ajax with jquery and grails

   

Page 8: Ajax with jquery and grails

   

Javascript performance is improving

Page 9: Ajax with jquery and grails

   

Tabs are running in separate processes

Page 10: Ajax with jquery and grails

   

Browsers get process monitors

Page 11: Ajax with jquery and grails

   

Page 12: Ajax with jquery and grails

   

Page 13: Ajax with jquery and grails
Page 14: Ajax with jquery and grails
Page 15: Ajax with jquery and grails
Page 16: Ajax with jquery and grails

   

Support for graphics

Page 17: Ajax with jquery and grails

   

Video

Page 18: Ajax with jquery and grails

   

Database support

Page 19: Ajax with jquery and grails

   

Development environment

Page 20: Ajax with jquery and grails

   

Page 21: Ajax with jquery and grails

   

Page 22: Ajax with jquery and grails

   

Javascript libraries are booming

Page 23: Ajax with jquery and grails

   

Page 24: Ajax with jquery and grails

   

Page 25: Ajax with jquery and grails

   

Page 26: Ajax with jquery and grails

   

With cross-browser support

Page 27: Ajax with jquery and grails

   

And effects

Page 28: Ajax with jquery and grails

   

And tons of plugins

Page 29: Ajax with jquery and grails

   

Page 30: Ajax with jquery and grails
Page 31: Ajax with jquery and grails

   

Page 32: Ajax with jquery and grails
Page 33: Ajax with jquery and grails

Example: accordion menu

Page 34: Ajax with jquery and grails
Page 35: Ajax with jquery and grails
Page 36: Ajax with jquery and grails
Page 37: Ajax with jquery and grails
Page 38: Ajax with jquery and grails
Page 39: Ajax with jquery and grails
Page 40: Ajax with jquery and grails

   

Page 41: Ajax with jquery and grails
Page 42: Ajax with jquery and grails
Page 43: Ajax with jquery and grails
Page 44: Ajax with jquery and grails

   

Page 45: Ajax with jquery and grails
Page 46: Ajax with jquery and grails
Page 47: Ajax with jquery and grails
Page 48: Ajax with jquery and grails
Page 49: Ajax with jquery and grails
Page 50: Ajax with jquery and grails
Page 51: Ajax with jquery and grails
Page 52: Ajax with jquery and grails
Page 53: Ajax with jquery and grails
Page 54: Ajax with jquery and grails
Page 55: Ajax with jquery and grails

   

Page 56: Ajax with jquery and grails
Page 57: Ajax with jquery and grails
Page 58: Ajax with jquery and grails

   

Google gears

Page 59: Ajax with jquery and grails

   

Pro's

Simple

Stateful frontend

Large number of components

UI server platform independent

Uses services

No design to implementation mismatch

Frontend knowledge: html, css, javascript

Page 60: Ajax with jquery and grails

   

Cons

Security

Cross domain XHR

Support for graphics and annimation

Relatively modern browser required

Some cross browser issues

Page 61: Ajax with jquery and grails

   

Conclusions

Building applications using clientside javascript is doable

Simple and very productive

Platform independent components big plus

Good fit with SOA