Mais conteúdo relacionado Semelhante a HTML5 and jQuery for Flex Developers (20) Mais de Ryan Stewart (11) HTML5 and jQuery for Flex Developers1. 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
4. “No matter how much you know,
there is always more to learn.”
-Simeon Bateman
(and some other people)
Wednesday, April 13, 2011
6. A Better title for this talk:
How to Build Flex-like RIAs with
HTML5
Wednesday, April 13, 2011
9. One of the first real RIAs
was the Broadmoor
Hotel website
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
20. But not a lot has changed!
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
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
40. hi
Meet jQuery
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
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
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
58. Works with jQuery,
provides unit testing,
documentation, and dependency
management
Wednesday, April 13, 2011
60. Video/audio tag:
I figure you probably won’t
be using this in applications
Wednesday, April 13, 2011
62. At first, I was very excited
about Canvas
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
69. Q&A
Ryan Stewart
Developer Evangelist, Adobe
ryan@adobe.com
blog.digitalbackcountry.com
@ryanstewart
github.com/ryanstewart
Wednesday, April 13, 2011