1
00:00:00,000 --> 00:00:03,388
>> [સંગીત વગાડવાનો]

2
00:00:03,388 --> 00:00:09,196

3
00:00:09,196 --> 00:00:10,180
>> ડેવિડ જે MALAN: હેલો.

4
00:00:10,180 --> 00:00:12,600
માતાનો મારફતે વોક લેવા દો
સમસ્યા સેટ 8 મેશઅપ,

5
00:00:12,600 --> 00:00:15,880
જે તમે પડકાર રહ્યું છે
Google Maps માટે તત્વો પર ડ્રો

6
00:00:15,880 --> 00:00:20,905
ગૂગલ ન્યૂઝ અને મેશ ઘટકો સાથે
એકસાથે વેબ એપ્લેટ માં તેમને કે

7
00:00:20,905 --> 00:00:24,150
વપરાશકર્તા શોધ કરવા માટે પરવાનગી આપે છે
સ્થાનિક સમાચાર માટે એક નકશો

8
00:00:24,150 --> 00:00:26,780
ચોક્કસ નગરો માટે,
શહેરો, અને પિન કોડ.

9
00:00:26,780 --> 00:00:31,040
આ કરવા માટે, અમે રહ્યા છીએ
કેટલાક એચટીએમએલ સંકલિત, સીએસએસ, PHP, એસક્યુએલ,

10
00:00:31,040 --> 00:00:34,390
જાવાસ્ક્રિપ્ટ, અને એક ટેકનિક
સામાન્ય ક્રમમાં એજેક્સ તરીકે ઓળખાય

11
00:00:34,390 --> 00:00:36,850
આ immersive બનાવવા માટે
વપરાશકર્તા અનુભવ.

12
00:00:36,850 --> 00:00:38,920
>> પ્રથમ ગૂગલ મેપ્સ પોતાના માટે કરીએ.

13
00:00:38,920 --> 00:00:41,220
આ છે, અલબત્ત, કદાચ છે
એક પરિચિત ઈન્ટરફેસ.

14
00:00:41,220 --> 00:00:45,070
પરંતુ તે તારણ છે કે ગૂગલ મેપ્સ
પણ એક API-- એપ્લિકેશન પૂરુ પાડે

15
00:00:45,070 --> 00:00:48,360
છે ઈન્ટરફેસ પ્રોગ્રામિંગ જે મારફતે
તમે Google Maps તત્વો લઈ શકે

16
00:00:48,360 --> 00:00:50,740
અને તેમને સંકલિત
તમારા પોતાના કાર્યક્રમો.

17
00:00:50,740 --> 00:00:52,650
ખરેખર, સમગ્ર આ
પ્રક્રિયા, તમે રહ્યા છીએ

18
00:00:52,650 --> 00:00:55,140
URL ને એક દંપતિ શોધવા માટે
કે ખાસ કરીને મદદરૂપ

19
00:00:55,140 --> 00:00:57,820
આ ઉલ્લેખ છે
સમસ્યા સેટ 8 માટે સ્પષ્ટીકરણ,

20
00:00:57,820 --> 00:01:00,980
ખાસ કરીને આ શરૂ કરી રહ્યા છીએ
માર્ગદર્શન અથવા વિકાસકર્તા માર્ગદર્શન

21
00:01:00,980 --> 00:01:07,640
Google Maps API આવૃત્તિ 3 સાથે સાથે માટે
ગૂગલ મેપ્સ જાવાસ્ક્રિપ્ટ API તરીકે

22
00:01:07,640 --> 00:01:10,260
એક છે, જે v3 સંદર્ભ,
વાંચવા માટે થોડી વધુ arcane

23
00:01:10,260 --> 00:01:14,600
પરંતુ વાસ્તવમાં નીચલા સ્તર તમામ ધરાવે
શું કાર્યો અથવા પદ્ધતિઓ અંગે વિગતો

24
00:01:14,600 --> 00:01:18,220
અને પદાર્થો અને ગુણધર્મો અને
ઘટનાઓ વાસ્તવમાં API સાથે આવે છે,

25
00:01:18,220 --> 00:01:20,720
ભાવના ખૂબ સમાન
[અશ્રાવ્ય] પાનાંઓનો.

26
00:01:20,720 --> 00:01:23,480
>> હવે અમે એક નજર તો
ગૂગલ ન્યૂઝ પર, તમે પડશે

27
00:01:23,480 --> 00:01:25,370
કદાચ અહીં એક પરિચિત ઈન્ટરફેસની જુઓ.

28
00:01:25,370 --> 00:01:29,350
પરંતુ તે તમે પણ શોધ કરી શકો છો આઉટ કરે
ચોક્કસ ભૌગોલિક માટે Google સમાચાર

29
00:01:29,350 --> 00:01:32,000
ભૂ કહેવાય એ HTTP પરિમાણ મારફતે.

30
00:01:32,000 --> 00:01:35,100
હકીકતમાં, હું ઝૂમ તો
અહીં, તમે જોશો કે

31
00:01:35,100 --> 00:01:41,672
હું અંતે છું
news.google.com/news/section?geo=02138.

32
00:01:41,672 --> 00:01:43,630
અને, ખરેખર, હું ઝૂમ તો
બહાર, તમે મને છું કે જોશો

33
00:01:43,630 --> 00:01:47,090
સંપૂર્ણ જથ્થો સાથે પાનું જોઈ
કેમ્બ્રિજ, મેસાચ્યુએટ્સમાં વિશે મંતવ્યો.

34
00:01:47,090 --> 00:01:50,620
>> દરમિયાન, હું ખરેખર બદલી હોય તો
URL, આ જેમ એક ઝિપ કોડ હોવાનું નથી

35
00:01:50,620 --> 00:01:55,580
પરંતુ થોડી messier કંઈક
કેમ્બ્રિજ, મેસાચ્યુએટ્સમાં + જેવી,

36
00:01:55,580 --> 00:02:00,740
આ ઉપરાંત માર્ગ છે, જ્યાં તમે એક બેવડી
એક URL માં જગ્યા પાત્ર અને Enter દબાવો,

37
00:02:00,740 --> 00:02:02,907
તમે ખરેખર છે કે હું જોશો
લગભગ એ જ સમાચાર જુઓ.

38
00:02:02,907 --> 00:02:05,489
કદાચ તે થોડો અલગ છે
કેમ્બ્રિજ ખરેખર કારણ

39
00:02:05,489 --> 00:02:06,910
બહુવિધ ઝિપ કોડ ધરાવે છે.

40
00:02:06,910 --> 00:02:09,410
હવે હું કેવી રીતે ખબર છે કે, અને કરશે,
હકીકતમાં, કેવી કોઈક હું કરી શકે

41
00:02:09,410 --> 00:02:12,940
શહેરો અને નગરો ગૂંચ
કેસ હું માં ઝિપ કોડ માટે

42
00:02:12,940 --> 00:02:15,064
વપરાશકર્તાને પરવાનગી આપવા માંગો
ક્યાં લુકઅપ?

43
00:02:15,064 --> 00:02:17,480
વેલ, તે છે તે બહાર કરે છે
એક વેબસાઇટ બહાર ત્યાં કહેવાય

44
00:02:17,480 --> 00:02:20,060
geonames.org જે છે
એક પહેલ છે માટે

45
00:02:20,060 --> 00:02:23,760
સૌ એક મુક્ત રીતે ઉપલબ્ધ ડેટાબેઝ
ભૌગોલિક માહિતી પ્રકારના,

46
00:02:23,760 --> 00:02:27,040
માત્ર આ યુ માટે, પણ
અન્ય દેશો માટે તેમજ.

47
00:02:27,040 --> 00:02:30,430
હકીકતમાં, હું, અહીં આ URL પર જાઓ તો જે
પણ સમસ્યા સમૂહ ઉલ્લેખ કરવામાં આવ્યો છે

48
00:02:30,430 --> 00:02:34,510
સ્પષ્ટીકરણ, તો તમે તેને ત્રણ જોશો
ઝિપ ફાઇલો સંપૂર્ણ જથ્થો ની યાદી

49
00:02:34,510 --> 00:02:36,400
જે કોઇ તમારા દ્વારા ડાઉનલોડ કરી શકાય છે.

50
00:02:36,400 --> 00:02:39,900
હકીકતમાં, આ સમસ્યા માટે સુયોજિત
તમે us.zip ડાઉનલોડ રહ્યા છીએ.

51
00:02:39,900 --> 00:02:43,790
હવે આ ફાઈલ અંદર, સમગ્ર છે
લખાણ ફોર્મેટમાં માહિતીનો ટોળું.

52
00:02:43,790 --> 00:02:47,760
ફાઈલો એક ખૂબ સમાન છે
CSV-- અલ્પવિરામ મૂલ્યો છૂટા ફાઈલ

