60+ Ionic Framework 2 Resources

This list is a an attempt to create a comprehensive list of tutorials that cover as many topics as possible for Ionic version 2. I will update this list as I discover new posts and as new posts are suggested.

Don’t see what you’re looking for? Feel free to leave a comment and I’ll see if I can find something for you.

Looking for Ionic v1? Check out my Ionic Resources List for version 1.

Ionic Basics

1. Understanding Ionic 2: Class
2. Understanding Ionic 2: Imports
3. Understanding Ionic 2: @App
4. Understanding Ionic 2: @Page
5. Understanding Ionic 2: @Pipe
6. Understanding Ionic 2: Navigation with NavController
7. NEWUnderstanding Ionic 2: @Pipe
8. Ionic 2 First Look Series: New Angular 2 Concepts & Syntax
9. Ionic 2 First Look Series: Your First Ionic 2 App Explained
10. How to Use Pipes to Manipulate Data in Ionic 2
11. How to Create a Directive in Ionic 2 – Parallax Header
12. Navigate Between Pages In An Ionic 2 Android And iOS App
13. A Page Anatomy Part 1 – The Root Component
14. A Page Anatomy Part 2 – Page Component
15. Tutorial | Let’s Create Our First Application
16. Beginners Guide to Getting Started with Ionic 2
17. A Simple Guide to Navigation in Ionic 2
18. A Guide to Styling an Ionic 2 Application
19. How To Create And Validate Forms
20. Sharing Data Between Pages/Components
21. Build Your First Mobile App With Ionic 2 & Angular 2
22. NEW10 Minutes with Ionic 2: Hello World
23. NEW10 Minutes with Ionic 2: Adding Pages and Navigation

Installation and Setup

1. Installation Guide

HTTP Requests to Backends, Webservices, APIs, etc

1. Making REST HTTP Requests Like a Pro
2. Posting data from Ionic 2 app to a PHP server
3. Using Http to Fetch Remote Data from a Server in Ionic 2
4. Make HTTP Requests In An Ionic 2 Android And iOS App
5. NEW10 Minutes with Ionic 2: Calling an API

Ionic Components

1. Ionic 2: How to Create a Sliding Delete Button for Lists
2. NEWAn In Depth Look at the Grid System in Ionic 2

Ionic App Patterns

1. Creating a Sliding Introduction Component in Ionic 2

Authentication

1. Handling a Simple User Authorization
2. Using An Oauth 2.0 Service Within An Ionic 2 Mobile App
3. Use ng2-cordova-oauth For All Your Ionic 2 Oauth Needs
4. Successful OAuth Social Login with Firebase

Performance

1. NEWBoosting Scroll Performance in Ionic 2

Backend as a Service

1. NEWSyncing Data with PouchDB and Cloudant in Ionic 2
2. NEWSend Emails In An Ionic 2 App Via The Rackspace Mailgun API
3. NEWHow To Use PouchDB + SQLite For Local Storage In Ionic 2

Ionic Tooling

1. How To Update Your Application Project and CLI

ngCordova/Cordova Plugins

1. Ionic 2: How to Use Google Maps & Geolocation
2. Use SQLite In Ionic 2 Instead Of Local Storage
3. Determine Network Availability In An Ionic 2 Mobile App
4. Show Native Toast Notifications In An Ionic 2 Mobile App
5. Launch Websites With Ionic 2 Using The InAppBrowser
6. Monetize With Google Admob In An Ionic 2 Mobile App
7. Having Fun With Cordova Geolocation Plugin
8. How to Work With Cordova Plugins
9. NEW10 Minutes with Ionic 2: Using the Camera with Ionic Native
10. NEWUsing Cordova Plugins in Ionic 2 with Ionic Native
11. NEWAdding Background Geolocation to an Ionic 2 Application
12. NEWUse The Device Camera In An Ionic 2 Android And iOS App
13. NEWAdd Touch ID Authentication To An Ionic 2 Mobile App
14. NEWUse Google Analytics In An Ionic 2 Android And iOS App
15. NEWAdd Barcode Scanning Functionality To Your Ionic 2 App
16. NEWShare Things On Social Media Via An Ionic 2 Mobile App

Miscellaneous

1. Build a Todo App from Scratch with Ionic 2
2. How to Convert an Ionic 1 Application to Ionic 2
3. Creating a Real Time Chat Application with Ionic 2 and Socket.io
4. Creating an Advanced Google Maps Component in Ionic 2
5. Internationalize and Localize Your App With Angular 2
6. Integrating Google Maps
7. NEWIntegrating Ionic 2 with the Dropbox API
8. NEWUse Font Awesome Icons In Your Ionic 2 Android And iOS App

Courses and Ebooks

1. NEWBuilding Mobile Apps with Ionic 2 ($29/$59/$79)