Ionic Introduction


ionic_logo

Here is what Wikipedia says about Ionic (mobile app framework): “Ionic is a complete open-source SDK for hybrid mobile app development. Built on top of AngularJS and Apache Cordova, Ionic provides tools and services for developing hybrid mobile apps using Web technologies like CSS, HTML5, and Sass. Apps can be built with these Web technologies and then distributed through native app stores to be installed on devices by leveraging Cordova. Ionic was created by Max Lynch, Ben Sperry, and Adam Bradley of Drifty Co. in 2013.”.

Ionoc’s web page is here.

Ionic is an npm module and requires Node.js.

There are a few different routes you could take in the development of mobile applications (apps). Native applications require a unique implementation for each platform, such as iOS, Android, and Windows Phone.

According to the book Ionic Cookbook, written by Hoc Phan, Ionic has several advantages over its competitors:

  • It’s written on top of AngularJS
  • UI performance is strong because of its use of the requestAnimationFrame() technique
  • It offers a beautiful and comprehensive set of default styles, similar to a mobilefocused Twitter Bootstrap
  • Sass is available for quick, easy, and effective theme customization

The book Ionic Cookbook by Hoc Pan says: “Ionic itself is just a collection of CSS styles and AngularJS Directives and Services. It also has a command-line tool to help manage all of the technologies such as Cordova and Bower.”

Ionic 2

There is an instructional video on YouTube that goes through Ionic. It is called Ionic 2 Mobile App in Under 60 Minutes by Traversy Media. Ionic 2 uses the Angular 2 framework. It is a good idea to first learn the basics of Angular 2 before getting into Ionic 2. The video goes through developing an app that uses the Reddit api.

I have a blog post on installing Ionic version 2.

For more information, try the Ionic website Core Concepts section. It is an FAQ page.

Ionic 2 sits on top of the underlying framework Angular 2, so learn Angular 2.

Angular 2 uses the programming language TypeScript.

TypeScript is a super-set of the language JavaScript.

JavaScript is the programming language of the web.

And the web is really consists of the big three: HTML, CSS and JavaScript.

So you really need to learn, in order, HTML, CSS, JavaScript, TypeScript, Angular 2 and Ionic 2.

You don’t need to know everything about all of these technologies to develop apps. The ones that you do need to know fairly well are: CSS, TypeScript, Angular 2 and Ionic 2. You only need the basics of HTML. You only need to know a few tags. The other things to know have to do with installation and the command line. After that you need to know about deployment and how to find people and companies who need your skills and services.

Series NavigationIonic Installation >>

Leave a comment

Your email address will not be published. Required fields are marked *