53
00:02:47,760 --> 00:02:51,294
પરંતુ વાસ્તવમાં તે વાપરે
ટેબો ક્ષેત્રો સીમાંકન માટે.

54
00:02:51,294 --> 00:02:53,710
હવે, વચ્ચે, તમે જુઓ છો
અહીં હું પ્રકાશિત કર્યું છે તે પર,

55
00:02:53,710 --> 00:02:56,459
આ ફાઈલમાં ક્ષેત્રોમાં જવું છે
દેશમાં કોડ જેવી વસ્તુઓ હોય તેમ,

56
00:02:56,459 --> 00:02:58,980
પોસ્ટલ કોડ, સ્થળોના નામ,
અને પછી, અમુક રૂપમાં

57
00:02:58,980 --> 00:03:04,230
અથવા અન્ય, રાજ્યો અને કાઉન્ટીઓ,
સમુદાયો, અને વધુ.

58
00:03:04,230 --> 00:03:06,630
હકીકતમાં, મને પહેલેથી કર્યું
અગાઉથી આ ફાઈલ ડાઉનલોડ.

59
00:03:06,630 --> 00:03:09,750
મને આગળ જવા દો અને અહીં તેને ખોલવા
ખરેખર, તમે પડશે, us.text-- અને

60
00:03:09,750 --> 00:03:16,660
હું 16.792 વાક્ય સરકાવો તે જોવા
તમે કેમ્બ્રિજ માટે થોડા રેકોર્ડ જોશો

61
00:03:16,660 --> 00:03:19,120
મેસેચ્યુસેટ્સ અને તેના વિવિધ ઝિપ કોડ.

62
00:03:19,120 --> 00:03:22,150
શું તમે પણ ત્યાં જોવા, કાઉન્ટી છે
હું ખરેખર નથી કે કેટલાક નંબરો

63
00:03:22,150 --> 00:03:24,500
પણ બધા સમજે છે, પરંતુ
જમણે પર માર્ગ,

64
00:03:24,500 --> 00:03:27,170
કેટલાક જીપીએસ કોઓર્ડિનેટ્સ
અક્ષાંશ અને રેખાંશ.

65
00:03:27,170 --> 00:03:30,440
આ મહાન છે એક કારણ
Google Maps API ના લક્ષણો

66
00:03:30,440 --> 00:03:33,670
શોધવા માટે ક્ષમતા છે
તમે ભૌગોલિક જ્યાં છો

67
00:03:33,670 --> 00:03:36,850
જીપીએસ કોઓર્ડિનેટ્સ દ્રષ્ટિએ.

68
00:03:36,850 --> 00:03:40,210
>> હવે આપણે કેવી રીતે બહાર આકૃતિ શરૂ કરીએ
એકસાથે આ વસ્તુઓ ભોગવીને શરૂ કરો.

69
00:03:40,210 --> 00:03:42,900
અમે તમને એક આખી આપી છે
વિતરણ કોડ સમૂહ,

70
00:03:42,900 --> 00:03:44,970
સાથે સાથે MySQL ડેટાબેઝના તરીકે.

71
00:03:44,970 --> 00:03:49,100
હું ખેંચી હકીકતમાં, જો એક phpMyAdmin કર્યા
પહેલેથી આયાતી, તમે તરત ચાલશે તરીકે,

72
00:03:49,100 --> 00:03:54,800
pset8.SQL, તમે એક માયએસક્યુએલ ટેબલ જોશો કે
આ જેવી લાગે, એક ID ક્ષેત્રમાં, દેશ

73
00:03:54,800 --> 00:03:57,400
કોડ છે, પોસ્ટલ કોડ, સ્થળ નામ અને વધુ.

74
00:03:57,400 --> 00:04:00,490
તે બધા પ્રકારો
કૉલમ હું ફક્ત તારવેલી

75
00:04:00,490 --> 00:04:03,870
આ readme.text વાંચીને
સ્પષ્ટ છે કે અહીં નોંધાવી

76
00:04:03,870 --> 00:04:07,330
એક ક્ષેત્ર પૂર્ણાંક છે કે શું,
અથવા varchar અથવા જેમ.

77
00:04:07,330 --> 00:04:10,510
>> તેથી અમે તે કોષ્ટક માટે બનાવી છે
તમે અને તમે એસક્યુએલ આદેશો આપવામાં

78
00:04:10,510 --> 00:04:12,770
કે બનાવવા માટે ચલાવવા માટે
તમારા પોતાના ડેટાબેઝમાં ટેબલ,

79
00:04:12,770 --> 00:04:15,290
પરંતુ હજુ સુધી ખરેખર તે કોઇ માહિતી નથી.

80
00:04:15,290 --> 00:04:19,600
તેના બદલે, તમારા માટે હોય રહ્યા છીએ
us.zip ડાઉનલોડ અથવા કોઇ દેશની ઝિપ

81
00:04:19,600 --> 00:04:21,500
ત્યાં URL માંથી નોંધાવી.

82
00:04:21,500 --> 00:04:24,940
અને પછી તમે લખવા માટે હોય રહ્યા છીએ
કે PHP, એક આદેશ વાક્ય સ્ક્રિપ્ટ

83
00:04:24,940 --> 00:04:28,420
કે લખાણ ખોલવા માટે જઇ
, નોંધાવી તેની લીટીઓ પર ફરી વળવું,

84
00:04:28,420 --> 00:04:31,180
અને પછી દરેક માટે
તે રેખાઓ એક insert કરી

85
00:04:31,180 --> 00:04:34,940
કે ટેબલ મૂકે માં
તમારા MySQL ડેટાબેઝના.

86
00:04:34,940 --> 00:04:37,880
આ પ્રક્રિયા ઓવરને અંતે, તમે પડશે જેથી
છેવટે તે સ્ક્રિપ્ટ ચલાવવામાં આવી છે

87
00:04:37,880 --> 00:04:39,610
માત્ર એક વાર સિદ્ધાંતમાં.

88
00:04:39,610 --> 00:04:41,780
વાસ્તવમાં તમે કદાચ પડશે
તે વખત સમૂહ ચલાવો

89
00:04:41,780 --> 00:04:45,460
જ્યારે વિવિધ ભૂલોને સુધારવા માટે પ્રયાસ કરી.

90
00:04:45,460 --> 00:04:48,440
>> આખરે, તમે એક હોય રહ્યા છીએ
હજારો ખરેખર મોટી ડેટાબેઝ

91
00:04:48,440 --> 00:04:50,139
ભૌગોલિક પંક્તિઓ અને હજારો.

92
00:04:50,139 --> 00:04:52,930
પછી તમે તે આયાત મૂકી રહ્યા છીએ
સ્ક્રિપ્ટ કોરે તે કામ કરી રહ્યા છે એકવાર

93
00:04:52,930 --> 00:04:55,140
અને તમારા ડેટાબેઝ સરસ છે
અને યોગ્ય છે, અને પછી

94
00:04:55,140 --> 00:04:58,880
તમે ખરેખર પર ખસેડો રહ્યા છીએ
આ મૅશઅપ પોતે અમલીકરણ.

95
00:04:58,880 --> 00:05:01,670
આ મૅશઅપ જોવા જવાનું છે
આ જેવી થોડી કંઈક.

96
00:05:01,670 --> 00:05:05,165
Mashup.cs50.net પર, અમે
એક સ્ટાફ ઉકેલ છે

97
00:05:05,165 --> 00:05:06,990
કે આ જેવી થોડી કંઈક જુએ છે.

98
00:05:06,990 --> 00:05:11,070
ખરેખર, હું આ અખબાર પર ક્લિક કરો
કેમ્બ્રિજ, મેસાચ્યુએટ્સમાં માટે ચિહ્ન,

99
00:05:11,070 --> 00:05:13,300
જો તમે ફરતું જોશો
થોડા સમય માટે અને પછી ચિહ્ન

100
00:05:13,300 --> 00:05:16,370
એક આદેશ આપ્યો યાદી, એક
લેખો બુલેટ સૂચિ

101
00:05:16,370 --> 00:05:18,280
કેમ્બ્રિજ, મેસાચ્યુએટ્સમાં સાથે સંબંધિત.

102
00:05:18,280 --> 00:05:20,352
હું Charlestown પર ક્લિક કરો, તો
મેસેચ્યુસેટ્સ,

103
00:05:20,352 --> 00:05:21,685
હું કે નગર માટે જ જોશો.

104
00:05:21,685 --> 00:05:24,174
અને હું પર ક્લિક કરો, તો
વોટરટાઉન, મેસેચ્યુસેટ્સ,

105
00:05:24,174 --> 00:05:26,090
કોઈ પણ હોઇ ન શકે
વોટરટાઉન થી ના સમાચાર,

106
00:05:26,090 --> 00:05:28,630
તેથી તમે કંઈક જોવા મળશે
ધીમી સમાચાર દિવસે જેમ.

