Click here to load reader

Ext Js On Rails

  • View
    2.705

  • Download
    1

Embed Size (px)

Text of Ext Js On Rails

  • 1. ExtJS on RailsMichael Siebert

2. Michael Siebert Freelancer Ruby / Rails / JavaScript / PHP www.siebert-wd.de [email protected] 3. Buzzword-Bingo! 4. Rich Internet Applications 5. Rich Internet Applications Wikipedia: Der Begriff Rich Internet Application (RIA, deutsch: reichhaltige Internet Anwendung) beschreibt eine Anwendung, die Internet- Techniken benutzt und eine intuitive Benutzeroberche bietet. 6. (c) amrufm http://ickr.com/photos/amrufm/2195019023/ 7. Rich Internet Applications 8. Rich Internet Applications Anspruchsvolles UI 9. Rich Internet Applications Anspruchsvolles UI Tastenkrzel 10. Rich Internet Applications Anspruchsvolles UI Tastenkrzel DragnDrop 11. Rich Internet Applications Anspruchsvolles UI Tastenkrzel DragnDrop Clientseitige Berechnungen 12. Rich Internet Applications Anspruchsvolles UI Tastenkrzel DragnDrop Clientseitige Berechnungen Geschwindigkeit 13. Javascript + HTML + CSS + Backend 14. Javascript + HTML + CSS + Backend 15. Javascript + HTML + CSS + Backend 16. Javascript + HTML + CSS + Backend 17. Javascript + HTML + CSS + BackendFramework? 18. Javascript + HTML + CSS + BackendFramework?+ 19. Javascript + HTML + CSS + BackendFramework?+ 20. Javascript + HTML + CSS + BackendFramework?+ 21. Javascript + HTML + CSS + BackendFramework?+ 22. Javascript + HTML + CSS + BackendFramework? 23. Javascript + HTML + CSS + BackendFramework? 24. Javascript + HTML + CSS + BackendFramework? 25. Javascript + HTML + CSS + BackendFramework? 26. ExtJS? 27. ExtJS? JavaScript Framework 28. ExtJS? JavaScript Framework Cross-Browser, Cross-Platform 29. ExtJS? JavaScript Framework Cross-Browser, Cross-Platform GPLv3 und kommerzielle Lizenz 30. ExtJS? JavaScript Framework Cross-Browser, Cross-Platform GPLv3 und kommerzielle Lizenz Rich Internet Applications 31. ExtJS? JavaScript Framework Cross-Browser, Cross-Platform GPLv3 und kommerzielle Lizenz Rich Internet Applications Adobe AIR Integration (optional) 32. ExtJS? JavaScript Framework Cross-Browser, Cross-Platform GPLv3 und kommerzielle Lizenz Rich Internet Applications Adobe AIR Integration (optional) Modularer Aufbau 33. Demo 34. Frameworks 35. Frameworks Adapter fr 36. Frameworks Adapter fr Prototype & Script.aculo.us 37. Frameworks Adapter fr Prototype & Script.aculo.us jQuery 38. Frameworks Adapter fr Prototype & Script.aculo.us jQuery YUI 39. Frameworks Adapter fr Prototype & Script.aculo.us jQuery YUI oder nur ExtJS 40. (c) Simon Greig http://ickr.com/photos/xrrr/2321685873/ 41. (c) SpAvAAi http://ickr.com/photos/spavaai/2536426227/ 42. Rails? 43. Rails? Normale Rails-Anwendung Views in HTML vereinzelt ExtJS nutzen 44. Rails? Normale Rails-Anwendung Views in HTML vereinzelt ExtJS nutzen Ganzheitlicher Ansatz Anwendung komplett mit ExtJS Rails nur Datenlieferant 45. Kommunikation 46. Kommunikation XML Rails: collection.to_xml ExtJS: Ext.data.XMLReader 47. Kommunikation XML Rails: collection.to_xml ExtJS: Ext.data.XMLReader JSON Rails: collection.to_json ExtJS: Ext.data.JSONReader 48. REST! 49. Datenformate 50. Datenformate Rails via to_json ExtJS erwartet{quot;resultsquot;: 2, [{quot;rootquot;: [{quot;titlequot;: quot;Rails scalesquot;quot;titlequot;: quot;Rails scalesquot; },{},{quot;titlequot;: quot;Ruby scalesquot;quot;titlequot;: quot;Ruby scalesquot; }]}]} 51. Datenformate Rails via to_json ExtJS erwartet{quot;resultsquot;: 2, [{quot;rootquot;: [{quot;titlequot;: quot;Rails scalesquot;quot;titlequot;: quot;Rails scalesquot; },{},{quot;titlequot;: quot;Ruby scalesquot;quot;titlequot;: quot;Ruby scalesquot; }]}]} 52. DatenformateRails via to_jsonExtJS erwartet{quot;resultsquot;: 2, [{quot;rootquot;: [{quot;titlequot;: quot;Rails scalesquot;quot;titlequot;: quot;Rails scalesquot; },{},{quot;titlequot;: quot;Ruby scalesquot;quot;titlequot;: quot;Ruby scalesquot; }]}]} render :json => { :root => @posts, :results => @posts.size } 53. Demo 54. Plugins 55. ext_scaffold Scaffold Generator von Martin Rehfeld http://tinyurl.com/2pu4pl 56. ext_js_with_rails 57. ext_js_with_rails Sammlung von Helferlein 58. ext_js_with_rails Sammlung von Helferlein script/js_autobuild 59. ext_js_with_rails Sammlung von Helferlein script/js_autobuild JSLint Integration 60. ext_js_with_rails Sammlung von Helferlein script/js_autobuild JSLint Integration YUICompressor 61. ext_js_with_rails Sammlung von Helferlein script/js_autobuild JSLint Integration YUICompressor div. Controller und Model-Erweiterungen 62. ext_js_with_rails Sammlung von Helferlein script/js_autobuild JSLint Integration YUICompressor div. Controller und Model-Erweiterungen ... 63. ext_js_with_rails 64. ext_js_with_rails (noch) kein Release 65. ext_js_with_rails (noch) kein Release http://github.com/siebertm/ext_js_with_rails/ 66. Fragen?

Search related