29
Building RIAs with JavaScript and CodeIgniter Ed Finkler HiiDef.com / Goodsie.com @funkatron [email protected] http://funkatron.com #eeci2010 #riacijs

Building RIAs with CodeIgniter and JavaScript

Embed Size (px)

Citation preview

Page 1: Building RIAs with CodeIgniter and JavaScript

Building RIAs with JavaScript and CodeIgniterEd FinklerHiiDef.com / Goodsie.com@[email protected]://funkatron.com

#eeci2010#riacijs

Page 2: Building RIAs with CodeIgniter and JavaScript

Buzzword alert!

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

RIAs

2

Page 3: Building RIAs with CodeIgniter and JavaScript

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

I prefer "rich front-end app"

3

Page 4: Building RIAs with CodeIgniter and JavaScript

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

A smart-ish client

4

Page 5: Building RIAs with CodeIgniter and JavaScript

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

Can be built various ways

5

Page 6: Building RIAs with CodeIgniter and JavaScript

old hat!

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

Browser

6

Page 7: Building RIAs with CodeIgniter and JavaScript

Ol' Proprietary Faithful

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

Browser plugins

7

Page 8: Building RIAs with CodeIgniter and JavaScript

New hotness (will be passé in 6 months)

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

Web Runtime Platforms

8

Page 9: Building RIAs with CodeIgniter and JavaScript

Titanium, AIR, XULRunner

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

Desktop

9

Page 10: Building RIAs with CodeIgniter and JavaScript

Titanium, PhoneGap, Palm webOS

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

Mobile

10

Page 11: Building RIAs with CodeIgniter and JavaScript

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

How does CI fit into this?

11

Page 12: Building RIAs with CodeIgniter and JavaScript

mmmm, glue

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

PHP is a great "glue language"

12

Page 13: Building RIAs with CodeIgniter and JavaScript

superglue

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

CI gets us up and running quickly

13

Page 14: Building RIAs with CodeIgniter and JavaScript

JSON, XML, etc

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

Instead of HTML, we output data

14

Page 15: Building RIAs with CodeIgniter and JavaScript

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

My typical approach

15

Page 16: Building RIAs with CodeIgniter and JavaScript

With extreme prejudice

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

Toss out views

16

Page 17: Building RIAs with CodeIgniter and JavaScript

Almost

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

All work done by model

17

Page 18: Building RIAs with CodeIgniter and JavaScript

PHP objects, Serialized PHP, JSON, etc

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

Models can return various formats

18

Page 19: Building RIAs with CodeIgniter and JavaScript

Makes reuse easier

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

Avoid heavy controllers

19

Page 20: Building RIAs with CodeIgniter and JavaScript

Makes reuse easier

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

Avoid heavy controllers

20

Page 21: Building RIAs with CodeIgniter and JavaScript

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

Keep API in separate controller

21

Page 22: Building RIAs with CodeIgniter and JavaScript

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

CODE TYME

22

Page 23: Building RIAs with CodeIgniter and JavaScript

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

Client side

23

Page 24: Building RIAs with CodeIgniter and JavaScript

NOT FLASH/FLEX, DAMMIT

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

AIR

24

Page 25: Building RIAs with CodeIgniter and JavaScript

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

Cobbled-together MVC structure

25

Page 26: Building RIAs with CodeIgniter and JavaScript

DOM API == not fun

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

jQuery for the fun stuff

26

Page 27: Building RIAs with CodeIgniter and JavaScript

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

Use XHR (AJAX) to talk to server

27

Page 28: Building RIAs with CodeIgniter and JavaScript

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

CODE TYME

28

Page 29: Building RIAs with CodeIgniter and JavaScript

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

Resources

29

• Server codehttp://github.com/funkatron/eeci2010-ria-server

• Client code - AIRhttp://github.com/funkatron/eeci2010-ria-client

• Client Code - Titanium Desktophttp://github.com/funkatron/eeci2010-ria-client-titanium