107
00:05:28,630 --> 00:05:32,140
>> હવે, વચ્ચે, શીર્ષ પર ડાબે છે
કેટલાક પરિચિત ગૂગલ મેપ્સ નિયંત્રણો

108
00:05:32,140 --> 00:05:34,980
, પણ તમે બહાર ઝૂમ કરો
અપ ડાઉન, ડાબી, અને જમણી,

109
00:05:34,980 --> 00:05:37,360
પણ આપણે ત્યાં મૂકી કે એક શોધ બોક્સ.

110
00:05:37,360 --> 00:05:40,910
તેથી હું પ્રમાણિકપણે, શોધવા જો,
મને ખબર માત્ર અન્ય પિન કોડ,

111
00:05:40,910 --> 00:05:45,020
90210, અમે ખરેખર જોશો
બેવર્લી હિલ્સ, કેલિફોર્નિયામાં.

112
00:05:45,020 --> 00:05:48,550
જ્યારે ક્લિક તે મને દોરી જાય
કેલિફોર્નિયા અને સંપૂર્ણ જથ્થો

113
00:05:48,550 --> 00:05:50,369
બેવર્લી હિલ્સ વિશે સમાચાર.

114
00:05:50,369 --> 00:05:51,910
હવે ત્યાં શું થયું, પણ, નોટિસ.

115
00:05:51,910 --> 00:05:57,040
પણ 02138 અથવા માટે હું તો આ સમય શોધ
કેમ્બ્રિજ અલ્પવિરામ મેસેચ્યુસેટ્સ અથવા અમુક

116
00:05:57,040 --> 00:06:00,300
ચલ તેના માટે, તમે એક વિચાર
થોડી સ્વત: પૂર્ણ નીચે આવતા.

117
00:06:00,300 --> 00:06:03,840
હવે આ એક પ્લગઇન ઉપયોગ કરી રહ્યા છે
jQuery કહેવાય પુસ્તકાલય માટે,

118
00:06:03,840 --> 00:06:05,732
અને તે પ્લગઇન typeahead કહેવાય છે.

119
00:06:05,732 --> 00:06:07,440
અમે ફક્ત દ્વારા વાંચી
દસ્તા,

120
00:06:07,440 --> 00:06:13,150
આ જેએસ સંકલિત ફાઈલ ડાઉનલોડ
વિતરણ કોડમાં જેથી તમે તે

121
00:06:13,150 --> 00:06:16,900
છેવટે કોડ લખી શકો છો કે
ઓટો સાથે કે નીચે આવતા મેનુ ભરે

122
00:06:16,900 --> 00:06:19,350
પસંદગીઓ અથવા ઓટો સૂચનો.

123
00:06:19,350 --> 00:06:23,820
>> હવે વિતરણ કોડ છે, જોકે, કે
તમે લગભગ તરીકે ખૂબ નથી કરતું નથી મળ્યો.

124
00:06:23,820 --> 00:06:26,860
તમે ગૂગલ મેપ એમ્બેડ વિચાર, અને
જો તમે ઉપરની ડાબે નિયંત્રણો મળી

125
00:06:26,860 --> 00:06:28,240
અને તમે શોધ બોક્સમાં મેળવો.

126
00:06:28,240 --> 00:06:32,760
પણ હું કંઈક લખો તો
02138, કોઈ સ્થાનો હજી જોવા મળે છે.

127
00:06:32,760 --> 00:06:34,730
જેથી જ હશે
અહીં અમારા ગોલ એક છે.

128
00:06:34,730 --> 00:06:37,430
આ ઉપરાંત, તમે એક પગલું લેવા માટે જો
અને પાછળ નકશા પોતે જોવા,

129
00:06:37,430 --> 00:06:38,950
કોઈ પ્રકારની સમાચાર છે.

130
00:06:38,950 --> 00:06:41,780
હું ક્લિક તો પણ અને
ખેંચો, ખરેખર કોઈ માર્કર્સ

131
00:06:41,780 --> 00:06:45,560
કે કારણ સમાચાર માટે દેખાય
પડકાર સાથે સાથે તમારા માટે છોડી મૂકવામાં આવે છે.

132
00:06:45,560 --> 00:06:48,490
>> માતાનો પછી એક નજર
વિતરણ કોડ અંતે.

133
00:06:48,490 --> 00:06:51,460
તમે ડાઉનલોડ કરો તે પછી
pset8.zip અને તે unzipped

134
00:06:51,460 --> 00:06:54,430
તમારા vhost ડિરેક્ટરીમાં
CS50 ઉપકરણ માં,

135
00:06:54,430 --> 00:06:56,550
તમે આ જોશો
અહીં અંદર ડિરેક્ટરીઓ.

136
00:06:56,550 --> 00:07:00,200
સામાન્ય માટે વપરાય જે Bin--
એક્ઝેક્યુટેબલ કાર્યક્રમો માટે બાઈનરી

137
00:07:00,200 --> 00:07:04,870
pset7 તરીકે, સમાવેશ થાય છે, કેટલાક PHP
અન્ય ફાઇલો સમાવેશ થાય છે કે ફાઈલો,

138
00:07:04,870 --> 00:07:06,710
છે, જે પછી જાહેર,
જરૂર છે કે જે ફાઈલો

139
00:07:06,710 --> 00:07:09,369
સાર્વજનિક સુલભ હોય તેમ
એક બ્રાઉઝર સાથે વપરાશકર્તા માટે.

140
00:07:09,369 --> 00:07:11,410
ચાલો આ એક નજર કરીએ
બિન ડિરેક્ટરી, અને અમે પડશે

141
00:07:11,410 --> 00:07:13,890
ફાઈલ છે તે જોવા
પહેલેથી આયાત ત્યાં કહેવાય.

142
00:07:13,890 --> 00:07:17,591
અમે gedit સાથે આ ખોલવા તો અમે જોશો
કે, કમનસીબે, ઘણી ત્યાં નથી

143
00:07:17,591 --> 00:07:18,090
ત્યાં.

144
00:07:18,090 --> 00:07:20,250
છતાં જો ચકાસણી કે બધા,
ટોચ પર એક shebang છે

145
00:07:20,250 --> 00:07:23,410
જે સ્પષ્ટ કરે છે કે જેમાં
આ કિસ્સામાં interpreter-- PHP છે

146
00:07:23,410 --> 00:07:25,759
વાસ્તવમાં ઉપયોગ કરવો જોઇએ
આ ફાઇલ ચલાવો.

147
00:07:25,759 --> 00:07:27,550
પરંતુ પછી તે કહે છે
તમે છો જ્યાં TODO છે

148
00:07:27,550 --> 00:07:31,130
અમુક કોડ લખી જરૂર જઈ
કે કદાચ રૂપરેખા જરૂરી

149
00:07:31,130 --> 00:07:35,820
ડિરેક્ટરી સમાવેશ માં છે તે ફાઈલ
અમે PHP ફાઈલો સાથે પહેલાં કંઇ કર્યું છે.

150
00:07:35,820 --> 00:07:38,180
અને પછી તમે રહ્યા છીએ
કોઈક ખોલવા માટે હોય

151
00:07:38,180 --> 00:07:41,920
us.text જે તમને અનુમાન
પહેલેથી unzipped છે.

152
00:07:41,920 --> 00:07:44,690
પછી તમે કરવા હોય રહ્યા છીએ
તે ફાઈલ માં રેખાઓ પર ફરી વળવું,

153
00:07:44,690 --> 00:07:47,800
કદાચ કેટલાક કાર્યોને વાપરીને
આ સ્પષ્ટીકરણમાં સૂચન કર્યું.

154
00:07:47,800 --> 00:07:51,390
પછી તે દરેક દાખલ
MySQL ડેટાબેઝના માં રેખાઓ

155
00:07:51,390 --> 00:07:54,940
ક્વેરી કાર્ય, ઉપયોગ કરીને જે
અમે ફરી with-- તમને પ્રદાન કર્યો

156
00:07:54,940 --> 00:07:58,010
અથવા ઓછામાં ઓછા એક પ્રકાર
તેના functions.php માં,

157
00:07:58,010 --> 00:07:59,560
જે અમે માત્ર એક ક્ષણ જોઈ શકશો.

158
00:07:59,560 --> 00:08:04,430
>> હવે આપણે આયાત બંધ કરો અને પાછા જવા દો
અમારા ડિરેક્ટરીમાં અને આ સમય જાય

159
00:08:04,430 --> 00:08:05,300
સમાવેશ થાય છે.

160
00:08:05,300 --> 00:08:09,210
હું ત્યાં ls કરવું, તો તમે જોશો
તદ્દન સમસ્યા સેટ 7 જેવી ત્રણ ફાઈલો.

161
00:08:09,210 --> 00:08:13,760
અને ચાલો એક ઝડપી નજર કરીએ,
દાખલા તરીકે, config.php ખાતે.

