Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Learning Ionic
  • Table Of Contents Toc
Learning Ionic

Learning Ionic

By : Arvind Ravulavaru
4.4 (14)
Buy this Book
close
close
Learning Ionic

Learning Ionic

4.4 (14)
By: Arvind Ravulavaru
Buy this Book

Overview of this book

This book is intended for those who want to learn how to build hybrid mobile applications using Ionic. It is also ideal for people who want to explore theming for Ionic apps. Prior knowledge of AngularJS is essential to complete this book successfully.
Table of Contents (12 chapters)
close
close
close
Preface
Icon
Preface
Icon
What this book covers
Icon
What you need for this book
Icon
Who this book is for
Icon
Conventions
Icon
Reader feedback
Icon
Customer support
Lock Free Chapter
1
1. Ionic – Powered by AngularJS
Icon
1. Ionic – Powered by AngularJS
Icon
Understanding the separation of concerns
Icon
AngularJS components
Icon
AngularJS directives
Icon
AngularJS services
Icon
AngularJS resources
Icon
Summary
2
2. Welcome to Ionic
Icon
2. Welcome to Ionic
Icon
Mobile Hybrid Architecture
Icon
What is Apache Cordova?
Icon
What is Ionic?
Icon
Software setup
Icon
The platform guide
Icon
Hello Ionic
Icon
The browser developer tools setup
Icon
The Ionic project structure
Icon
Scaffolding the tabs template
Icon
Scaffolding the side menu template
Icon
generator-ionic
Icon
Summary
3
3. Ionic CSS Components and Navigation
Icon
3. Ionic CSS Components and Navigation
Icon
Ionic CSS components
Icon
The Ionic router
Icon
Summary
4
4. Ionic and SCSS
Icon
4. Ionic and SCSS
Icon
What is Sass?
Icon
Setting up SCSS in our Ionic project
Icon
Working with Ionic SCSS
Icon
Understanding the Ionic SCSS setup
Icon
The SCSS workflow
Icon
Building a swatch
Icon
Summary
5
5. Ionic Directives and Services
Icon
5. Ionic Directives and Services
Icon
Ionic directives and services
Icon
The Ionic Platform service
Icon
Content
Icon
Ionic loading
Icon
The ion-list and ion-item directives
Icon
Gesture directives and services
Icon
Summary
6
6. Building a Bookstore App
Icon
6. Building a Bookstore App
Icon
An introduction to the Bookstore application
Icon
The Bookstore architecture
Icon
Setting up the server
Icon
Building the application
Icon
Summary
7
7. Cordova and ngCordova
Icon
7. Cordova and ngCordova
Icon
Setting up a platform-specific SDK
Icon
Testing the setup
Icon
Getting started with Cordova plugins
Icon
The Ionic plugin API
Icon
The Cordova whitelist plugin
Icon
ngCordova
Icon
Summary
8
8. Building a Messaging App
Icon
8. Building a Messaging App
Icon
The Ionic Chat app
Icon
The application architecture
Icon
Developing the application
Icon
Testing the application
Icon
Summary
9
9. Releasing the Ionic App
Icon
9. Releasing the Ionic App
Icon
Preparing the app for distribution
Icon
The PhoneGap service
Icon
Generating installers using the Cordova CLI
Icon
The Ionic package
Icon
Summary
10
A. Additional Topics and Tips
chevron up
Icon
A. Additional Topics and Tips
Icon
Ionic CLI
Icon
Ionic Creator
Icon
Ionic.io apps
Icon
Ionic Push
Icon
Ionic Deploy
Icon
Ionic Vagrant box
Icon
Ionic Sublime Text plugins
Icon
Summary
11
Index
Icon
Index

Ionic CLI

Ionic CLI is growing more powerful day-by-day. At the time of writing, the latest version of Ionic CLI is 1.5.5. Since we have been using Ionic CLI 1.5.0 throughout the book, I will be talking about the options from this.

Ionic login

You can log in to your Ionic cloud account in any one of three ways.

First, using a prompt:

ionic login

Second, without a prompt:

ionic login --email [email protected] --password 12345678

Finally, using environment variables. You can set IONIC_EMAIL and IONIC_PASSWORD as environment variables and Ionic CLI will pick them up, without prompting. This could be considered a rather unsafe option, as the password would be stored in plain text.

Note

You need to have an Ionic.io account for the authentication to succeed.

Ionic start task

First we are going to take a look at the No Cordova flag option.

No Cordova flag

The Ionic start task is one of the simplest ways to scaffold a new Ionic application. In this book, we have used Ionic start to always create...

CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Learning Ionic
End of Section 10
Next Section
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful
Order Page Read Now

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon