Skip to content

Latest commit

 

History

History
161 lines (100 loc) · 22.7 KB

touch1.md

File metadata and controls

161 lines (100 loc) · 22.7 KB
Raw

Sencha Touch 1 Learning Pathway

The following learning pathway will help you get started with building mobile HTML5 applications using Sencha Touch 1.

Prerequisites

Beginner

Intermediate

  • (Video) SenchaCon 2010: Mobile Development Challenges & Solutions (50:36) — docs.sencha.com on December 15, 2010
    Mobile web development is becoming exciting again! HTML5 capable mobile devices have blown away the old conventions about how to develop mobile web experiences. But significant challenges still remain. Please join our panel of mobile technology and device experts as they discuss the big challenges in mobile web development as well as what's next for the mobile web. Panel.

  • (Video) XTemplates in Sencha Touch, Part 1 of 2 (12:27) — Drew Neil on October 28, 2010
    Drew Neil (@nelstrom) has created a two-part series describing how to use XTemplates, a powerful templating system in Ext JS and Sencha Touch that allows developers to easily format views around dynamic data. GitHub repo: http://github.com/nelstrom/Sencha-Touch-templates-demo

  • (Video) XTemplates in Sencha Touch, Part 2 of 2 (10:47) — Drew Neil on October 28, 2010
    Drew Neil (@nelstrom) has created a two-part series describing how to use XTemplates, a powerful templating system in Ext JS and Sencha Touch that allows developers to easily format views around dynamic data. Check out part 1 here: http://vimeo.com/16289757 Github repo: http://github.com/nelstrom/Sencha-Touch-templates-demo

  • (Tutorial) How to use src.sencha.io — James Pearce on November 22, 2011
    Sencha.io Src is a cloud-based way to help you dynamically resize images for the ever increasing number of mobile screen sizes. It's very easy to use, and in this guide, we run through the main API options for the service.

  • (Tutorial) Idiomatic Layouts with Sencha Touch, Part 1 of 2 — James Pearce on August 9, 2011
    In the first article of this two-part series, we show how, with a single code-base, we can start to create an app which uses Sencha Touch's 'application profiles' mechanism to deliver idiomatic user interfaces to both phone and tablet users.

  • (Tutorial) Idiomatic Layouts with Sencha Touch, Part 2 of 2 — James Pearce on August 9, 2011
    In the second of this article's two-parts, we show how, with a single code-base, we can complete our app which uses the Sencha Touch 'application profiles' mechanism to deliver idiomatic user interfaces to both phone and tablet users.

  • (Video) Sencha Touch - Create a Twitter App w/ Geolocation (14:08) — Drew Neil on October 8, 2010
    Drew Neil (@nelstrom) demonstrates how to create a Geolocation-powered Twitter mobile app with Sencha Touch.

  • (Video) SenchaCon 2010: Developing Mobile Web Apps for RIM BB6 (48:58) — Laurent Hasson on December 14, 2010
    After years of false starts, the mobile web is finally getting it right by essentially keeping desktop web standards as is, providing enticing HTML5 capabilities, and having frameworks addressing user experience issues unique to the mobile form factor. RIM has built its BlackBerry WebWorks platform using de-facto standards such as WebKit, and great implementations of key web standards such as HTML5, CSS3, SVG and JavaScript. BlackBerry WebWorks enables developers to use modern web technologies to build mobile applications. In this session, we will review the core aspects of this new platform, and provide a few best practices and code samples.

  • (Video) SenchaCon 2010: Serving Mobile Apps from Content Management Systems (49:59) — James Pearce on December 20, 2010
    Hundreds of millions of web sites around the world are served from Content Management Systems like WordPress and Drupal. How do you equip these platforms to deal with the inevitable rise of mobile web technologies? In this session, we will explore how to create great mobile sites and apps from your existing content, using Sencha Touch. Presented by James Pearce.

  • (Tutorial) Taking Sencha Touch Apps Offline — James Pearce on August 22, 2011
    Mobile and tablet users are now first-class citizens of the web, and with Sencha Touch, we can create beautiful web-based applications for them. That is, until they drive into a tunnel. Or get on a plane. Or stray too far from cellular coverage. In this article, we discuss tactics you can use to serve users, regardless of their connectivity.

  • (Video) SenchaCon 2010: Debugging Sencha Touch Apps (40:13) — Evan Trimboli, Tommy Maintz on December 15, 2010
    Debugging applications on mobile devices is challenging. Although simulators exist, tooling is limited. Luckily, with some accomodations, you can debug your mobile web applications using most desktop tools. In this session, we'll go over what works, what doesn't and how to use tools appropriately to debug your mobile web app.

  • (Blog) Sencha Touch: Optimizing Memory Usage — Tommy Maintz on March 15, 2011
    Although most modern mobile devices have good hardware specs, almost all of them are still lacking in areas like memory — especially compared to their desktop counterparts. In a previous article, we looked at event delegation as a way of improving the performance of your mobile web application. In this article, we will look at one more technique that improves your application's memory usage.

  • (Video) SenchaCon 2010: Performance Optimization for Sencha Touch (47:18) — Tommy Maintz on December 16, 2010
    Mobile devices have very limited processing power compared to modern desktops. It's essential to keep performance optimization in mind when developing Touch applications. Here, we'll discuss how to keep your mobile web app fast and lightweight. We'll learn about such techniques as keeping your DOM slim, managing troublesome CSS3 properties, and other ways to keep your app sleek and responsive.

  • (Video) Sencha Labs EventRecorder for Android (2:23) — docs.sencha.com on March 5, 2011
    The WebKit team at Sencha Inc. has created an open source tool essential to anyone doing web app development on Android mobile devices. Read more about this project on our blog: http://www.sencha.com/blog/event-recorder-for-android-web-applications/

  • (Blog) EventRecorder for Android Web Applications — Helder Correia on March 7, 2011
    EventRecorder is an infrastructure that provides automated web application testing on Android-based devices. It consists of a device tool and a host machine recording client. This client application receives a playback script from the device tool at the end of the recording. The script is a self-contained program that is able to contact the device tool and send all the recorded events in order to reproduce the session as closely as possible.

  • (Video) Theming Sencha Frameworks with Sass and Compass (1:22:02) — James Pearce on August 2, 2011
    James Pearce takes you through setting up Sass and Compass to start theming Sencha Touch and Ext JS 4.

  • (Blog) An Introduction to Theming Sencha Touch — David Kaneda on December 17, 2010
    Sencha Touch has introduced a revolutionary new theming system, built on SASS and Compass, that allows you to create versions of our base theme custom tailored to your application and brand.

  • (Video) SenchaCon 2010: Theming Sencha Touch (46:06) — David Kaneda on December 16, 2010
    Sencha Touch features a novel theming system built on top of SASS & Compass. This session will show you how to quickly customize the look and feel of your application, extend core styles, and optimize your stylesheets to download faster. Lot of code samples and walkthroughs included.

  • (Forums) Sencha Touch 1.x Forums — www.sencha.com