162
00:08:13,760 --> 00:08:16,730
ત્યાં, ઓછા રેખાઓ છે
કરતાં પહેલાં, અને તે

163
00:08:16,730 --> 00:08:20,712
આ ફાઇલ સમાવેશ લાગે
constants.php અને functions.php.

164
00:08:20,712 --> 00:08:23,670
અમે થોડા અલગ ઉપયોગ કરી રહ્યાં છો
ટેકનિક જે વાસ્તવમાં કરવા આ સમય આસપાસ

165
00:08:23,670 --> 00:08:30,910
આ ફાઈલો સંબંધિત હોય છે કે જે સ્પષ્ટ
વર્તમાન ડિરેક્ટરી કરવા __ DIR__

166
00:08:30,910 --> 00:08:35,280
રજૂ ગમે ડિરેક્ટરી આ
ફાઇલ, config.php, પોતે છે.

167
00:08:35,280 --> 00:08:37,600
તેથી આ એક વધુ છે
સ્પષ્ટ ના સ્પષ્ટ રીતે

168
00:08:37,600 --> 00:08:40,100
જરૂરી માંગતા અન્ય શું ફાઈલો.

169
00:08:40,100 --> 00:08:44,020
>> હવે હું આ ફાઇલ બંધ કરો અને જો
તેના બદલે constants.php ખોલો,

170
00:08:44,020 --> 00:08:47,430
તમે ખૂબ યાદ અપાવે ફાઈલ જોશો
માટે સમસ્યા સેટ 7 માતાનો સાથે સાથે, યદ્યપિ

171
00:08:47,430 --> 00:08:50,050
pset8 કહેવાય અલગ ડેટાબેઝ સાથે.

172
00:08:50,050 --> 00:08:54,020
છેલ્લે, functions.php માં,
અમે માત્ર એક કાર્ય જોશો

173
00:08:54,020 --> 00:08:55,942
ક્વેરી કહેવાય આ સમય.

174
00:08:55,942 --> 00:08:59,150
આ અમે સંભાળી સિવાય લગભગ સમાન છે
થોડુંક આસપાસ ભૂલો આ સમયે

175
00:08:59,150 --> 00:09:02,860
અલગ, પણ તે વપરાશ છે
સમસ્યા તરીકે જ સાત સુયોજિત કરો.

176
00:09:02,860 --> 00:09:08,090
>> હવે આપણે આપણા pset8 પાછું જવા દો
ડિરેક્ટરી, જાહેર માં જાય છે, અને ત્યાં માં

177
00:09:08,090 --> 00:09:14,420
હું ls કરો તો, તમે આ જોશો
articles.php, index.html, search.php,

178
00:09:14,420 --> 00:09:16,940
અને બધી ફાઈલો update.php--.

179
00:09:16,940 --> 00:09:22,010
અને પછી સીએસએસ ફોન્ટ્સ, આઇએમજી, અને
ખૂબ pset7 જેવા જેએસ ડિરેક્ટરી.

180
00:09:22,010 --> 00:09:24,660
>> માતાનો પર એક નજર કરીએ
જે છે index.html,

181
00:09:24,660 --> 00:09:27,290
ખરેખર હોઈ ચાલે
આ smashup માટે પ્રવેશ બિંદુ.

182
00:09:27,290 --> 00:09:31,820
હવે index.html માં, તમે સમગ્ર જોશો
વડા લિંક તત્વો ટોળું,

183
00:09:31,820 --> 00:09:36,540
ચોક્કસ રીતે, આપણા પોતાના માટે બુટસ્ટ્રેપ માટે
સ્ક્રિપ્ટ સંપૂર્ણ જથ્થો ત્યારબાદ સીએસએસ

184
00:09:36,540 --> 00:09:41,520
આ નકશા, API જેવી વસ્તુઓ માટે ટૅગ્સ
પોતે, લેબલ સાથે ખાસ માર્કર

185
00:09:41,520 --> 00:09:44,950
આપણે ઉલ્લેખ કર્યો છે કે ઉપયોગીતા
સ્પષ્ટીકરણ, તમારા માટે ઉપલબ્ધ છે

186
00:09:44,950 --> 00:09:48,420
jQuery પોતે, બુટસ્ટ્રેપ
પોતે, અને અન્ય લાઇબ્રેરી

187
00:09:48,420 --> 00:09:50,990
કહેવાય નીચા જે
અમે સ્પેક વિશે વાત કરો.

188
00:09:50,990 --> 00:09:57,031
Jquery.js જેવા Underscore.js
એક JavaScript લાઇબ્રેરી છે

189
00:09:57,031 --> 00:10:00,280
કે વિધેય સંપૂર્ણ જથ્થો છે
કે વિશ્વના ઈચ્છા માં ઘણા લોકોને

190
00:10:00,280 --> 00:10:02,020
જાવાસ્ક્રિપ્ટ પોતે હાજર છે.

191
00:10:02,020 --> 00:10:04,560
તેથી આ બધી છે
ખરેખર ખૂબ જ લોકપ્રિય.

192
00:10:04,560 --> 00:10:07,140
અમે પણ typeahead ઉલ્લેખ કર્યો કર્યું
ગ્રંથાલયનો છે જે કે

193
00:10:07,140 --> 00:10:11,180
કરે છે સ્વત: પૂર્ણ નીચે આવતા અને
છેલ્લે અમારી પોતાની જાવાસ્ક્રિપ્ટ પર એક લિંક.

194
00:10:11,180 --> 00:10:13,880
>> દરમિયાન, અને કદાચ
thankfully, આ મૅશઅપ

195
00:10:13,880 --> 00:10:17,550
પ્રમાણમાં ઓછી દ્વારા ચલાવાય છે
નીચે અહીં નીચે એચટીએમએલ.

196
00:10:17,550 --> 00:10:22,330
અમે એક div માં સ્પષ્ટ કરેલો નોટિસ
વર્ગ-કન્ટેનર પ્રવાહી આપણા શરીરમાં.

197
00:10:22,330 --> 00:10:24,610
આ, પ્રતિ બુટસ્ટ્રેપ માતાનો
દસ્તાવેજીકરણ, ફક્ત

198
00:10:24,610 --> 00:10:29,840
આ div આ ભરો રહ્યું છે કે જે થાય છે
વ્યૂપોર્ટ અથવા સંપૂર્ણપણે બ્રાઉઝરની વિંડો.

199
00:10:29,840 --> 00:10:33,020
>> દરમિયાન, કે નીચે અમે એક div હોય
કે ખોલી અને તરત જ બંધ છે

200
00:10:33,020 --> 00:10:34,790
નકશા કેનવાસ ના અનન્ય ID સાથે.

201
00:10:34,790 --> 00:10:37,400
આ હવે Google માંથી છે
નકશાઓ દસ્તાવેજીકરણ

202
00:10:37,400 --> 00:10:42,490
તેના API, માટે જેમાં હું ખાલી કરવાની જરૂર
, પિચકારીની જેમાં એક ખાલી div હોય

203
00:10:42,490 --> 00:10:44,470
છેવટે, એક વાસ્તવિક ગૂગલ મેપ્સ.

204
00:10:44,470 --> 00:10:46,310
પરંતુ માત્ર એક બીટ કે પર વધુ.

205
00:10:46,310 --> 00:10:48,850
>> છેલ્લે, એક ફોર્મ છે
અહીં ની અંદર જે

206
00:10:48,850 --> 00:10:52,930
લખાણ બોક્સમાં અપ ટોચ છોડી અમલ કરે
શોધ માટે અમારા ઈન્ટરફેસમાં.

207
00:10:52,930 --> 00:10:54,730
અમે ઉપયોગ કર્યો છે કે નોટિસ
બુટસ્ટ્રેપ એક બીટ

208
00:10:54,730 --> 00:10:57,670
અહીં જેવી વસ્તુઓ પણ છે
ફોર્મ-ઇનલાઇન અને ફોર્મ-જૂથ.

209
00:10:57,670 --> 00:11:00,080
અમે ભૂતપૂર્વ આપી છે
ફોર્મની અનન્ય ID.

210
00:11:00,080 --> 00:11:04,510
અને પછી, છેવટે, હું ખરેખર હોય
ખૂબ પરિચિત છે, જે એક ઇનપુટ પ્રકાર,

211
00:11:04,510 --> 00:11:06,440
q જેની આઈડી નથી.

212
00:11:06,440 --> 00:11:07,230
માત્ર એક સંમેલન.

213
00:11:07,230 --> 00:11:09,234
ક્વેરી કરી શકે છે માટે સ
કંઇ કહેવાય.

214
00:11:09,234 --> 00:11:11,400
અને પછી પ્લેસહોલ્ડર,
દરમિયાન, શહેર, રાજ્ય છે,

