«Свой phonegap за 15 минут», Алексей Охрименко (iponweb)

СВОЙ PHONEGAPЗА 15 МИНУТ

1

О СЕБЕ

АЛЕКСЕЙ ОХРИМЕНКО

Twitter: @Ai_boy

JS FOR FUN

2

IPONWEB

RTB

BLA BLA BLA

3

PHONEGAP ОЧЕНЬ КРУТОЙ И ИНТЕРЕСНЫЙ FRAMEWORK

4

5

http://phonegap.com/ 6

7

IPHONE ANDROID WINDOWS PHONE BLACKBERRY WINDOWS UBUNTU FIREFOX OS FIRE OS

И ЧТО ЖЕ МЫ УЗНАЕМ?

▸История PhoneGap

▸Как он работает?

▸Как с ним работать?

8

ИСТОРИЯ PHONEGAP

9

10

11

12

Ajax 2.0 - новый, инновационный способ написания мобильных

приложений

13

⊘

14

КАК PHONEGAP РАБОТАЕТ?

15

16

Native Browser

17

Native Browser

ДЕЛАЕМ СВОЙ PHONEGAP

Windows + Visual Studio Express ( for Desktop )

18

19

20

21

22

23

24

25Mark of the Web (MOTW)

26

27

28

И ЧТО ЖЕ МЫ ПОЛУЧИЛИ?

29

А МЫ НИЧЕГО НЕ ЗАБЫЛИ?

30

31

Native Browser

32

Native Browser

NativeCameraPlugin JSCameraPlugin

33https://cordova.apache.org/plugins/

И КАК ЖЕ С ЭТИМ РАБОТАТЬ?

34

35

1) РУЧНОЙ СПОСОБ РАБОТЫ

2) PHONEGAP CLOUD

3) PHONEGAP CLI

36

iOS – Xcode + iOS SDK + MacOS

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

Windows Phone – Visual Studio + Windows Phone SDK + Windows

37

iOS – Xcode + iOS SDK + MacOS

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

Windows Phone – Visual Studio + Windows Phone SDK + Windows⊘

38

39

PHONEGAP BUILD

40

41https://build.phonegap.com

42

REST API

43

Build as a Service

44

PHONEGAP CLI

45

IPHONE ANDROID WINDOWS PHONE

PhoneGap Mobile

46

npm install -g phonegapphonegap create myAppls myApp/

# config.xml hooks platforms plugins www

phonegap serve

# serving at 192.168.1.13

47

npm install -g phonegapphonegap create myAppls myApp/

# config.xml hooks platforms plugins www

phonegap serve

# serving at 192.168.1.13

48

npm install -g phonegapphonegap create myAppls myApp/

# config.xml hooks platforms plugins www

phonegap serve

# serving at 192.168.1.13

49

npm install -g phonegapphonegap create myAppls myApp/

# config.xml hooks platforms plugins www

phonegap serve

# serving at 192.168.1.13

50

ЕЩЕ РАЗ СРАВНИМ

51

1) РУЧНОЙ СПОСОБ РАБОТЫ

2) PHONEGAP CLOUD

3) PHONEGAP CLI

52

ОТЛАДКА PHONEGAP

53

JsConsole Aardwolf TraceGL SpyWeb JsHybbuger Ripple

Weinre Adobe Edge Inspect VorlonJs

Fiddler Wireshark

54

ОТЛАДКА ГИБРИДНЫХ ПРИЛОЖЕНИЙ И МОБИЛЬНОГО WEB

http://www.youtube.com/watch?v=2QuzmdAbHLs

FRAMEWORKS 55

56

ВЫВОД МОЖЕТ БЫТЬ ТОЛЬКО

ОДИН

57

НИЧЕГО НЕ УЧИТЕ!!!

58

Q&A ?

АЛЕКСЕЙ ОХРИМЕНКО Twitter: @Ai_boy

59http://bit.ly/1XONHTL