DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей
78
Свой PhoneGap за 40 минут
Transcript of 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
