Ionic: Hybrid Mobile App Development

An end-to-end journey, empowering you to build real-time, scalable, and interactive mobile applications with the Ionic framework
Preview in Mapt
Code Files

Ionic: Hybrid Mobile App Development

Rahat Khanna, Sani Yusuf, Hoc Phan

An end-to-end journey, empowering you to build real-time, scalable, and interactive mobile applications with the Ionic framework
Mapt Subscription
FREE
$29.99/m after trial
eBook
$44.80
RRP $63.99
Save 29%
Print + eBook
$79.99
RRP $79.99
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$44.80
$79.99
$29.99p/m after trial
RRP $63.99
RRP $79.99
Subscription
eBook
Print + eBook
Start 30 Day Trial

Frequently bought together


Ionic: Hybrid Mobile App Development Book Cover
Ionic: Hybrid Mobile App Development
$ 63.99
$ 44.80
Hybrid Mobile Development with Ionic Book Cover
Hybrid Mobile Development with Ionic
$ 31.99
$ 22.40
Buy 2 for $35.00
Save $60.98
Add to Cart
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
 

Book Details

ISBN 139781788293112
Paperback544 pages

Book Description

Hybrid Apps are a promising choice in mobile app development to achieve cost-effectiveness and rapid development. Ionic has evolved as the most popular choice for Hybrid Mobile App development as it tends to match the native experience and provides robust components/tools to build apps. The Ionic Complete Developers course takes you on an end–to-end journey, empowering you to build real-time, scalable, and interactive mobile applications with the Ionic framework.

Starting with an introduction to the Ionic framework to get you up and running, you will gradually move on to setting up the environment, and work through the multiple options and features available in Ionic to build amazing hybrid mobile apps. You will learn how to use Cordova plugins to include native functionality in your hybrid apps.

You will work through three complete projects and build a basic to-do list app, a London tourist app, and a complete social media app. All three projects have been designed to help you learn Ionic at its very best. From setting up your project to developing on both the server side and front end, and best practices for testing and debugging your projects, you'll quickly be able to deliver high-performance mobile apps that look awesome.

You will then hone your skills with recipes for cross-platform development. Integrating Ionic with Cordova will bring you native device features, and you will learn about the best modules from its ecosystem. Creating components and customizing the theme will allow you to extend Ionic. You'll see how to build your app to deploy to all platforms to make you a confident start-to-finish mobile developer.

This Learning Path combines some of the best that Packt has to offer in one complete, curated package. It includes content from the following Packt products:

Table of Contents

Chapter 1: All About Hybrid Mobile Apps and Ionic Framework
Introducing a Hybrid Mobile Application
Using web technologies to develop for mobile
What is AngularJS?
Why use Apache Cordova?
Introducing Ionic Framework
Summary
Chapter 2: Setting up the Environment the Right Way
Setting up Native Mobile development environments
Ionic development environment
Basic Ionic CLI commands
Building a dummy app
Popular issues faced and solutions
Alternative to installation fuss – Ionic Playground
Using Ionic Framework with different Code Editors
Summary
Chapter 3: Start Building Your First Ionic App
Starting a new project
Multiple ways to start a project
The anatomy of Ionic Project
The Ionic starter template
E-commerce sample app – BookStore
Summary
Chapter 4: Navigation and Routing in an Ionic App
Introduction to Angular UI Router
Ionic header and footer
Ionic Tabs
Ionic side menu
Navigation and back menus
Navigation and layout to be used in BookStore
Summary
Chapter 5: Accessorizing Your App with Ionic Components
Ionic CSS components
Ionic JS components
Miscellaneous components
Summary
Chapter 6: Integrating App with Backend Services
$http services
Ionic services vs factories
$resource and REST API
Demystifying mBaaS
Integrating with Parse
Integrating to Firebase
Summary
Chapter 7: Testing App on Real Devices
Testing on browser emulators
Ionic view app
Making debug build
Remote debugging
Testing using Ngrok
Summary
Chapter 8: Working with Cordova Plugins – ngCordova
Introduction to Cordova plugins
Integrating ngCordova to Ionic App
Important plugins
Network
Custom Cordova plugin development
Summary
Chapter 9: Future of Ionic
Ionic cloud services
Ionic v2
Summary
Chapter 10: First Look at Ionic
The beginning
Apache Cordova
What is Ionic?
Summary
Chapter 11: To-Do List App
Creating our first application
The Ionic workflow
Summary
Chapter 12: Running Ionic Apps
Running our todo app
Summary
Chapter 13: Ionic Components
Creating a new to-do list application
Summary
Chapter 14: The London Tourist App
Introduction to the London Tourist App
Summary
Chapter 15: Advanced Ionic Components
The Ionic Popover
The Ionic Modal
Summary
Chapter 16: Customizing the App
Customizing the look and feel of your app
Ionic SCSS overview
$ionicConfigProvider
Summary
Chapter 17: Building a Simple Social App
The Ionic tabs application
The <ion-tab> element
Summary
Chapter 18: Connecting to Firebase
Extending our tabs-app Ionic app
Firebase
Summary
Chapter 19: Roundup
Uncovered features of Ionic
Useful resources
Summary
Chapter 20: 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 21: Adding Ionic 2 Components
Introduction
Adding multiple pages using tabs
Adding left and right menu navigation
Navigating multiple pages with state parameters
Chapter 22: 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 23: 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 24: 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 25: 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 26: 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 27: Theming the App
Introduction
Viewing and debugging themes for a specific platform
Customizing themes based on the platform
Chapter 28: 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

  • Get to know about Hybrid Apps and AngularJS
  • Set up a development environment to build Hybrid Apps
  • Navigate around components and routing in Ionic
  • 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 the camera, contact list, e-mail, and maps using NG-Cordova
  • Integrate PhoneGap plugins with NG-Cordova
  • Test your apps to improve and optimize performance

