dump-2013 frontend - Свой phonegap за 15 минут! - Охрименко Алексей

Свой PhoneGap за 40 минут

Коротко о себе Алексей ОхрименкоЯрый Фанат JavaScript

Twitter: @Ai_boy

Exadel

PhoneGap ?

“PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about.” ©

http://phonegap.com

PhoneGap – это история

Первая Apple iOS Developer Conference 2008

UIWebView – WebKit браузер

Август 2008 – iPhoneНоябрь 2008 – AndroidДекабрь 2008 – Blackberry 4.2Август 2009 – Windows MobileСентябрь 2009 – SymbianНоябрь 2009 – Palm webOS

PhoneGap – это рабочий процесс

Стандартный

VSАвтоматизированный

iOS – Xcode + iOS SDK + MacOS

Android – Eclipse + Android SDK + Linux (or any OS)

Windows Phone – Visual Studio + Windows Phone SDK + Windows

PhoneGap Build Zip архив или ссылка на GitHub

http://build.phonegap.com

PhoneGap Build

PhoneGap – это общение

Делаем свой PhoneGapWindows + Visual Studio Express 2012 ( for Desktop )

Mark of the Web (MOTW)

И что же мы получили?

Делаем свой PhoneGap

Mac OS + Xcode ( for iOS )

ViewController_iPhone.xib

ViewController.h

ViewController.h

ViewController.m

ViewController.m

ViewController.m

ViewController.m

ViewController.m

ViewController.m

ViewController.m

ViewController.m

ViewController.m

ViewController.m

ViewController.m

ViewController.m

Project Navigator

Project Navigator

PhoneGap – это плагины

https://github.com/phonegap/phonegap-plugins

PhoneGap- История- Рабочий процесс- Общение- Плагины

Отладка мобильного Web

console.log('...')alert('...'):(

document.write('...')document.innerHTML:)

JsConsolehttp://www.jsconsole.com

Adobe Edge Inspecthttp://html.adobe.com/edge/inspect/

Weinre (winery)

http://search.apache.org/~pmuellr/weinre/docs/latest/

Aardwolf http://lexandera.com/aardwolf/

Отладка PhoneGap

console.log => debug output of your IDE ( xCode, Eclipse, VS )

Ripple (by Blackberry)

http://emulate.phonegap.com

Отладка PhoneGap с нативной стороны...

Недостатки PhoneGap

HTML, CSS, JS - кросспатформеннен

А вот баги нет ;(

Ненатуральные лимиты

THE END

Twitter: @Ai_boy

http://phonegap.comhttp://build.phonegap.comhttps://github.com/phonegap/phonegap-plugins

http://www.jsconsole.comhttp://html.adobe.com/edge/inspect/http://search.apache.org/~pmuellr/weinre/docs/latest/http://lexandera.com/aardwolf/http://emulate.phonegap.com