Ionic Cookbook

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

Ionic Cookbook

Cookbook
Hoc Phan

Over 35 exciting recipes to spice up your application development with Ionic
$39.99
$49.99
RRP $39.99
RRP $49.99
eBook
Print + eBook
$12.99 p/month

Get Access

Get Unlimited Access to every Packt eBook and Video course

Enjoy full and instant access to over 3000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Code Files
+ Collection
Free Sample

Book Details

ISBN 139781785287978
Paperback264 pages

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.

Table of Contents

Chapter 1: Creating Our First App with Ionic
Introduction
Setting up a development environment
Creating a HelloWorld app via CLI
Creating a HelloWorld app via Ionic Creator
Copying examples from Ionic Codepen Demos
Viewing the app using your web browser
Viewing the app using iOS Simulator
Viewing the app using Xcode for iOS
Viewing the app using Genymotion for Android
Viewing the app using Ionic View
Customizing the app folder structure
Chapter 2: Managing States and Navigation
Introduction
Creating a tab interface with nested views
Creating a multistep form with validation
Chapter 3: Adding Device Features Support
Introduction
Taking a photo using the device camera
Capturing video and allowing playback
Composing an email with an attachment from an app
Picking and adding a contact
Adding Google Maps with geocoding support
Chapter 4: Offline Data Storage
Introduction
Creating a to-do app using ngStorage for Local Storage
Creating a social networking app using SQLite
Chapter 5: Handling Gestures and Events
Introduction
Detecting drag events with a gesture coordinate
Communication between a view, controller, and directive using events
Chapter 6: App Theme Customization
Introduction
Customizing themes for specific platforms
Creating an introduction screen with a custom header
Chapter 7: Extending Ionic with Your Own Components
Introduction
Creating a scroll progress bar directive
Creating a custom filter
Animating an app using requestAnimationFrame with event binding
Chapter 8: User Registration and Authentication
Introduction
Configuring a Facebook app with Firebase authentication
Configuring a Twitter app with Firebase authentication
Configuring a Google+ project with Firebase authentication
Creating an Ionic social authentication project for Facebook using $firebaseAuth
Creating a LinkedIn app and configuring authentication in Auth0
Integrating Auth0's LinkedIn authentication in an Ionic project
Chapter 9: Saving and Loading Data Using Firebase
Introduction
Saving array data to Firebase
Rendering a large Firebase data set using collection-repeat
Saving form data to Firebase
Chapter 10: Finalizing Your Apps for Different Platforms
Introduction
Building and publishing an app for iOS
Building and publishing an app for Android
Using PhoneGap Build for cross-platform applications

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.

Authors

Table of Contents

Chapter 1: Creating Our First App with Ionic
Introduction
Setting up a development environment
Creating a HelloWorld app via CLI
Creating a HelloWorld app via Ionic Creator
Copying examples from Ionic Codepen Demos
Viewing the app using your web browser
Viewing the app using iOS Simulator
Viewing the app using Xcode for iOS
Viewing the app using Genymotion for Android
Viewing the app using Ionic View
Customizing the app folder structure
Chapter 2: Managing States and Navigation
Introduction
Creating a tab interface with nested views
Creating a multistep form with validation
Chapter 3: Adding Device Features Support
Introduction
Taking a photo using the device camera
Capturing video and allowing playback
Composing an email with an attachment from an app
Picking and adding a contact
Adding Google Maps with geocoding support
Chapter 4: Offline Data Storage
Introduction
Creating a to-do app using ngStorage for Local Storage
Creating a social networking app using SQLite
Chapter 5: Handling Gestures and Events
Introduction
Detecting drag events with a gesture coordinate
Communication between a view, controller, and directive using events
Chapter 6: App Theme Customization
Introduction
Customizing themes for specific platforms
Creating an introduction screen with a custom header
Chapter 7: Extending Ionic with Your Own Components
Introduction
Creating a scroll progress bar directive
Creating a custom filter
Animating an app using requestAnimationFrame with event binding
Chapter 8: User Registration and Authentication
Introduction
Configuring a Facebook app with Firebase authentication
Configuring a Twitter app with Firebase authentication
Configuring a Google+ project with Firebase authentication
Creating an Ionic social authentication project for Facebook using $firebaseAuth
Creating a LinkedIn app and configuring authentication in Auth0
Integrating Auth0's LinkedIn authentication in an Ionic project
Chapter 9: Saving and Loading Data Using Firebase
Introduction
Saving array data to Firebase
Rendering a large Firebase data set using collection-repeat
Saving form data to Firebase
Chapter 10: Finalizing Your Apps for Different Platforms
Introduction
Building and publishing an app for iOS
Building and publishing an app for Android
Using PhoneGap Build for cross-platform applications

Book Details

ISBN 139781785287978
Paperback264 pages
Read More

DEAL OF THE DAY

Sign up here to get exclusive deep discounts on our latest and bestselling eBooks, delivered straight to your inbox every day.

FREE LEARNING FOREVER

Master new IT skills and unlock valuable software & web development knowledge with a FREE eBook every day.

Recommended for You

Learning Ionic
$ 35.99
Discover a simpler approach to modern mobile application development with Ionic framework and learn how to create elegant hybrid apps with HTML5 and AngularJS
PhoneGap and AngularJS for Cross-platform Development
$ 19.99
Build exciting cross-platform applications using PhoneGap and AngularJS
Mastering Web Application Development with AngularJS
$ 26.99
Streamline your web applications with this hands-on course. From initial structuring to full deployment, you’ll learn everything you need to know about AngularJS DOM based frameworks.
Data-oriented Development with AngularJS
$ 19.99
Write DSLs for your user interface code using AngularJS directives and add real-time capabilities to your applications using AngularFire's three-way data binding with Firebase
PhoneGap Mobile Application Development Cookbook
$ 26.99
With your JavaScript, HTML, and CSS skills, you just need to add PhoneGap to start creating native mobile apps for cross-platform devices. The 40+ recipes in this book will show you how, speedily and practically.
JavaScript Mobile Application Development
$ 26.99
Create neat cross-platform mobile apps using Apache Cordova and jQuery Mobile