January 19, 2012

jQuery Mobile: How it Works + Learn How to Create a Mobile Site

Presenter: Michael Slater

jQuery Mobile is a new framework for creating mobile sites. Unlike the core jQuery library, you can use jQuery Mobile with no JavaScript knowledge whatsoever, and it provides a complete website framework, include all the CSS, for mobile sites. It lets you create polished mobile sites very quickly.

In this talk, Michael will explain how jQuery Mobile works and how to use it. After surveying the framework’s features and showing a few example sites, we’ll create together a mobile version of the North Bay Internet Society’s own site using jQuery Mobile.

If you want to try to work along with Michael on your laptop, prior to the meeting, first go to the jQuery Mobile site and download the library: http://jquerymobile.com/download

Scroll down to the ZIP File, click to download jquery.mobile-1.0.zip. That will download with all the files. You will see tutorials if you open the index.html file, located in the demos folder. Put this file in the same place where your other HTML files will be.

Once you have that index.html file open in a browser, you can get the feel for the mobile site by making the width of your desktop browser smaller. You can see how it changes from a desktop display to a mobile display.

There are also simulators (also called emulators) you can download, if you want to see the how a mobile site looks on your desktop computer or laptop, t. If you are working on a Mac, download Xcode: http://developer.apple.com/xcode.

There is a cross platform emulator for Androids, although it is not as friendly as Xcode. For more info, go to: http://developer.android.com/guide/developing/tools/emulator.html

These simulator/emulator downloads could take a long time so be prepared.

You could also bring with you a mobile device (Smart phones, iPodTouch) where you could view the results there rather than downloading a simulator/emulator.

About Michael Slater, Webvanta
Michael Slater is the cofounder and CEO of Webvanta, which provides website development services for graphic designers, mobile website and app development services, a hosted CMS with powerful database capabilities, and web solutions for restaurants. He is also the proprietor of BoatingSF.com, coproduced the Learning Rails podcast, and creates monthly webinars for Webvanta. He is the founder of the North Bay Internet Society and the North Bay Web Design Conference.

Prior to cofounding Webvanta, he was cofounder and chairman of Fotiva, a digital photography software company acquired by Adobe in 2001; was founder and editorial director of the Microprocessor Report newsletter, now in its 25th year; and produced the Microprocessor Forum conference, which had a 19-year run. Long ago, he worked at Hewlett-Packard.

North Bay Internet Society

Meetings: Third Thursday of Every Month
2012 Schedule:
No Meetings in Aug. & Dec.

We usually meet in the Tarsier room at O'Reilly's buildings at the north end of Sebastopol

Doors open for socializing at 6:30 PM, "formal" meeting begins at 7:00 PM. Pot-luck refreshments.