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
>> డేవిడ్ J. మలన్: హలో.

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
ఇది చేయుటకు, మేము వెళుతున్నాం
కొన్ని HTML ఇంటిగ్రేట్, CSS, PHP, SQL,

10
00:00:31,040 --> 00:00:34,390
JavaScript, మరియు ఒక టెక్నిక్
సాధారణంగా క్రమంలో AJAX వంటి తెలిసిన

11
00:00:34,390 --> 00:00:36,850
ఈ లీనమయ్యే సృష్టించడానికి
వినియోగదారు అనుభవం.

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
Google Maps API వెర్షన్ 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
>> ఇప్పుడు మేము పరిశీలించి ఉంటే
Google వార్తలు వద్ద, మీరు చేస్తాము

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
ఈ గొప్ప ఉంది ఒకటి ఎందుకంటే
Google Maps API యొక్క లక్షణాలు

66
00:03:30,440 --> 00:03:33,670
గుర్తించే సామర్ధ్యాన్ని ఉంది
మీరు భౌగోళికంగా ఎక్కడ

67
00:03:33,670 --> 00:03:36,850
GPS అక్షాంశాలు పరంగా.

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, మీరు ఒక MySQL పట్టిక చూస్తారు
ఈ కనిపిస్తోంది, ఒక 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
>> కాబట్టి మేము ఆ పట్టిక కోసం సృష్టించిన
మీరు మరియు మీరు SQL ఆదేశాలను ఇచ్చిన

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
ఆ టెక్స్ట్ తెరవటానికి వెళ్తున్నారు
, ఈ ఫైలుని పంక్తులు మీద iterate,

84
00:04:28,420 --> 00:04:31,180
మరియు అప్పుడు ప్రతి
ఆ పంక్తులు ఒక చొప్పించు

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
మరియు మీ డేటాబేస్ nice ఉంది
మరియు సరైన, మరియు అప్పుడు

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
నేను క్లిక్ చేస్తే
వాటర్టౌన్, మసాచుసెట్స్లో,

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
>> ఇప్పుడు, మరోవైపు, ఎడమ ఎగువన ఉంటాయి
కొన్ని తెలిసిన 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
బెవర్లీ హిల్స్ గురించి వార్తలు.

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
ఇప్పుడు ఈ ఒక ప్లగ్ఇన్ ఉపయోగించి
క్వెరీ అని ఒక లైబ్రరీ,

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
చివరికి కోడ్ వ్రాయగలరు
ఆటో ఆ డ్రాప్డౌన్ మెనూ నింపుతుంది

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
మీరు Google Map పొందుపరిచిన పొందుటకు, మరియు
మీరు ఎడమ నియంత్రణలు పొందండి

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 వలె, కొన్ని 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
ఇది నిర్దేశించే
ఈ సందర్భంలో వ్యాఖ్యాత 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
కొన్ని కోడ్ వ్రాయడానికి అవసరం వెళుతున్న
ఆ బహుశా config అవసరం

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
అప్పుడు మీరు చూడాలని
ఆ ఫైల్లోని లైన్లు పైగా iterate,

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
మరియు అప్పుడు CSS ఫాంట్లు, img, మరియు
చాలా pset7 వంటి JS డైరెక్టరీ.

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
ప్రత్యేకంగా మా సొంత బూట్స్ట్రాప్ కోసం
స్క్రిప్ట్ యొక్క మొత్తం బంచ్ తరువాత CSS

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
j క్వెరీ కూడా, బూట్స్ట్రాప్
కూడా, మరియు మరొక లైబ్రరీ

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
చేసే స్వయం డౌన్ మరియు
చివరకు మా సొంత JavaScript ఒక లింక్.

194
00:10:11,180 --> 00:10:13,880
>> ఇంతలో, మరియు బహుశా
కృతజ్ఞతగా, ఈ మాషప్

195
00:10:13,880 --> 00:10:17,550
సాపేక్షంగా తక్కువ నడుపబడుతోంది
డౌన్ ఇక్కడ దిగువన HTML.

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 పూరించడానికి అన్నారు అర్థం
viewport లేదా పూర్తిగా బ్రౌజర్ యొక్క విండో.

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
చివరికి, ఒక వాస్తవ 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
మేము మాజీ ఇచ్చాను
రూపం యొక్క ఏకైక ID.

210
00:11:00,080 --> 00:11:04,510
ఆపై, చివరకు, నేను నిజానికి
అందంగా తెలిసిన ఇది ఒక ఇన్పుట్ రకం,

211
00:11:04,510 --> 00:11:06,440
q దీని ID ఉంది.

212
00:11:06,440 --> 00:11:07,230
కేవలం ఒక ఆచారం.

213
00:11:07,230 --> 00:11:09,234
ప్రశ్న కలిగి కాలేదు Q
ఏదైనా అని పిలుస్తారు.

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
ఫైలు అని మా
జావాస్క్రిప్ట్ కోడ్ అన్నారు

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
>> ముఖ్యంగా, ఎప్పుడైనా
వాడుకరి మాప్ లాక్కువెళుతుంది

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
వీక్షణపోర్ట్ లోపల ఆధారంగా
GPS అక్షాంశాలు న