215
00:11:11,400 --> 00:11:16,200
અને પોસ્ટલ કોડ તમને યાદ શકે જે
ડેમો અગાઉ અમારા મૅશઅપ માં જોયા.

216
00:11:16,200 --> 00:11:17,980
ચાલો આ ફાઈલ બંધ કરીએ.

217
00:11:17,980 --> 00:11:24,460
>> હવે PHP, ફાઇલો પર એક નજર કે
રાહ જોવી અને પછી જાવાસ્ક્રિપ્ટ ફાઈલો.

218
00:11:24,460 --> 00:11:27,700
અમારા PHP ફાઈલો, અમે કર્યું
પહેલેથી જ તમારા માટે અમલમાં,

219
00:11:27,700 --> 00:11:29,960
ઉદાહરણ માટે, સુધારાઓ.

220
00:11:29,960 --> 00:11:35,060
અમે એક વિશાળ ખર્ચ કરશે Update.php--
ટૂંકમાં અહીં પર સમય જથ્થો

221
00:11:35,060 --> 00:11:38,400
આ ફાઇલ છે કે આપણા
JavaScript કોડ રહ્યું છે

222
00:11:38,400 --> 00:11:41,610
AJAX મારફતે સંપર્ક કરવા કે
કે અસુમેળ ટેકનિક

223
00:11:41,610 --> 00:11:45,980
કે આ દિવસ જાવાસ્ક્રિપ્ટ માં સમાયેલ
અમને update.php પૂછો પરવાનગી આપવા જવાનું

224
00:11:45,980 --> 00:11:47,410
વધુ માહિતી માટે.

225
00:11:47,410 --> 00:11:50,045
>> ખાસ કરીને, ગમે ત્યારે
વપરાશકર્તાને નકશા drags

226
00:11:50,045 --> 00:11:53,310
અથવા કૂદકા કે એક શોધ કરે
અન્ય સ્થાન પર વપરાશકર્તાને,

227
00:11:53,310 --> 00:11:55,250
અમારા JavaScript કોડ,
અમે ટૂંક સમયમાં જોશો, છે

228
00:11:55,250 --> 00:11:59,610
update.php કહી રહ્યા
અને 10 કે તેથી માર્કર્સ માગી

229
00:11:59,610 --> 00:12:02,630
વ્યૂપોર્ટ અંદર આધારિત
જીપીએસ કોઓર્ડિનેટ્સ પર

230
00:12:02,630 --> 00:12:06,510
ઉપર અને નીચે ના
કે નકશાનો ખૂણા.

231
00:12:06,510 --> 00:12:10,520
અમે પછી હવે તે નકશા repopulate શકો
વપરાશકર્તાને ક્રમમાં સ્ક્રીન ખસેડવામાં આવી છે

232
00:12:10,520 --> 00:12:14,210
10 કદાચ નવા જોવા માટે
વિવિધ શહેરો માટે માર્કર્સ.

233
00:12:14,210 --> 00:12:18,340
દરમિયાન, આ ફાઈલ છેવટે છે
એક એસક્યુએલ ક્વેરી ચલાવો માટે જતા

234
00:12:18,340 --> 00:12:21,680
અમારા ડેટાબેઝમાં સામે
કોષ્ટક કહેવાય સ્થાનો જેના

235
00:12:21,680 --> 00:12:26,380
તે પાછી રહ્યું છે
10 કે તેથી ઓછા સ્થળોએ.

236
00:12:26,380 --> 00:12:32,620
>> દરમિયાન, articles.php માં, અન્ય છે
અમે તેની સમગ્રતામાં તેવા પરચૂરણ ખર્ચ કર્યો નોંધાવી.

237
00:12:32,620 --> 00:12:35,820
તે ભાવના ખૂબ સમાન છે
સમસ્યા સેટ 7 માતાનો લુકઅપ કાર્ય,

238
00:12:35,820 --> 00:12:39,450
જે તમારા માટે યાહૂ ફાઇનાન્સ સંપર્ક.

239
00:12:39,450 --> 00:12:43,710
આ ફાઇલ સંપર્કો ગૂગલ સમાચાર
તમારા માટે, છેવટે પડતો

240
00:12:43,710 --> 00:12:46,050
એક મશીન-વાંચનીય
આવૃત્તિ કંઈક માં

241
00:12:46,050 --> 00:12:49,720
સમાચાર આરએસએસ ફોર્મેટ કહેવાય
કેમ્બ્રિજ અથવા બેવર્લી હિલ્સ માટે

242
00:12:49,720 --> 00:12:52,880
અથવા જે નગર કે તમે શોધ કરી છે
માટે કે geoparameter પર આધારિત છે.

243
00:12:52,880 --> 00:12:57,250
અમે માત્ર એક છે, જે કે આરએસએસ, પાર્સ
XML કહેવાય માર્કઅપ ભાષા પ્રકારના,

244
00:12:57,250 --> 00:13:00,740
અને પછી અમે ખરેખર
તમારા બ્રાઉઝર પર પાછા

245
00:13:00,740 --> 00:13:03,570
અને તમારા JavaScript કોડ માટે,
ચોક્કસ રીતે, એક ફોર્મેટમાં કહેવાય

246
00:13:03,570 --> 00:13:06,097
JSON, જાવાસ્ક્રીપ્ટ ઑબ્જેક્ટ નોટેશન.

247
00:13:06,097 --> 00:13:08,180
હવે તમે જોશો
specification-- અમે તમને નિર્દેશ

248
00:13:08,180 --> 00:13:10,720
તમે ખરેખર જોઈ શકે છે કેવી રીતે પર
આ JSON આવતા પાછા કેટલાક

249
00:13:10,720 --> 00:13:15,210
કે આ વિધેય છેવટે
તમે આમ તે પોપઅપ મેનુ રચના દે

250
00:13:15,210 --> 00:13:16,960
તમે ક્લિક ત્યારે તે
નકશામાં એક માર્કર પર

251
00:13:16,960 --> 00:13:19,430
તમે ખરેખર સંપૂર્ણ જથ્થો જોવા
બુલેટ્સ, જેમાં દરેક

252
00:13:19,430 --> 00:13:21,020
એક લેખ લિંક્સ.

253
00:13:21,020 --> 00:13:25,000
>> હવે આપણે છેલ્લા એક પર એક નજર કરીએ
, સદભાગ્યે, નહી હોય, જે PHP, ફાઇલ

254
00:13:25,000 --> 00:13:27,970
ખૂબ હોય થઈ રહ્યું
ફક્ત એક સુંદર મોટી TODO.

255
00:13:27,970 --> 00:13:32,170
હમણાં આ ફાઇલ ઘોષણા
ઝાકઝમાળ સ્થાનો કહેવાય છે.

256
00:13:32,170 --> 00:13:35,980
અને પછી છેવટે છાપે
JSON ફોર્મેટ માં કે એરે

257
00:13:35,980 --> 00:13:38,720
માત્ર કે જેથી તે સારુ-પ્રિન્ટીંગ
વસ્તુઓ ડિબગ સરળ છે.

258
00:13:38,720 --> 00:13:41,480
કમનસીબે, માં
મધ્યમ આ TODO છે,

259
00:13:41,480 --> 00:13:46,890
તમે શોધવા માટે માટે જે કહે
બંધબેસતા સ્થાનો માટે ડેટાબેઝ એક ભૂ HTTP

260
00:13:46,890 --> 00:13:47,490
પરિમાણ.

261
00:13:47,490 --> 00:13:49,865
>> અને, ખરેખર, આ રહ્યું છે
તમારા challenges-- એક હોઈ

262
00:13:49,865 --> 00:13:54,240
અહીં આ વિધેય અમલમાં
કે જેથી તમારી સાથે આ ફાઇલ સંપર્ક ત્યારે

263
00:13:54,240 --> 00:14:00,610
શોધ જેવી એક URL. php? ભૂ = કંઈક,
તમારો કોડ છેવટે એક JSON આપશે

264
00:14:00,610 --> 00:14:05,020
માં સ્થળો સૌ એરે તમારા
કે ઇનપુટ મેળ ડેટાબેઝ કોષ્ટક.

265
00:14:05,020 --> 00:14:08,960
કેમ્બ્રિજ માં વપરાશકર્તા પ્રકારો તેથી જો
અહીં તમારી ફાઈલ search.php

266
00:14:08,960 --> 00:14:12,680
છેવટે એક JSON અરે પાછા જોઈએ
કેમ્બ્રિજ માટે મેચો બધા માટે,

267
00:14:12,680 --> 00:14:16,990
મેસેચ્યુસેટ્સમાં હોઈ શકે છે, જે
પણ ક્યાંય હોઈ શકે છે.

268
00:14:16,990 --> 00:14:21,040
>> છેલ્લે, બે પર એક નજર કરીએ
સ્ટેટિક ultimately-- છે કે ફાઇલો

