Learn all the basics, build 5 complete mobile apps, and submit them to the iOS and Android app stores.

Ionic 2 Mobile Apps

UPDATE: Confused about the Ionic versions? Ionic 2? Ionic 3? Unlike the transition from Ionic 1 to Ionic 2, the transition from Ionic 2 to Ionic 3 and onwards will still be the same basic framework. The new version numbers just indicate major updates to the framework. Officially, the framework should be referred to as just "Ionic" however I will be keeping the version numbers for now to make it more clear that the book is up to date with the latest and greatest Ionic.

If you haven't at least heard of Ionic, then you're probably completely new to HTML5 mobile application development - and that's completely OK, this eBook makes no assumption of skill levels and will walk you through basic concepts, to more advanced concepts and all the way to submitting your application on the Apple App Store and Google Play - a critical, and difficult, step many other resources leave out. All you need to bring to the table is a basic understanding of JavaScript and the web.

Since you're reading this, you probably fall into one of the following categories:

  • You've used Ionic 1, and want to learn Ionic 2 & 3
  • You've used other frameworks but want to switch to Ionic 2 & 3
  • You're completely new to mobile app development, and you may not have even developed an app before

If you fall into any of these categories then you will have a lot to gain from this book, but if you fall into the last category you might need a bit of a primer on what HTML5 mobile app development is and why you might want to use it.

Why Should I Read This eBook?

This isn't just a collection of guided example style tutorials, it's a comprehensive course that covers absolutely everything you need to know to start building mobile applications with Ionic 2 & 3. Starting with a thorough explanation of the basics, working up to examples of varying degress of difficulty, right through to getting the application onto real devices and submitting them to app stores.

This course does contain complete, different and interesting real world examples, but where this course really shines is all the information provided outside of that. Many resources you will find teach you how to build an app, but they often leave out the hardest steps like:

A lot of this stuff is pretty easy once you know how to do it, but there are a ton of steps involved that can be really confusing to work out on your own.

Building Mobile Apps with Ionic 2 & 3 makes no assumptions of technical capability - you should be reasonably familiar with Javascript and general programming principles, but there is no assumed knowledge of Ionic or any other mobile development required. A lot of time has been put into making sure all concepts, no matter how big or small, are explained thoroughly.

Jorge Vergara

"For anyone that needs a full guide to getting started with Ionic I recommend Josh's book. It's without a doubt one of the best technical books I've read. I went through it during the weekend and started building my first complex Ionic app on Monday, it's worth every $$." - Jorge Vergara, Mobile Development Consultant

Check out the book structure below to see what you're in for.


Table of Contents

Section 1: Introduction

Level 1 Level 2 Level 3 Lesson 1: Welcome to Building Mobile Apps with Ionic
Level 1 Level 2 Level 3 Lesson 2: New Concepts
Level 1 Level 2 Level 3 Lesson 3: Intro 2 & Angular 2 Syntax

Section 2: Ionic Basics

Level 1 Level 2 Level 3 Lesson 1: Generating an Ionic Application
Level 1 Level 2 Level 3 Lesson 2: Anatomy of an Ionic Project
Level 1 Level 2 Level 3 Lesson 3: Ionic CLI Commands
Level 1 Level 2 Level 3 Lesson 4: Decorators Preview!
Level 1 Level 2 Level 3 Lesson 5: Classes
Level 1 Level 2 Level 3 Lesson 6: Templates
Level 1 Level 2 Level 3 Lesson 7: Styling & Themeing
Level 1 Level 2 Level 3 Lesson 8: Navigation
Level 1 Level 2 Level 3 Lesson 9: User Input
Level 1 Level 2 Level 3 Lesson 10: Saving Data
Level 1 Level 2 Level 3 Lesson 11: Fetching Data, Observables & Promises
Level 1 Level 2 Level 3 Lesson 12: Native Functionality

Section 3: Quicklists

Level 1 Level 2 Level 3 Lesson 1: Introduction
Level 1 Level 2 Level 3 Lesson 2: Getting Ready
Level 1 Level 2 Level 3 Lesson 3: Basic Layout
Level 1 Level 2 Level 3 Lesson 4: Data Models & Observables Preview!
Level 1 Level 2 Level 3 Lesson 5: Creating Checklists and Checklist Items
Level 1 Level 2 Level 3 Lesson 6: Saving & Loading Checklists
Level 1 Level 2 Level 3 Lesson 7: Creating an Introduction Slider & Themeing
Level 1 Level 2 Level 3 Lesson 8: Conclusion

