Phonegap and Angularjs for Cross-platform Development电子书

PhoneGap and AngularJS for Cross-platform Development

Table of Contents

PhoneGap and AngularJS for Cross-platform Development

Credits

About the Author

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers, and more

Why subscribe?

Free access for Packt account holders

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Introduction to AngularJS

A brief overview of AngularJS

Core concepts

Controllers

Data-binding

Directives

A conceptual example

A simple to-do list using AngularJS

Preparing your code structure

HTML for our to-do list

Adding in JavaScript with AngularJS

Summary

2. Getting Ready for PhoneGap

Preparing for PhoneGap development

Installing Android

Installing iOS

Command-line interface for both Android and iOS

Running on real devices

AngularJS on PhoneGap

What just happened?

Creating a to-do list app using AngularJS on PhoneGap

A basic version of a to-do list using AngularJS on PhoneGap

Summary

3. From a Simple To-do List to an Advanced To-do List

Rewriting the simple to-do list app

Splitting index.html into multiple files

Splitting todo.js into multiple files

Checkpoint

Wiring up a backend server

Coding our server

Changing AngularJS to perform RESTful requests

Using the $http module of AngularJS

Rewriting controllers to make use of the $http module

Checking our code

Preparing for PhoneGap

Testing our code on iOS

Testing our code on Android

Summary

4. Adding Authentication Capabilities Using PhoneGap Plugins

Adding Facebook Connect to the to-do list app

Initializing and preparing for Facebook Connect

Writing the user controller

Adding a login page

Adding a logout function

Checking the login status

Facebook login for PhoneGap

Installing the Facebook plugin

Testing out Facebook Login on PhoneGap

From web to PhoneGap

Importing Facebook and PhoneGap plugins

Changing FB to facebookConnectPlugin

The to-do list app with Facebook Login on PhoneGap

Summary

5. Sprucing Up the App Using Animations and Mobile Design

Adding animations to your web app

Adding mobile CSS styles to your app

Porting your web app to PhoneGap

Testing your app on iOS

Testing your app on Android

Summary

6. Getting Ready to Launch

Deploying server.py

Using phonegap.com

Preparing your PhoneGap app for an Android release

Testing your app on real devices

Exporting your app to install on other devices

Preparing promotional artwork for release

Building your app for release

Signing the app

iOS

Running your app on an iOS device

Other techniques

Using Xcode

Summary

A. References

AngularJS and related libraries

PhoneGap and related references

Others

Other tutorials

Index