Throughout this post I'm going to show you two detailed study guides to help you learn Ionic 2+ quickly and properly.
These study guides are designed for beginners and experienced developers.
The first guide which depends on different paid and free online resources is designed to teach you how to build a fully fledged hybrid and cross-platform mobile application from scratch with all features you usually find in a mobile application.
The second guide will help those experienced developers get started with Ionic 2+ to build mobile apps for Android, iOS and Universal Windows Platform by using a bunch of books, screen casts and online resources.
First lets start by a comprehensive introduction to Ionic 2+ in which i'm going to talk thoroughly about hybrid mobile apps, Ionic 2+, Angular 2+ and TypeScript so you learn about everything you should know before you can decide if you should invest your time (and maybe money) to master these technologies.
Start by reading this Introduction to hybrid mobile apps and Ionic 2+
An Introduction to Ionic 2+ and Hybrid Mobile Development
In this introduction to Ionic 2+ I'm going to explain:
- What is hybrid mobile development?
- How it is different from native mobile development?
- What Ionic 2+ is?
- And how it is related to both TypeScript language and Angular 2+ framework?
- What can Ionic 2+ offer you as a developer?
- And what other alternatives you can take into consideration and when?
I'm going also to talk about where you can find Ionic 2+ jobs and Ionic 2+ resources or developers.
I'm going also to cover some frequently asked questions about Ionic 2+, TypeScript and Angular 2+, Ionic 2 pros and cons etc.
I'm really pleased and exited to teach you about this technology and I hope you are existed to know everything about Ionic 2+ and that you find this article helpful with all resources I'm going to to recommend. But please you can also help me by any type of feedback, using the comments box below, either it's related to my recommended resources, maybe you have stumbled upon better books, screen casts or free resources and tutorials on the web, or any type of errors. Please don't hesitate to send your feedback by comment or email. After all, we are all here to learn something new that can add value to our skills.
I'm going to honestly provide you with accurate information and best recommended material to learn Ionic 2+ based on my own experience but nothing is perfect, so your feedback will be helpful and appreciated either for me or other people who are still in their first steps to learn how to build hybrid mobile apps using web technologies, particularly Ionic 2+.
Now lets begin with our introduction to Ionic 2+ and hybrid apps.
What is Hybrid Mobile Development?
Hybrid mobile development refers to the process of developing mobile apps using a mix of web technologies, which were designed on the first place to build web apps, thanks to some clever developers who built tools used to adopt the ewisting web tools in order to build native-like mobile apps.
Ionic 2+ is based on Apache Cordova so what is Cordova and what it does?
Apache Cordova is by itself a framework to build hybrid mobile apps but also a native web container or more precisely an embedded browser based on Chromium which allows you to package and present users with a web application which has a mobile like user interface, that can be downloaded from app stores, installed on the user device and more importantly have access to native device features such as Geolocation, different sensors, Camera etc.
Before answering this question, lets answer an important related question:
What is Ionic?
Ionic is a hybrid mobile framework used to build cross-platform mobile apps that can target Android, iOS and Windows with the same code base. It allows developers to build once and deploy everywhere.
Ionic is based on Cordova which means all interfacing with underlying device system features is done with Cordova. In fact the pure Ionic library is just a mobile User Interface library that offers developers common UI controls and patterns which have two main goals:
You can build your mobile app without being a mobile interfaces designer or a CSS guru.
You can build your mobile app without worrying about best practices and performance issues.
Ionic has two major versions which are both based on Cordova for low level features but uses different stack on top level.
Ionic 2 is the second major version which is based on Angular 2, a completely rewritten from scratch framework based mainly on TypeScript, with better performance and more features than AngularJS.
Ionic 3 is the third version, but in fact it's just Ionic 2 with improvements such as the use of Angular 4, so we are going to refer to all versions of Ionic starting with Ionic 2 as Ionic 2+.