With Firefox OS soon to be released to the public, you can be one of the first to get your apps on this platform. During this tutorial Jan and Sergi will present this new mobile operating system based on HTML, CSS and Javascript, and they will show and help you to get your mobile web applications ready to release.

The use of mobile devices to access web applications is greatly increasing and web developers are spending more time ensuring that their application looks better on this additional form factor. However, it is not sufficient to make the websites look good, when their functionality is compromised due to flaky internet connectivity. Offline support for applications enhances the experience significantly but developers are confused by the multiple options (IndexedDB, WebSql, localStorage etc.) and browser support matrix.

This talk discusses the various options, and tries to help developers with libraries and code to make their webapp get off the internet. It covers libraries like Jquery IndexedDB, PouchDB, db.js and the IndexedDB shim as ways to use offline support for almost all browsers. To the folks who are still not convinced, this talk will be based on star wars, so come in to hear the great saga from a world far far away .... :)

Tutorial requirements:
·      A Laptop
·      Install a modern web browser
·      Install an IDE or Text editor of choice
·      Preferably have NodeJS installed

In this tutorial we are going to build a responsive web site with jQuery Mobile. We will be using many of the framework features like AJAX navigation and page transitions, popular widgets such as panels and form elements, custom events, the theming system, and much more. You will learn about configuring defaults, dynamically injecting content and how to customize things to create a one-of-a-kind app with this widely used framework.

Tutorial requirements:
·      A laptop is a minimum requirement

When developing in the mobile space, we are no longer restricted by older versions of Internet Explorer and their lack of support for even the most basic features of CSS. However, the mobile space does provide us with new constraints. Mobile does not just mean tiny devices. We now have to consider the constraints of limited memory, limited bandwidth, limited battery power and increased latency. In addition, we have the issue of varying, limited screen sizes and varied resolutions. CSS can help us with all of these.

In this workshop we'll learn which features to avoid (and why), and deep dive into newer features that should be staples of your mobile web development tool box. You'll learn which CSS3 features to use and which ones to avoid, with more in-depth coverage of the features that are a must in the mobile space. Of course we'll cover features that you know you need to know, like using media queries for different screen sizes, resolutions and browser capabilities, but we'll also cover issues that you may never have considered, such as tricks for bandwidth and memory management, features (and pitfalls to avoid) to ensure smooth animations, and CSS basics like selectors, gradients, transforms and animations that should be in every developers bag of tricks.

With Sencha's complete workflow you can create awesome multi-platform touch applications that outshine the web or appstore in just a flash.

In this workshop you will build the -Do I Need The Umbrella- utility app. This session will cover the following topics:
- Scaffolding a Sencha Touch app with Sencha Cmd.
- Working with Sencha MVC.
- Handling simple forms.
- Retrieving external live data.
- Making it look good with Sass & Compass.
- Building the app for production.

Tutorial requirements:
·      A laptop
·      Install a modern browser (for example Google Chrome)
·      Install an IDE or Text editor of choice
·      Install a local webserver (for example XAMPP http://www.apachefriends.org/en/xampp.html )
·      Install the latest Sencha Touch  (http://www.sencha.com/products/touch/)
·      Install the latest Sencha Cmd (http://www.sencha.com/products/sencha-cmd/download)

-100% native apps using JavaScript.
In this workshop we'll go through an introduction to the Titanium platform, how it works, what makes it tick and the difference between it and other platforms.

We'll talk about app structure, cross-platform tips and advice, best practice and common mistakes. We'll write a sample app, show how you can build reusable code based on CommonJS and set you up for the next step in Titanium development, the Alloy MVC framework.

Anyone with basic JavaScript experience will be able to go from zero-to-app in this workshop.

Titanium is a unique platform that allows you to use your JavaScript skills to built 100% native apps. No hybrid apps known for their sluggish HTML interfaces, but actual native UI’s on iOS and Android. BlackBerry 10, Windows 8 and Tizen follow this summer.

Tutorial requirements:
·      A laptop (ideally a Macbook)
·      Install Titanium Studio and the 3.x SDK
·      Install the latest Xcode version
·      Install the latest Android SDK