269
00:14:21,040 --> 00:14:23,680
તમારા સીએસએસ ફાઇલ અને તમારા જાવાસ્ક્રિપ્ટ ફાઇલ.

270
00:14:23,680 --> 00:14:26,779
હું અમારા સીએસએસ ડિરેક્ટરીમાં જાઓ છો,
ફાઇલો સંપૂર્ણ જથ્થો, ત્યાં છે

271
00:14:26,779 --> 00:14:28,070
પરંતુ તેમાંના મોટા ભાગના પુસ્તકાલયો છે.

272
00:14:28,070 --> 00:14:31,530
હું એક નજર જાઉં છું,
ચોક્કસ રીતે, styles.css ખાતે,

273
00:14:31,530 --> 00:14:35,440
જે છે તે આપણા પોતાના વૈશ્વિક સીએસએસ છે
આ સમગ્ર મૅશઅપ stylize માટે જતા.

274
00:14:35,440 --> 00:14:38,840
તમે મારફતે વાંચવા માટે કરવા હું તેને છોડી જાય
ટિપ્પણીઓ અહીં, પરંતુ, ટૂંકમાં,

275
00:14:38,840 --> 00:14:43,490
આ ખાતરી કરે છે કે જે આ સીએસએસ છે અમારા
મૅશઅપ, આ બોક્સની બહાર મૂળભૂત રીતે,

276
00:14:43,490 --> 00:14:46,950
અમે તેને માંગતા તે રીતે જુએ
દૃશ્ય પોર્ટ ભરવા નકશા સાથે

277
00:14:46,950 --> 00:14:49,720
અને શોધ સાથે
ટોચના ભાગે ડાબી બાજુ અપ બોક્સ.

278
00:14:49,720 --> 00:14:52,870
અમે પણ ના સ્વાતંત્ર્ય ભર્યું
કે typeahead નીચે આવતા stylizing

279
00:14:52,870 --> 00:14:55,170
મેનુ થોડુંક સાથે સાથે.

280
00:14:55,170 --> 00:14:58,030
>> સૌથી મહત્વની ફાઇલ
કદાચ સુયોજિત આ સમસ્યા માટે

281
00:14:58,030 --> 00:15:01,070
આ છેલ્લા એક, scripts.js છે.

282
00:15:01,070 --> 00:15:03,800
તમારા જેએસ ડિરેક્ટરીમાં ની અંદર
પણ વધુ ફાઇલો છે.

283
00:15:03,800 --> 00:15:08,090
તે બધા લાઇબ્રેરી ફાઇલો છે
આ એક સિવાય scripts.js.

284
00:15:08,090 --> 00:15:11,460
અમે આ ખોલવા, ચાલો લેવા દો અમારા
આ વિધેયો મારફતે અંતિમ પ્રવાસ કે

285
00:15:11,460 --> 00:15:13,820
આ ફાઇલ માં સમાયેલ છે
તમે અને કોલ ધ્યાન માટે

286
00:15:13,820 --> 00:15:16,200
આગળ આવેલા કે TODOs માટે.

287
00:15:16,200 --> 00:15:19,110
>> આ ફાઇલ ટોચ પર,
ત્રણ વૈશ્વિક ચલો છે.

288
00:15:19,110 --> 00:15:22,910
રહ્યું છે, જે નકશો, માટે એક
અમારા Google નકશો સંદર્ભ હોઈ.

289
00:15:22,910 --> 00:15:25,510
તમે તેને વિચાર કરી શકો છો
પ્રકારની એક નિર્દેશક તરીકે.

290
00:15:25,510 --> 00:15:27,710
દરમિયાન, અમે હોય
બીજી વૈશ્વિક ચલ

291
00:15:27,710 --> 00:15:31,500
હોય તેવું લાગે છે, જે કહેવાય માહિતી,
કોલ પરત કિંમત સ્ટોર

292
00:15:31,500 --> 00:15:34,170
નવા google.maps.InfoWindow માટે.

293
00:15:34,170 --> 00:15:37,835
જાવાસ્ક્રિપ્ટ પદાર્થો આધાર આપે જે
struts ભાવના ખૂબ સમાન છે.

294
00:15:37,835 --> 00:15:40,250
અને શું આ વાક્ય માટે
અમારા હેતુઓ કરવાનું છે

295
00:15:40,250 --> 00:15:42,820
નવી માહિતી રહ્યા છે
પછી મેમરી અને માં વિન્ડો

296
00:15:42,820 --> 00:15:46,330
સંદર્ભ આસપાસ રાખવા
માહિતી કહેવાય ચલ માં ઠેકાણે.

297
00:15:46,330 --> 00:15:48,330
અને તે વચ્ચે,
દરમિયાન, દેખાય છે તે છે

298
00:15:48,330 --> 00:15:51,060
ખાલી જાવાસ્ક્રિપ્ટ હોવાનું
અરે માર્કર્સ કહેવાય.

299
00:15:51,060 --> 00:15:55,392
તે અખબાર ચિહ્નો તમામ, અથવા તમે
અન્ય એકસાથે ચિહ્ન પસંદ કરી શકે,

300
00:15:55,392 --> 00:15:57,350
સંગ્રહ કરી જવું છે
છેવટે આ એરે

301
00:15:57,350 --> 00:16:01,570
અમે ખૂબ સરળતાથી ઉમેરી શકો છો કે જેથી
નકશા અને નકશા માંથી તેઓને દૂર.

302
00:16:01,570 --> 00:16:03,990
>> હવે આપણે સરકાવો દો
થોડુંક અને બુદ્ધિમાન

303
00:16:03,990 --> 00:16:07,690
જ હશે કે કોડ દ્વારા
ડોમ અથવા દસ્તાવેજ જલદી ચલાવવામાં

304
00:16:07,690 --> 00:16:10,480
ઓબ્જેક્ટ મોડલ અથવા
પાનું પોતે તૈયાર છે.

305
00:16:10,480 --> 00:16:12,942
આ વાક્યરચના કે યાદ
અહીં ખાલી સ્પષ્ટ કરે

306
00:16:12,942 --> 00:16:14,900
નીચેના કોડ કે
માત્ર ચલાવી જોઈએ

307
00:16:14,900 --> 00:16:17,840
બ્રાઉઝર સમાપ્ત થઈ ગઈ છે ત્યારે
બાકીનું બધું લોડ.

308
00:16:17,840 --> 00:16:19,750
>> અમે પ્રથમ એક જાહેર
શૈલીના સંપૂર્ણ જથ્થો,

309
00:16:19,750 --> 00:16:22,410
stylizing અંત જે
સ્પેક દીઠ તરીકે નકશા.

310
00:16:22,410 --> 00:16:24,790
અમે પછી એક જાહેર
વિકલ્પોની સંપૂર્ણ જથ્થો,

311
00:16:24,790 --> 00:16:28,630
વધુ ગૂગલ કસ્ટમાઇઝ જે
અમે એમ્બેડ કરવા વિશે છો કે નકશો.

312
00:16:28,630 --> 00:16:32,090
અમે પછી, jQuery કોડ એક બીટ વાપરો
જે થોડી વધુ વિગતવાર સમજાવાયેલ છે

313
00:16:32,090 --> 00:16:35,000
સ્પેક, ગ્રેબ
તે તત્વ, નકશો કેનવાસ

314
00:16:35,000 --> 00:16:36,980
અમે આમ અનન્ય ઓળખી કે.

315
00:16:36,980 --> 00:16:40,640
અને પછી આ વાક્ય અહીં છે
શું લાગે છે જાદુઇ અમને આપી

316
00:16:40,640 --> 00:16:43,560
ની અંદર એક Google નકશા
આપણા પોતાના એપ્લિકેશન,

317
00:16:43,560 --> 00:16:47,020
સંદર્ભ ઠેકાણે સ્ટોર
કે ચલ કહેવાય નકશામાં.

318
00:16:47,020 --> 00:16:50,550
>> છેલ્લે, નીચે અહીં આપણે રજીસ્ટર
શું સાંભળનારને કહેવાય છે.

319
00:16:50,550 --> 00:16:54,690
પાછા માર્ગ, રસ્તો લાગે
CS50 માં સપ્તાહ શૂન્ય પાછા

320
00:16:54,690 --> 00:16:57,430
અમે સ્ક્રેચ પર હતા ત્યારે અને
ચાલવા મારફતે તેના આધાર

321
00:16:57,430 --> 00:16:59,935
કહેવાય વસ્તુઓ માટે મારફતે
ઘટનાઓ અને પ્રસારણ.

322
00:16:59,935 --> 00:17:01,810
તમે ઉપયોગ ન શકે
તે જાતે, પરંતુ તે છે

323
00:17:01,810 --> 00:17:03,900
એક પદ્ધતિ છે જેમાં એક
આ કિસ્સામાં બ્રાઉઝર

