Learning Ionic

Discover a simpler approach to modern mobile application development with Ionic framework and learn how to create elegant hybrid apps with HTML5 and AngularJS

Learning Ionic

Learning
Arvind Ravulavaru

6 customer reviews
Discover a simpler approach to modern mobile application development with Ionic framework and learn how to create elegant hybrid apps with HTML5 and AngularJS
$35.99
$44.99
RRP $35.99
RRP $44.99
eBook
Print + eBook

Instantly access this course right now and get the skills you need in 2017

With unlimited access to a constantly growing library of over 4,000 eBooks and Videos, a subscription to Mapt gives you everything you need to learn new skills. Cancel anytime.

Free Sample

Book Details

ISBN 139781783552603
Paperback388 pages

Book Description

With this book, you will learn hybrid mobile application development using Ionic. This book uses Cordova 5.0.0, Ionic CLI 1.5.0, and Ionic 1.0.0 to explain the concepts and build apps.

To begin with, the book helps you understand where Ionic fits in today's world. Then, you will dive deep into Ionic CSS components and Ionic-AngularJS directives and services. You will also examine theming Ionic apps using the built-in SCSS setup.

Next, you will learn to build an Ionic client for a secure REST API, where you will implement user authentication and token-based development. Cordova and ngCordova will be explored, and you will learn how you can integrate device-specific features such as a camera and Geolocation with an Ionic app. We will wrap up the book by building a messaging app, which deals with talking to Firebase (a real-time data store), as well as device features.

By the end of this book, you will be able to develop a hybrid mobile application from start to finish, and generate device-specific installers.

Table of Contents

Chapter 1: Ionic – Powered by AngularJS
Understanding the separation of concerns
AngularJS components
AngularJS directives
AngularJS services
AngularJS resources
Summary
Chapter 2: Welcome to Ionic
Mobile Hybrid Architecture
What is Apache Cordova?
What is Ionic?
Software setup
The platform guide
Hello Ionic
The browser developer tools setup
The Ionic project structure
Scaffolding the tabs template
Scaffolding the side menu template
generator-ionic
Summary
Chapter 3: Ionic CSS Components and Navigation
Ionic CSS components
The Ionic router
Summary
Chapter 4: Ionic and SCSS
What is Sass?
Setting up SCSS in our Ionic project
Working with Ionic SCSS
Understanding the Ionic SCSS setup
The SCSS workflow
Building a swatch
Summary
Chapter 5: Ionic Directives and Services
Ionic directives and services
The Ionic Platform service
Content
Ionic loading
The ion-list and ion-item directives
Gesture directives and services
Summary
Chapter 6: Building a Bookstore App
An introduction to the Bookstore application
The Bookstore architecture
Setting up the server
Building the application
Summary
Chapter 7: Cordova and ngCordova
Setting up a platform-specific SDK
Testing the setup
Getting started with Cordova plugins
The Ionic plugin API
The Cordova whitelist plugin
ngCordova
Summary
Chapter 8: Building a Messaging App
The Ionic Chat app
The application architecture
Developing the application
Testing the application
Summary
Chapter 9: Releasing the Ionic App
Preparing the app for distribution
The PhoneGap service
Generating installers using the Cordova CLI
The Ionic package
Summary

What You Will Learn

  • Learn how a hybrid mobile application works
  • Familiarize yourself with Cordova and see how it fits into hybrid mobile application development
  • Seamlessly work with Ionic CSS components and Ionic-Angular JavaScript components such as directives and services
  • Learn how to theme Ionic apps as well as customize components using Ionic SCSS support
  • Develop an app that builds a client for a secure REST API using Ionic and AngularJS
  • Develop a real-time chat app using Firebase that consumes ngCordova
  • Learn how to generate a device-specific installer for an Ionic app using Ionic CLI as well as Ionic cloud services

Authors

Table of Contents

Chapter 1: Ionic – Powered by AngularJS
Understanding the separation of concerns
AngularJS components
AngularJS directives
AngularJS services
AngularJS resources
Summary
Chapter 2: Welcome to Ionic
Mobile Hybrid Architecture
What is Apache Cordova?
What is Ionic?
Software setup
The platform guide
Hello Ionic
The browser developer tools setup
The Ionic project structure
Scaffolding the tabs template
Scaffolding the side menu template
generator-ionic
Summary
Chapter 3: Ionic CSS Components and Navigation
Ionic CSS components
The Ionic router
Summary
Chapter 4: Ionic and SCSS
What is Sass?
Setting up SCSS in our Ionic project
Working with Ionic SCSS
Understanding the Ionic SCSS setup
The SCSS workflow
Building a swatch
Summary
Chapter 5: Ionic Directives and Services
Ionic directives and services
The Ionic Platform service
Content
Ionic loading
The ion-list and ion-item directives
Gesture directives and services
Summary
Chapter 6: Building a Bookstore App
An introduction to the Bookstore application
The Bookstore architecture
Setting up the server
Building the application
Summary
Chapter 7: Cordova and ngCordova
Setting up a platform-specific SDK
Testing the setup
Getting started with Cordova plugins
The Ionic plugin API
The Cordova whitelist plugin
ngCordova
Summary
Chapter 8: Building a Messaging App
The Ionic Chat app
The application architecture
Developing the application
Testing the application
Summary
Chapter 9: Releasing the Ionic App
Preparing the app for distribution
The PhoneGap service
Generating installers using the Cordova CLI
The Ionic package
Summary

Book Details

ISBN 139781783552603
Paperback388 pages
Read More
From 6 reviews

Read More Reviews