Ionic Framework
Awesome Ionic ¶
An "awesome" list of the Ionic resources
Ionic¶
"Ionic is the beautiful, open source front-end SDK for developing hybrid mobile apps with web technologies."
Current Ionic version:¶
Official Resources¶
- Site
- Blog
- Documentation
- Getting Started Guide
- Ionic Native
- Community Forum
- Ionic IRC
- Ionic Youtube Channel
- Showcase
- GitHub Repo
Ionic Fundamentals¶
- Beginners Guide to Getting Started with Ionic
- Ionic First Look Series: Your First Ionic App Explained
- How to Convert an Ionic 1 Application to Ionic
- A Simple Guide to Navigation in Ionic
- 10 Minutes with Ionic: Adding Pages and Navigation
- 10 Minutes with Ionic: Calling an API
- How To Update Your Application Project and CLI
- How to Create a Data Model in Ionic
- Ionic and External Libraries
- Understanding Zones and Change Detection in Ionic & Angular 2
- Understanding Ionic: Pipe
- How to Manipulate Data in Ionic: Part 1
- How to Manipulate Data in Ionic: Part 2
- Filtering, Mapping, and Reducing Arrays in Ionic
Theming¶
- A Guide to Styling an Ionic Application
- Best practice when adding FontAwesome to an ionic2 app
- A List of Common CSS Utility Attributes in Ionic
- 5 Animation Packages You Can Immediately Use Inside Your Ionic App
Components¶
- How to Create a Sliding Delete Button for Lists
- Creating a Sliding Introduction Component in Ionic
- How to Create a Custom Loading Component in Ionic
- Build a Simple Progress Bar Component in Ionic
- Create a News Feed with 360-Degree Photo Viewing in Ionic
- Build a Tap to Reveal Component in Ionic
Authentication¶
- Add Touch ID Authentication To An Ionic Mobile App
- Successful OAuth Social Login with Firebase
- Using An Oauth 2.0 Service Within An Ionic Mobile App
- Ionic and Auth0
- Handling a Simple User Authorization
- Authenticate Ionic with WordPress
Unit Testing¶
Ionic Native / Cordova Plugins¶
- Using Cordova Plugins in Ionic with Ionic Native
- How to Work With Cordova Plugins
- 10 Minutes with Ionic: Using the Camera with Ionic Native
- How to Use Google Maps & Geolocation
- Determine Network Availability
- Monetize With Google Admob In An Ionic Mobile App
- Show Native Toast Notifications In An Ionic Mobile App
- Having Fun With Cordova Geolocation Plugin
- Use SQLite In Ionic Instead Of Local Storage
- Launch Websites With Ionic Using The InAppBrowser
- Add Barcode Scanning Functionality To Your Ionic App
- Use Google Analytics In An Ionic Android And iOS App
- Share Things On Social Media Via An Ionic Mobile App
- How To Use PouchDB + SQLite For Local Storage In Ionic
- Adding Background Geolocation to an Ionic Application
- Getting Familiar with Local Notifications in Ionic
- Create a Nearby Places List with Google Maps in Ionic – Part 1
- Create a Nearby Places List with Google Maps in Ionic – Part 2
Payment Gateway Integrations¶
Backend as a Service¶
- 10 Minutes with Ionic: Calling an API
- Using Http to Fetch Remote Data from a Server in Ionic
- Making REST HTTP Requests Like a Pro
- Posting data from Ionic app to a PHP server
- Make HTTP Requests In An Ionic Android And iOS App
- Integrating Firebase with AngularFire2 into AngularJS & Ionic2
i18n & l10n¶
- Internationalize and Localize Your App With Angular 2
- attranslate - Semi-automated translation of JSON and other resource files
Tools¶
- Ionic2-vscode
- Vim-ionic2
- Ionic Vetur Intellisense - Vetur support for Ionic Components for tag and attribute autocompletion
Video Tutorials¶
- Ionic Quickstart
- Build a Todo App from Scratch with Ionic
- Ionic: How to Use Google Maps & Geolocation
- Ionic in One Hour
- Build a Custom Flash Card Component in Ionic
- Hacking CSS in Ionic
- Learn Ionic 3 From Scratch
Books¶
Open Source Projects¶
- Ionic Conference App
- IonicRealty
- Ionic Firebase Chat App
- Ionic Ecommerce App
- Ionic Conference App based on Lanyrd API
- Ionic Stock Tracking App
- Ionic Wordpress Client
- Ionic Media Player
- Ionic Social App
- Ionic Push Notification
- Ionic Weather app
- Ionic Reddit Reader
- Ionic Advanced Components
- Ionic aiEyes - Azure Computer Vision API
- Ionic Soundboard
- Ionic Country Explorer
- Ionic Timer App
Contribute¶
Contributions welcome! Read the contribution guidelines first.