324
00:17:03,900 --> 00:17:07,940
તે છે ત્યારે અમારા ધ્યાન મળી શકે
વાસ્તવમાં કેટલાક કોડ ચલાવવા માટે તૈયાર છે.

325
00:17:07,940 --> 00:17:12,170
આ કિસ્સામાં, તે સાંભળવા બનશે
નિષ્ક્રિય નામની એક ઇવેન્ટ માટે નકશા પર.

326
00:17:12,170 --> 00:17:14,930
આ બ્રાઉઝર છે કે જે થાય છે
ગૂગલ મેપ લોડ પૂરી કરી.

327
00:17:14,930 --> 00:17:18,380
આ બિંદુએ એક કાર્ય કહેવાય
રૂપરેખાંકિત જોઇએ છેવટે

328
00:17:18,380 --> 00:17:19,339
ચલાવવામાં કરી.

329
00:17:19,339 --> 00:17:22,510
તે કાર્ય, રૂપરેખાંકિત,
અમે અમને દ્વારા લખાયેલ છે, તે જોવા મળશે.

330
00:17:22,510 --> 00:17:24,550
>> હવે નીચે અહીં એક કાર્ય છે
કે, કમનસીબે,

331
00:17:24,550 --> 00:17:25,871
માત્ર એક TODO ઉમેરો માર્કર છે.

332
00:17:25,871 --> 00:17:28,620
સ્પેક દીઠ. તમને જરૂર રહ્યા છીએ
કે વાસ્તવમાં કોડ લખવા માટે

333
00:17:28,620 --> 00:17:32,840
તે જુએ છે કે શું એક marker-- ઉમેરે
એક અખબાર, અથવા એક અંગૂઠો ખીલી જેવી,

334
00:17:32,840 --> 00:17:35,360
અથવા કંઈક ગૂગલ મેપ માટે બીજું.

335
00:17:35,360 --> 00:17:37,720
અહીં હવે તે કાર્ય છે
રૂપરેખાંકિત કહેવાય.

336
00:17:37,720 --> 00:17:40,390
તમે વાંચી કરવા હું તેને છોડી જાય
વધુ વિગતવાર આ મારફતે,

337
00:17:40,390 --> 00:17:42,600
પરંતુ અમે ઉમેરવા કે ખ્યાલ
સમૂહ વધુ શ્રોતાઓ

338
00:17:42,600 --> 00:17:46,620
જ્યારે અમે કોડ ચલાવવા શકે છે કે જેથી
વપરાશકર્તા પર ક્લિક કરે છે અને નકશા drags.

339
00:17:46,620 --> 00:17:50,730
અમે પણ અહીં કે માં કોડ છે
કે typeahead પ્લગઇન પ્રારંભ

340
00:17:50,730 --> 00:17:53,120
કે જેથી નીચે આવતા
મેનુ ખરેખર કામ કરે છે.

341
00:17:53,120 --> 00:17:55,690
>> પરંતુ માત્ર એક પર ધ્યાન કેન્દ્રિત માતાનો દો
અહીં સ્થળો દંપતિ.

342
00:17:55,690 --> 00:17:57,590
ખાસ કરીને, આ અહીં કરવા.

343
00:17:57,590 --> 00:18:00,410
હું ઑનલાઇન માટે અલગ પાડવા પડશે
દસ્તાવેજીકરણ અને સ્પષ્ટીકરણ

344
00:18:00,410 --> 00:18:02,530
માટે આ કેવી રીતે TODO ભરવા માટે.

345
00:18:02,530 --> 00:18:05,890
પરંતુ ટૂંકમાં, આ લાઈબ્રેરી
typeahead તમે પસાર કરવા માટે પરવાનગી આપે છે

346
00:18:05,890 --> 00:18:09,790
સામાન્ય રીતે એક નમૂના તરીકે ઓળખાય છે તે માં,
કેટલાક ચલ જગ્યામાં ધરાવે છે, જે

347
00:18:09,790 --> 00:18:13,690
printf માતાનો% ભાવના ખૂબ સમાન. * ઓ.

348
00:18:13,690 --> 00:18:16,030
પરંતુ આ કિસ્સામાં, આ
સ્પેક દીઠ નમૂનો

349
00:18:16,030 --> 00:18:18,760
તમે સ્પષ્ટ કરવા માટે પરવાનગી આપે છે
શું ચલો તમે ઇચ્છો

350
00:18:18,760 --> 00:18:24,880
આવી રહ્યું છે કે માહિતીમાંથી પિચકારીની
પાછા PHP કંઈક થી

351
00:18:24,880 --> 00:18:29,810
તમે તેવા પરચૂરણ ખર્ચ કર્યો છે કે ફાઇલો
કે JSON આઉટપુટ સ્ત્રાવ થાય છે.

352
00:18:29,810 --> 00:18:35,170
>> હવે નીચે અહીં અમે છે કે ખ્યાલ
typeahead પસંદગીઓ માટે સાંભળી

353
00:18:35,170 --> 00:18:38,050
જ્યારે વપરાશકર્તા ખરેખર કરે
એક શોધ અને નીચેની પસંદ કરે છે.

354
00:18:38,050 --> 00:18:40,270
આ અમે ખરેખર છો કેવી રીતે છે
તે માટે સાંભળવા માટે જતા

355
00:18:40,270 --> 00:18:42,250
અને પરિણામે કેટલાક કોડ ચલાવો.

356
00:18:42,250 --> 00:18:45,300
પછી અમે રૂપરેખાંકિત કરવાનું ચાલુ
આ મૅશઅપ માત્ર થોડો.

357
00:18:45,300 --> 00:18:48,000
અને, આખરે, અમે ફોન કરો
આ કાર્ય સુધારો.

358
00:18:48,000 --> 00:18:49,640
તે સ્ક્રીન પર માર્કર્સ સુધારશે.

359
00:18:49,640 --> 00:18:51,529
માત્ર એક ક્ષણ કે પર વધુ.

360
00:18:51,529 --> 00:18:53,570
દરમિયાન, થોડા છે
અહીં નાના કાર્ય કરે છે.

361
00:18:53,570 --> 00:18:56,820
જે પૈકી એક hideInfo છે જે
ખાલી InfoWindow બંધ.

362
00:18:56,820 --> 00:19:00,020
અહીં અન્ય કાર્ય, જે છેવટે
ખૂબ લાંબા નથી, માર્કર્સ દૂર કરો.

363
00:19:00,020 --> 00:19:03,580
કે પૂર્વવત્ બનશે ગમે
તમારા એડ માર્કર કાર્ય કરે છે.

364
00:19:03,580 --> 00:19:04,960
અને પછી નીચે અહીં શોધ છે.

365
00:19:04,960 --> 00:19:08,610
અને આ એક રસપ્રદ છે કે અમે કારણ
કે JavaScript કોડ લખ્યા છે

366
00:19:08,610 --> 00:19:13,490
આ પર search.php સાથે વાત કરવા જઇ
સર્વર અને કેટલાક પ્રતિભાવ પાછા મળે છે.

367
00:19:13,490 --> 00:19:16,110
>> તમે, અલબત્ત, હજુ ચાલશે
search.php અમલીકરણની જરૂર,

368
00:19:16,110 --> 00:19:18,310
પરંતુ અમે અમલ કર્યો એ
કે JavaScript કોડ

369
00:19:18,310 --> 00:19:22,480
પર્ફોર્મિંગ ખરેખર નિયંત્રિત કરવા જઇ
કે લખાણ બોક્સમાં થી શોધે.

370
00:19:22,480 --> 00:19:25,340
ચોક્કસ, નોટિસ
કે અહીં આ કાર્ય,

371
00:19:25,340 --> 00:19:29,160
શોધ, search.php કૉલ કરે
કહેવાય પદ્ધતિ દ્વારા

372
00:19:29,160 --> 00:19:31,072
અમે વ્યાખ્યાન માં જોયું જે JSON, વિચાર.

373
00:19:31,072 --> 00:19:32,780
અને અહીં વાક્યરચના
થોડું અલગ છે

374
00:19:32,780 --> 00:19:37,110
કે માં વ્યાખ્યાન અમે ઉપયોગ કરી રહ્યાં છો
jQuery વચન ઈન્ટરફેસ કહેવાતા.

375
00:19:37,110 --> 00:19:38,479
સ્પેક કે પર વધુ.

376
00:19:38,479 --> 00:19:40,520
આ ફક્ત અમારા માટે એનો અર્થ એ થાય
હવે તે ત્યાં હેતુઓ

377
00:19:40,520 --> 00:19:43,870
બે ખાસ કાર્યો છે કે અમે
કોઈ સંકેત સાથે કૉલ કરવાની જરૂર

378
00:19:43,870 --> 00:19:46,230
અહીં તરત JSON વિચાર બોલાવવા પછી.

