15 KiB
15 KiB
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
- Build a basic mobile app with Ionic 4
- Read SMS in Ionic 4 apps
- Geolocation, geocoding and reverse geocoding in Ionic 4
- Google Vision in Ionic 4 apps
- RTL (right-to-left) layout in Ionic 4 apps
- Push notifications in Ionic 4 apps
- Google Vision in Ionic 4 apps
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
- Twitter Login in Ionic 4 App using Firebase
- Facebook Login in Ionic 4 App using Firebase
- Google Login in Ionic 4 App using Firebase
- Anonymous Login in Ionic 4 App using Firebase
- Basic Email Login in Ionic 4 App using Firebase
- 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 Unit Testing
- How to Unit Test an Ionic Application
- Test Driven Development in Ionic: An Introduction to TDD
Ionic Native / Cordova Plugins
- Playing music in Ionic 4 apps
- How to implement health plugin - Pedometer in Ionic 4
- 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
- Ionic 4 Stripe Payment Integration
- Ionic 4 PayPal Payment Integration
- Ionic 4 Apple Pay Payment Integration
- Ionic 4 Razorpay Payment Integration
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 Ionic 4 App
- 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 5 WhatsApp clone [NEW]
- Ionic 5 Social Network Starter [NEW]
- Ionic Push Notification
- Ionic Weather app
- Ionic Reddit Reader
- Ionic Advanced Components
- Ionic aiEyes - Azure Computer Vision API
- Ionic Soundboard
- Ionic Country Explorer
- Firebase push notifications in Ionic 4 [NEW]
- Receive SMS automatically in Ionic 4 [NEW]
- Playing music in Ionic 4 [NEW]
- Ionic 4 Stripe Payment Integration [NEW]
- Ionic 4 PayPal Payment Integration [NEW]
- Ionic 4 Apple Pay Payment Integration [NEW]
- Ionic 4 Razorpay Payment Integration [NEW]
- Ionic 4 Twitter login with Firebase [NEW]
- Ionic 4 Facebook login with Firebase [NEW]
- Ionic 4 Google login with Firebase [NEW]
- Translation in Ionic 4 - Internationalization and localization [NEW]
- Ionic 4 Free chat themes [NEW]
Contribute
Contributions welcome! Read the contribution guidelines first.
License
