Migrating HTML5-based applications to Windows Phone overnight with Apache Cordova and jQuery Mobile

Microsoft Open Technologies, Inc., the Apache Cordova team and the JQueryMobile team recently met with over 20 top PhoneGap/Apache Cordova developers for a Hackathon in San Francisco to gather feedback on building HTML5 applications running on Windows Phone with Apache Cordova and the jQuery Mobile theme for Windows Phone (Metro style). The Windows Phone team also joined the party, asking developers about their HTML5 and Javascript experiences on top of the Windows Phone Web Browser control.

While some of the developers had backgrounds in start-ups and others were independent developers, every attendee had one thing in common: all of them had PhoneGap/Cordova applications published on Android and/or iPhone platforms. During the event, using Apache Cordova and jQuery Mobile, we helped attendees migrate their HTML5-based applications to Windows Phone. For many of the attendees, this was their first time to work with Windows Phone. The energy at the event was amazing as developers got to experience first-hand the ease of integrating Apache Cordova and jQuery Mobile with Windows Phone.

You can read the report on the event from Jesse and Steve from the Apache Cordova team here.

After a few hours of learning Visual Studio Express for Phone, coding and eating pizza, the first demos of HTML5 applications running on Windows Phone started to pop up. Developers saw their applications running on their new Windows Phone devices, which they received as part of the event along with AppHub tokens for them to publish applications on the Windows Phone marketplace.

Developers from Learnzapp, with no previous experience on Windows Phone development, migrated their Cordova/JQuery Mobile Law School Admission Test application to Windows Phone and applied the jQuery Mobile theme for Windows Phone (Metro style) to their HTML5 controls in only a few hours. Those developers plan to submit the application to the Windows Phone marketplace in the next few days. You can read their own report on the event on their blog. Below is a screenshot of the LSAT application running on an Android device, a Windows Phone and an iPhone.

image

Developers from Tiggzi, delivering a cloud based Builder for HTML5, jQuery Mobile and Apache Cordova applications, kicked off the addition of Windows Phone to the list of platforms their tool targets. They announced the added support for Windows Phone earlier this month, only 3 weeks after the event.

The event was a success not only because developers left the Hackathon with functional HTML5-based Windows Phone applications, after migrating their applications in a single night, but also because experienced developers helped us identify the key aspects of the migration process which will enable making the HTML5 and Javascript development for Windows Phone even better.

We want to thank everyone who attended the event, and look forward to further engagement with this community. Be sure to take a look at the video below to see a short demo of an HTML5 application development with Apache Cordova, jQuery Mobile and the new jQuery Mobile theme for Windows Phone (Metro style).

To learn more about HTML5 and JavaScript development for Windows Phone, visit this page where you will find related resource, articles and tutorials.

Abu Obeida Bakhach Program Manager
Microsoft Open Technologies, Inc.
A subsidiary of Microsoft Corporation