Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
PhoneGap Beginners Guide (third edition)

You're reading from   PhoneGap Beginners Guide (third edition) Create, develop, debug, and deploy your very own mobile applications with PhoneGap

Arrow left icon
Product type Paperback
Published in Jul 2015
Publisher
ISBN-13 9781784392284
Length 284 pages
Edition 1st Edition
Languages
Arrow right icon
Toc

Table of Contents (16) Chapters Close

Preface 1. Introduction to PhoneGap FREE CHAPTER 2. Building Your First PhoneGap Project 3. Mobile Frameworks 4. Working with Plugins 5. Using Device Storage and the Files API 6. Using the Contacts and Camera APIs 7. Accessing the Device Sensors and Locations API 8. Advanced PhoneGap 9. Getting Ready for Release 10. A Sample PhoneGap Project A. The JavaScript Quick Cheat Sheet B. Publishing Your App C. Related Plugin Resources D. PhoneGap Tools Index

Mobile web versus mobile app

There are lots of discussions that are centered around deciding what kind of development should be done: mobile-responsive websites or a native app. Some popular websites, such as Gmail, have mobile-friendly websites, as well as native apps. To understand this better, let's see what these are:

Responsive websites

Mobile app

Responsive websites work across all kinds of devices, starting from mobile devices to desktop computers. This way of design is often called Responsive Web Design (RWD).

Applications are designed for mobile devices. They are not meant for desktop computers.

Responsive designs provide a better viewing experience to the users on all devices.

A mobile application gives a typical mobile experience with the entire interface designed with mobile devices in mind.

RWD involves some development concepts such as fluid grid, CSS media queries, responsive tables, and images.

Mobile-related design patterns are used.

Responsive sites adapt well to the device's screen size, which makes reading the content easier.

Content is usually designed for mobile screen sizes. Readability is always better.

Mobile web is a normal website, which adapts to mobile devices.

Mobile apps have the power of doing more than a simple website.

Responsive design is a cost-effective alternative to mobile applications.

Dedicated development and time needs to be invested for application development.

As with any other website, they are restricted to the features of browser.

Provides rich user experience by using several device-related APIs such as Camera, Accelerometer, and so on.

For more information about RWD and the design principles behind it, please read the fundamentals at https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/.

To summarize, both RWD and mobile apps have advantages and disadvantages. It's the goal of your business or requirement that decides which one you are going to develop. If you are going to develop mobile applications, you should be targeting multiple mobile platforms and it's not quite possible to code for all platforms within a short time frame. Here comes the power of hybrid mobile applications developed using PhoneGap.

You have been reading a chapter from
PhoneGap Beginners Guide (third edition)
Published in: Jul 2015
Publisher:
ISBN-13: 9781784392284
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image