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
Google সংবাদ এবং ম্যাশ থেকে উপাদানের সঙ্গে
একসঙ্গে একটি ওয়েব অ্যাপলেট মধ্যে তাদের যে

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
এই কাজের জন্য, আমরা চলুন
কিছু এইচটিএমএল সংহত, সিএসএস, পিএইচপি, এসকিউএল,

10
00:00:31,040 --> 00:00:34,390
জাভাস্ক্রিপ্ট, এবং একটি কৌশল
সাধারণত, যাতে AJAX এর হিসাবে পরিচিত

11
00:00:34,390 --> 00:00:36,850
এই immersive তৈরি করতে
ব্যবহারকারীর অভিজ্ঞতা.

12
00:00:36,850 --> 00:00:38,920
>> প্রথম Google Maps- এ নিজেই জন্য দিন.

13
00:00:38,920 --> 00:00:41,220
এই, অবশ্যই, সম্ভবত হয়
একটি পরিচিত ইন্টারফেস.

14
00:00:41,220 --> 00:00:45,070
কিন্তু এটা দেখা যাচ্ছে যে Google Maps- এ
একটি 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
গুগল ম্যাপস এপিআই সংস্করণ 3 হিসাবে ভাল জন্য
Google Maps- এ জাভাস্ক্রিপ্ট API- হিসেবে

22
00:01:07,640 --> 00:01:10,260
একটি, যা V3 রেফারেন্স,
পড়তে বিট আরো রহস্যময়

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- এ স্থান অক্ষর এবং আঘাত লিখুন,

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
কিছু GPS স্থানাঙ্ক
অক্ষাংশ ও দ্রাঘিমাংশ.

65
00:03:27,170 --> 00:03:30,440
এই মহান এক কারণ
গুগল ম্যাপস এপিআই এর বৈশিষ্ট্য

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
>> এখন এর কিভাবে চিন্তা করা শুরু করা যাক
একসঙ্গে এই জিনিস tying শুরু.

69
00:03:40,210 --> 00:03:42,900
আমরা আপনাকে একটি সম্পূর্ণ দিয়েছি
বন্টন কোড গুচ্ছ,

70
00:03:42,900 --> 00:03:44,970
পাশাপাশি মাইএসকিউএল ডাটাবেস হিসাবে.

71
00:03:44,970 --> 00:03:49,100
আমি টান বস্তুত, যদি একটি পিএইচপি মাই এডমিন হচ্ছে
ইতিমধ্যে আমদানি, আপনি শীঘ্রই হবে হিসাবে,

72
00:03:49,100 --> 00:03:54,800
pset8.SQL, আপনি একটি মাইএসকিউএল টেবিল দেখতে পাবেন যে
এই দেখে মনে হচ্ছে, একটি আইডি ক্ষেত্র, দেশ

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
এবং তারপর আপনি লিখতে আছে চলুন
যে পিএইচপি একটি কমান্ড লাইন স্ক্রিপ্ট

83
00:04:24,940 --> 00:04:28,420
যে টেক্সট খুলুন যাচ্ছে
, যদি ফাইলটি তার লাইনের উপর বারবার,

84
00:04:28,420 --> 00:04:31,180
এবং তারপর প্রতিটি জন্য
যারা লাইন একটি সন্নিবেশ করতে

85
00:04:31,180 --> 00:04:34,940
যে টেবিল স্থাপন করা মধ্যে
আপনার মাইএসকিউএল ডাটাবেসের মধ্যে.

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
আমি মিডিল ক্লিক করুন,
ম্যাসাচুসেটস,

103
00:05:20,352 --> 00:05:21,685
আমি যে শহরে জন্য একই দেখতে পাবেন.

104
00:05:21,685 --> 00:05:24,174
এবং আমি উপর ক্লিক করা হলে
Watertown, ম্যাসাচুসেটস,

105
00:05:24,174 --> 00:05:26,090
কোনো হতে পারে না
WATERTOWN থেকে খবর,

106
00:05:26,090 --> 00:05:28,630
তাই আপনি কিছু দেখতে পাবেন
ধীর খবর দিনের মত.

107
00:05:28,630 --> 00:05:32,140
>> এখন এদিকে, উপরের বাম দিকে রয়েছে
কিছু পরিচিত Google Maps- এ নিয়ন্ত্রণ

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
Beverly পাহাড় সম্পর্কে খবর.

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
.js সমন্বিত ফাইল ডাউনলোড
ডিস্ট্রিবিউশনের মধ্যে কোড, তাই আপনি যে

