WebObjects &MootoolsIntroduction to Direct-Action based AJAX withWebObjects and MootoolsJake MacMullin, BBC
Jake MacMullin
DirectAction
WebObjects
Why?
javascript
javascript?
Douglas Crockford,"The JavaScript Programming Language"http://video.yahoo.com/watch/111593
What is ‘Direct Action AJAX’?
AJAX
AJAXAsynchronous
AJAX Javascript
AJAX  And
AJAXml   X
Component-based AJAX                The current count is X                       Hello.wo                                 ...
Component-based AJAX                The current count is X                       Hello.wo                                 ...
Component-based AJAX                The current count is X                       Hello.wo                                 ...
Component-based AJAX                The current count is X                              count                       Hello....
Component-based AJAXThe current count is 0                                         The current count is X                 ...
Component-based AJAXThe current count is 0                                         The current count is X                 ...
Component-based AJAXThe current count is 0                                         The current count is X                 ...
Component-based AJAXThe current count is 0                    The current count is 1                                      ...
Component-based AJAXThe current count is 0The current count is 1                                         The current count...
Direct Action-based AJAXThe current count is 0                                        DirectAction.java       HTML
Direct Action-based AJAXThe current count is 0                                        DirectAction.java       HTML
Direct Action-based AJAXThe current count is 0                                        DirectAction.java       HTML
Direct Action-based AJAXThe current count is 0                                                 DirectAction.java       HTM...
Direct Action-based AJAXThe current count is 0                                         DirectAction.java       HTML       ...
Direct Action-based AJAXThe current count is 0                The current count is 1                                      ...
Direct Action-based AJAXThe current count is 0The current count is 1                                         DirectAction....
Why use Direct Actions?
Why use Direct Actions?•   Most of the time, you won’t
Why use Direct Actions?•   Most of the time, you won’t•   ‘Single Page’ applications
Why use Direct Actions?•   Most of the time, you won’t•   ‘Single Page’ applications•   Separation of concerns
Why use Direct Actions?•   Most of the time, you won’t•   ‘Single Page’ applications•   Separation of concerns•   ‘Disconn...
MooTools is a compact, modular,Object-Oriented JavaScript framework   designed for the intermediate to   advanced JavaScri...
MooTools is a compact, modular,Object-Oriented JavaScript framework   designed for the intermediate to   advanced JavaScri...
Mootools
Mootools•   Light-weight (68k minified)
Mootools•   Light-weight (68k minified)•   Modular (take the bits you need)
Mootools•   Light-weight (68k minified)•   Modular (take the bits you need)•   Makes javascript a bit more like Java
Mootools
MootoolsCore   Class   Native
MootoolsElement   Effects   Remote Core     Class     Native
MootoolsScroller   Sortable    TipsElement    Effects    Remote Core       Class     Native
Notes demo
Component editor demo
Q&AFor more information:jake.macmullin@bbc.co.ukMootools:http://mootools.net
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
WebObjects & Mootools
Upcoming SlideShare
Loading in...5
×

WebObjects & Mootools

555

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
555
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
10
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

WebObjects & Mootools

  1. 1. WebObjects &MootoolsIntroduction to Direct-Action based AJAX withWebObjects and MootoolsJake MacMullin, BBC
  2. 2. Jake MacMullin
  3. 3. DirectAction
  4. 4. WebObjects
  5. 5. Why?
  6. 6. javascript
  7. 7. javascript?
  8. 8. Douglas Crockford,"The JavaScript Programming Language"http://video.yahoo.com/watch/111593
  9. 9. What is ‘Direct Action AJAX’?
  10. 10. AJAX
  11. 11. AJAXAsynchronous
  12. 12. AJAX Javascript
  13. 13. AJAX And
  14. 14. AJAXml X
  15. 15. Component-based AJAX The current count is X Hello.wo Hello.java
  16. 16. Component-based AJAX The current count is X Hello.wo Hello.java
  17. 17. Component-based AJAX The current count is X Hello.wo Hello.java Hello.java
  18. 18. Component-based AJAX The current count is X count Hello.wo = 0; Hello.java Hello.java
  19. 19. Component-based AJAXThe current count is 0 The current count is X count Hello.wo = 0; HTML Hello.java
  20. 20. Component-based AJAXThe current count is 0 The current count is X count Hello.wo = 0; HTML Hello.java
  21. 21. Component-based AJAXThe current count is 0 The current count is X Hello.wo count == 0; count 1; HTML Hello.java Hello.java
  22. 22. Component-based AJAXThe current count is 0 The current count is 1 The current count is X Hello.wo count == 0; count 1; HTML Hello.java Hello.java
  23. 23. Component-based AJAXThe current count is 0The current count is 1 The current count is X Hello.wo count == 0; count 1; HTML Hello.java Hello.java
  24. 24. Direct Action-based AJAXThe current count is 0 DirectAction.java HTML
  25. 25. Direct Action-based AJAXThe current count is 0 DirectAction.java HTML
  26. 26. Direct Action-based AJAXThe current count is 0 DirectAction.java HTML
  27. 27. Direct Action-based AJAXThe current count is 0 DirectAction.java HTML count = 1; Session.java
  28. 28. Direct Action-based AJAXThe current count is 0 DirectAction.java HTML count = 1; Hello.wo Hello.java
  29. 29. Direct Action-based AJAXThe current count is 0 The current count is 1 DirectAction.java HTML count = 1; Hello.wo Hello.java
  30. 30. Direct Action-based AJAXThe current count is 0The current count is 1 DirectAction.java HTML count = 1; Hello.wo Hello.java
  31. 31. Why use Direct Actions?
  32. 32. Why use Direct Actions?• Most of the time, you won’t
  33. 33. Why use Direct Actions?• Most of the time, you won’t• ‘Single Page’ applications
  34. 34. Why use Direct Actions?• Most of the time, you won’t• ‘Single Page’ applications• Separation of concerns
  35. 35. Why use Direct Actions?• Most of the time, you won’t• ‘Single Page’ applications• Separation of concerns• ‘Disconnected’ client (eg. Adobe Air)
  36. 36. MooTools is a compact, modular,Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. Itallows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.
  37. 37. MooTools is a compact, modular,Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. Itallows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.
  38. 38. Mootools
  39. 39. Mootools• Light-weight (68k minified)
  40. 40. Mootools• Light-weight (68k minified)• Modular (take the bits you need)
  41. 41. Mootools• Light-weight (68k minified)• Modular (take the bits you need)• Makes javascript a bit more like Java
  42. 42. Mootools
  43. 43. MootoolsCore Class Native
  44. 44. MootoolsElement Effects Remote Core Class Native
  45. 45. MootoolsScroller Sortable TipsElement Effects Remote Core Class Native
  46. 46. Notes demo
  47. 47. Component editor demo
  48. 48. Q&AFor more information:jake.macmullin@bbc.co.ukMootools:http://mootools.net
  1. A particular slide catching your eye?

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

×