230
00:12:02,630 --> 00:12:06,510
ఎగువ మరియు దిగువ
ఆ పటం యొక్క మూలలు.

231
00:12:06,510 --> 00:12:10,520
మేము అప్పుడు ఇప్పుడు ఆ పటం సంతానోత్పత్తి జరిపించేందుకు చేయవచ్చు
యూజర్ క్రమంలో స్క్రీన్ తరలించబడింది

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
వార్తలు RSS format-- అని
కేంబ్రిడ్జ్ లేదా బెవర్లీ హిల్స్

242
00:12:49,720 --> 00:12:52,880
లేదా సంసార పట్టణం మీరు శోధించిన
ఆ geoparameter ఆధారంగా.

243
00:12:52,880 --> 00:12:57,250
మేము కేవలం ఒక యములో RSS పదనిరూపణ
XML పేరుతో మార్కప్ భాష యొక్క రకం,

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
>> ఇప్పుడు చివరి పరిశీలించి తెలియజేయండి
అదృష్టవశాత్తూ, లేదు 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 format-- ఆ శ్రేణి

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
మీ CSS ఫైల్ మరియు మీ జావాస్క్రిప్ట్ ఫైలు.

270
00:14:23,680 --> 00:14:26,779
నేను మా CSS డైరెక్టరీ లోకి వెళ్ళి ఉంటే,
ఫైళ్ళ మొత్తం బంచ్ అక్కడ ఉంది

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
ఇది ఆ మా స్వంత ప్రపంచ CSS ఉంది
ఈ మొత్తం మాషప్ 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
మేము కూడా LIBERTY తీసుకున్నారు
ఆ 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
మీ JS డైరెక్టరీ ఇన్సైడ్
మరింత దస్త్రాలు.

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
ముందుకు ఉంటాయి టొడోస్ కు.

287
00:15:16,200 --> 00:15:19,110
>> ఈ ఫైలు యొక్క పైభాగంలో,
మూడు ప్రపంచ వేరియబుల్స్ ఉన్నాయి.

288
00:15:19,110 --> 00:15:22,910
అన్నారు ఇది ఒక చిహ్నం, వన్
మా Google Map ఒక సూచన.

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
మేము చాలా సులభంగా జోడించవచ్చు తద్వారా
Map మరియు Map నుండి వారిని తొలగించే.

302
00:16:01,570 --> 00:16:03,990
>> ఇప్పుడు స్క్రోల్ డౌన్ లెట్
ఒక చిన్న బిట్ మరియు whiz

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
మరింత Google అనుకూలీకరించడానికి ఇది
మేము పొందుపరచడానికి చేయబోతున్నారు పటం.

312
00:16:28,630 --> 00:16:32,090
మేము అప్పుడు, j క్వెరీ కోడ్ ఒక బిట్ ఉపయోగించడానికి
ఇది ఒక బిట్ మరింత వివరంగా వివరించారు

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 Map
మా స్వంత అనువర్తనం,

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
ఈ బ్రౌజర్ ఉంది అంటే
Google చిహ్నం లోడ్ ముగిసింది.

327
00:17:14,930 --> 00:17:18,380
ఈ సమయంలో ఒక ఫంక్షన్ అని
configure తప్పక చివరికి

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-- జతచేస్తుంది
ఒక వార్తాపత్రిక, లేదా ఒక thumb టాక్ వంటి,

334
00:17:32,840 --> 00:17:35,360
లేదా ఏదో Google మ్యాప్కు మిగతా.

335
00:17:35,360 --> 00:17:37,720
ఇక్కడ ఇప్పుడు ఆ ఫంక్షన్ ఉంది
configure అని.

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
మేము కోడ్ అమలు చేయవచ్చు తద్వారా
యూజర్ క్లిక్ మరియు మాప్ లాక్కువెళుతుంది.

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
సాధారణంగా ఒక టెంప్లేట్ గా పిలిచే దానిలో,
కొన్ని వేరియబుల్ placeholders కలిగి

347
00:18:09,790 --> 00:18:13,690
printf యొక్క% కు ఆత్మ లో సమానమైన. * s.

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
ఆ దిద్దుబాటు రద్దుచెయ్యి వెళుతున్న సంసార
మీ add మార్కర్ పనిచేస్తుంటాయి.

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
ఆ ఉపన్యాసం నుండి మేము ఉపయోగిస్తున్న
j క్వెరీ వాగ్దానం ఇంటర్ఫేస్ అని పిలవబడే.

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
యొక్క GPS అక్షాంశాలు ఏమిటి దాని
ఈశాన్య మరియు ఇక్కడ నైరుతి మూలలో.

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
>> చివరకు అప్పుడు, మీరు కలిగి
ముందుకు మీరు కొన్ని టొడోస్.

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
చివరకు అమలుచేసే
టొడోస్ ఆ జంట,

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