AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin....
Transcript of AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin....
![Page 1: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/1.jpg)
ongetting started
AJAX Rails
![Page 2: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/2.jpg)
javascriptused to be the
enemy
![Page 3: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/3.jpg)
javascript is cool?suddenly
![Page 4: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/4.jpg)
why?good support
professional toolspublicity!
![Page 5: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/5.jpg)
AJAX is...asynchronousjavascript and
xml
![Page 6: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/6.jpg)
AJAX is...a round trip to the server,
without reloading
![Page 7: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/7.jpg)
Rails App
Browser Request
Web Server
Regular Request
Rails App
Browser Request
Web Server
AJAX Request
![Page 8: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/8.jpg)
and Rails is...freakin’ sweet!
![Page 9: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/9.jpg)
rails
javascript
![Page 10: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/10.jpg)
rails
ajax
![Page 11: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/11.jpg)
sexy preview
what you can do
![Page 12: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/12.jpg)
links
![Page 13: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/13.jpg)
regular link
![Page 14: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/14.jpg)
ajax link
![Page 15: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/15.jpg)
is turned into javascriptthat code...
![Page 16: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/16.jpg)
forms
![Page 17: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/17.jpg)
regular form
![Page 18: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/18.jpg)
ajax form
![Page 19: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/19.jpg)
is turned into javascriptthat code...
![Page 20: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/20.jpg)
RJS
![Page 21: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/21.jpg)
RJSruby javascript templateslike views, but output jsway cooler than sliced
bread
![Page 22: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/22.jpg)
other cool stuffdrag & dropedit in place
slidersautocomplete
& more...
![Page 23: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/23.jpg)
bits & bobs
the stuff you get
![Page 24: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/24.jpg)
rails includesprototype.js
scriptaculousrjs plugin
![Page 25: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/25.jpg)
where?yourapp/public/javascripts
![Page 26: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/26.jpg)
js helpersJavaScriptHelper
JavaScriptMacrosHelper
ScriptaculousHelper
PrototypeHelper
![Page 27: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/27.jpg)
troubleshootin’!refox!rebug
web developer extension
![Page 28: AJ AX R ails on - Slash7slash7.com/presentations/ajax_on_rails.pdf · scriptaculous rjs plugin. wher e? your app/public/jav ascr ipts. js helpers JavaScriptHelper JavaScriptMacrosHelper](https://reader033.fdocuments.in/reader033/viewer/2022050315/5f777603b30b8b337a3ef33a/html5/thumbnails/28.jpg)
learn morethomas fuchs’ talkwww.slash7.com
api.rubyonrails.org