Ionic Framework for Web Developer

Teerasej Jiraphatchandej www.nextflow.in.th/ionic-framework

ng-bkk meetup 1st meeting

“พล” ธีรเศรษฐ์ จิรภัทร์ชาญเดช

@teerasej www.nextflow.in.th/ionic-framework

3 อย่างที่ Web Developer ควรรู้เกี่ยวกับ

Mobile Application Development

http://www.nextflow.in.th/phonegap/

DIFFERENT PLATFORM

http://www.nextflow.in.th/phonegap/

$99/Year

http://www.nextflow.in.th/phonegap/

http://www.nextflow.in.th/phonegap/

LEARNING CURVE

http://www.nextflow.in.th/phonegap/

WEB IS EVERYWHERE

http://www.nextflow.in.th/phonegap/

http://www.nextflow.in.th/phonegap/

ADOBE PHONEGAP

phonegap.com

http://www.nextflow.in.th/phonegap/

HTML

PhoneGap

CSS JS

http://www.nextflow.in.th/phonegap/

HTML

PhoneGap

CSS JS

JQuery Mobile

PhoneGap API

www.nextflow.in.th/ionic-framework

Ionic Framework?

ionicframework.com

www.nextflow.in.th/ionic-framework

PhoneGap/Cordova

SASS etc…

Ionic Framework

www.nextflow.in.th/ionic-framework

<ion-pane> <ion-header-bar class="bar-positive"> <h1 class="title">Header</h1> </ion-header-bar>

<ion-content> Hello </ion-content>

<ion-footer-bar class="bar-assertive"> <h1 class="title">Footer</h1> </ion-footer-bar> </ion-pane>

ngcordova.com

Demo

สรุป

Ionic Framework for Web Developer

• PhoneGap/Cordova เหมือน WinZip ทำงานโดยอาศัย WebView ของระบบนั้นๆ

• Ionic Framework เป็น Web UI framework

• ออกแบบโดยเฉพาะกับ Hybrid Mobile App

• ใช้ AngularJS

ขอบคุณครับTeerasej Jiraphatchandej

www.nextflow.in.th

ng-bkk meetup 1st meeting