The ultimate guide to learn Ionic Framework and be tuned in to.
Free and open source, Ionic offers a library of mobile-optimized HTML, CSS and JS components, gestures, and tools for building highly interactive apps. Built with Sass and optimized for AngularJS.
The best resource to get start with Ionic Framework is follow the Getting Started guide into Ionic Framework website and also watch the Ionic Crash Course created by Max Lynch where he shows all initial steps to create amazing apps.
We already have nice presentations about Ionic, what about create your own? Start your presentation here :D
- Ionic + Angular: Superpowers for Mobile App Development by @adamdbradley at ng-conf 2015
- Reframing Hybrid by @maxlynch & @benjsperry
- Work better and smarter with Ionic by @mhartington
- Hybrid mobile apps with Ionic & Firebase by @srobtweets
- Ionic Crash Course! Hack-a-ton SF by @simpulton
- Ionic Adventures - Hybrid Mobile Development Rocks by @juarezpaf
- Creating an hybrid app in minutes with Ionic Framework by @julienrenaux
- Cordova, Angularjs & Ionic by @tatonlto
- Cross Platform Mobile Apps with the Ionic Framework by @therockncoder
- Building Mobile Apps with Cordova , AngularJS and Ionic by @kadhem_soltani
- Building Mobile Applications with Ionic by @morrissinger
- Rapid Mobile apps with Ionic by @techgirlwonder
- Hybrid Apps with Angular & Ionic Framework by @cihadhoruzoglu
- Ionic Framework by @dylan_swartz
- Ionic CLI adventures by @juarezpaf
Do you want to become an expert with Ionic? What about start looking into learnionic section in the Ionic website.
Now we have a bunch of articles to get you covered in many topics related to Ionic and Mobile Development:
Angular 2
- Ionic and Angular 2 by @maxlynch
- What Impact Will AngularJS 2.0 Have on Ionic? by @joshuamorony
Authentication
- Cookie-based Authentication in AngularJS by @maxlynch
- Handle User Sign-In With IonicFramework by @nraboy
- Simple login example with ionic and AngularJS by @schlimmson
- How To Handle User Authentication With AngularJS Inside Your Ionic App by @schlimmson
Azure Mobile Services
- Build a Hybrid Application with the Ionic Framework and Azure Mobile Services, Part 1: Configuring the Project by @btroncone
- Build a Hybrid Application with the Ionic Framework and Azure Mobile Services, Part 2: Creating the User Interface by @btroncone
- Build a Hybrid Application with the Ionic Framework and Azure Mobile Services, Part 3: Wiring Up The Backend by @btroncone
Getting started
- Getting Started with Ionic by @chalkers
- Mobile Hybrid Apps with VS Code and Ionic by @chrisdias
- Mastering the Ionic Framework: Learn to Build & Deploy Native Speed HTML5 Based Apps by @ericsimons40
- Ionic Tutorial by @ccoenraets
- Getting Started Building Mobile Apps with the Ionic Framework by @therockncoder
- Building a Simple App Using Ionic, an Advanced Mobile App Framework by @jay3dec
- 5 Ionic Framework App Development Tips and Tricks by @thatpatrickguy
- Structure of an Ionic App by @andrewmcgivery
- Creating Views with Ionic by @andrewmcgivery
- Controllers in Ionic/Angular by @andrewmcgivery
- Modules in Ionic/Angular by @andrewmcgivery
- Using The UI-Router To Navigate In Ionic Framework by @nraboy
- Organising Code in an Ionic Application for Beginners by @joshuamorony
- Validation in Ionic Framework Apps with ngMessages by @calendee
- Learning the Ionic Framework as a Sencha Touch Developer: Part 1 by @joshuamorony
- Learning the Ionic Framework as a Sencha Touch Developer: Part 2 by @joshuamorony
- Learning the Ionic Framework as a Sencha Touch Developer: Part 3 by @joshuamorony
- Learning the Ionic Framework as a Sencha Touch Developer: Part 4 by @joshuamorony
- Learning the Ionic Framework as a Sencha Touch Developer: Part 5 by @joshuamorony
CLI
- The three most useful Ionic CLI features I use on a daily basis by @withinsight
- Ionic adds a new State feature by @raymondcamden
- Example of Ionic’s Updating Feature by @raymondcamden
- Debugging AngularJS Apps from the Console by @maxlynch
- Automatically Generate Icons and Splash Screens for PhoneGap Apps by @joshuamorony
Comparison
- The Top 7 Hybrid Mobile App Frameworks by @jay3dec
- Hybrid UI framework shootout: Ionic vs. Famo.us vs. F7 vs. OnsenUI by gleichger.com
- Why Ionic is Reigniting the Native vs HTML5 Debate by @chalkers
Components
- Understanding Ionic's Side Menu by @andrewmcgivery
- Understanding Tabs in Ionic Framework by @nraboy
- Understanding the Ionic Framework Action Sheet by @andrewmcgivery
- Ionic's Infinite Scrol by @andrewmcgivery
- Make List Items Swipeable in Ionic Framework by @nraboy
- Using Slide Boxes and Tabs in Ionic Framework Apps by @nraboy
Cordova & ngCordova
- Create A File Browser Using Ionic Framework by @nraboy
- Getting Started with Ionic & ngCordova by @revdrjrr
- Make A Gallery-Like Image Grid Using Ionic Framework by @nraboy
- Crafting a weather app with Ionic framework and Forecast.io by Sriram Kota
- Minifying Your App’s Source Code by @nraboy
- Store Camera Photos Permanently Using PhoneGap, Ionic & ngCordova by @joshuamorony
Crosswalk
- Getting started with Crosswalk in Ionic by @tmaximini
- Use The Ionic CLI To Integrate Crosswalk Into Your Project by @nraboy
- How to automatically sign your Android apk using Ionic framework and Crosswalk by @baxeico
Customize
- Add Pin Code Unlock To Your IonicFramework App by @nraboy
- Embed Video In Your iOS And Android Ionic Framework App by @nraboy
- Adding Background Images To Ionic Framework Apps by @nraboy
- Animations For Your Ionic App with Move.js by @schlimmson
- How to Create Complex Layouts in Ionic by @joshuamorony
Dropbox
Emulation
- Ionic - Using Android x86 Virtual Machine Instead of Emulator by @digitaldrummerj
Firebase & External Requests
- Using Ionic with Firebase by @Firebase
- Ionic, AngularJS and Firebase equals Hybrid Heaven by @budacode
- Building Real-Time, Multi-Platform Mobile Applications: Examples Using Ionic and Firebase by Avinash Kaza
- Creating a Bucket List with the Ionic Framework and Firebase by @jay3dec
- Create a Password Management App using Ionic and Firebase by @nraboy
- Real Time Synced Slides using Ionic, Firebase and AngularJS by @sesteva
- Upload Camera Images To Firebase Using Ionic Framework by @nraboy
- Sign Into Firebase With Facebook Using Ionic Framework by @nraboy
- Creating a Firebase Powered End to End Ionic Application by @arvindr21
- Syncing Data With Firebase Using Ionic Framework by @nraboy
- Create a Password Management App Using Ionic Framework and Firebase by @nraboy
- Ionic: Using Factories and Web Services for Dynamic Data by @andrewmcgivery
- SOAP Web Services in Angular and Ionic by @andrewmcgivery
- Make HTTP Requests In Android And iOS With IonicFramework by @nraboy
Firefox OS
- Firefox OS Game Development with the Ionic Framework by @aziflaj
- Firefox OS Game Development with the Ionic Framework - Part 2 by @aziflaj
Grunt
- Using the Ionic Framework with Grunt and PhoneGap Build by @andrewmcgivery
- How to Minify an Ionic Application for Production by @joshuamorony
Gulp
- Speeding up Ionic app development with gulp by @tmaximini
- Automatically Add JS/CSS Files to Your Ionic Projects by @digitaldrummerj
IBM MobileFirst
- Working with IBM MobileFirst and the Ionic Framework by @raymondcamden
- Using MobileFirst HTTP Adapters with an Ionic Application by @raymondcamden
- Using MobileFirst SQL Adapters with an Ionic Application by @raymondcamden
- Using Remote Logging with Ionic and IBM MobileFirst by @raymondcamden
- Working with IBM MobileFirst and Ionic – Bootstrapping by @raymondcamden
Internationalization
- Internationalization of an Ionic App: Multilanguage Support by @andrewmcgivery
- Internationalization and Localization with Ionic Framework and Angular Translate by @nraboy
Parse
Performance
Phaser
- Combining the Phaser Framework with Ionic & AngularJS by @joshuamorony
PouchDB
- Sync Data Using PouchDB In Your Ionic Framework App by @nraboy
- HTML5 Offline Mobile App Using Ionic and PouchDB by @web_speaks
Push Notifications
- Announcing Ionic Push Alpha! by @Drawn_Closer
- Easy Ionic Push Notifications With Ionic.io In 15 Minutes by @schlimmson
- Sending & Receiving Push Notifications in Ionic Apps by @ericsimons40
- Build an #iOS app with Push Notifications using Ionic Framework by @otelnov
- Push It Real Good with Ionic by @keithdmoore94
- An early look at Ionic Push by @raymondcamden
Pull to Refresh
- Trigger Pull To Refresh In Ionic Framework Apps by @calendee
- Understanding Pull to Refresh by @andrewmcgivery
- Add Pull to Refresh with Toast Message in Your Ionic App by @schlimmson
Sample Apps
- Ionic: Master Detail Pattern by @andrewmcgivery
- Creating a Feed in Ionic by @andrewmcgivery
- Making Tinder-Style Swipe Cards With Ionic Framework by @nraboy
- Swipeable Cards with the Ionic Framework by @schlimmson
- Create A Complex Calculator App Using Ionic Framework by @nraboy
Saving Data
- Saving Data With IonicFramework by @nraboy
Setup Ionic
- Setup on Mac OS X by @digitaldrummerj
- How to setup on Windows by @digitaldrummerj
Testing
- Optimize your Ionic Testing with Wallaby.js, Bard.js, and WebStorm by @BTroncone
- Unit Testing Your Ionic Framework App by @andrewmcgivery
- Writing Your First Unit Test with the Ionic Framework by @berger_brad
Vagrant
- Ionic Box, a Vagrant Configuration for Hybrid Mobile Apps by @aziflaj
- Ionic - The Ionicbox and How To Use It by @digitaldrummerj
- The Ionic Book by @ionicframework
- Ionic in Action - Hybrid Mobile Apps with Ionic and AngularJS by @gnomeontherun
- Developing an Ionic Edge - HTML5 Cross Platform Hybrid Apps by @keithdmoore94 and others
- Full Stack Mobile App with Ionic Framework by Hoc Phan
- Ionic by Example: Create Mobile Apps in HTML5 by @mirkonasato
- How to create Apps with the Ionic Framework by @schlimmson
- Building Mobile Apps With the Ionic Framework and AngularJS by @smichelotti
- Using Ionic with Cordova/PhoneGap online on May 4 by @raymondcamden
- JSConfUY 2015 Ionic workshop app by @startapplabs
- Perfecting Cordova with Ionic at Fluent Conf by @raymondcamden
- Mobile Development for Web Developers
Coming soon
by @joshuamorony - Build better mobile apps with Ionic Framework. Learn how (with videos, templates, and more!) with Elemental Ionic by @justicefries
- Ionic Worldwide by @katiegv
- Ionic Deploy
- Ionic Market
Coming Soon
- Ionic Creator
- Ionic Sublime Plugin
- Ionic Atom
- Ionic Brackets
- Visual Studio 2015 RC with Ionic support
- WebStorm
- PHPStorm
- The Ionic Framework Cheatsheet by @schlimmson
- Ionic Box
- ngCordova - AngularJS Cordova wrappers for common Cordova plugins
- Yeoman Ionic Generator - Build hybrid mobile apps using the Ionic Framework
- Ionic for Meteor - Ionic framework packaged for Meteor
- Ionic Material - Seamless Material Design theme for Ionic
- Using Videogular together with Ionic in a simple project
- Cordova Plugin Watch Example
- Ionic Offline Storage - Example Ionic project for localStorage, localForage, WebSQL, SQLite
- Ionic + Parse.com App Boilerplate by @giiorgio_
- protractor-ionic-locator - Adds a locators to a protractor instance that find Ionic specific elements by @toddhalfpenny
- Opinionated Ionic base app by @jjaybrown98
- Bartonic by @agopalpuri
Who to follow related to the might Ionic Framework => @ionicframework
We're trying to keep up to date with all news related to Ionic Framework, please feel free to contribuiting open an issue, submiting a Pull Request or seding any feedback.
We're looking forward to hearing from you. Happy coding <3