{"id":1933,"date":"2012-08-05T12:27:05","date_gmt":"2012-08-05T02:27:05","guid":{"rendered":"https:\/\/eisabainyo.net\/weblog\/?p=1933"},"modified":"2012-08-12T11:48:50","modified_gmt":"2012-08-12T01:48:50","slug":"phonegap-app-using-jquery-mobile","status":"publish","type":"post","link":"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/","title":{"rendered":"A sample PhoneGap App using jQuery Mobile"},"content":{"rendered":"<p>Since I have been getting many requests, I have decided to make a simple app in PhoneGap using jQuery Mobile available for download. This sample project is for those who are fluent in HTML, Javascript and CSS and wish to get started on PhoneGap app development using web technologies. Enjoy!  <\/p>\n<div class=\"download\">\n<h3>Download<\/h3>\n<p>[purchase_link id=\"1930\" text=\"PhoneGap App using jQuery Mobile $15.00\" style=\"button\" color=\"gray\"]\n<\/p><\/div>\n<p><strong>Features:<\/strong><br \/>\n- Ready-to-deploy<br \/>\n- Built on phonegap-1.4.1 and JQuery Mobile 1.0.1<br \/>\n- Easy to customise code base<br \/>\n- Custom theming for jQuery Mobile<br \/>\n- Google Fonts API for custom fonts<br \/>\n- 180+ lines of CSS which can be customised to your desired look and feel<br \/>\n- Minimal use of images by utilising CSS3<br \/>\n- Internet connection check before displaying every screen.  Handy if you plan to use a REST API that connects to a web server<br \/>\n- 4 pages, ready to add your own content<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2012\/08\/screenshot.jpg\" alt=\"\" title=\"Screenshot\" width=\"480\" height=\"872\" class=\"alignnone size-full wp-image-1941\" srcset=\"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2012\/08\/screenshot.jpg 480w, https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2012\/08\/screenshot-165x300.jpg 165w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><br \/>\nScreenshot<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2012\/08\/code.jpg\" alt=\"\" title=\"Code snippets\" width=\"480\" height=\"1000\" class=\"alignnone size-full wp-image-1940\" srcset=\"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2012\/08\/code.jpg 480w, https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2012\/08\/code-144x300.jpg 144w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><br \/>\nCode snippets<\/p>\n<div class=\"download\">\n<h3>Download<\/h3>\n<p>[purchase_link id=\"1930\" text=\"PhoneGap App using jQuery Mobile $15.00\" style=\"button\" color=\"gray\"]\n<\/p><\/div>\n<h3>Useful Links<\/h3>\n<ul>\n<li><a href=\"https:\/\/github.com\/phonegap\/phonegap\/wiki\/\">PhoneGap Wiki<\/a><\/li>\n<li><a href=\"http:\/\/docs.phonegap.com\/en\/2.0.0\/guide_getting-started_index.md.html#Getting%20Started%20Guides\">Getting Started Guides for PhoneGap<\/a><\/li>\n<li><a href=\"http:\/\/phonegap.com\/developer\">PhoneGap Developer Portal<\/a><\/li>\n<li><a href=\"http:\/\/jquerymobile.com\/\">jQuery Mobile<\/a><\/li>\n<li><a href=\"http:\/\/jquerymobile.com\/demos\/1.1.1\/\">jQuery Mobile Documentation<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Since I have been getting many requests, I have decided to make a simple app<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1933","post","type-post","status-publish","format-standard","hentry","category-default"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>A sample PhoneGap App using jQuery Mobile | Tech Leadership Advice &amp; Resources<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A sample PhoneGap App using jQuery Mobile | Tech Leadership Advice &amp; Resources\" \/>\n<meta property=\"og:description\" content=\"Since I have been getting many requests, I have decided to make a simple app\" \/>\n<meta property=\"og:url\" content=\"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/\" \/>\n<meta property=\"og:site_name\" content=\"Tech Leadership Advice &amp; Resources\" \/>\n<meta property=\"article:published_time\" content=\"2012-08-05T02:27:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2012-08-12T01:48:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2012\/08\/screenshot.jpg\" \/>\n<meta name=\"author\" content=\"Isabel Nyo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Isabel Nyo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/\"},\"author\":{\"name\":\"Isabel Nyo\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab\"},\"headline\":\"A sample PhoneGap App using jQuery Mobile\",\"datePublished\":\"2012-08-05T02:27:05+00:00\",\"dateModified\":\"2012-08-12T01:48:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/\"},\"wordCount\":187,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab\"},\"image\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2012\/08\/screenshot.jpg\",\"articleSection\":[\"Web Development Blog\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/\",\"url\":\"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/\",\"name\":\"A sample PhoneGap App using jQuery Mobile | Tech Leadership Advice &amp; Resources\",\"isPartOf\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2012\/08\/screenshot.jpg\",\"datePublished\":\"2012-08-05T02:27:05+00:00\",\"dateModified\":\"2012-08-12T01:48:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/#primaryimage\",\"url\":\"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2012\/08\/screenshot.jpg\",\"contentUrl\":\"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2012\/08\/screenshot.jpg\",\"width\":\"480\",\"height\":\"872\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/eisabainyo.net\/weblog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A sample PhoneGap App using jQuery Mobile\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#website\",\"url\":\"https:\/\/eisabainyo.net\/weblog\/\",\"name\":\"Career Resources for Professionals in Tech\",\"description\":\"Books, worksheets, templates, frameworks and other useful resources for Chief Technology Officers (CTOs), VPs of Engineering &amp; Technology Directors\",\"publisher\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/eisabainyo.net\/weblog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab\",\"name\":\"Isabel Nyo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g\",\"caption\":\"Isabel Nyo\"},\"logo\":{\"@id\":\"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/\"},\"description\":\"My interests: Web Development, Web Design, Web Applications, Web 2.0, AJAX, Search Engine Optimisation, Latest Technologies and more..\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"A sample PhoneGap App using jQuery Mobile | Tech Leadership Advice &amp; Resources","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/","og_locale":"en_US","og_type":"article","og_title":"A sample PhoneGap App using jQuery Mobile | Tech Leadership Advice &amp; Resources","og_description":"Since I have been getting many requests, I have decided to make a simple app","og_url":"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/","og_site_name":"Tech Leadership Advice &amp; Resources","article_published_time":"2012-08-05T02:27:05+00:00","article_modified_time":"2012-08-12T01:48:50+00:00","og_image":[{"url":"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2012\/08\/screenshot.jpg","type":"","width":"","height":""}],"author":"Isabel Nyo","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Isabel Nyo","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/#article","isPartOf":{"@id":"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/"},"author":{"name":"Isabel Nyo","@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab"},"headline":"A sample PhoneGap App using jQuery Mobile","datePublished":"2012-08-05T02:27:05+00:00","dateModified":"2012-08-12T01:48:50+00:00","mainEntityOfPage":{"@id":"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/"},"wordCount":187,"commentCount":0,"publisher":{"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab"},"image":{"@id":"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/#primaryimage"},"thumbnailUrl":"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2012\/08\/screenshot.jpg","articleSection":["Web Development Blog"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/","url":"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/","name":"A sample PhoneGap App using jQuery Mobile | Tech Leadership Advice &amp; Resources","isPartOf":{"@id":"https:\/\/eisabainyo.net\/weblog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/#primaryimage"},"image":{"@id":"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/#primaryimage"},"thumbnailUrl":"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2012\/08\/screenshot.jpg","datePublished":"2012-08-05T02:27:05+00:00","dateModified":"2012-08-12T01:48:50+00:00","breadcrumb":{"@id":"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/#primaryimage","url":"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2012\/08\/screenshot.jpg","contentUrl":"https:\/\/eisabainyo.net\/weblog\/wp-content\/uploads\/2012\/08\/screenshot.jpg","width":"480","height":"872"},{"@type":"BreadcrumbList","@id":"https:\/\/eisabainyo.net\/weblog\/2012\/08\/05\/phonegap-app-using-jquery-mobile\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/eisabainyo.net\/weblog\/"},{"@type":"ListItem","position":2,"name":"A sample PhoneGap App using jQuery Mobile"}]},{"@type":"WebSite","@id":"https:\/\/eisabainyo.net\/weblog\/#website","url":"https:\/\/eisabainyo.net\/weblog\/","name":"Career Resources for Professionals in Tech","description":"Books, worksheets, templates, frameworks and other useful resources for Chief Technology Officers (CTOs), VPs of Engineering &amp; Technology Directors","publisher":{"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/eisabainyo.net\/weblog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/33457dd19f1ad9bbd4b0cb50c54dfcab","name":"Isabel Nyo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3d4b1a4e0f425adb39b242b0d62c5fac07c82f8314a24631f1d16f47bdf006d8?s=96&d=mm&r=g","caption":"Isabel Nyo"},"logo":{"@id":"https:\/\/eisabainyo.net\/weblog\/#\/schema\/person\/image\/"},"description":"My interests: Web Development, Web Design, Web Applications, Web 2.0, AJAX, Search Engine Optimisation, Latest Technologies and more.."}]}},"_links":{"self":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/posts\/1933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/comments?post=1933"}],"version-history":[{"count":10,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/posts\/1933\/revisions"}],"predecessor-version":[{"id":1953,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/posts\/1933\/revisions\/1953"}],"wp:attachment":[{"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/media?parent=1933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/categories?post=1933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eisabainyo.net\/weblog\/wp-json\/wp\/v2\/tags?post=1933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}