Section 4: Giflist

Level 2 Level 3 Lesson 1: Introduction
Level 2 Level 3 Lesson 2: Getting Ready
Level 2 Level 3 Lesson 3: The List Page
Level 2 Level 3 Lesson 4: The Reddit API and HTML5 Video
Level 2 Level 3 Lesson 5: Settings and Saving Data
Level 2 Level 3 Lesson 6: Styling
Level 2 Level 3 Lesson 7: Conclusion

Section 5: Snapaday

Level 2 Level 3 Lesson 1: Introduction
Level 2 Level 3 Lesson 2: Getting Ready
Level 2 Level 3 Lesson 3: The Layout
Level 2 Level 3 Lesson 4: Taking Photos with the Camera
Level 2 Level 3 Lesson 4: Saving & Loading Photos
Level 2 Level 3 Lesson 5: Creating a Custom Pipe and Slideshow
Level 2 Level 3 Lesson 6: Integrating Local Notifications & Social Sharings
Level 2 Level 3 Lesson 7: Styling
Level 2 Level 3 Lesson 8: Conclusion

Section 6: Camper Mate

Level 3 Lesson 1: Introduction
Level 3 Lesson 2: Getting Ready
Level 3 Lesson 3: Creating a Tabs Layout
Level 3 Lesson 4: User Input & Forms
Level 3 Lesson 5: Implementing Google Maps & Geolocation
Level 3 Lesson 6: Saving and Retrieving Data
Level 3 Lesson 7: Reusing Components
Level 3 Lesson 8: Styling
Level 3 Lesson 9: Conclusion

Section 7: Camper Chat

Level 3 Lesson 1: Introduction
Level 3 Lesson 2: Getting Ready
Level 3 Lesson 3: Login Page & Sliding Menu Layout
Level 3 Lesson 4: Using Facebook for Authentication
Level 3 Lesson 5: Creating Messages & Navigation
Level 3 Lesson 6: Creating a Local and Remote Backend with PouchDB and Cloudant
Level 3 Lesson 7: Styling & Animation
Level 3 Lesson 8: Conclusion

Section 8: Testing & Debugging

Level 1 Level 2 Level 3 Lesson 1: Testing & Debugging

Section 9: Building & Submitting

Level 1 Level 2 Level 3 Lesson 1: Preparing Assets
Level 1 Level 2 Level 3 Lesson 2: Signing iOS Applications on a Mac or PC
Level 1 Level 2 Level 3 Lesson 3: Signing Android Applications on a Mac or PC
Level 1 Level 2 Level 3 Lesson 4: Building for iOS & Android using Ionic Package (without a Mac)
Level 1 Level 2 Level 3 Lesson 5: Submitting to the Apple App Store
Level 1 Level 2 Level 3 Lesson 6: Submitting to Google Play
Level 1 Level 2 Level 3 Lesson 7: Updating on the App Stores

Section 9: Congrats!

Level 1 Level 2 Level 3 Lesson 1: Conclusion
David Izatt

"Josh's writing style is light and enthusiastic, making it enjoyable to consume large amounts of information easily, no small feat when addressing a technical matter." - David Izatt, Software Architect, Essenti Technologies

The Example Applications

Quicklists

Quick Lists is the de facto step-by-step tutorial application for this course - no matter which of the packages you purchased, you will have access to this lesson. The reason I chose Quick Lists to fill this role is because it covers a broad range of the core concepts in Ionic 2 & 3, and the skills you learn throughout building this application will be used frequently in most other applications you create. Topics covered include:

  • Complex Lists
  • Data Models
  • Observables
  • Forms and User Input
  • Simple Navigation
  • Passing Data Between Pages
  • Creating, Reading, Updating and Deleting Data
  • Data Storage and Retrieval
  • Themeing
Giflist

Giflist is a pretty simple application, the general idea is that a user can enter in any subreddit from reddit, and the app will fetch and display GIFs from that subreddit.

