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

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Learning Ionic
  • Toc
  • feedback
Learning Ionic

Learning Ionic

By : Ravulavaru
4.4 (14)
close
Learning Ionic

Learning Ionic

4.4 (14)
By: Ravulavaru

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
Preface
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Free Chapter
1
1. Ionic – Powered by AngularJS
1. Ionic – Powered by AngularJS
Understanding the separation of concerns
AngularJS components
AngularJS directives
AngularJS services
AngularJS resources
Summary
2
2. Welcome to Ionic
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
3
3. Ionic CSS Components and Navigation
3. Ionic CSS Components and Navigation
Ionic CSS components
The Ionic router
Summary
4
4. Ionic and SCSS
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
5
5. Ionic Directives and Services
chevron up
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
6
6. Building a Bookstore App
6. Building a Bookstore App
An introduction to the Bookstore application
The Bookstore architecture
Setting up the server
Building the application
Summary
7
7. Cordova and ngCordova
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
8
8. Building a Messaging App
8. Building a Messaging App
The Ionic Chat app
The application architecture
Developing the application
Testing the application
Summary
9
9. Releasing the Ionic App
9. Releasing the Ionic App
Preparing the app for distribution
The PhoneGap service
Generating installers using the Cordova CLI
The Ionic package
Summary
10
A. Additional Topics and Tips
A. Additional Topics and Tips
Ionic CLI
Ionic Creator
Ionic.io apps
Ionic Push
Ionic Deploy
Ionic Vagrant box
Ionic Sublime Text plugins
Summary
11
Index
Index

Chapter 5. Ionic Directives and Services

Reiterating our journey so far, we have started off by understanding the importance of AngularJS as a client-side MVW framework. We have gone through Apache Cordova, where and how it fits in to the entire hybrid application development stack. Then we introduced Ionic, explaining what it is and how it enables us to build hybrid applications with ease. In Chapter 3, Ionic CSS Components and Navigation, we saw how Ionic could be used as a CSS-only framework for your mobile web development, and in Chapter 4, Ionic and SCSS, we saw how we could theme those components using the power of SCSS.

In this chapter, we are going to take a look at Ionic directives and services, which provides reusable components and functionality that help us in developing applications even faster.

By the end of this chapter, you will be able to:

  • Understand Ionic directives
  • Understand Ionic services
End of Section 1
Next Section
bookmark search playlist font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete