Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying PhoneGap and AngularJS for Cross-platform Development
  • Table Of Contents Toc
PhoneGap and AngularJS for Cross-platform Development

PhoneGap and AngularJS for Cross-platform Development

By : Eugene Liang, Yuxian E Liang
2 (2)
close
close
PhoneGap and AngularJS for Cross-platform Development

PhoneGap and AngularJS for Cross-platform Development

2 (2)
By: Eugene Liang, Yuxian E Liang

Overview of this book

PhoneGap is a mobile development framework that allows developers to build cross-platform mobile applications. Building PhoneGap apps is traditionally done using HTML, CSS, jQuery Mobile, Eclipse Editor, and/or Xcode. The process can be cumbersome, from setting up your editor to optimizing your usage of jQuery, and so on. However, AngularJS, a new but highly popular JavaScript framework, eases these tasks with APIs to get access to mobile APIs such as notifications, geo-location, accelerometers, and more. Starting with the absolute basics of building an AngularJS application, this book will teach you how to quickly set up PhoneGap apps using the command-line interface. You will learn how to create simple to advanced to-do lists and add authentication capabilities using PhoneGap's plugins. You will enhance your skills by writing a PhoneGap app using your newly learned AngularJS skills. Furthermore, you will learn about adding animation and interactive designs to your mobile web apps using PhoneGap plugins. By the end of the book, you will know everything you need to launch your app on both Android and iOS devices.
Table of Contents (9 chapters)
close
close
8
Index

Rewriting the simple to-do list app


In Chapter 2, Getting Ready for PhoneGap, we wrote a rather simplistic version of the to-do list app. As you may have already noticed, many things were missing; there was no backend server to save your to-do lists, and there was no code organization, as everything was just written within a folder and with minimal breakup of the code.

In this section, we are going to do just that; rewrite the code so that there are some levels of code organization.

Let's review the code organization first. The app we built in Chapter 1, Introduction to AngularJS, looks like the following:

todo/
   todo.js
   index.html

We are going to break up the code so that the code organization looks as follows:

project/
   css/
   js/
      controllers/
            todo.js
      services/
            todo.js
      app.js
  partials/
     detail.html
     list.html
  index.html

So what is going to happen is that project.js from Chapter 2, Getting Ready for PhoneGap, will be broken up into...

CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
PhoneGap and AngularJS for Cross-platform Development
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon