Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases now! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Hybrid Mobile Development with Ionic
Hybrid Mobile Development with Ionic

Hybrid Mobile Development with Ionic: Building highly interactive mobile apps

eBook
€17.99 €26.99
Paperback
€32.99
Subscription
Free Trial
Renews at €18.99p/m

What do you get with a Packt Subscription?

Free for first 7 days. $19.99 p/m after that. Cancel any time!
Product feature icon Unlimited ad-free access to the largest independent learning library in tech. Access this title and thousands more!
Product feature icon 50+ new titles added per month, including many first-to-market concepts and exclusive early access to books as they are being written.
Product feature icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Product feature icon Thousands of reference materials covering every tech concept you need to stay up to date.
Subscribe now
View plans & pricing
Table of content icon View table of contents Preview book icon Preview Book

Hybrid Mobile Development with Ionic

Ionic Components

In this chapter, we will be going through various Ionic components and APIs that are necessary while building large applications. Ionic provides various built-in JavaScript components that we can utilize intelligently. There are many APIs provided by Ionic that we are not really aware of and here we will learn how we can efficiently use these in our application to increase the performance of the application and make it production ready.
We will also be starting here with an e-commerce application named vPlanet Commerce; I named this as one of my product ideas where we will be taking e-commerce stores to mobile. We will add progressive web app support to the application later in this book so that we have a complete package. To make this chapter interesting, I will integrate different Ionic components and APIs according to what an e-commerce app requires while building. This way you will have an entire...

Building vPlanet Commerce

We have been talking for a while about building an e-commerce application; now we will be getting started with that. As previously mentioned, it is named vPlanet Commerce. The vPlanet Commerce app is an e-commerce app that will demonstrate various Ionic components integrated inside the application and also some third-party components built by the community. As we move forward to the Chapter 3, Ionic Native and Plugins, we will be integrating Ionic Cloud services such as auth, Ionic DB, deploy, and so on. This will help us complete the application and make it look like a professional application. Let's start by creating the application from scratch using the sidemenu template:

You now have the basic application ready based on the side menu template. The next step I took is to take reference from ionic-conference-app for building the initial components of the application, same as the...

Ionic components

There are many Ionic JavaScript components that we can effectively use while building our application. What's best is to look around for features that we will need in our application. Let's get started with the home page of our e-commerce application, which will have an image slider with banners on it.

Slides

The slides component is a multi-section container that can be used in multiple scenarios, such as a tutorial view or banner slider. The <ion-slides> component has multiple <ion-slide> elements, which can be dragged or swiped left/right. Slides have multiple configuration options available, which can be passed in the ion-slides such as autoplay, pager, direction: vertical/horizontal, initial slide, and speed.
Using slides...

Ionic APIs and custom modules

Until now, we have worked on multiple Ionic components. To support these components we have Component APIs for classes such as checkbox, toggle, or item, which show how to use them. We have already used many APIs while we used the components. Now we will look further at all the useful APIs we have that can be used inside our e-commerce application. Also, another important aspect is using custom modules, which will further enhance the application by adding localization, making custom pipes, and so on.

Complex grids

