Getting started with Ionic

B.Net UG Meet, June 27,2015

About Me

• Swaminathan Vetri / @svswaminathan– Developer @ Target– Passionate about gadgets, exploring, learning and

sharing about technologies– Amateur photographer, novice blogger and a biker

What is Ionic ?

• A beautiful, open source front-end SDK for developing hybrid mobile apps with HTML5

Why Ionic ?

• Ionic is built on top of Angular JS - proven f/w for large scale web app

• Performance obsessed - minimum DOM manipulation, hardware accelerated transitions

• Native focused - Modeled off of native SDKs

What Ionic offers ?

• A powerful CLI• JS components (Angular directives)• CSS components• Rich Icon set• Ionic services like Push, Deploy, Analytics• Prototyping tools like Ionic playground,

Creator

How does it all come together?

Native SDKs

Apache Cordova

Angular JS

Ionic

Your Application

Let the demos begin!!!

Demo code available at github

Thank You!

Questions/Feedbacks @ @svswaminathan