Once you’ve got the basics of Ionic down then all you have left to learn is… everything else. It’s hard to clearly define where your time would be best spent once you are past the basics – there’s not much point in slogging through tutorial after tutorial implementing different kinds of components and plugins. Once you know how to use a few, it’s reasonably easy to read the documentation and use just about anything.
When you are looking to progress further, it becomes more important to focus on things that are related to (but not specific to) Ionic. In my opinion, the most important concepts to focus on once you have the basics down are:
- Automated Testing
- User Interface and User Experience
- Creating your own directives and components
- Performance Debugging and Optimisation
- Backend Integrations
This is why I focused on these topics for the Elite Ionic course, but I also have a lot of free content on my blog focusing on these areas. Tutorials and articles on the blog are a bit scattered apart, so I wanted to organise some of my tutorials into an easy to follow list that focuses on these more advanced concepts.
Unit and E2E Testing in Ionic
- The Role of Unit Tests in Ionic
- The Role of End-To-End (E2E) Tests in Ionic
- How to Unit Test an Ionic Application
- Introduction to Testing Ionic Applications with TestBed
- Test Driven Development in Ionic: An Introduction to TDD
- Test Driven Development in Ionic: Http and Mocks
- Test Driven Development in Ionic: Navigation and Spies
- Test Driven Development in Ionic: Services and Templates
- E2E (End-to-End) Testing in Ionic: An Introduction
- E2E (End-to-End) Testing in Ionic: Structuring Tests with Page Objects
- E2E (End-to-End) Testing in Ionic: Test Driven Development
User Interface and User Experience in Ionic
- Improve Mobile Form UX with Input Masks
- Create a News Feed with 360-Degree Photo Viewing in Ionic 2
- Create an Advanced Photo Tilt Component in Ionic
- Automatic Profile Pictures with Gravatar in Ionic
- Create a Stylish News Feed Layout in Ionic
- Creating a Music Player Interface in Ionic
- How to Create a Sliding Drawer Component for Ionic
- Create a Directive to Focus Content in a List with 3D Touch
- Animating a Dynamic Background with an SVG in Ionic
- Bulk Delete UI with CSS Clip-Path in Ionic
- Add to Cart with the Web Animations API in Ionic
- Animating from the Void: Enter and Exit Animations in Ionic
- Username Availability with an Asynchronous Validator in Angular
Custom Components and Directives
- Setting up Custom Components in Ionic
- Safely Modifying Elements with ElementRef & Renderer in Ionic
- Live Coding an Expandable Component in Ionic
- Creating a Shrinking Header for Segments in Ionic
- Using a Directive to Modify the Behaviour of an Ionic Component
- Building a Custom Speed Reading Component in Ionic
- Using HTML5 Canvas to Create a Rating Component in Ionic
- Creating a Custom Expandable Header Component for Ionic
- Increasing Performance with Efficient DOM Writes in Ionic
- Build a Tap to Reveal Component in Ionic
- Create an Advanced Photo Tilt Component in Ionic
- Build a Simple Progress Bar Component in Ionic
- Live Coding Components Series
Performance Debugging and Optimisation
- Debugging Ionic Applications When Deployed to an iOS Device
- Debugging Ionic Applications When Deployed to an Android Device
- High Performance Animations in Ionic
- Increasing Performance with Efficient DOM Writes in Ionic
- High Performance Parallax Animation in Ionic
- High Performance List Filtering in Ionic
- Boosting Scroll Performance in Ionic
Backends
- Integrating a Backend with Ionic
- An Introduction to NoSQL for HTML5 Mobile Developers
- CouchDB, PouchDB, and Ionic: An Introduction
- CouchDB, PouchDB, and Ionic: Querying Data with MapReduce
- CouchDB, PouchDB, and Ionic: Starting a New Project
- CouchDB, PouchDB, and Ionic: Adding Posts and Live Data Updates
- CouchDB, PouchDB, and Ionic 2: Adding Comments
- Dynamically Loading Markers with MongoDB in Ionic – Part 1
- Dynamically Loading Markers with MongoDB in Ionic – Part 2
- Creating Role Based Authentication with Passport in Ionic – Part 1
- Creating Role Based Authentication with Passport in Ionic – Part 2
- Using JSON Web Tokens (JWT) for Custom Authentication in Ionic: Part 1
- Using JSON Web Tokens (JWT) for Custom Authentication in Ionic: Part 2
- Building a Hotel Booking App with Ionic, MongoDB & Node
- Creating a Multiple User App with PouchDB & CouchDB
- Part 2: Creating a Multiple User App with Ionic, PouchDB & CouchDB
- Building a Review App with Ionic, MongoDB & Node
Summary
These tutorials should go a long way to helping take your Ionic skills to the next level. If you are intersted in a more thorough and structured approach to learning these concepts you might be interested in Elite Ionic.