HTML5 mobile app development video tutorial

Sencha Touch allows your web apps to look and feel like native apps. Beautiful user interface components and rich data management, all powered by the latest HTML5 and CSS3 web standards and ready for Android and Apple iOS devices. Keep them web-based or wrap them for distribution on mobile app stores.

From the makers of ExtJS, the newly named Sencha folks have yet again created a truly powerful javascript framework. You can check out more about the framework here. Sencha touch can replicate almost all native UI features perfectly. At the moment, Sencha Touch is probably one of the most powerful mobile web app frameworks out there and the best suited to handle complex web applications that need to replicate a native app.

That being said, there still are some drawbacks to it just like anything. For starters, while this is being written, it still is in BETA. From personal testing, I haven't encountered any bugs yet. It also means that they are still packing on many features to the framework. Which is actually good news because this framework is already incredibly jam-packed with features, but you can still look forward to things like camera support in the future. But access to device functions like this are only possible if you wrap it in PhoneGap, another framework that allows mobile applications to be native applications.

This brings up another major point. Is a mobile application framework like Sencha Touch even appropriate for my project? The answer to that question is tough. There are pros and cons to both solutions and we are assuming that we are using Sencha Touch as strictly a web app:

Now you need to decide if Sencha Touch is the right web app framework for your project:

Sencha Touch at a Glance

  • Higher learning curve than most other web frameworks
  • Best web app framework for true high level web applications
  • Easily scales to different resolutions for maximum compatibility with different iPhones, iPad, and the various Android phones.
  • Two themes for iOS and Android
  • HTML5 and CSS3 allows higher flexibility
  • Great support for animations and enhanced touch events

Downloading Sencha Touch

To download a copy of Sencha Touch, just go to their website, and click Download Now.

Open up the sencha touch folder and click on examples. Then click on index.html (inside the examples folder)

Browse around the examples and explore the different functionality of the different apps. The most valuable app for learning the true abilities of this framework is the Kitchen Sink app. That is what we will be looking at:

Kitchen Sink

Explore the application and view the source of some of the things to get a grasp on the Sencha Touch concept.

User Interface

Sencha Touch

You might also like

WebView Exploit Can Make Calls From Your Phone  — VPN Creative
Clicking on his link in Messenger immediately initiated a telephone call without warning; according to Neculaesei, this was a sign that Facebook mobile developers likely did not read Apple's URL Scheme documentation.

Infiniteskills Discounted HTML5 Development Training DVD (14 Hours of Video Training)
Software (Infiniteskills)
  • Master HTML5 at your own pace from a leading expert
  • Visual training method, offering users increased retention and accelerated learning.
  • Breaks even the most complex applications down into simplistic steps
  • Comes with Extensive Working Files