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

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

Upload: mailru-group

Post on 15-Apr-2017

9.945 views

Category:

Software


4 download

TRANSCRIPT

Page 1: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

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

1

Page 2: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

О СЕБЕ

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

Twitter: @Ai_boy

JS FOR FUN

2

Page 3: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

IPONWEB

RTB

BLA BLA BLA

3

Page 4: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

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

4

Page 5: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

5

Page 6: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

http://phonegap.com/ 6

Page 7: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

7

IPHONE ANDROID WINDOWS PHONE BLACKBERRY WINDOWS UBUNTU FIREFOX OS FIRE OS

Page 8: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

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

▸История PhoneGap

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

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

8

Page 9: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

ИСТОРИЯ PHONEGAP

9

Page 10: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

10

Page 11: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

11

Page 12: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

12

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

приложений

Page 13: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

13

Page 14: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

14

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

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

15

Page 16: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

16

Native Browser

Page 17: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

17

Native Browser

Page 18: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

ДЕЛАЕМ СВОЙ PHONEGAP

Windows + Visual Studio Express ( for Desktop )

18

Page 19: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

19

Page 20: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

20

Page 21: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

21

Page 22: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

22

Page 23: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

23

Page 24: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

24

Page 25: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

25Mark of the Web (MOTW)

Page 26: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

26

Page 27: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

27

Page 28: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

28

Page 29: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

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

29

Page 30: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

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

30

Page 31: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

31

Native Browser

Page 32: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

32

Native Browser

NativeCameraPlugin JSCameraPlugin

Page 33: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

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

Page 34: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

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

34

Page 35: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

35

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

2) PHONEGAP CLOUD

3) PHONEGAP CLI

Page 36: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

36

iOS – Xcode + iOS SDK + MacOS

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

Windows Phone – Visual Studio + Windows Phone SDK + Windows

Page 37: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

37

iOS – Xcode + iOS SDK + MacOS

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

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

Page 38: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

38

Page 39: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

39

Page 40: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

PHONEGAP BUILD

40

Page 41: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

41https://build.phonegap.com

Page 42: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

42

Page 43: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

REST API

43

Build as a Service

Page 44: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

44

PHONEGAP CLI

Page 45: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

45

IPHONE ANDROID WINDOWS PHONE

PhoneGap Mobile

Page 46: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

46

npm install -g phonegapphonegap create myAppls myApp/

# config.xml hooks platforms plugins www

phonegap serve

# serving at 192.168.1.13

Page 47: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

47

npm install -g phonegapphonegap create myAppls myApp/

# config.xml hooks platforms plugins www

phonegap serve

# serving at 192.168.1.13

Page 48: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

48

npm install -g phonegapphonegap create myAppls myApp/

# config.xml hooks platforms plugins www

phonegap serve

# serving at 192.168.1.13

Page 49: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

49

npm install -g phonegapphonegap create myAppls myApp/

# config.xml hooks platforms plugins www

phonegap serve

# serving at 192.168.1.13

Page 50: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

50

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

Page 51: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

51

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

2) PHONEGAP CLOUD

3) PHONEGAP CLI

Page 52: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

52

ОТЛАДКА PHONEGAP

Page 53: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

53

JsConsole Aardwolf TraceGL SpyWeb JsHybbuger Ripple

Weinre Adobe Edge Inspect VorlonJs

Fiddler Wireshark

Page 54: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

54

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

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

Page 55: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

FRAMEWORKS 55

Page 56: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

56

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

ОДИН

Page 57: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

57

Page 58: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

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

58

Page 59: «Свой PhoneGap за 15 минут», Алексей Охрименко (IPONWEB)

Q&A ?

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

59http://bit.ly/1XONHTL