1. Takes you through the process of generating a new Sencha Touch 2 application, using several of the built in UI components and creating a fast-loading, minified build. Finally, we use Sencha native packaging to create native apps for iOS and Android.

    * 0:20 - Generating your application
    * 3:57 - Creating your first custom view
    * 6:39 - Creating a form
    * 12:14 - Creating a list with remote data
    * 16:49 - Creating your first controller
    * 22:15 - Setting up Sass and Compass

    Learn more at sencha.com/touch

    # vimeo.com/37974749 Uploaded 205K Plays / / 6 Comments Watch in Couch Mode
  2. In Sencha Touch, the Component and Container form the basic building blocks for creating an interface. Each container can be assigned a Layout which handles the positioning of its inner items. The layouts work either by neatly arranging components to use the available space, or by showing just one component at a time and providing some way of changing the focus between them.

    In this tutorial, we'll see each different layout type in action and see how they can be combined in any manner you can think of.

    # vimeo.com/38128757 Uploaded 81K Plays / / 4 Comments Watch in Couch Mode
  3. Drew Neil (@nelstrom) describes how to theme Sencha Touch. This tutorial is perfect for beginners who want to get started customizing the interface of their Sencha Touch mobile app using CSS3 and Sass/SCSS.

    View the source code on GitHub: github.com/senchalearn/Touch-Theming

    View live demo: senchalearn.github.com/Touch-Theming/

    Sencha Touch is a JavaScript framework used to build apps for iPhone/iPad, Android, BlackBerry, and other WebKit devices. Learn more at sencha.com/touch

    # vimeo.com/36917216 Uploaded 47.6K Plays / / 6 Comments Watch in Couch Mode
  4. When it comes to building a user interface with Sencha Touch, the TabPanel and Toolbar are two components that you're going to find indispensable. In this video walkthrough, Drew Neil (@nelstrom) demonstrates how to create a tabbed interface with icons, and how toolbars can be used to hold buttons, or a titlebar.

    View source code on GitHub: github.com/senchalearn/Tabs-and-Toolbars

    Live demo: senchalearn.github.com/Tabs-and-Toolbars/

    Sencha Touch is a JavaScript framework used to build apps for iPhone/iPad, Android, BlackBerry, and other WebKit devices. Learn more about Sencha Touch at sencha.com/touch

    # vimeo.com/37399169 Uploaded 30.9K Plays / / 2 Comments Watch in Couch Mode
  5. Sencha Touch provides a list component which is ideal for presenting an index-style list of items. In this tutorial, Drew Neil (@nelstrom) walks through setting up a basic list, and shows how to add an index bar, and group items together under a marker. Also, you'll learn how to create a detail panel to reveal information about each item in the list.

    This tutorial features the new NavigationView and MVC Support built into Sencha Touch 2.

    View source code on GitHub: github.com/senchalearn/Presidents

    Live demo: senchalearn.github.com/Presidents/

    Sencha Touch is a JavaScript framework used to build apps for iPhone/iPad, Android, BlackBerry, and other WebKit devices. Learn more about Sencha Touch at sencha.com/touch

    # vimeo.com/37212149 Uploaded 53.9K Plays / / 8 Comments Watch in Couch Mode

Mobiel web

Marlon Ribeiro

Browse This Channel

Shout Box

Channels are a simple, beautiful way to showcase and watch videos. Browse more Channels. Channels