Authors

Table of Contents

Chapter 1: All About Hybrid Mobile Apps and Ionic Framework
Introducing a Hybrid Mobile Application
Using web technologies to develop for mobile
What is AngularJS?
Why use Apache Cordova?
Introducing Ionic Framework
Summary
Chapter 2: Setting up the Environment the Right Way
Setting up Native Mobile development environments
Ionic development environment
Basic Ionic CLI commands
Building a dummy app
Popular issues faced and solutions
Alternative to installation fuss – Ionic Playground
Using Ionic Framework with different Code Editors
Summary
Chapter 3: Start Building Your First Ionic App
Starting a new project
Multiple ways to start a project
The anatomy of Ionic Project
The Ionic starter template
E-commerce sample app – BookStore
Summary
Chapter 4: Navigation and Routing in an Ionic App
Introduction to Angular UI Router
Ionic header and footer
Ionic Tabs
Ionic side menu
Navigation and back menus
Navigation and layout to be used in BookStore
Summary
Chapter 5: Accessorizing Your App with Ionic Components
Ionic CSS components
Ionic JS components
Miscellaneous components
Summary
Chapter 6: Integrating App with Backend Services
$http services
Ionic services vs factories
$resource and REST API
Demystifying mBaaS
Integrating with Parse
Integrating to Firebase
Summary
Chapter 7: Testing App on Real Devices
Testing on browser emulators
Ionic view app
Making debug build
Remote debugging
Testing using Ngrok
Summary
Chapter 8: Working with Cordova Plugins – ngCordova
Introduction to Cordova plugins
Integrating ngCordova to Ionic App
Important plugins
Network
Custom Cordova plugin development
Summary
Chapter 9: Future of Ionic
Ionic cloud services
Ionic v2
Summary
Chapter 10: First Look at Ionic
The beginning
Apache Cordova
What is Ionic?
Summary
Chapter 11: To-Do List App
Creating our first application
The Ionic workflow
Summary
Chapter 12: Running Ionic Apps
Running our todo app
Summary
Chapter 13: Ionic Components
Creating a new to-do list application
Summary
Chapter 14: The London Tourist App
Introduction to the London Tourist App
Summary
Chapter 15: Advanced Ionic Components
The Ionic Popover
The Ionic Modal
Summary
Chapter 16: Customizing the App
Customizing the look and feel of your app
Ionic SCSS overview
$ionicConfigProvider
Summary
Chapter 17: Building a Simple Social App
The Ionic tabs application
The <ion-tab> element
Summary
Chapter 18: Connecting to Firebase
Extending our tabs-app Ionic app
Firebase
Summary
Chapter 19: Roundup
Uncovered features of Ionic
Useful resources
Summary
Chapter 20: 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 21: Adding Ionic 2 Components
Introduction
Adding multiple pages using tabs
Adding left and right menu navigation
Navigating multiple pages with state parameters
Chapter 22: 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 23: 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 24: 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 25: 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 26: 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 27: Theming the App
Introduction
Viewing and debugging themes for a specific platform
Customizing themes based on the platform
Chapter 28: 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 139781788293112
Paperback544 pages
Read More

Read More Reviews

Recommended for You

Hybrid Mobile Development with Ionic Book Cover
Hybrid Mobile Development with Ionic
$ 31.99
$ 22.40
Beginning Ionic Hybrid Application Development [Video] Book Cover
Beginning Ionic Hybrid Application Development [Video]
$ 49.99
$ 42.50
ASP.NET MVC 4 Mobile App Development Book Cover
ASP.NET MVC 4 Mobile App Development
$ 26.99
$ 18.90
Lean Mobile App Development Book Cover
Lean Mobile App Development
$ 31.99
$ 22.40
Mobile App Development with PhoneGap [Video] Book Cover
Mobile App Development with PhoneGap [Video]
$ 99.99
$ 85.00
Creating Mobile Apps with jQuery Mobile - Second Edition Book Cover
Creating Mobile Apps with jQuery Mobile - Second Edition
$ 26.99
$ 18.90