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

2. Коротко о
себе
Алексей Охрименко
Ярый Фанат JavaScript
Twitter: @Ai_boy

3. Exadel

4. PhoneGap ?

5. “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

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

9. Первая Apple iOS Developer
Conference 2008

10. UIWebView – WebKit браузер

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

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

13. Стандартный
VS
Автоматизированный

15. iOS – Xcode + iOS SDK + MacOS
Android – Eclipse + Android SDK +
Linux (or any OS)
Windows Phone – Visual Studio +
Windows Phone SDK + Windows

17. PhoneGap Build
Zip архив или ссылка на GitHub
http://build.phonegap.com

18. PhoneGap Build

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

20. Делаем свой
PhoneGap
Windows + Visual Studio Express 2012
( for Desktop )

28. Mark of the Web (MOTW)

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

33. Делаем свой
PhoneGap
Mac OS + Xcode ( for iOS )

35. ViewController_iPhone.xib

36. ViewController.h

37. ViewController.h

38. ViewController.m

39. ViewController.m

40. ViewController.m

41. ViewController.m

42. ViewController.m

43. ViewController.m

44. ViewController.m

45. ViewController.m

46. ViewController.m

47. ViewController.m

48. ViewController.m

49. ViewController.m

50. Project Navigator

51. Project Navigator

55. PhoneGap –
это плагины
https://github.com/phonegap/phonegap-plugins

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

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

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

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

60. JsConsole
http://www.jsconsole.com

62. Adobe Edge
Inspect
http://html.adobe.com/edge/inspect/

64. Weinre (winery)
http://search.apache.org/~pmuellr/wei
nre/docs/latest/

66. Aardwolf
http://lexandera.com/aardwolf/

68. Отладка
PhoneGap

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

70. Ripple (by Blackberry)
http://emulate.phonegap.com

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

73. Недостатки
PhoneGap

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

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

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

77. THE END

78. Twitter: @Ai_boy
http://phonegap.com
http://build.phonegap.com
https://github.com/phonegap/phonegap-plugins
http://www.jsconsole.com
http://html.adobe.com/edge/inspect/
http://search.apache.org/~pmuellr/weinre/docs/latest/
http://lexandera.com/aardwolf/
http://emulate.phonegap.com