As well as just fetching GIFs from reddit, users will also be able to supply some settings to configure the application to their preferences. Although the concept is pretty simple, there are a few interesting things that you will learn through building it, this will include:

  • Fetching data from a 3rd party API
  • Data storage
  • Theming
  • Lists
  • Modals
  • Data models
  • HTML5 Video
Snapaday

Snapaday is based around everybody's favourite native plugin, the camera. I don't actually have any data to back that claim up, but the camera is definitely one of the coolest integrations. It's also a plugin people often struggle with, it's one of those things that looks easy on the surface but there's a few tricks to it.

In fact, Snapaday is pretty much the "native plugin app" in this eBook - as well as covering how to use the camera we'll also be integrating local notifications and social sharing (we've got to get those selfies on Facebook right?). Here's a summary of what you'll be learning:

  • How to integrate native plugins
  • How to use the Camera API
  • How to use the File API
  • How to use local notifications
  • How to use modals
  • How to create a custom provider
  • How to store files permanently
Camper Mate

Camper Mate is an interesting application to build because it doesn't really have one specific purpose like the other applications it's a bit of a utility tool belt kind of app. It provides a bunch of different features to users that might be useful for them when going on caravan or camping trips.

The two most important concepts we'll be covering in this application are the integration and use of Google Maps and the use of forms for capturing user input. Also, the first application in this book, Quicklists, would make an excellent addition to this application, so we're even going to look at how can add the entire Quick Lists application to a single tab in Camper Mate (it's surprisingly easy). Here's what we'll cover:

  • Creating forms and capturing user data
  • Implementing Google Maps and creating a custom provider to handle that
  • Creating a tabs layout
  • Saving and retrieving multiple sets of data
  • Reusing components from another application
Camper Chat

Camper Chat is a live chat application. Users will be able to log in with their Facebook account and chat all things caravan and camping with anybody else who is using the application. The coolest thing about this application is the integration with PouchDB for storing local data, and Cloudant for syncing that PouchDB data to a remote backend. This means that the data can be available to users when they are offline, and when they come back online again the latest updates will be fetched from the remote backend. Here's what we will cover:

  • Navigation
  • Using a Sliding Menu
  • Using PouchDB to store local data
  • Using Cloudant to store remote data
  • Using the Facebook API for authentication and other features
  • Updating and displaying data in real time

The Video Course

The EXPERT package of Building Mobile Apps with Ionic 2 & 3 also comes with a BONUS: 1 hour video course. The video course is intended to introduce you to the most important Ionic 2 & 3 concepts.

We walk through building a simple todo application, and along the way we cover the core Ionic 2 & 3 concepts. The videos don't go into nearly as much depth as the book does, but it should make you feel more comfortable with the basics of how an Ionic application works and the project structure.

You can watch the following lesson for free to see what the video course is like:

Baadier Sydow

"You've really delivered a lot of value for the price and to be honest, I can't say that about all the authors I've supported in the past. I'd like to wholeheartedly thank you. The book has been an invaluable resource while working on our current project. The reading on my Kindle has been a real blessing because I can literally read about Ionic in bed :)" - Baadier Sydow, Founder, Sem Zoom

The Themes

Some of the packages even come with high quality Ionic themes (from my yet to be announced new website). You can get the Refine theme which is a beautiful product filtering application, and the Fliqs theme which is a movie catalog style application.

Check them out below:

These themes are fully functional, it's not just the design. Each theme is hooked up to a JSON data source that it pulls information in from, so it is much easier to switch to your own data source if you want.

Unlike the application walkthroughs in the book, we don't actually cover how to build these from scratch, but they have been built with an expert level of functionality and attention to design. You can take a look at the code to learn a few tips and tricks for yourself, and since each theme comes with 1 x Standard License, you can even use them directly for your own production app.

If you want to see full details on what the standard license allows you to do click here. The brief version is that the standard license entitles you to use the theme in one commercial (or non-commercial) product. You can sell whatever you create using the theme, or you can use it to create an app for a single client, but you are not allowed to resell or redistribute the theme by itself (just common sense stuff really!).

The Packages

Mobile Development for Web Developers

BASIC PACKAGE

Building Mobile Apps with Ionic 2 & 3 - Basic

The Basic Package contains everything you need to get started with Ionic 2 & 3 development. You'll get access to all of the basic lessons and a walkthrough of the Quick Lists application which covers most of the core Ionic 2 & 3 concepts, so it's a great application for beginners to tackle.

  • All Level 1 Content
  • eBook in PDF Format (Basic Version: ~270 pages)
  • eBook in EPUB & MOBI formats (Basic Versions)
  • Quick Lists Application Source Code
  • Splash Screen Design Templates
  • BUY NOW $39 (excl. tax)

PREMIUM PACKAGE

Building Mobile Apps with Ionic 2 & 3 - Premium

As well as getting everything in the Basic Package, the Premium Package also comes with an additional two application walkthroughs. These applications go a little bit more beyond the basics and include things like fetching remote data and integrating with native API's.

This package also comes with the premium Ionic 2 & 3 theme: Refine.

  • All Level 1 & Level 2 Content
  • eBook in PDF Format (Premium Version: ~400 pages)
  • eBook in EPUB & MOBI formats (Premium Versions)
  • Quick Lists Application Source Code
  • Giflist Application Source Code
  • Snapaday Application Source Code
  • Premium Theme: Refine (1 x Standard License)
  • Splash Screen Design Templates
  • BUY NOW $79 (excl. tax)

EXPERT PACKAGE

Building Mobile Apps with Ionic 2 - Expert

This is the package with the lot, it's for those of you who really want to dive in and get your hands dirty with Ionic 2 & 3. You'll get everything in the Basic Package and the Premium Package, but you'll also get another two application walkthroughs. You'll cover more advanced topics like creating a database backend, syncing local and remote data, displaying live data, integrating Google Maps and more.

You will also receive the 1 hour video course (including video notes and source code) and both of the premium Ionic 2 & 3 themes.

  • All Level 1, Level 2 & Level 3 Content
  • eBook in PDF Format (Expert Version: ~560 pages)
  • eBook in EPUB & MOBI formats (Expert Versions)
  • Quick Lists Application Source Code
  • Giflist Application Source Code
  • Snapaday Application Source Code
  • Camper Mate Application Source Code
  • Camper Chat Application Source Code
  • Premium Theme: Refine (1 x Standard License)
  • Premium Theme: Fliqs (1 x Standard License)
  • 1 hour Video Course
  • Video Lesson Notes
  • Video Application Source Code
  • Splash Screen Design Templates
  • BUY NOW $129 (excl. tax)

Want to bundle in some dedicated support? Grab the expert package and 3 hours of consulting for a discounted price of $299 (excl. tax). I'll get in touch with you after your purchase. Buy now.

I also offer a package for companies that want to distribute this to multiple developers. You will receive the expert package and a license to distribute the book to 5 other people for a bulk price of $399 (excl. tax). Buy now.

Not sure yet?

Subscribe to my mailing list to get a free 7 day Ionic 2 & 3 email course and a free preview of my Building Mobile Apps with Ionic book.

I won't send you spam. Unsubscribe at any time. Powered by ConvertKit

Around the Web

(some of the 2,000+ developers who have bought the book so far, and who's feedback has helped me improve it even more)

Who are you?

Josh Morony My name is Josh Morony, and I've been teaching mobile development on my blog for over 3 years, my free tutorials currently receive an average of over 4 million views per year, and over 14,000 developers are subscribed via email to receive all of my free HTML5 mobile tutorials (why not join them?).

In the past I've released another popular HTML5 mobile book, Mobile Development for Web Developers, as well as a couple of other books on Sencha Touch and PhoneGap development.

I take a practical and to the point approach to teaching. I understand that people have different levels of understanding and take the effort to make sure concepts, no matter how big or small, are explained thoroughly.

What do I get when I purchase the book?

Once you have purchased the package you want, you will receive a downloadable package that will contain all of the content for the book. The downloadable package will give you access to all of the content for your package, including all of the source code for the applications in your package.

Is the book written for TypeScript?

Yes! The book has been updated to use TypeScript, as this is the default for Ionic applications.

Can I use the example applications to build my own apps?

Yes, you may use the source code provided as you please (even commercially), however I ask that you do not submit an exact copy to app stores.

What if I don't like the book?

If you feel like the book was not worth your money, then I will gladly refund you the full price. Simply reply to your purchase receipt email requesting a refund within 14 days. Please note that this refund policy does not apply to the $299 consulting package.

Still have a question?

Feel free to contact me through the contact form on my blog, always happy to have a chat.

<< Back to packages