Book Image

WordPress Mobile Applications with PhoneGap

By : Eugene Liang
Book Image

WordPress Mobile Applications with PhoneGap

By: Eugene Liang

Overview of this book

With the explosive popularity of mobile apps and its much anticipated continued growth for the foreseeable future, developers will want to get their hands dirty and build some cool mobile apps. But we know that building mobile apps is not easy: we need to handle cross-platform issues, mobile devices of different screen sizes, not to mention traditional issues such as providing a content management system of the content served in the application. Enter "WordPress Mobile Applications with PhoneGap". We leverage on some of the most popular open source projects: Wordpress, jQuery, jQuery Mobile and PhoneGap and discover how they can be pieced together to build a fully functional cross platform mobile application. "WordPress Mobile Applications with PhoneGap" teaches you how to build mobile application with minimal effort and coding by leveraging on some of the most popular open source projects such as Wordpress, jQuery, jQuery Mobile and PhoneGap. This book looks at some of the most popular open source projects: Wordpress, jQuery, jQuery Mobile and PhoneGap and breaks down the nitty gritty details on how to leverage on these projects to build a fully functional cross-platform mobile application with minimal coding and effort. You will start off by quickly going through the capabilities of Wordpress. Then you will prepare some groundwork on how to make use of plugins and the GeoPlaces theme to provide geographic and API capabilities to WordPress. Next you will learn how to create an external HTML/CSS/JavaScript that consumes and posts data to your Wordpress blog. More importantly, you will see how to convert this external app into a PhoneGap in as little as five minutes. Finally, you will learn how to apply all these techniques and skills to a Wordpress app based on the Twenty-Ten theme and create a cross-platform mobile app using PhoneGap. By the end of "Wordpress Mobile Applications with PhoneGap" you will learn how to piece Wordpress, jQuery, jQuery Mobile and PhoneGap together into a fully functional mobile app.

Related Content you might be interested in

Current Title:

Small book image
WordPress Mobile Applications with PhoneGap
Eugene Liang
Nov, 2012 | 96 pages
No titles found
Table of Contents (13 chapters)
WordPress Mobile Applications with PhoneGap
WordPress Mobile Applications with PhoneGap
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
WordPress Overview and Installation
WordPress Overview and Installation
Preamble
The famous five minute installation of WordPress
A five minute introduction to WordPress
Summary
2
Adding Geographic Capabilities via the GeoPlaces Theme
Adding Geographic Capabilities via the GeoPlaces Theme
Introducing the GeoPlaces theme
Summary
3
Extending WordPress Using JSON-API
Extending WordPress Using JSON-API
Introducing the JSON-API plugin
A simple web app to read data
Paging through blog posts
Creating blog post
Summary
4
Building Mobile Applications Using PhoneGap
Building Mobile Applications Using PhoneGap
Introducing PhoneGap
Using jQuery in PhoneGap
Capturing geolocation using PhoneGap API
Summary
5
Extending WordPress to the Mobile World
Extending WordPress to the Mobile World
Introducing jQuery Mobile
Extending our PhoneGap app
Putting everything together with the GeoPlaces theme
Summary
6
Using Open Source Themes
Using Open Source Themes
General idea
Creating a PhoneGap Mobile app using the Twenty Ten theme
Summary
Index
Index

A simple web app to read data

In this section we will write a simple, one-page JavaScript application to manipulate data. This application has two basic operations: reading and creating posts. This application will form the basis for the remainder of this book.

Reading a blog post

We'll start by performing a simple action: reading a blog post.

Creating a Hello World JavaScript app

We will start by first learning how to display the "Hello World" blog post into our simple JavaScript application. We will be using jQuery extensively to do the heavy lifting of Ajax operations.

  1. First copy the following code into the app.html file:

    <!DOCTYPE HTML>
<html>
<header>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>	
<script>
jQuery(document).ready(function() {
jQuery("#title").html("<h1>Hello World</h1>");
});
</script>
</header>
<body>
<div id="main">
<div id="title"></div>
</div...
Previous Section
End of Section 3
Next Section