20
Framework By – Ram Murat Sharma ( [email protected] ) Follow – https://twitter.com/rammrms

Ionic - A mobile platform

Embed Size (px)

Citation preview

Page 1: Ionic - A mobile platform

Framework

By – Ram Murat Sharma ([email protected])Follow – https://twitter.com/rammrms

Page 2: Ionic - A mobile platform

Introduction to IONIC Prerequisite Native vs Hybrid app Cordova How IONIC app

works? Angular JS Power of CSS

Agenda

Examples ICONS LIST Collections Tabs Sidebars

IONIC Creator Why IONIC? Questions

Page 3: Ionic - A mobile platform

What you should know already Good knowledge of JavaScript HTML CSS fundamentals Familiarity with AMD and A basic understanding of the DOM Angular basics

Technical preparations The latest Firefox (with Firebug) or Google Chrome on your

laptop/Desktop Your IDE or code editor of choice— Prefer using Sublime Text

Prerequisites

Page 4: Ionic - A mobile platform

Have you ever made a mobile app?

Page 5: Ionic - A mobile platform

Native VS Hybrid appPros and Cons

Page 6: Ionic - A mobile platform

Hybrid Apps

Page 7: Ionic - A mobile platform

(Cordova || PhoneGap)

Page 8: Ionic - A mobile platform

(Cordova)

Page 9: Ionic - A mobile platform
Page 10: Ionic - A mobile platform
Page 11: Ionic - A mobile platform
Page 12: Ionic - A mobile platform

ICONS

Page 13: Ionic - A mobile platform

LIST

Page 14: Ionic - A mobile platform
Page 15: Ionic - A mobile platform
Page 16: Ionic - A mobile platform
Page 17: Ionic - A mobile platform

IONIC Creator (https://creator.ionic.io/)

Page 18: Ionic - A mobile platform

What we want? Open source Performance Creative freedom Code once Platform Support Angular supported

Huge Community 4,000+ apps created everyday 2 million forum views per month 100+ meet ups worldwide

Stats 20K+ stars on github 1 Million+ apps built by IONIC

Why IONIC?

Page 19: Ionic - A mobile platform

Questions?

Page 20: Ionic - A mobile platform

Thank you