Advanced

  • (Tutorial) Enhancing iOS Sencha Touch apps with NimbleKit, Part 1 of 2 — James Pearce on August 9, 2011
    It's becoming increasingly popular to build web applications that can be packaged and distributed into app stores - and which can capitalize on API extensions to get access to native device functionality and so on. In this first half of this two-part tutorial, we discuss enhancing Sencha Touch with NimbleKit - a native shell option for doing just that.

  • (Tutorial) Enhancing iOS Sencha Touch apps with NimbleKit, Part 2 of 2 — James Pearce on August 9, 2011
    In the second part of our NimbleKit tutorial, we look at how we can create an web-based internet radio application, and hook our Sencha Touch app up to the iOS camera and email functionality.

  • (Tutorial) A Sencha Touch MVC application with PhoneGap — James Pearce on October 7, 2011
    In this article, we introduce PhoneGap, a way to package and allow web applications to access device functionality. We use its APIs to create a custom data proxy which underpins a Sencha Touch MVC application. By the end of the article, we will have demonstrated how to replicate the iPhone's address book application using web technology alone.

  • (Video) Sencha Touch & PhoneGap demo, SourceDevCon 2011 (1:42) — James Pearce on May 6, 2011
    This is the final demo from James Pearce's PhoneGap session at Source DevCon, 2011. The standard SeattleBars application is enhanced to add a button to each detail page, which in turn fires the createContact() function, containing the code to add a new record via the PhoneGap contacts API. The new contact record contains name, telephone number, and photo. The PhoneGap notification API is used to alert the user to the API's success. The source code for this demo can be found in Jesse MacFadyen's fork of the app: https://github.com/purplecabbage/seattlebars

  • (Video) SenchaCon 2010: Creating Native Apps with Sencha and PhoneGap (43:32) — Andrew Lunny on December 14, 2010
    Creating native, cross-platform mobile applications doesn't need to be any more complicated than creating a mobile web app. In this session, we will discuss using PhoneGap to create installable web apps that work seamlessly across iOS, Android, BlackBerry and other platforms. We'll look at what features of your web server you can port to the client side, and how to manage syncing with a remote server to create the best mobile experience, online or off.

Other

  • (Book) Sencha Touch Mobile JavaScript Framework (Packt Publishing) — John E. Clark, Bryan P. Johnson on February 2012
    Since its initial launch, Sencha Touch has quickly become the gold standard for developing rich mobile web applications with HTML5. Sencha Touch is the first HTML5 mobile JavaScript framework that allows you to develop mobile web apps that look and feel like native apps on both iPhone and Android touchscreen devices. Sencha Touch is the world's first application framework built specifically to leverage HTML5, CSS3 and JavaScript for the highest level of power, flexibility and optimization. It makes specific use of HTML5 to deliver components like audio and video, as well as a localStorage proxy for saving data offline. Sencha Touch also makes extensive use of CSS3 in its components and themes to provide an incredibly robust styling layer, giving you total control over the look of your application.

  • (Book) Sencha Touch Cookbook (Packt Publishing) — Ajit Kumar on December 2011
    Sencha touch is a versatile HTML5-based framework for developing mobile web apps that look and feel native on touch screen devices, and with it you can write your code once and deploy it to both iOS and Android saving you both time and money.