dump-2013 frontend - Свой phonegap за 15 минут! - Охрименко Алексей
TRANSCRIPT
![Page 1: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/1.jpg)
Свой PhoneGap за 40 минут
![Page 2: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/2.jpg)
Коротко о себе Алексей ОхрименкоЯрый Фанат JavaScript
Twitter: @Ai_boy
![Page 3: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/3.jpg)
Exadel
![Page 4: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/4.jpg)
PhoneGap ?
![Page 5: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/5.jpg)
“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
![Page 6: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/6.jpg)
PhoneGap – это история
![Page 7: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/7.jpg)
![Page 8: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/8.jpg)
![Page 9: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/9.jpg)
Первая Apple iOS Developer Conference 2008
![Page 10: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/10.jpg)
UIWebView – WebKit браузер
![Page 11: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/11.jpg)
Август 2008 – iPhoneНоябрь 2008 – AndroidДекабрь 2008 – Blackberry 4.2Август 2009 – Windows MobileСентябрь 2009 – SymbianНоябрь 2009 – Palm webOS
![Page 12: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/12.jpg)
PhoneGap – это рабочий процесс
![Page 13: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/13.jpg)
Стандартный
VSАвтоматизированный
![Page 14: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/14.jpg)
![Page 15: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/15.jpg)
iOS – Xcode + iOS SDK + MacOS
Android – Eclipse + Android SDK + Linux (or any OS)
Windows Phone – Visual Studio + Windows Phone SDK + Windows
![Page 16: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/16.jpg)
![Page 17: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/17.jpg)
PhoneGap Build Zip архив или ссылка на GitHub
http://build.phonegap.com
![Page 18: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/18.jpg)
PhoneGap Build
![Page 19: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/19.jpg)
PhoneGap – это общение
![Page 20: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/20.jpg)
Делаем свой PhoneGapWindows + Visual Studio Express 2012 ( for Desktop )
![Page 21: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/21.jpg)
![Page 22: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/22.jpg)
![Page 23: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/23.jpg)
![Page 24: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/24.jpg)
![Page 25: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/25.jpg)
![Page 26: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/26.jpg)
![Page 27: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/27.jpg)
![Page 28: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/28.jpg)
Mark of the Web (MOTW)
![Page 29: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/29.jpg)
![Page 30: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/30.jpg)
![Page 31: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/31.jpg)
![Page 32: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/32.jpg)
И что же мы получили?
![Page 33: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/33.jpg)
Делаем свой PhoneGap
Mac OS + Xcode ( for iOS )
![Page 34: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/34.jpg)
![Page 35: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/35.jpg)
ViewController_iPhone.xib
![Page 36: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/36.jpg)
ViewController.h
![Page 37: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/37.jpg)
ViewController.h
![Page 38: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/38.jpg)
ViewController.m
![Page 39: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/39.jpg)
ViewController.m
![Page 40: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/40.jpg)
ViewController.m
![Page 41: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/41.jpg)
ViewController.m
![Page 42: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/42.jpg)
ViewController.m
![Page 43: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/43.jpg)
ViewController.m
![Page 44: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/44.jpg)
ViewController.m
![Page 45: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/45.jpg)
ViewController.m
![Page 46: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/46.jpg)
ViewController.m
![Page 47: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/47.jpg)
ViewController.m
![Page 48: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/48.jpg)
ViewController.m
![Page 49: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/49.jpg)
ViewController.m
![Page 50: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/50.jpg)
Project Navigator
![Page 51: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/51.jpg)
Project Navigator
![Page 52: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/52.jpg)
![Page 53: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/53.jpg)
![Page 54: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/54.jpg)
![Page 55: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/55.jpg)
PhoneGap – это плагины
https://github.com/phonegap/phonegap-plugins
![Page 56: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/56.jpg)
PhoneGap- История- Рабочий процесс- Общение- Плагины
![Page 57: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/57.jpg)
Отладка мобильного Web
![Page 58: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/58.jpg)
console.log('...')alert('...'):(
![Page 59: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/59.jpg)
document.write('...')document.innerHTML:)
![Page 60: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/60.jpg)
JsConsolehttp://www.jsconsole.com
![Page 61: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/61.jpg)
![Page 62: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/62.jpg)
Adobe Edge Inspecthttp://html.adobe.com/edge/inspect/
![Page 63: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/63.jpg)
![Page 64: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/64.jpg)
Weinre (winery)
http://search.apache.org/~pmuellr/weinre/docs/latest/
![Page 65: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/65.jpg)
![Page 66: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/66.jpg)
Aardwolf http://lexandera.com/aardwolf/
![Page 67: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/67.jpg)
![Page 68: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/68.jpg)
Отладка PhoneGap
![Page 69: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/69.jpg)
console.log => debug output of your IDE ( xCode, Eclipse, VS )
![Page 70: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/70.jpg)
Ripple (by Blackberry)
http://emulate.phonegap.com
![Page 71: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/71.jpg)
![Page 72: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/72.jpg)
Отладка PhoneGap с нативной стороны...
![Page 73: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/73.jpg)
Недостатки PhoneGap
![Page 74: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/74.jpg)
HTML, CSS, JS - кросспатформеннен
![Page 75: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/75.jpg)
А вот баги нет ;(
![Page 76: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/76.jpg)
Ненатуральные лимиты
![Page 77: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/77.jpg)
THE END
![Page 78: DUMP-2013 Frontend - Свой PhoneGap за 15 минут! - Охрименко Алексей](https://reader033.vdocuments.net/reader033/viewer/2022051516/559e026f1a28ab086a8b469d/html5/thumbnails/78.jpg)
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