NZWDDY/ionic-adventures

Ionic Adventures is all about a journey using the Ionic Framework

Ionic Adventures

The ultimate guide to learn Ionic Framework and be tuned in to.

What is Ionic?

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.

Getting Started

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.

Presentations

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

Articles

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

• Syncing Data With Dropbox Using Ionic Framework by @nraboy

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

• Use Parse Core In Your Ionic Framework Mobile Apps by @nraboy

Performance

• Improving scroll performance for lists in Ionic Framework by @tmaximini

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

Books

• 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

Workshops & Courses

• 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

Meetups

• Ionic Worldwide by @katiegv

Tools

• 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

Open Source

• 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

Build with Ionic

• Bartonic by @agopalpuri

Twitter

Who to follow related to the might Ionic Framework => @ionicframework

Missing something?

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