JSFoo 2011

It’s like kung fu with JavaScript and objects! All about building full size apps in JavaScript.

JSFoo is an event on building apps with JavaScript. This is an event on what it takes to build full size apps with JavaScript, whether in the frontend or backend.

This event is now over. It was on October 1, 2011, in Bangalore.

Sessions were 45 minutes each. The venue was Dharmaram Vidya Kshetram again, in the Christ University campus at Dairy Circle.

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more

Anirudh Sanjeev

@skyronic

Zero to App with jQuery Mobile

Submitted Sep 16, 2011

A tutorial that covers all the steps of building a simple jQuery mobile application.

Outline

View the slides, the app and background for the talk here:
static.skyronic.com/jsfoo/

jQuery Mobile is an open source framework - designed to allow developers build good looking and usable mobile applications quickly for a wide range of target devices.

The application we’ll be building will be a Phone Book application - which will demonstrate the following, among others.

  1. The concepts of “pages” in jQuery mobile.
  2. How to leverage pushState and jQuery Mobile’s loadPage to keep the app interactive, yet make it bookmarkable.
  3. The concept of “roles”.
  4. Touch friendly forms.
  5. Dynamically changing UI on jQuery Mobile applications.

I will not be coding live, instead, each step will be a different commit in a git repository. I will be explaining the changes and demo-ing the application at each step.

The application will also be hosted during demo time, so participants can try out each step on their own device.

Requirements

A basic knowledge of jQuery, and a very basic knowledge of git if they want to follow along on their own laptops.

Links

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

JSFoo is a forum for discussing UI engineering; fullstack development; web applications engineering, performance, security and design; accessibility; and latest developments in #JavaScript. Follow JSFoo on Twitter more