121
00:06:13,150 --> 00:06:16,900
শেষ পর্যন্ত কোড লিখতে পারেন যে
স্বয়ংক্রিয় সঙ্গে যে ড্রপডাউন মেনু fills

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 এবং এটি আনজিপ

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, যেমন, কিছু পিএইচপি
অন্যান্য ফাইল অন্তর্ভুক্ত ফাইল,

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
যদিও আছে, যে সব,
উপরের একটি কুঁড়েঘর হয়

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
কিন্তু তারপর এটা বলছেন যেখানে
আপনি যেখানে করণীয়

148
00:07:27,550 --> 00:07:31,130
কিছু কোড লেখার প্রয়োজন যাচ্ছে
যে সম্ভবত কনফিগ প্রয়োজন

149
00:07:31,130 --> 00:07:35,820
ডিরেক্টরি অন্তর্ভুক্ত মধ্যে যে ফাইল
আমরা পিএইচপি ফাইল সঙ্গে আগে কাজ করেছি.

150
00:07:35,820 --> 00:07:38,180
এবং তারপর আপনি চলুন
একরকম খুলুন আছে

151
00:07:38,180 --> 00:07:41,920
us.text যা আপনি সম্ভবতঃ
ইতিমধ্যে আনজিপ আছে.

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
তারপর যারা প্রতিটি সন্নিবেশ
মাইএসকিউএল ডাটাবেসের মধ্যে লাইন

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
আমি সেখানে ম না হলে, আপনি দেখতে পাবেন
বেশ সমস্যা 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
মানচিত্র, এপিআই ভালো জিনিসের জন্য ট্যাগ
নিজেই, লেবেল সঙ্গে একটি বিশেষ মার্কার

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
একটি জাভাস্ক্রিপ্ট লাইব্রেরী

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
>> এদিকে, এবং সম্ভবত
সৌভাগ্যক্রমে, এই ম্যাশআপ

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
মানচিত্র ক্যানভাস অনন্য আইডি দিয়ে.

201
00:10:34,790 --> 00:10:37,400
এটি এখন গুগল থেকে
মানচিত্র ডকুমেন্টেশন

202
00:10:37,400 --> 00:10:42,490
তার এপিআই, জন্য, যেখানে আমি কেবল প্রয়োজন
, উদ্বুদ্ধ করা, যার মধ্যে একটি খালি div আছে

203
00:10:42,490 --> 00:10:44,470
শেষ পর্যন্ত, একটি প্রকৃত Google Maps- এ.

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
এখানে ভালো জিনিস too--
ফর্ম-ইনলাইন এবং ফর্ম-গ্রুপ.

209
00:10:57,670 --> 00:11:00,080
আমরা সাবেক দিয়েছি
ফর্ম অনন্য আইডি.

210
00:11:00,080 --> 00:11:04,510
এবং তারপর, শেষ পর্যন্ত, আমি আসলে আছে
বেশ পরিচিত হয়, যা একটি ইনপুট টাইপ,

211
00:11:04,510 --> 00:11:06,440
প্রশ্ন যার আইডি.

212
00:11:06,440 --> 00:11:07,230
শুধু একটি কনভেনশন.

213
00:11:07,230 --> 00:11:09,234
Query-- হতে পারে জন্য প্রশ্ন
কিছু বলা হয়েছে.

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
>> এখন পিএইচপি ফাইল কটাক্ষপাত করা যে
অপেক্ষা করুন এবং তারপর জাভাস্ক্রিপ্ট ফাইল.

218
00:11:24,460 --> 00:11:27,700
আমাদের পিএইচপি ফাইল, আমরা করেছি
ইতিমধ্যে আপনার জন্য প্রয়োগ করা,

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
ফাইল যে আমাদের
জাভাস্ক্রিপ্ট কোড যাচ্ছে

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
আমাদের জাভাস্ক্রিপ্ট কোড,
আমরা শীঘ্রই দেখতে পাবেন, হয়

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
এদিকে, এই ফাইল শেষ পর্যন্ত
একটি SQL কোয়েরি চালানো যাচ্ছে

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
এই ফাইলটি যোগাযোগ Google সংবাদ
আপনার জন্য শেষ পর্যন্ত দখল

240
00:12:43,710 --> 00:12:46,050
একটি মেশিনে পাঠযোগ্য
version-- কিছু

