HTML5 and jQuery for Flex Developers
•
5 gefällt mir•3,077 views
Talk at 360Flex 2011 on building Flex-like RIAs with jQuery and HTML5 and some of the good parts and pitfalls.
Empfohlen
Weitere ähnliche Inhalte
Ähnlich wie HTML5 and jQuery for Flex Developers
Ähnlich wie HTML5 and jQuery for Flex Developers (20)
Mehr von Ryan Stewart
Mehr von Ryan Stewart (11)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
HTML5 and jQuery for Flex Developers
- 1. For Developers Wednesday, April 13, 2011
- 2. Ryan Stewart Developer Evangelist, Adobe ryan@adobe.com blog.digitalbackcountry.com @ryanstewart github.com/ryanstewart Based in Seattle Really into Beer Wednesday, April 13, 2011
- 3. Why this talk? Wednesday, April 13, 2011
- 4. “No matter how much you know, there is always more to learn.” -Simeon Bateman (and some other people) Wednesday, April 13, 2011
- 5. The web is beautiful Wednesday, April 13, 2011
- 6. A Better title for this talk: How to Build Flex-like RIAs with HTML5 Wednesday, April 13, 2011
- 7. A Little History Lesson Wednesday, April 13, 2011
- 8. RIAs Wednesday, April 13, 2011
- 9. One of the first real RIAs was the Broadmoor Hotel website Wednesday, April 13, 2011
- 10. From This Wednesday, April 13, 2011
- 11. To This Wednesday, April 13, 2011
- 12. Results: 89% Increase in registrations 4.1% conversion rate (double industry average) Wednesday, April 13, 2011
- 13. What Made the Broadmoor Site So Special? Wednesday, April 13, 2011
- 14. 1. A single page with no refresh 2. Rich components Wednesday, April 13, 2011
- 15. This was only possible with Flash Wednesday, April 13, 2011
- 16. Arguably, the Broadmoor site paved the way for Flex Wednesday, April 13, 2011
- 17. Fast forward *literally* 10 years Wednesday, April 13, 2011
- 18. HTML has caught up Wednesday, April 13, 2011
- 19. HTML has caught up (Sort of) Wednesday, April 13, 2011
- 20. But not a lot has changed! Wednesday, April 13, 2011
- 21. And that’s where HTML has started to catch up Wednesday, April 13, 2011
- 22. Building RIAs with HTML5 and jQuery is fun and exciting Wednesday, April 13, 2011
- 23. Building RIAs with HTML5 and jQuery is fun and exciting Wednesday, April 13, 2011
- 24. Building RIAs with HTML5 and jQuery is fun and exciting possible Wednesday, April 13, 2011
- 25. My goal for today: Show you how to build an RIA with HTML5 and jQuery that is on par with a Flex RIA Wednesday, April 13, 2011
- 26. And show you some of the traps (and good parts) of doing HTML/JS development Wednesday, April 13, 2011
- 27. Starting with a table Wednesday, April 13, 2011
- 28. HTML5 Components! Wednesday, April 13, 2011
- 29. Welcome to your first HTML5 nightmare Wednesday, April 13, 2011
- 30. That said, there are some benefits Wednesday, April 13, 2011
- 31. Think about how Flex creates components Wednesday, April 13, 2011
- 32. Flash Player Wednesday, April 13, 2011
- 33. Flash Player Low level events (click, hover, etc) Wednesday, April 13, 2011
- 34. Flash Player Low level events (click, hover, etc) Drawing API Wednesday, April 13, 2011
- 35. Flash Player Low level events (click, hover, etc) Drawing API Code for invalidation/layout Wednesday, April 13, 2011
- 36. Flash Player Low level events (click, hover, etc) Drawing API Code for invalidation/layout Component Wednesday, April 13, 2011
- 37. Whereas HTML5 components are “native” and will always have device-specific UI Wednesday, April 13, 2011
- 38. Higher level components Wednesday, April 13, 2011
- 39. Intro to the DOM Wednesday, April 13, 2011
- 40. hi Meet jQuery Wednesday, April 13, 2011
- 41. Selectors: Finding a path through the trees Wednesday, April 13, 2011
- 42. jQuery Plugins Wednesday, April 13, 2011
- 43. My Spark grid kicks your stupid grid’s butt Wednesday, April 13, 2011
- 44. A bit of a fork in the road Wednesday, April 13, 2011
- 45. There are some good grid implementations (jQgrid) Wednesday, April 13, 2011
- 46. I wanted something that relies on table and was easy to use/configure Wednesday, April 13, 2011
- 47. Graceful Degradation Wednesday, April 13, 2011
- 48. Adding Interactivity: And a problem with HTML5/JS Wednesday, April 13, 2011
- 49. In Flex, the high level components all have an object model behind them Wednesday, April 13, 2011
- 50. With JS, it can get a bit more hacky Wednesday, April 13, 2011
- 51. Oh how I miss you {Binding} Wednesday, April 13, 2011
- 52. Adding the data Wednesday, April 13, 2011
- 53. jQuery provides some easy APIs for doing AJAX calls Wednesday, April 13, 2011
- 54. Dealing with complex applications Wednesday, April 13, 2011
- 55. Right now all the code is crammed together, no separation of view, logic, etc. Wednesday, April 13, 2011
- 56. Just like with Flex there are a number of application frameworks Wednesday, April 13, 2011
- 57. Wednesday, April 13, 2011
- 58. Works with jQuery, provides unit testing, documentation, and dependency management Wednesday, April 13, 2011
- 59. What DIDN’T we cover? Wednesday, April 13, 2011
- 60. Video/audio tag: I figure you probably won’t be using this in applications Wednesday, April 13, 2011
- 61. Canvas Wednesday, April 13, 2011
- 62. At first, I was very excited about Canvas Wednesday, April 13, 2011
- 63. But quickly realized that Canvas is tough to do anything useful with Wednesday, April 13, 2011
- 64. No display list Wednesday, April 13, 2011
- 65. No events Wednesday, April 13, 2011
- 66. Basically just lets you draw graphics but the APIs are similar to the Flash drawing APIs Wednesday, April 13, 2011
- 67. Complex animation can be done... but.... Wednesday, April 13, 2011
- 68. http://www.cs.helsinki.fi/u/ilmarihe/ canvas_animation_demo/mozcampeu09.html Wednesday, April 13, 2011
- 69. Q&A Ryan Stewart Developer Evangelist, Adobe ryan@adobe.com blog.digitalbackcountry.com @ryanstewart github.com/ryanstewart Wednesday, April 13, 2011