60+ Ionic Framework 2 Resources

60+ Ionic Framework 2 Resources

posted in: Uncategorized | 5

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


  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


  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


  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)
My name is Andrew McGivery. I currently work full time as an application developer at Manulife Financial in Canada. My current passion is building and leading highly engaged teams where employee happiness, learning, and growth is a priority.

5 Responses

  1. really awsome

  2. […] Ionic Framework 2 Extensive List of Resources […]

  3. Just came across this, thanks for the hard work!

  4. hey andrew 🙂 … your webSite is awesome , thanks for your sweet tutorials

Leave a Reply