My Workflow for Developing PhoneGap Applications. I am asked all the time “How do I get started developing PhoneGap applications?”. My normal answer is to advise people to check out the PhoneGap Getting Started Guides, which provide a great starting point for every platform. However after further thought, I’m not sure this is always what people are asking. Rather than “how do I get started?” , I think people are often looking for insight into the workflow for developing PhoneGap applications. Everything from tools to developer flow, to getting the app on devices.
The Getting Started Guides are essential for setting up the initial project structure, but once you get that setup, you might be wondering “what do I do next?”. In this post, I’ll try to shed some light on the workflow and tools that I use when developing PhoneGap applications. Know What You’re Going To Build Before You Build It First and foremost – it is essential to have at least some kind of idea what you are going to build before you build it.
Coding Environment Enjoy! Rails devops/sysadmin cheat sheet. Processing.js. ← Python For Beginners. Framer: Modern Prototyping. Junior - A front-end framework for building HTML5 mobile apps with a native look and feel. A front-end framework for building HTML5 mobile apps with a native look and feel. CSS3 Transitions optimized for mobile performance. Swipable carousels using flickable.js. Integration with backbone.js views and routers. Ratchet CSS UI components. Try loading this page on a mobile phone or try our "simulator" to the right. Download Installation Javascript Dependencies Each of these dependencies is included in the lib/javascripts directory. junior.js junior.js is included in the src/javascripts directory. Ratchet This dependency is included in the lib/stylesheets directory. junior.css junior.css is included in the src/stylesheets directory.
Junior.js expects you to have a #app-container and #app-main in your body like this. Examples Annoted example.js The best and most detailed example for how to get started is the Annotated Example for example.js. Jr.Router Jr.Router is simply an extension of Backbone.Router. Jr.View Jr.View is optional for you to use. Jr.Navigator Apps that use Junior. Learning Three.js. jQuery Mobile Development Guide.
jQuery Mobile has rocked the web with an easy way of quickly developing mobile applications. Not just mobile web apps but using PhoneGap you can build native applications that can be downloaded in the available app stores. jQuery Mobile can be as flexible as you want it to be, but out of the box it’s built to quickly launch your applications with pre-built design templates or using the jQuery Mobile theme roller. Below is a detailed plan that will help you learn jQuery Mobile and all the possibilities. Use it as a reference guide when your looking to figure something out or trying to determine if there is something you can do in jQuery Mobile.
If your looking for a tut that is not here, please request it in the comments and we’ll look into making it. jQuery Mobile 1.1 & 1.2 jQuery Mobile Toolbars Introduction to jQuery Mobile Do More With jQuery Mobile Advanced jQuery Mobile Topics jQuery Mobile Forms PhoneGap. Single page apps in depth (new free book)