Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Writing Mobile & Desktop
    Apps with Sencha




     @aaronwhite
Co-Founder
                              CTO

(Boundless Learning is a funded, stealth-mode
    education startup doing *b...
Sencha


➡Sencha     Touch
 • HTML5    JS Framework for Mobile


➡ExtJS
 • Robust   JS Framework for Desktop
Sencha Touch
Sencha Touch

➡HTML5      / CSS3 / JS
➡Works      with:
    • iOS 3+
    • Android 2.1+
    • Blackberry 6+

➡Touch-centri...
MVC++



       Model                Store   Proxy



View           Controller
Example App!




RockLog
 JS & rock-climbing go hand-in-hand, they’re both
  dangerous if you don’t know what you’re doing
git checkout boilerplate
    (basic file structure, basic app)
git checkout first-controller
     (viewport, routes, controller, view)
git checkout second-controller
         (listeners, dispatching)
git checkout show-me-the-data
        (models, store, list display)
git checkout view-record
     (switching views, templating)
git checkout add-record
    (forms, adding data to store)
Next Steps



➡Merge   & minify
➡Add   Proxy to Store
➡PhoneGap
ExtJS
ExtJS

➡Desktop    Browser JS Framework
➡Robust
 • Cross-browser
 • Mature Class-system
 • Thorough MVC
 • Charting

➡Tool...
MVC++



       Model                Store   Proxy



View           Controller



           (But way better)
RockLog



Desktop
 Now I’m just showing off
git checkout boilerplate
    (basic file structure, basic app)
git checkout show-me-the-data
        (models, store, list display)
git checkout view-record
     (switching views, templating)
git checkout add-record
    (forms, adding data to store)
Next Steps



➡Merge    & minify
➡Add    Proxy to Store
➡All
   sorts of bells &
 whistles
Upcoming SlideShare
Loading in …5
×

of

MVC in Sencha Touch & ExtJS Slide 1 MVC in Sencha Touch & ExtJS Slide 2 MVC in Sencha Touch & ExtJS Slide 3 MVC in Sencha Touch & ExtJS Slide 4 MVC in Sencha Touch & ExtJS Slide 5 MVC in Sencha Touch & ExtJS Slide 6 MVC in Sencha Touch & ExtJS Slide 7 MVC in Sencha Touch & ExtJS Slide 8 MVC in Sencha Touch & ExtJS Slide 9 MVC in Sencha Touch & ExtJS Slide 10 MVC in Sencha Touch & ExtJS Slide 11 MVC in Sencha Touch & ExtJS Slide 12 MVC in Sencha Touch & ExtJS Slide 13 MVC in Sencha Touch & ExtJS Slide 14 MVC in Sencha Touch & ExtJS Slide 15 MVC in Sencha Touch & ExtJS Slide 16 MVC in Sencha Touch & ExtJS Slide 17 MVC in Sencha Touch & ExtJS Slide 18 MVC in Sencha Touch & ExtJS Slide 19 MVC in Sencha Touch & ExtJS Slide 20 MVC in Sencha Touch & ExtJS Slide 21 MVC in Sencha Touch & ExtJS Slide 22 MVC in Sencha Touch & ExtJS Slide 23
Upcoming SlideShare
ExtJS Sencha Touch
Next
Download to read offline and view in fullscreen.

1 Like

Share

Download to read offline

MVC in Sencha Touch & ExtJS

Download to read offline

Details the basics of setting up a Sencha Touch & ExtJS MVC application.

Associated source code here:

https://github.com/aaronwhite/Sencha-Touch-MVC---Example-App

https://github.com/aaronwhite/ExtJS-MVC-Example-App

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

MVC in Sencha Touch & ExtJS

  1. 1. Writing Mobile & Desktop Apps with Sencha @aaronwhite
  2. 2. Co-Founder CTO (Boundless Learning is a funded, stealth-mode education startup doing *big* things)
  3. 3. Sencha ➡Sencha Touch • HTML5 JS Framework for Mobile ➡ExtJS • Robust JS Framework for Desktop
  4. 4. Sencha Touch
  5. 5. Sencha Touch ➡HTML5 / CSS3 / JS ➡Works with: • iOS 3+ • Android 2.1+ • Blackberry 6+ ➡Touch-centric ➡Tiny (120kb) ➡ Works w/ PhoneGap ➡MVC
  6. 6. MVC++ Model Store Proxy View Controller
  7. 7. Example App! RockLog JS & rock-climbing go hand-in-hand, they’re both dangerous if you don’t know what you’re doing
  8. 8. git checkout boilerplate (basic file structure, basic app)
  9. 9. git checkout first-controller (viewport, routes, controller, view)
  10. 10. git checkout second-controller (listeners, dispatching)
  11. 11. git checkout show-me-the-data (models, store, list display)
  12. 12. git checkout view-record (switching views, templating)
  13. 13. git checkout add-record (forms, adding data to store)
  14. 14. Next Steps ➡Merge & minify ➡Add Proxy to Store ➡PhoneGap
  15. 15. ExtJS
  16. 16. ExtJS ➡Desktop Browser JS Framework ➡Robust • Cross-browser • Mature Class-system • Thorough MVC • Charting ➡Tools, Editors, etc ➡Frankly, it’s badass (story!)
  17. 17. MVC++ Model Store Proxy View Controller (But way better)
  18. 18. RockLog Desktop Now I’m just showing off
  19. 19. git checkout boilerplate (basic file structure, basic app)
  20. 20. git checkout show-me-the-data (models, store, list display)
  21. 21. git checkout view-record (switching views, templating)
  22. 22. git checkout add-record (forms, adding data to store)
  23. 23. Next Steps ➡Merge & minify ➡Add Proxy to Store ➡All sorts of bells & whistles
  • TuyenVuongDinh

    Mar. 7, 2012

Details the basics of setting up a Sencha Touch & ExtJS MVC application. Associated source code here: https://github.com/aaronwhite/Sencha-Touch-MVC---Example-App https://github.com/aaronwhite/ExtJS-MVC-Example-App

Views

Total views

7,238

On Slideshare

0

From embeds

0

Number of embeds

7

Actions

Downloads

100

Shares

0

Comments

0

Likes

1

×