What is Ionic?

Written by amanhimself | Published 2017/08/11
Tech Story Tags: ionic | javascript | ionic-framework | mobile-app-development | apps

TLDRvia the TL;DR App

Ionic is an open source, front-end SDK for developing Hybrid Mobile Applications using web technologies such as HTML, CSS and JavaScript. It provides mobile optimised web technology based components as well as native APIs using Cordova and Ionic Native.

Ionic with it’s latest version, is performance efficient using minimal DOM manipulation. Angular also plays a major role in increasing the performance of an Ionic application.

It has it’s own command line interface tool that is really helpful to scaffold and develop an application and majorly in avoid writing boilerplate code, thus, saving precious time.

Development Setup for Ionic

Nodejs and npm

To develop and run Ionic apps, we need Nodejs, most importantly, because Ionic uses Node’s CLI to build tasks and generate resources. Navigate to Nodejs official website to download Nodejs and it’s package manager: npm.

To check of Nodejs is installed correctly, in your terminal window

npm is a Package Manager that is used to download almost every dependency in an Ionic Project.

TypeScript

Next step is to install TypeScript compiler.

Install Cordova and Ionic CLI

Verfiy your installation by:

Platfrom Guides

To install platform such as iOS and espcially android, I will want you to refer the official guidelines:- for iOS: [Cordova iOS Platform Guide](https://cordova.apache.org/docs/en/latest/guide/platforms/ios/)- for android: [Cordova android Platform Guide](https://cordova.apache.org/docs/en/latest/guide/platforms/android/)

Want to receive more articles like this one? Subscribe me here. Sometimes, I send “never seen before” content to my subscribers.

If you like this article, please clap 👏 .

Thank you!


Written by amanhimself | Developer, Tech Writer | React Native & Expo enthusiast | Personal blog: amanhimself.dev
Published by HackerNoon on 2017/08/11