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 Creator

Ionic Creator is another handy tool that you can use to quickly build Ionic UI. You can head to http://creator.ionic.io/ and start using the tool. You will need an Ionic.io account to work with this tool.

Using Ionic Creator, you can quickly drag-and-drop Ionic components and start building a prototype for your app. This app is persisted in the cloud and you can access this at any time and make modifications.

Ionic Creator (in the process of designing an app) will look like this:

Ionic Creator

Once you are done designing your app, you can download the app using any of these three ways:

  • First, using Ionic CLI:
    ionic start [appName] creator:c45ac24bd221
  • Second, downloading the ZIP file of the project
  • Finally, downloading the pure HTML

You can find these options when you click on the Ionic Creator (export) icon, present at the top left of the page.

Note

You can read more about Ionic Creator at http://thejackalofjavascript.com/ionic-creator-beta/.

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