This Git repository includes all of the source code used in creating a tutorial about carousels in Sencha Touch.

The tutorial includes several checkpoints:

• Blank slate
• A basic carousel (view diff)
• Carousel plus vbox layout (with much duplication) (view diff)
• Carousel plus vbox layout (DRY, with a custom componenent) (view diff)
• Carousel with a nested carousel (view diff)
• Carousel with a flipcard (view diff)

Using this repository to follow the screencast

First, you'll have to clone this repository:

git clone git://github.com/senchalearn/Carousel-demo.git

Change into the directory:

cd Sencha-Touch-Carousel-demo

By default, the git clone command will only create the master branch locally. If you want to study the code at each checkpoint, you will have to fetch each of the other branches. You can do so by running the following:

git checkout -b 00_blank_slate origin/00_blank_slate
git checkout -b 01_basic_carousel origin/01_basic_carousel
git checkout -b 02_carousel_plus_vbox_verbose origin/02_carousel_plus_vbox_verbose
git checkout -b 03_carousel_plus_vbox_dry origin/03_carousel_plus_vbox_dry
git checkout -b 04_carousel_plus_carousel origin/04_carousel_plus_carousel
git checkout -b 05_carousel_plus_toolbar origin/05_carousel_plus_toolbar

Live demo

You can try out the demo here:

• http://senchalearn.github.com/Carousel-demo/