379
00:19:46,230 --> 00:19:47,510
એક પૂર્ણ કહેવાય છે.

380
00:19:47,510 --> 00:19:49,870
કહેવાય છે એક નિષ્ફળ.

381
00:19:49,870 --> 00:19:51,790
જો તમે આ વિચાર કરી શકો છો
સફળતા સંભાળનાર તરીકે

382
00:19:51,790 --> 00:19:54,960
અને નિષ્ફળતા સંભાળનાર હમણાં
કિસ્સામાં કંઈક ખોટું થાય.

383
00:19:54,960 --> 00:19:57,760
>> હવે આપણે છેલ્લા જુઓ
આ ફાઈલમાં કાર્યો દંપતિ.

384
00:19:57,760 --> 00:20:00,180
અહીં નીચે એક કાર્ય છે
કહેવાય ShowInfo, જે

385
00:20:00,180 --> 00:20:03,090
એક તે માં માહિતી બતાવે
થોડી માહિતી બારીઓ કે

386
00:20:03,090 --> 00:20:05,380
વપરાશકર્તાને એક માર્કર ક્લિક કરે ત્યારે પૉપ અપ.

387
00:20:05,380 --> 00:20:08,470
નીચે અહીં આગળ છે
કે સુધારા વિધેય

388
00:20:08,470 --> 00:20:10,510
કે અમે તમારા માટે અમલ કર્યો છે.

389
00:20:10,510 --> 00:20:15,250
તે નકશા ભૂસકે નક્કી કરે છે.

390
00:20:15,250 --> 00:20:19,360
ના જીપીએસ કોઓર્ડિનેટ્સ શું છે તેની
ઉત્તરપૂર્વીય અને અહીં દક્ષિણપશ્ચિમ ખૂણા.

391
00:20:19,360 --> 00:20:22,780
અમે કેટલાક HDP પરિમાણો તૈયાર કર્યું
અહીં અને પછી છેવટે તેમને પસાર થઈ

392
00:20:22,780 --> 00:20:26,160
અમે કર્યું, કે જે update.php માટે
પણ તમારા માટે અમલમાં.

393
00:20:26,160 --> 00:20:31,390
કે આખરે કેટલાક JSON પાછા નહીં
ફાઇલ update.php કહેવાય થી

394
00:20:31,390 --> 00:20:34,050
અને પછી કોઈ પણ દૂર કરે
સ્ક્રીન પર માર્કર્સ

395
00:20:34,050 --> 00:20:36,650
અને પછી ઓવર iterates
પાછા આવો રહ્યું છે કે ડેટા

396
00:20:36,650 --> 00:20:40,350
update.php માંથી જે
ફરી માત્ર એક JSON એરે છે.

397
00:20:40,350 --> 00:20:45,130
અને પછી તે આખરે એક માર્કર માટે ઉમેરે
તે સ્થાનો દરેક, સંભાળવા નિષ્ફળતા

398
00:20:45,130 --> 00:20:47,750
અથવા જે કદાચ ભૂલો ખૂબ જ સારી રીતે થાય.

399
00:20:47,750 --> 00:20:51,550
>> હવે માત્ર તમે તમે કેવી રીતે એક સ્વાદ આપે
આ પ્રોજેક્ટ ડિબગીંગ વિશે જવા શકે,

400
00:20:51,550 --> 00:20:55,420
હું માં ખોલવામાં આવ્યાં છે કે ખ્યાલ
આ URL માટે અહીં આ ટેબ આગળ,

401
00:20:55,420 --> 00:21:01,320
pset8 / articles.php? ભૂ = 02138.

402
00:21:01,320 --> 00:21:04,050
વિશે હવે, ફરી, લેખો
PHP, અમે તમારા માટે અમલમાં

403
00:21:04,050 --> 00:21:06,320
તેથી આ ખૂબ જ નથી
તમે ઉપયોગ કરી હશો શું

404
00:21:06,320 --> 00:21:08,190
ડિબગ, પરંતુ આ ટેકનિક છે.

405
00:21:08,190 --> 00:21:10,590
હું માટે શોધ કરી છે કે નોટિસ
અહીં કેમ્બ્રિજ માતાનો પિન કોડ,

406
00:21:10,590 --> 00:21:15,260
અને હું એક JSON, ખરેખર, પાછા મેળવેલ કર્યું
JSON ના એરે જે અંદર પદાર્થો

407
00:21:15,260 --> 00:21:17,640
બે keys-- લિંક અને ટાઇટલ છે.

408
00:21:17,640 --> 00:21:19,860
>> તેથી આ વિધેય
તમારા માટે પહેલાથી કામ કરે છે.

409
00:21:19,860 --> 00:21:24,330
પરંતુ જાતે ની આ ટેકનીક જતા
કંઈક માટે આ જેવી URL પર ગમે

410
00:21:24,330 --> 00:21:31,710
search.php? ભૂ = કેમ્બ્રિજ અથવા 02138 અથવા
વપરાશકર્તાને જોઈએ માં લખ્યો છે ગમે

411
00:21:31,710 --> 00:21:35,770
તમે તમારી જાતને, આનો પ્રયાસ તરીકે અમૂલ્ય સાબિત
બહાર આકૃતિ ચોકકસ કે શા

412
00:21:35,770 --> 00:21:38,510
search.php કામ અથવા નથી.

413
00:21:38,510 --> 00:21:41,720
>> છેવટે, પછી તમારી પાસે
તમે આગળ થોડા TODOs.

414
00:21:41,720 --> 00:21:44,250
તમે પ્રથમ ઓજાર રહ્યા છીએ
કે આયાત સ્ક્રિપ્ટ કે

415
00:21:44,250 --> 00:21:46,520
તમારા ડેટાબેઝ માં us.text માં વાંચે છે.

416
00:21:46,520 --> 00:21:48,760
તમે પછી જરૂર જઈ રહ્યાં છો
search.php અમલમાં

417
00:21:48,760 --> 00:21:51,320
ઉલ્લેખિત તરીકે તે બરાબર વર્તે છે જેથી.

418
00:21:51,320 --> 00:21:54,170
તમે પછી માંગો છો જઈ રહ્યાં છો
scripts.js પર ધ્યાન કેન્દ્રિત કરવા માટે

419
00:21:54,170 --> 00:21:57,520
અને છેવટે અમલમાં મૂકે
TODOs તે દંપતિ,

420
00:21:57,520 --> 00:21:59,950
રૂપરેખાંકિત માટે સહિત
અને તે નમૂના,

421
00:21:59,950 --> 00:22:03,220
, માર્કર્સ ઉમેરો માર્કર્સ દૂર કરવા, અને
પછી રહે, પરંતુ ઓછામાં ઓછા, એક

422
00:22:03,220 --> 00:22:04,330
વ્યક્તિગત સંપર્ક.

423
00:22:04,330 --> 00:22:07,477
>> તમે તમારા મૅશઅપ કામ હોય એકવાર
હાથ પર ખૂબ અવર્સ જેવા, ધ્યેય

424
00:22:07,477 --> 00:22:09,560
તમે એક વ્યક્તિગત ઉમેરવા માટે છે
તમારા મૅશઅપ માટે સ્પર્શ,

425
00:22:09,560 --> 00:22:11,290
તે સૌંદર્યલક્ષી અથવા વિધેયાત્મક છે કે શું.

426
00:22:11,290 --> 00:22:13,950
અત્યાર સુધીમાં આ મૅશઅપ લો
સહેજ આગલા સ્તર પર.

427
00:22:13,950 --> 00:22:18,330
કે તમે બહાર જાતે દબાણ તરીકે
સ્પેક પોતે સાથે તમારા પારિવારિકતા

428
00:22:18,330 --> 00:22:20,840
અને એક ટેકનિક પસંદ
નવું, તે પણ જો માત્ર

429
00:22:20,840 --> 00:22:25,610
કંઈક બદલાતી જેવા સૌંદર્યલક્ષી
તમે ઉપયોગ કરી રહ્યાં છો કે નકશાનો લેઆઉટ,

430
00:22:25,610 --> 00:22:28,070
અમે અપેક્ષા કે અવકાશ
સંતોષ થશે.

431
00:22:28,070 --> 00:22:30,260
કે પછી સમસ્યા સેટ 8 મેશઅપ છે.

432
00:22:30,260 --> 00:22:33,070
આ વધુ માટે સંગીતમય રહો
સ્પષ્ટીકરણ અને નસીબ શ્રેષ્ઠ

433
00:22:33,070 --> 00:22:36,400
આ હાથ ધરવા, તમારા છેલ્લાં
CS50 સમસ્યા ક્યારેય સુયોજિત કરો.

434
00:22:36,400 --> 00:22:39,750
>> [સંગીત વગાડવાનો]

435
00:22:39,750 --> 00:22:43,542