241
00:12:46,050 --> 00:12:49,720
সংবাদ আরএসএস format-- বলা
কেমব্রিজ বা Beverly পাহাড় জন্য

242
00:12:49,720 --> 00:12:52,880
বা যাই হোক না কেন আপনি শহরে সন্ধান করেছেন
যে geoparameter উপর ভিত্তি করে.

243
00:12:52,880 --> 00:12:57,250
আমরা শুধু একটি যা যে আরএসএস, বিশ্লেষণ
এক্সএমএল বলা মার্কআপ ভাষা ধরণ,

244
00:12:57,250 --> 00:13:00,740
এবং তারপর আমরা আসলে
আপনার ব্রাউজার এটি ফেরত

245
00:13:00,740 --> 00:13:03,570
এবং আপনার জাভাস্ক্রিপ্ট কোড,
বিশেষভাবে, একটি বিন্যাসে বলা

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 আসছে back-- কিছু

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
>> এখন এর গত এক কটাক্ষপাত করা যাক
ভাগ্যক্রমে, না, যা পিএইচপি ফাইল

254
00:13:25,000 --> 00:13:27,970
অনেক আছে যা ঘটছে
শুধু একটি চমত্কার বড় করণীয়.

255
00:13:27,970 --> 00:13:32,170
ঠিক এখন এই ফাইল ঘোষণা
একটি অ্যারের জায়গা বলা হয়.

256
00:13:32,170 --> 00:13:35,980
এবং তারপর শেষ পর্যন্ত কপি করে প্রিন্ট
JSON format-- মধ্যে যে অ্যারের

257
00:13:35,980 --> 00:13:38,720
ঠিক তাই যে এটি বেশ মুদ্রণ
কিছু ডিবাগ করা সহজ.

258
00:13:38,720 --> 00:13:41,480
দুর্ভাগ্যবশত, এ
মধ্যম এই করণীয় আছে,

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
>> এবং, প্রকৃতপক্ষে, এই যাচ্ছে
আপনার চ্যালেঞ্জ এক হতে

262
00:13:49,865 --> 00:13:54,240
এখানে এই কার্যকারিতা বাস্তবায়ন
যাতে আপনার সাথে এই ফাইল যোগাযোগ যখন

263
00:13:54,240 --> 00:14:00,610
অনুসন্ধান মত একটি URL. পিএইচপি? পার্থিব = কিছু,
আপনার কোড পরিণামে একটি 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
এই নিশ্চিত করে যে, যে CSS আমাদের
ম্যাশআপ, বাক্সের বাইরে ডিফল্টরূপে,

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
যাচ্ছে যা একটি মানচিত্র, জন্য এক
আমাদের গুগল ম্যাপে একটি রেফারেন্স হতে.

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
জাভাস্ক্রিপ্ট বস্তু সমর্থন করে
ভাররক্ষা আত্মা অনুরূপ.

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
হতে যাচ্ছে যে কোড মাধ্যমে
DOM বা ফাইলটি হিসাবে যত তাড়াতাড়ি মৃত্যুদন্ড কার্যকর

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
এবং তারপর এই লাইন এখানে
কি মনে হয় আপনি magically আমাদের দিতে

316
00:16:40,640 --> 00:16:43,560
এর ভিতরে একটি গুগল ম্যাপ
আমাদের নিজস্ব অ্যাপ্লিকেশন,

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
Back-- পথ, পথ, চিন্তা
CS50 মধ্যে সপ্তাহে শূন্য back--

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
শুধু একটি করণীয় যোগ মার্কার হয়.

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
বা কিছু গুগল ম্যাপে else--.

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
জন্য কিভাবে এই করণীয় পূরণ করতে.

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
আসা যে তথ্য থেকে উদ্বুদ্ধ করা
ফিরে পিএইচপি মত কিছু থেকে

351
00:18:24,880 --> 00:18:29,810
আপনি লিখিত করেছি যে ফাইল
যে JSON আউটপুট emitting হয়.

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
এবং এই এক আকর্ষণীয় আমরা কারণ
যে জাভাস্ক্রিপ্ট কোড লেখা

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
কিন্তু আমরা প্রয়োগ করেছি
যে জাভাস্ক্রিপ্ট কোড

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
সম্পর্কে এখন, আবার, নিবন্ধ
পিএইচপি আমরা আপনার জন্য প্রয়োগ করা

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