Building RIAs with
JavaScript and CodeIgniter
Ed Finkler                 #eeci2010
HiiDef.com / Goodsie.com   #riacijs
@fu...
RIAs

                                                      Buzzword alert!




2   RIAs with CodeIgniter and JavaScript -...
I prefer "rich front-end app"




3   RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
A smart-ish client




4   RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
Can be built various ways




5   RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
Browser

                                                            old hat!




6   RIAs with CodeIgniter and JavaScript...
Browser plugins

                                                 Ol' Proprietary Faithful




7   RIAs with CodeIgniter a...
Web Runtime Platforms

                                    New hotness (will be passé in 6 months)




8   RIAs with CodeI...
Desktop

                                              Titanium, AIR, XULRunner




9   RIAs with CodeIgniter and JavaScri...
Mobile

                                         Titanium, PhoneGap, Palm webOS




10   RIAs with CodeIgniter and JavaScr...
How does CI fit into this?




11   RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
PHP is a great "glue language"

                                                         mmmm, glue




12   RIAs with Cod...
CI gets us up and running quickly

                                                           superglue




13   RIAs with...
Instead of HTML, we output data

                                                       JSON, XML, etc




14   RIAs with ...
My typical approach




15   RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
Toss out views

                                                  With extreme prejudice




16   RIAs with CodeIgniter an...
All work done by model

                                                              Almost




17   RIAs with CodeIgnite...
Models can return various formats

                                     PHP objects, Serialized PHP, JSON, etc




18   RI...
Avoid heavy controllers

                                                    Makes reuse easier




19   RIAs with CodeIgn...
Avoid heavy controllers

                                                    Makes reuse easier




20   RIAs with CodeIgn...
Keep API in separate controller




21   RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
CODE TYME



22   RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
Client side




23   RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
AIR

                                             NOT FLASH/FLEX, DAMMIT




24   RIAs with CodeIgniter and JavaScript - E...
Cobbled-together MVC structure




25   RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
jQuery for the fun stuff

                                                    DOM API == not fun




26   RIAs with CodeIg...
Use XHR (AJAX) to talk to server




27   RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
CODE TYME



28   RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
Resources
     • Server code
       http://github.com/funkatron/eeci2010-ria-server
     • Client code - AIR
       http:/...
Upcoming SlideShare
Loading in...5
×

Building RIAs with CodeIgniter and JavaScript

4,650

Published on

Code available under Github at http://github.com/funkatron

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,650
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
121
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Building RIAs with CodeIgniter and JavaScript

  1. 1. Building RIAs with JavaScript and CodeIgniter Ed Finkler #eeci2010 HiiDef.com / Goodsie.com #riacijs @funkatron coj@funkatron.com http://funkatron.com
  2. 2. RIAs Buzzword alert! 2 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  3. 3. I prefer "rich front-end app" 3 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  4. 4. A smart-ish client 4 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  5. 5. Can be built various ways 5 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  6. 6. Browser old hat! 6 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  7. 7. Browser plugins Ol' Proprietary Faithful 7 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  8. 8. Web Runtime Platforms New hotness (will be passé in 6 months) 8 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  9. 9. Desktop Titanium, AIR, XULRunner 9 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  10. 10. Mobile Titanium, PhoneGap, Palm webOS 10 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  11. 11. How does CI fit into this? 11 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  12. 12. PHP is a great "glue language" mmmm, glue 12 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  13. 13. CI gets us up and running quickly superglue 13 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  14. 14. Instead of HTML, we output data JSON, XML, etc 14 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  15. 15. My typical approach 15 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  16. 16. Toss out views With extreme prejudice 16 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  17. 17. All work done by model Almost 17 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  18. 18. Models can return various formats PHP objects, Serialized PHP, JSON, etc 18 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  19. 19. Avoid heavy controllers Makes reuse easier 19 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  20. 20. Avoid heavy controllers Makes reuse easier 20 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  21. 21. Keep API in separate controller 21 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  22. 22. CODE TYME 22 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  23. 23. Client side 23 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  24. 24. AIR NOT FLASH/FLEX, DAMMIT 24 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  25. 25. Cobbled-together MVC structure 25 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  26. 26. jQuery for the fun stuff DOM API == not fun 26 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  27. 27. Use XHR (AJAX) to talk to server 27 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  28. 28. CODE TYME 28 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  29. 29. Resources • Server code http://github.com/funkatron/eeci2010-ria-server • Client code - AIR http://github.com/funkatron/eeci2010-ria-client • Client Code - Titanium Desktop http://github.com/funkatron/eeci2010-ria-client-titanium 29 RIAs with CodeIgniter and JavaScript - Ed Finkler - EECI 2010 - June 1, 2010
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×