Ionic 2 Cookbook - Second Edition

Over 30 life-changing recipes to help you create cutting edge, hybrid apps with Ionic 2

Ionic 2 Cookbook - Second Edition

This ebook is included in a Mapt subscription
Hoc Phan

3 customer reviews
Over 30 life-changing recipes to help you create cutting edge, hybrid apps with Ionic 2
$0.00
$18.00
$44.99
$29.99p/m after trial
RRP $35.99
RRP $44.99
Subscription
eBook
Print + eBook
Start 30 Day Trial
Subscribe and access every Packt eBook & Video.
 
  • 5,000+ eBooks & Videos
  • 50+ New titles a month
  • 1 Free eBook/Video to keep every month
Start Free Trial
 
Preview in Mapt

Book Details

ISBN 139781786465962
Paperback320 pages

Book Description

Developing real-time apps is the need of the hour, and apps that deal with humongous amounts of user data and real-time information that needs to be updated frequently are in high demand. Currently, one of the most popular frameworks for this task is Ionic Framework, which is undergoing a major makeover.

This book will get you started with Ionic and help you create Angular 2 components that interact with templates. From there, you'll work with Ionic components and find out how to share data efficiently between them. You'll discover how to make the best use of the REST API to handle back-end services and then move on to animating the application to make it look pretty.

You'll learn to add in a local push notification in order to test the app. You'll work with Cordova to support native functionalities on both iOS and Android. From there, you'll get to grips with using the default themes for each platform as well as customizing your own. Finally, you'll see how best to deploy your app to different platforms.

This book will solve all your Ionic-related issues through dedicated recipes that will help you get the best out of Ionic.

Table of Contents

Chapter 1: Creating Our First App with Ionic 2
Introduction
Setting up a development environment
Creating a HelloWorld app via the CLI
Creating a HelloWorld app via Ionic Creator
Viewing the app using your web browser
Viewing the app using the Ionic CLI
Viewing the app using Xcode for iOS
Viewing the app using Genymotion for Android
Viewing the app using Ionic View
Chapter 2: Adding Ionic 2 Components
Introduction
Adding multiple pages using tabs
Adding left and right menu navigation
Navigating multiple pages with state parameters
Chapter 3: Extending Ionic 2 with Angular 2 Building Blocks
Introduction
Creating a custom pizza ordering component
Creating a custom username input directive
Creating a custom pipe
Creating a shared service to provide data to multiple pages
Chapter 4: Validating Forms and Making HTTP Requests
Introduction
Creating a complex form with input validation
Retrieving data via a mocked API using a static JSON file
Integrating with Stripe for online payment
Chapter 5: Adding Animation
Introduction
Embedding full screen inline video as background
Creating a physics-based animation using Dynamics.js
Animating the slide component by binding a gesture to the animation state
Adding a background CSS animation to the login page
Chapter 6: User Authentication and Push Notification Using Ionic Cloud
Introduction
Registering and authenticating users using Ionic Cloud
Building an iOS app to receive push notifications
Building an Android app to receive push notifications
Chapter 7: Supporting Device Functionalities Using Ionic Native
Introduction
Taking a photo using the camera plugin
Sharing content using the social sharing plugin
Displaying a term of service using InAppBrowser
Creating a Taxi app using the Google Maps plugin and geocode support
Chapter 8: Theming the App
Introduction
Viewing and debugging themes for a specific platform
Customizing themes based on the platform
Chapter 9: Publishing the App for Different Platforms
Introduction
Adding versioning to future proof the app
Building and publishing an app for iOS
Building and publishing an app for Android

What You Will Learn

  • Create custom UIs using Angular 2 directives
  • Make the best use of REST APIs to submit forms
  • Create beautiful animations and graphics in the application
  • Embed videos and other media into the app
  • Access native device functionalities such as a camera and maps using ngCordova
  • Theme the application based on the various platform styles available
  • Publish your application to a variety of platforms
  • Leverage Angular 2 events and Ionic-specific events to communicate

Authors

Table of Contents

Chapter 1: Creating Our First App with Ionic 2
Introduction
Setting up a development environment
Creating a HelloWorld app via the CLI
Creating a HelloWorld app via Ionic Creator
Viewing the app using your web browser
Viewing the app using the Ionic CLI
Viewing the app using Xcode for iOS
Viewing the app using Genymotion for Android
Viewing the app using Ionic View
Chapter 2: Adding Ionic 2 Components
Introduction
Adding multiple pages using tabs
Adding left and right menu navigation
Navigating multiple pages with state parameters
Chapter 3: Extending Ionic 2 with Angular 2 Building Blocks
Introduction
Creating a custom pizza ordering component
Creating a custom username input directive
Creating a custom pipe
Creating a shared service to provide data to multiple pages
Chapter 4: Validating Forms and Making HTTP Requests
Introduction
Creating a complex form with input validation
Retrieving data via a mocked API using a static JSON file
Integrating with Stripe for online payment
Chapter 5: Adding Animation
Introduction
Embedding full screen inline video as background
Creating a physics-based animation using Dynamics.js
Animating the slide component by binding a gesture to the animation state
Adding a background CSS animation to the login page
Chapter 6: User Authentication and Push Notification Using Ionic Cloud
Introduction
Registering and authenticating users using Ionic Cloud
Building an iOS app to receive push notifications
Building an Android app to receive push notifications
Chapter 7: Supporting Device Functionalities Using Ionic Native
Introduction
Taking a photo using the camera plugin
Sharing content using the social sharing plugin
Displaying a term of service using InAppBrowser
Creating a Taxi app using the Google Maps plugin and geocode support
Chapter 8: Theming the App
Introduction
Viewing and debugging themes for a specific platform
Customizing themes based on the platform
Chapter 9: Publishing the App for Different Platforms
Introduction
Adding versioning to future proof the app
Building and publishing an app for iOS
Building and publishing an app for Android

Book Details

ISBN 139781786465962
Paperback320 pages
Read More
From 3 reviews

Read More Reviews