WebObjects & Mootools

798 views
699 views

Published on

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

No Downloads
Views
Total views
798
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
11
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

×