What is HTML5A collection of technologies sparking a revolution ofinnovation and application development across the web!
HTML5 owns!• Power behind the best next generation applications! • Mobile and desktop web • Is slowly killing Adobe Flash & Silverlight• Biggest Leap in web technologies • Latest versions of all major browsers support some HTML5 features• Still evolving!
#WIN -Danny Winokur, Adobe’s vice president and general manager of interactive developmentSource: http://bits.blogs.nytimes.com/2011/11/09/adobe-to-kill-mobile-ﬂash-focus-on-html5/
Sencha Touch 2• Theﬁrst and best mobile- centric HTML 5 framework• Providesthe foundation to develop kick ass cross platform mobile Web apps• Built on the best Web Standards
New to Sencha Touch 2.0• Improved Class system (from Ext JS 4.0)• Faster layouts• Faster startup speed• Smoother scrolling• Revised rendering process
Under the hood• Full Component lifecycle• Well designed class inheritance model • Class dependency injection system• Observable event model • Components and elements• Elaborate Container model• Conﬁgureable layout managers• Powerful client-side MVC
How MVC works• Controller is at the center Controller• Controllersubscribes to events from the view• Controller updates the model View Model• Model drives the view
Quick MVC thoughts App Controller• Application extends Controller!• Controllers can talk to the application via events or direct Controller methods calls View Model
Multi-controller application App Controller Controller ControllerView Model View Model
Challenges with ImpactJS• A.I.• Tap target identiﬁcation• Fluid animation of chips• Working around Impact’s static location for resources• Multi-channel sound (HTML5)