We will be starting with one of the common problems many developers face while building applications in the Ionic grid system. The Ionic grid system is based on flexbox (http://www.w3.org/TR/css3-flexbox/), which is a CSS3...

Lazy Loading with Ionic 3

Lazy Loading is much-awaited feature which recently released with Ionic 3. Lazy Loading will improve our applications startup time, reduce the bundle size and removes the hassle of including same component path in every Class which eases the process of setting up Ionic routing. Let’s look into what changes are required and how your application will improve. Also, in Chapter 5, Authentication, Authorization, and Security the application demonstration will have lazy Loading implemented inside it.

Currently, lazy Loading component have some known bugs which Ionic team is actively working upon. Also, setting this will override DeepLinkConfig defined in IonicModule.forRoot. We will be introducing IonicPageModule in each component and new module.ts file in each page component. Make sure you actively follow Ionic blog and any new releases which can come up with further bugs fixes and new...

Summary

Ionic components and related resources are the backbone of any Ionic application. With intelligent use of components and available third-party components, we can get better performance and make our application user friendly. Choosing the right component for the right place is tricky, and the most interesting part is we have to think from the perspective of the end user and the end user's experience with our application. We have to make sure that the user does not feel as if they are in a different world and away from the native experience, which usually happens. We can cover as many important components and important points as we want in this chapter, but what is suggested is to stay updated in the community and look for available resources that you can utilize easily for your application. Next, we will be moving towards the integration of plugins within our application. As almost every application...

Left arrow icon Right arrow icon
Download code icon Download Code

Key benefits

  • Develop high-grade and performance-optimized hybrid applications using the latest version of Ionic
  • Discover the latest and upcoming features of Ionic
  • A practical guide that will help you fully utilize all the features and components of Ionic efficiently

Description

Ionic is an open source, front-end framework that allows you to develop hybrid mobile apps without any native-language hassle for each platform. It offers a library of mobile-optimized HTML, CSS, and JS components for building highly interactive mobile apps. This book will help you to develop a complete, professional and quality mobile application with Ionic Framework. You will start the journey by learning to configure, customize, and migrate Ionic 1x to 3x. Then, you will move on to Ionic 3 components and see how you can customize them according to your applications. You will also implement various native plugins and integrate them with Ionic and Ionic Cloud services to use them optimally in your application. By this time, you will be able to create a full-fledged e-commerce application. Next, you will master authorization, authentication, and security techniques in Ionic 3 to ensure that your application and data are secure. Further, you will integrate the backend services such as Firebase and the Cordova iBeacon plugin in your application. Lastly, you will be looking into Progressive Web Applications and its support with Ionic, with a demonstration of an offline-first application. By the end of the book, you will not only have built a professional, hybrid mobile application, but will also have ensured that your app is secure and performance driven.

Who is this book for?

The target audience for this book is intermediate-level application developers who have some basic knowledge of Ionic.

What you will learn

  • Use every Ionic component and its customization according to the application along with some important third party components
  • Recently released Lazy Loading and Grid System supporting desktop application with Electron
  • Integration of the various Ionic backend services and features such as Ionic Push, DB, Auth, Deploy in your application
  • Exploration of white-listing, CORS, and various other platform security aspects to secure your application
  • Synchronization of your data with the cloud server and fetching it in real time using Ionic Cloud and Firebase services
  • Integration of the Cordova iBeacon plugin which will fetch contextual data on the basis of location and Websockets for real time communication for IOT based applications
  • Implementation of offline functionality in your PWA application using service-worker, cache storage and indexedDB

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Apr 27, 2017
Length: 242 pages
Edition : 1st
Language : English
ISBN-13 : 9781785286056
Vendor :
Drifty
Category :
Languages :
Tools :

What do you get with a Packt Subscription?

Free for first 7 days. $19.99 p/m after that. Cancel any time!
Product feature icon Unlimited ad-free access to the largest independent learning library in tech. Access this title and thousands more!
Product feature icon 50+ new titles added per month, including many first-to-market concepts and exclusive early access to books as they are being written.
Product feature icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Product feature icon Thousands of reference materials covering every tech concept you need to stay up to date.
Subscribe now
View plans & pricing

Product Details

Publication date : Apr 27, 2017
Length: 242 pages
Edition : 1st
Language : English
ISBN-13 : 9781785286056
Vendor :
Drifty
Category :
Languages :
Tools :

Packt Subscriptions

See our plans and pricing
Modal Close icon
€18.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
€189.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts
€264.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts

Frequently bought together


Stars icon
Total 129.97
Ionic: Hybrid Mobile App Development
€59.99
Hybrid Mobile Development with Ionic
€32.99
Learning Ionic, Second Edition
€36.99
Total 129.97 Stars icon

Table of Contents

8 Chapters
Getting Started with Ionic 3 Chevron down icon Chevron up icon
Ionic Components Chevron down icon Chevron up icon
Ionic Native and Plugins Chevron down icon Chevron up icon
Ionic Platform and Services Chevron down icon Chevron up icon
Authentication, Authorization, and Security Chevron down icon Chevron up icon
TasteBite App with Firebase Chevron down icon Chevron up icon
Ionic, IOT, and Beacons Chevron down icon Chevron up icon
Ionic + PWA = Magic Chevron down icon Chevron up icon

Customer reviews

Rating distribution
Full star icon Full star icon Full star icon Empty star icon Empty star icon 3
(2 Ratings)
5 star 50%
4 star 0%
3 star 0%
2 star 0%
1 star 50%
Cliente Amazon Sep 02, 2017
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Buen libro, recomendable si te gusta programar aplicaciones móviles.Por poner un defecto, letra grande.Volvería a comprarlo.Un saludo
Amazon Verified review Amazon
Cliente Amazon Apr 13, 2018
Full star icon Empty star icon Empty star icon Empty star icon Empty star icon 1
The theory is good, but the pratical part is incomplete and the logical flow of examples are totally a messy. It's not possible run one example without thousands of searches on internet. Waste time and money.
Amazon Verified review Amazon
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

What is included in a Packt subscription? Chevron down icon Chevron up icon

A subscription provides you with full access to view all Packt and licnesed content online, this includes exclusive access to Early Access titles. Depending on the tier chosen you can also earn credits and discounts to use for owning content

How can I cancel my subscription? Chevron down icon Chevron up icon

To cancel your subscription with us simply go to the account page - found in the top right of the page or at https://subscription.packtpub.com/my-account/subscription - From here you will see the ‘cancel subscription’ button in the grey box with your subscription information in.

What are credits? Chevron down icon Chevron up icon

Credits can be earned from reading 40 section of any title within the payment cycle - a month starting from the day of subscription payment. You also earn a Credit every month if you subscribe to our annual or 18 month plans. Credits can be used to buy books DRM free, the same way that you would pay for a book. Your credits can be found in the subscription homepage - subscription.packtpub.com - clicking on ‘the my’ library dropdown and selecting ‘credits’.

What happens if an Early Access Course is cancelled? Chevron down icon Chevron up icon

Projects are rarely cancelled, but sometimes it's unavoidable. If an Early Access course is cancelled or excessively delayed, you can exchange your purchase for another course. For further details, please contact us here.

Where can I send feedback about an Early Access title? Chevron down icon Chevron up icon

If you have any feedback about the product you're reading, or Early Access in general, then please fill out a contact form here and we'll make sure the feedback gets to the right team. 

Can I download the code files for Early Access titles? Chevron down icon Chevron up icon

We try to ensure that all books in Early Access have code available to use, download, and fork on GitHub. This helps us be more agile in the development of the book, and helps keep the often changing code base of new versions and new technologies as up to date as possible. Unfortunately, however, there will be rare cases when it is not possible for us to have downloadable code samples available until publication.

When we publish the book, the code files will also be available to download from the Packt website.

How accurate is the publication date? Chevron down icon Chevron up icon

The publication date is as accurate as we can be at any point in the project. Unfortunately, delays can happen. Often those delays are out of our control, such as changes to the technology code base or delays in the tech release. We do our best to give you an accurate estimate of the publication date at any given time, and as more chapters are delivered, the more accurate the delivery date will become.

How will I know when new chapters are ready? Chevron down icon Chevron up icon

We'll let you know every time there has been an update to a course that you've bought in Early Access. You'll get an email to let you know there has been a new chapter, or a change to a previous chapter. The new chapters are automatically added to your account, so you can also check back there any time you're ready and download or read them online.

I am a Packt subscriber, do I get Early Access? Chevron down icon Chevron up icon

Yes, all Early Access content is fully available through your subscription. You will need to have a paid for or active trial subscription in order to access all titles.

How is Early Access delivered? Chevron down icon Chevron up icon

Early Access is currently only available as a PDF or through our online reader. As we make changes or add new chapters, the files in your Packt account will be updated so you can download them again or view them online immediately.

How do I buy Early Access content? Chevron down icon Chevron up icon

Early Access is a way of us getting our content to you quicker, but the method of buying the Early Access course is still the same. Just find the course you want to buy, go through the check-out steps, and you’ll get a confirmation email from us with information and a link to the relevant Early Access courses.

What is Early Access? Chevron down icon Chevron up icon

Keeping up to date with the latest technology is difficult; new versions, new frameworks, new techniques. This feature gives you a head-start to our content, as it's being created. With Early Access you'll receive each chapter as it's written, and get regular updates throughout the product's development, as well as the final course as soon as it's ready.We created Early Access as a means of giving you the information you need, as soon as it's available. As we go through the process of developing a course, 99% of it can be ready but we can't publish until that last 1% falls in to place. Early Access helps to unlock the potential of our content early, to help you start your learning when you need it most. You not only get access to every chapter as it's delivered, edited, and updated, but you'll also get the finalized, DRM-free product to download in any format you want when it's published. As a member of Packt, you'll also be eligible for our exclusive offers, including a free course every day, and discounts on new and popular titles.