• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Ext Js On Rails
 

Ext Js On Rails

on

  • 4,830 views

 

Statistics

Views

Total Views
4,830
Views on SlideShare
4,632
Embed Views
198

Actions

Likes
0
Downloads
28
Comments
0

4 Embeds 198

http://www.siebert-wd.de 155
http://siebert-wd.de 29
http://www.slideshare.net 12
http://209.85.129.132 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Ext Js On Rails Ext Js On Rails Presentation Transcript

    • ExtJS on Rails Michael Siebert
    • Michael Siebert • Freelancer Ruby / Rails / JavaScript / PHP • www.siebert-wd.de • siebertm85@googlemail.com
    • Buzzword-Bingo!
    • Rich Internet Applications
    • Rich Internet Applications Wikipedia: „Der Begriff Rich Internet Application (RIA, deutsch: reichhaltige Internet Anwendung) beschreibt eine Anwendung, die Internet- Techniken benutzt und eine intuitive Benutzeroberfläche bietet.“
    • (c) amrufm http://flickr.com/photos/amrufm/2195019023/
    • Rich Internet Applications
    • Rich Internet Applications • Anspruchsvolles UI
    • Rich Internet Applications • Anspruchsvolles UI • Tastenkürzel
    • Rich Internet Applications • Anspruchsvolles UI • Tastenkürzel • Drag‘n‘Drop
    • Rich Internet Applications • Anspruchsvolles UI • Tastenkürzel • Drag‘n‘Drop • Clientseitige Berechnungen
    • Rich Internet Applications • Anspruchsvolles UI • Tastenkürzel • Drag‘n‘Drop • Clientseitige Berechnungen • Geschwindigkeit
    • Javascript + HTML + CSS + Backend
    • Javascript + HTML + CSS + Backend
    • Javascript + HTML + CSS + Backend
    • Javascript + HTML + CSS + Backend
    • Javascript + HTML + CSS + Backend Framework?
    • Javascript + HTML + CSS + Backend Framework? +
    • Javascript + HTML + CSS + Backend Framework? +
    • Javascript + HTML + CSS + Backend Framework? +
    • Javascript + HTML + CSS + Backend Framework? +
    • Javascript + HTML + CSS + Backend Framework?
    • Javascript + HTML + CSS + Backend Framework?
    • Javascript + HTML + CSS + Backend Framework?
    • Javascript + HTML + CSS + Backend Framework?
    • ExtJS?
    • ExtJS? • JavaScript Framework
    • ExtJS? • JavaScript Framework • Cross-Browser, Cross-Platform
    • ExtJS? • JavaScript Framework • Cross-Browser, Cross-Platform • GPLv3 und kommerzielle Lizenz
    • ExtJS? • JavaScript Framework • Cross-Browser, Cross-Platform • GPLv3 und kommerzielle Lizenz • Rich Internet Applications
    • ExtJS? • JavaScript Framework • Cross-Browser, Cross-Platform • GPLv3 und kommerzielle Lizenz • Rich Internet Applications • Adobe AIR Integration (optional)
    • ExtJS? • JavaScript Framework • Cross-Browser, Cross-Platform • GPLv3 und kommerzielle Lizenz • Rich Internet Applications • Adobe AIR Integration (optional) • Modularer Aufbau
    • Demo
    • Frameworks
    • Frameworks • Adapter für
    • Frameworks • Adapter für • Prototype & Script.aculo.us
    • Frameworks • Adapter für • Prototype & Script.aculo.us • jQuery
    • Frameworks • Adapter für • Prototype & Script.aculo.us • jQuery • YUI
    • Frameworks • Adapter für • Prototype & Script.aculo.us • jQuery • YUI • oder nur ExtJS
    • (c) Simon Greig http://flickr.com/photos/xrrr/2321685873/
    • (c) SpAvAAi http://flickr.com/photos/spavaai/2536426227/
    • Rails?
    • Rails? • „Normale“ Rails-Anwendung • Views in HTML • vereinzelt ExtJS nutzen
    • Rails? • „Normale“ Rails-Anwendung • Views in HTML • vereinzelt ExtJS nutzen • „Ganzheitlicher Ansatz“ • Anwendung komplett mit ExtJS • Rails nur Datenlieferant
    • Kommunikation
    • Kommunikation • XML • Rails: collection.to_xml • ExtJS: Ext.data.XMLReader
    • Kommunikation • XML • Rails: collection.to_xml • ExtJS: Ext.data.XMLReader • JSON • Rails: collection.to_json • ExtJS: Ext.data.JSONReader
    • REST!
    • Datenformate
    • 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; }] }] }
    • 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; }] }] }
    • 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; }] }] } render :json => { :root => @posts, :results => @posts.size }
    • Demo
    • Plugins
    • ext_scaffold • Scaffold Generator von Martin Rehfeld • http://tinyurl.com/2pu4pl
    • ext_js_with_rails
    • ext_js_with_rails • Sammlung von Helferlein
    • ext_js_with_rails • Sammlung von Helferlein • script/js_autobuild
    • ext_js_with_rails • Sammlung von Helferlein • script/js_autobuild • JSLint Integration
    • ext_js_with_rails • Sammlung von Helferlein • script/js_autobuild • JSLint Integration • YUICompressor
    • ext_js_with_rails • Sammlung von Helferlein • script/js_autobuild • JSLint Integration • YUICompressor • div. Controller und Model-Erweiterungen
    • ext_js_with_rails • Sammlung von Helferlein • script/js_autobuild • JSLint Integration • YUICompressor • div. Controller und Model-Erweiterungen • ...
    • ext_js_with_rails
    • ext_js_with_rails • (noch) kein Release
    • ext_js_with_rails • (noch) kein Release • http://github.com/siebertm/ext_js_with_rails/
    • Fragen?