Ionic Cookbook

Hoc Phan

• Verlag: Packt Publishing
• Jahr: 2015
• ISBN:
  9781785287978
• Auflage: 1
• Thema: Informatica
• Thema: Programmazione open source

Over 35 exciting recipes to spice up your application development with Ionic

About This Book

• Learn how to utilize the robust features of Ionic CLI and its framework to create, develop, and build your mobile app
• Explore new integrations with various Backend-as-a-Services, along with AngularJS modules, for creative solutions
• Use out-of-the-box Ionic functionalities, customize existing components, and add new components with this comprehensive, step-by-step guide

Who This Book Is For

If you are a front-end developer and want to take advantage of your existing mobile application development skills to develop cross-platform mobile apps, this book is for you. You will build up your Ionic knowledge with in-depth recipes on Angular.js, Cordova, and Sass.

What You Will Learn

• Authenticate users using an e-mail password, Twitter, Facebook, Google+, and LinkedIn
• Retrieve data and store it using Firebase
• Access native device functionalities such as a camera, contact list, e-mail, and maps using ngCordova
• Work with localStorage and SQLite for persistent data access on the client side
• Communicate to and from your app using push notifications or SMS
• Leverage AngularJS events and Ionic-specific events to communicate across pages, controllers, and directives
• Customize the color and theme of your Ionic app
• Create new custom directives as components
• Compile your app for iOS, Android, and Windows Phone

In Detail

The world of mobile development is extremely fragmented with many platforms, frameworks, and technologies available. Ionic is intended to fill that gap, by enabling developers to build apps that have a native feel to them, using web technologies such as HTML, CSS, and AngularJS. Ionic makes it easy for front-end developers to become app developers. The framework provides superior performance with deep Cordova integration and a comprehensive set of tools for prototyping, backend support, and deployment.

Ionic Cookbook takes you through the process of developing a cross-platform mobile app using just HTML5 and the JavaScript-based Ionic.

You will start with an introduction to the CLI and then move on to building and running an app. You will explore common features of real-world mobile apps such as authenticating a user, and getting and saving data using either Firebase or Local Storage. Next, the book covers how Ionic integrates with Cordova to support native device features using ngCordova, and you will discover how to take advantage of existing modules around its ecosystem. You will also delve into advanced topics, including how to extend Ionic to create new components. Finally, the book will walk you through customizing the Ionic theme and building the app so that it can be deployed to all platforms.

Style and approach

This book follows a recipe-based approach to cross-platform mobile app development, where each task is explained in a conversational and easy-to-follow style. Every topic explains individual features or components of Ionic, and provides extra details for readers to come up with custom solutions based on real-world applications.

Ionic Cookbook

---

Table of Contents

Ionic Cookbook

Credits

Foreword

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

Sections

Getting ready

How to do it…

How it works…

There's more…

See also

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Creating Our First App with Ionic

Introduction

Setting up a development environment

Getting ready

How to do it…

See also

Creating a HelloWorld app via CLI

How to do it…

How it works…

Creating a HelloWorld app via Ionic Creator

Getting ready

How to do it…

There's more...

Copying examples from Ionic Codepen Demos

How to do it…

There's more...

Viewing the app using your web browser

Getting ready

How to do it…

How it works...

Viewing the app using iOS Simulator

How to do it...

Viewing the app using Xcode for iOS

How to do it...

There's more...

Viewing the app using Genymotion for Android

How to do it...

Viewing the app using Ionic View

How to do it...

Customizing the app folder structure

How to do it...

2. Managing States and Navigation

Introduction

Creating a tab interface with nested views

Getting ready

How to do it...

How it works...

See also

Creating a multistep form with validation

Getting ready

How to do it...

How it works...

See also

3. Adding Device Features Support

Introduction

Taking a photo using the device camera

Getting ready

How to do it...

How it works...

There's more...

Capturing video and allowing playback

Getting ready

How to do it...

How it works...

There's more...

Composing an email with an attachment from an app

Getting ready

How to do it...

How it works...

See also

Picking and adding a contact

How to do it...

How it works...

See also

Adding Google Maps with geocoding support

Getting ready

How to do it...

How it works...

There's more...

See also

4. Offline Data Storage

Introduction

Creating a to-do app using ngStorage for Local Storage

Getting ready

How to do it...

How it works...

There's more...

See also

Creating a social networking app using SQLite

Getting ready

How to do it...

How it works...

There's more...

See also

5. Handling Gestures and Events

Introduction

Detecting drag events with a gesture coordinate

Getting ready

How to do it...

How it works...

See also

Communication between a view, controller, and directive using events

Getting ready

How to do it...

How it works...

See also

6. App Theme Customization

Introduction

Customizing themes for specific platforms

Getting ready

How to do it...

How it works...

There's more...

See also

Creating an introduction screen with a custom header

Getting ready

How to do it...

How it works...

7. Extending Ionic with Your Own Components

Introduction

Creating a scroll progress bar directive

Getting ready

How to do it...

How it works...

See also

Creating a custom filter

Getting ready

How to do it...

How it works...

See also

Animating an app using requestAnimationFrame with event binding

Getting ready

How to do it...

How it works...

There's more...

8. User Registration and Authentication

Introduction

Configuring a Facebook app with Firebase authentication

Getting ready

How to do it...

How it works...

There's more...

Configuring a Twitter app with Firebase authentication

Getting ready

How to do it...

How it works...

Configuring a Google+ project with Firebase authentication

Getting ready

How to do it...

How it works...

Creating an Ionic social authentication project for Facebook using $firebaseAuth

Getting ready

How to do it...

How it works...

There's more...

Creating a LinkedIn app and configuring authentication in Auth0

Getting ready

How to do it...

How it works...

There's more...

Integrating Auth0's LinkedIn authentication in an Ionic project

Getting ready

How to do it...

How it works...

See also

9. Saving and Loading Data Using Firebase

Introduction

Saving array data to Firebase

Getting ready

How to do it...

How it works...

Rendering a large Firebase data set using collection-repeat

Getting ready

How to do it...

How it works...

There's more...

Saving form data to Firebase

Getting ready

How to do it...

How it works...

10. Finalizing Your Apps for Different Platforms

Introduction

Building and publishing an app for iOS

Getting ready

How to do it...

How it works...

See also

Building and publishing an app for Android

Getting ready

How to do it...

How it works...

Using PhoneGap Build for cross-platform applications

Getting ready

How to do it...

How it works...

See also

Index

Ionic Cookbook

Copyright © 2015 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all of ...