1
00:00:00,000 --> 00:00:09,870

2
00:00:09,870 --> 00:00:13,360
>> ZAMYLA Chan: Nu, šeit mēs esam,
pēdējā p-noteikts CS50.

3
00:00:13,360 --> 00:00:17,040
Apsveikt sevi no tā,
nonākusi tik tālu, jo savu pirmo Sveiki

4
00:00:17,040 --> 00:00:20,090
Pasaulēm un Printing Up
Piramīdas Mario.

5
00:00:20,090 --> 00:00:21,930
Jūs, kas mājas lapā pagājušajā nedēļā.

6
00:00:21,930 --> 00:00:25,110
Un mēs ejam, dod vēl vienu
šonedēļ, viens, kas ļauj

7
00:00:25,110 --> 00:00:28,570
vadīt ap Hārvardas universitātes, izvēloties
līdz CS50 darbiniekiem un

8
00:00:28,570 --> 00:00:31,910
apvienojot tos atpakaļ uz savu
dzīvojamās mājas.

9
00:00:31,910 --> 00:00:35,400
>> Tagad, pagājušajā nedēļā mēs strādājām PHP,
servera puses valoda.

10
00:00:35,400 --> 00:00:38,250
Šim p-kopumu, mēs esam kļūst ieviesti
JavaScript, kas

11
00:00:38,250 --> 00:00:40,610
klienta puses valoda.

12
00:00:40,610 --> 00:00:44,020
Tātad, pieņemsim to apskatīt dažus no
sadales kodu, kas ir sniegta

13
00:00:44,020 --> 00:00:46,210
jūs par šo p-komplektu.

14
00:00:46,210 --> 00:00:49,700
Jo JavaScript mapē, tur būs
būt ķekars JavaScript failus.

15
00:00:49,700 --> 00:00:53,600
>> Ir buildings.js, kas satur
masīvs ēku ap Harvard

16
00:00:53,600 --> 00:00:57,340
Campus ar savu informāciju
un amats.

17
00:00:57,340 --> 00:01:01,630
Houses.js ir masīvs Harvard
dzīvojamās mājas ar to

18
00:01:01,630 --> 00:01:04,030
platuma un garuma grādi.

19
00:01:04,030 --> 00:01:08,600
Passengers.js satur masīva
pasažieru, CS50 darbinieki

20
00:01:08,600 --> 00:01:11,640
ka jūs celt atpakaļ
viņu dzīvojamās mājas.

21
00:01:11,640 --> 00:01:16,450
>> Math3D.js, kas satur daudz
funkcijas, ko darīt ar kustību.

22
00:01:16,450 --> 00:01:19,500
Ja jūs esat matemātiski domājošiem, tad
Es apsveicu jūs to apskatīt.

23
00:01:19,500 --> 00:01:23,530
Bet jums nav nepieciešams, lai izprastu
viss tur.

24
00:01:23,530 --> 00:01:26,710
Shuttle.js, kas nodarbojas ar
shuttle kustību.

25
00:01:26,710 --> 00:01:31,450
Un index.html ir mājas lapa, kur
viss notiek, tiešām, ja

26
00:01:31,450 --> 00:01:33,610
Lietotājs mijiedarbojas ar vietu.

27
00:01:33,610 --> 00:01:39,110
>> Service.css ir CSS stila lapas,
, kas papildus čivināt

28
00:01:39,110 --> 00:01:43,960
Sāknēšanas bibliotēka, kontroles
kā index.html izskatās.

29
00:01:43,960 --> 00:01:48,190
Un tad mums ir arī service.js, kas
satur dienesta funkcijas

30
00:01:48,190 --> 00:01:49,010
Shuttle.

31
00:01:49,010 --> 00:01:53,010
Un šeit ir, ja jūs esat būs
aizpildot dažas do to-s.

32
00:01:53,010 --> 00:01:56,600
>> Tagad pieņemsim apskatīt objektu un
asociatīvas bloki Javascript,

33
00:01:56,600 --> 00:01:59,360
kas, visiem nolūkiem un,
ir savstarpēji aizvietojami.

34
00:01:59,360 --> 00:02:03,030
Ja es gribēju, lai objekta mainīgo
sauc zizlis, es vēlētos

35
00:02:03,030 --> 00:02:04,290
jādeklarē.

36
00:02:04,290 --> 00:02:09,350
Un iekšpusē šiem cirtaini bikšturi, es būtu
norādīt, galvenais ir vienradzis, koka

37
00:02:09,350 --> 00:02:12,710
ir ķiršu, un tās garums ir 13.

38
00:02:12,710 --> 00:02:16,370
>> Tagad es varu piekļūt arī vērtības
objektu, izmantojot

39
00:02:16,370 --> 00:02:18,270
asociatīvā masīva notācija.

40
00:02:18,270 --> 00:02:22,610
Tāpēc zizlis indekss kodols, es varu iestatīt
kas vienāda ar vienradzis, vai

41
00:02:22,610 --> 00:02:24,710
pārbaudīt, ka, ja man ir nepieciešams.

42
00:02:24,710 --> 00:02:28,890
Vai es varu izmantot dot operatoram
wand.wood vienāds ķiršu, un

43
00:02:28,890 --> 00:02:30,280
tā tālāk, un tā tālāk.

44
00:02:30,280 --> 00:02:33,930
Tātad jūs redzat, ka asociatīvas bloki un
objekti JavaScript būs

45
00:02:33,930 --> 00:02:37,710
savstarpēji aizvietojami, un būs
nonāk diezgan parocīgs.

46
00:02:37,710 --> 00:02:41,570
>> Tad mēs redzam virkni ēku
in buildings.js,

47
00:02:41,570 --> 00:02:43,870
atkal, masīvs objektiem.

48
00:02:43,870 --> 00:02:48,500
Ja es gribēju, lai masīvu labākajiem
ēkas uz Hārvarda universitātes pilsētiņā, tad

49
00:02:48,500 --> 00:02:49,710
Es būtu to šādi.

50
00:02:49,710 --> 00:02:55,250
Izmantojot šo objektu apzīmējumu, ja
Es glabāt saknes, nosaukumu, adresi,

51
00:02:55,250 --> 00:03:00,260
platuma un garuma par katru
viena ēka objekts.

52
00:03:00,260 --> 00:03:02,930
>> Pieņemsim ātri runāt par mainīgajiem
JavaScript.

53
00:03:02,930 --> 00:03:07,760
Piemēram, PHP, JavaScript mainīgie
ir vāji vai brīvi drukāti.

54
00:03:07,760 --> 00:03:14,120
Lai izveidotu vietējās mainīgo, jums prefiksu
mainīgā nosaukums ar V-A-R, var.

55
00:03:14,120 --> 00:03:17,010
Tagad, JavaScript, funkcijas
ierobežot mainīgo.

56
00:03:17,010 --> 00:03:20,600
Tātad, ja jums ir vietējās mainīgais laikā
funkciju, tad citas funkcijas

57
00:03:20,600 --> 00:03:22,060
nevar piekļūt.

58
00:03:22,060 --> 00:03:26,090
>> Bet atšķirībā no C, cilpas un nosacījumi nav
ierobežot mainīgo.

59
00:03:26,090 --> 00:03:30,600
Tātad, pat ja jums paziņo, ka tā iekšpusē
nosacījums, visa funkcija

60
00:03:30,600 --> 00:03:32,810
tai piekļūt.

61
00:03:32,810 --> 00:03:35,820
Tagad, bez VAR, mainīgais
būs globāla.

62
00:03:35,820 --> 00:03:39,170
Tātad, ja jūs vienkārši atzīt vārdu un
piešķirtu vērtību, tad mainīgais

63
00:03:39,170 --> 00:03:41,900
būs pasaules mainīgais
JavaScript.

64
00:03:41,900 --> 00:03:48,480
>> Tagad, mājās, mums ir asociatīvā
masīvs uzņēmējas tipa objektiem, kur

65
00:03:48,480 --> 00:03:52,100
katrā mājā ir tikai platuma
un garuma.

66
00:03:52,100 --> 00:03:55,140
Tad mums ir pasažieriem
bloku, kas ir masīvs

67
00:03:55,140 --> 00:03:57,370
objekta veids pasažieri.

68
00:03:57,370 --> 00:04:01,620
Tātad, katram pasažierim ir lietotājam
vārdu, nosaukumu un māju.

69
00:04:01,620 --> 00:04:04,840
>> Ievērojiet, ka es saku tipa
pasažieru, kas patiesībā nozīmē tikai to,

70
00:04:04,840 --> 00:04:08,150
ka katrs objekts ir
pašu galveno vērtību pārus.

71
00:04:08,150 --> 00:04:12,830
Līdz ar to katrs objekts tipa pasažieris
lietotāja vārds, vārds, un māja.

72
00:04:12,830 --> 00:04:14,850
Tātad, ko mums vajag
darīt, lai p-kas?

73
00:04:14,850 --> 00:04:20,779
Nu, mums ir nepieciešams, lai ļautu lietotājiem izvēlēties
up darbiniekiem, lai parādītu visas

74
00:04:20,779 --> 00:04:25,080
personāla locekļiem, kas pašlaik
mūsu transfērs, un nomest tos off.

75
00:04:25,080 --> 00:04:29,395
Un tad mēs runāsim arī par papildu
funkcijas, ko var īstenot, lai

76
00:04:29,395 --> 00:04:30,980
Shuttle p-set.

77
00:04:30,980 --> 00:04:33,610
>> Bet parunāsim par pikaps pirmās.

78
00:04:33,610 --> 00:04:37,480
Par CS50 darbinieku sejas ir
stādīt visā universitātes pilsētiņā, kur katra

79
00:04:37,480 --> 00:04:41,750
seja tiek īstenota kā vieta zīmi
uz 3D Zemes, un kā

80
00:04:41,750 --> 00:04:44,020
marķieris uz 2D kartē.

81
00:04:44,020 --> 00:04:47,880
Tātad, ja lietotājs noklikšķina uz Pickup
pogu, mēs vēlamies, lai pievienotu tuvumā

82
00:04:47,880 --> 00:04:49,590
pasažieriem uz atspole.

83
00:04:49,590 --> 00:04:53,650
Un mēs arī vēlamies, lai izņemtu savu vietu
iezīmēt no pasaules un izņemiet to

84
00:04:53,650 --> 00:04:58,060
marķieris no kartes, kas norāda, ka
viņi ir mūsu autobuss tagad.

85
00:04:58,060 --> 00:05:02,520
>> Tātad, kā mēs atklāt, ja pasažieri
ir diapazonā no mūsu autobuss?

86
00:05:02,520 --> 00:05:06,670
Nu, funkcija distance, tāpēc
shuttle.distance, kas iet

87
00:05:06,670 --> 00:05:10,630
platuma un garuma, aprēķinās
attālums no pašreizējās pozīcijas

88
00:05:10,630 --> 00:05:14,220
no shuttle uz punktu, kas
norādāt ar to, ņemot vērā

89
00:05:14,220 --> 00:05:15,860
platuma un garuma.

90
00:05:15,860 --> 00:05:19,180
Tātad jūs varat izmantot šo, lai aprēķinātu
attālums no atspole līdz

91
00:05:19,180 --> 00:05:20,310
pasažieri.

92
00:05:20,310 --> 00:05:24,040
>> Bet kā jūs zināt, kur
pasažieriem ir?

93
00:05:24,040 --> 00:05:27,510
Nu, tas ir, ja mums nāksies
rediģēt aizpildīt funkciju.

94
00:05:27,510 --> 00:05:32,500
Aizpildīt Vietas visi darbinieki
pasažieri ievešanu pasaulē

95
00:05:32,500 --> 00:05:36,300
un uz kartes, bet nav
saglabāt savu atrašanās vietu.

96
00:05:36,300 --> 00:05:39,850
Tāpēc varbūt jūs varat saglabāt savu
izvietot zīmes un marķieri

97
00:05:39,850 --> 00:05:41,570
Dažās pasaules masīvā.

98
00:05:41,570 --> 00:05:45,780
>> Tagad tur jau ir globāla masīvs
uzglabāt informāciju no pasažieriem.

99
00:05:45,780 --> 00:05:49,960
Pasažieri masīvs veikali katrs
pasažiera vārds un viņu māja.

100
00:05:49,960 --> 00:05:54,985
Tāpēc varbūt jūs varat pievienot dažus parametrus
tur pasažieru objektiem.

101
00:05:54,985 --> 00:05:58,150
>> Lai palīdzētu mums atklāt visus pasažieru
diapazonā no mūsu

102
00:05:58,150 --> 00:06:02,485
transfērs, pieņemsim cilpas cauri visiem
pasažieri pasažieru masīva.

103
00:06:02,485 --> 00:06:07,790
Lai cilpa JavaScript varētu izskatīties
kaut kas līdzīgs šim, ir ļoti līdzīgi

104
00:06:07,790 --> 00:06:13,200
tiem, cilpas C. Vai mēs varam izmantot
alternatīva cilpas struktūru,

105
00:06:13,200 --> 00:06:18,680
VAR i masīvā, kur es joprojām būs
indekss, bet jums nav nepieciešams

106
00:06:18,680 --> 00:06:23,310
norāda array.length
stāvokli un i + +.

107
00:06:23,310 --> 00:06:26,130
>> Katra pasažiera atrašanās vieta ir
ņemot vērā to vietu zīmes.

108
00:06:26,130 --> 00:06:29,800
Bet vietā zīme nav
platuma un garuma.

109
00:06:29,800 --> 00:06:34,170
Mums ir piekļūt šiem parametrus
kļūst ģeometriju, izmantojot get

110
00:06:34,170 --> 00:06:38,180
ģeometrija par vietu preču zīmi, un pēc tam
kad mums ir ģeometrija, kļūst

111
00:06:38,180 --> 00:06:42,580
nu platuma vai garuma
Izmantojot šo funkciju.

112
00:06:42,580 --> 00:06:45,680
>> Tātad tagad mēs zinām, kā noteikt, vai
pasažieri atrodas

113
00:06:45,680 --> 00:06:47,920
klāstu mūsu autobuss.

114
00:06:47,920 --> 00:06:52,050
Pēc tam, kad mēs esam tos pasažierus, mēs
vēlaties pievienot pasažieri, kas ir

115
00:06:52,050 --> 00:06:53,140
šajā diapazonā.

116
00:06:53,140 --> 00:06:57,580
Mēs gribam, lai tās varētu apiņu un veikt
sēdeklis mūsu transfērs, bet tikai

117
00:06:57,580 --> 00:06:59,630
ja mums ir pietiekami daudz vietas uz tiem.

118
00:06:59,630 --> 00:07:04,120
>> Shuttle.seats masīvs norādīs
vai sēdvietas ir tukšas, vai

119
00:07:04,120 --> 00:07:05,890
kurš šajā sēdeklī.

120
00:07:05,890 --> 00:07:11,160
Tātad, ja sēdeklis ir tukšs, tad
ka vieta būs spēkā.

121
00:07:11,160 --> 00:07:15,930
Tāpēc atkārtot virs vietas masīvs,
pārbaudot tukšu vietu, uzglabājot

122
00:07:15,930 --> 00:07:20,020
pasažieri uz šiem sēdekļiem, kamēr jūs
nav nekādu vairāk tukšās vietas.

123
00:07:20,020 --> 00:07:23,330
Un diemžēl, jebkuri citi pasažieri
būs jāgaida

124
00:07:23,330 --> 00:07:26,000
Nākamajā reizē shuttle nāk uz leju.

125
00:07:26,000 --> 00:07:30,280
>> Pēc tam, kad viņi saņem uz atspole, mēs gribam
lai novērstu to vietu zīmi, kas

126
00:07:30,280 --> 00:07:32,580
ir viņu foto šajā 3D pasaulē.

127
00:07:32,580 --> 00:07:38,030
Ja es gribēju noņemt vietu zīmes p,
tad es varētu saņemt visas funkcijas

128
00:07:38,030 --> 00:07:42,820
no manas zemes, no Google Earth,
un tad noņemt, ka konkrētā vietā

129
00:07:42,820 --> 00:07:45,910
atzīmēt izmantojot removeChild funkciju.

130
00:07:45,910 --> 00:07:51,360
Tad visbeidzot, pieņemsim noņemiet marķieri,
ikona uz 2D kartes, jebkuram

131
00:07:51,360 --> 00:07:53,650
pasažieru, kas mums ir pacelt.

132
00:07:53,650 --> 00:07:59,790
>> Lai noņemtu marķiera m, tad es ņemšu
vienkārši izpildīt m.setMap null.

133
00:07:59,790 --> 00:08:03,670
Vai šis visu pasažieru diapazonā,
un esat pabeidzis pikaps.

134
00:08:03,670 --> 00:08:07,890
Diagramma funkcija ir parādīt visu
pasažieru, kas ir jūsu

135
00:08:07,890 --> 00:08:11,000
transfērs, un tukša vieta, ja tukšs.

136
00:08:11,000 --> 00:08:14,420
Tāpēc shēma būtu atkārtot vairāk
shuttle.seats, parādot

137
00:08:14,420 --> 00:08:21,350
Informācija par pasažieru katram indeksu,
un tukša vieta, ja šis rādītājs ir nulle.

138
00:08:21,350 --> 00:08:26,160
>> Tagad, ja HTML teksts ir likts iekšā
JavaScript mainīgo, tad izmantojot

139
00:08:26,160 --> 00:08:31,950
document.getElementById, diagramma var
rediģēt iekšējo HTML ir, ka, ņemot

140
00:08:31,950 --> 00:08:36,140
elementu, piešķirot
HTML tekstu

141
00:08:36,140 --> 00:08:40,840
document.getElementById iekšējais HTML mainīgs.

142
00:08:40,840 --> 00:08:46,180
Kad lietotāji noklikšķina uz pogas aizsnausties
in index.html, tas būs zvanu

143
00:08:46,180 --> 00:08:47,160
dropoff funkcija.

144
00:08:47,160 --> 00:08:49,510
Un tas ir mūsu darbs, lai īstenotu to.

145
00:08:49,510 --> 00:08:54,150
>> In dropoff, mēs vēlamies, lai novērstu jebkādu
pasažieri no atspole tikai tad, ja

146
00:08:54,150 --> 00:08:58,740
mēs esam diapazonā no to galamērķa,
viņu dzīvojamā māja.

147
00:08:58,740 --> 00:09:03,300
Tāpēc dropoff būs jāpārbauda, ​​vai
shuttle ir diapazonā no jebkura no

148
00:09:03,300 --> 00:09:08,200
mājas, un noņemt jebkuru vajadzīgs
pasažieri no atspole.

149
00:09:08,200 --> 00:09:11,020
Tātad, kā mēs pārbaudām, vai mēs esam
diapazonā jebkuru māju?

150
00:09:11,020 --> 00:09:16,630
Nu, atkal, mēs izmantot
shuttle.distance funkcija, kas iet

151
00:09:16,630 --> 00:09:20,990
platuma un garuma punktam
ka mēs esam pārbaude pret.

152
00:09:20,990 --> 00:09:22,730
>> Bet to, kas ir tie punkti?

153
00:09:22,730 --> 00:09:27,210
Nu, māju masīvs, ja jūs atceraties
in houses.js, uzglabā

154
00:09:27,210 --> 00:09:32,790
platuma un garuma katrā mājā
asociatīvā masīva, kur katrs

155
00:09:32,790 --> 00:09:35,980
indekss ir nosaukums šo māju.

156
00:09:35,980 --> 00:09:37,590
Pēc tam, lai novērstu pasažieru -

157
00:09:37,590 --> 00:09:41,820
labi, tikai tad, ja mēs esam diapazonā no viņu
māja, ka viņi vēlas doties.

158
00:09:41,820 --> 00:09:46,380
Tātad vēlreiz, atcerieties, ka pasažieri
saglabā māju, ka katrs pasažieris

159
00:09:46,380 --> 00:09:48,850
vēlas doties.

160
00:09:48,850 --> 00:09:51,670
Ja tie ir diapazonā no viņu
māju, tad mēs noņemsim, ka

161
00:09:51,670 --> 00:09:57,200
pasažieru no shuttle.seats un komplektu
savu pozīciju masīvā null.

162
00:09:57,200 --> 00:10:00,220
>> Tagad parunāsim par dažiem papildu funkcijas
kas var tikt īstenota

163
00:10:00,220 --> 00:10:02,690
CS50 Shuttle p-set.

164
00:10:02,690 --> 00:10:05,850
Tur ir punktu sistēma, kurā
jums izsekot, cik daudz

165
00:10:05,850 --> 00:10:07,520
norāda lietotājs ir.

166
00:10:07,520 --> 00:10:11,120
Pilināšanai pasažierus
veiksmīgi, viņi var saņemt punktus.

167
00:10:11,120 --> 00:10:15,100
Bet mēģina aizsnausties pasažierus
ja nav nekādas māju tuvumā,

168
00:10:15,100 --> 00:10:16,980
labi, viņi var saņemt sodu par to.

169
00:10:16,980 --> 00:10:21,790
Tāpēc varbūt jūs vēlaties, lai izsekotu
punkti globālā mainīgā.

170
00:10:21,790 --> 00:10:25,970
>> Jūs varat īstenot varbūt taimeri, kurā
lietotājam ir zināma

171
00:10:25,970 --> 00:10:29,800
laiks, lai uzņemt un aizsnausties
noteiktu pasažieru skaitu.

172
00:10:29,800 --> 00:10:33,280
Varbūt pat iekļaut šo
ar punktu sistēmu.

173
00:10:33,280 --> 00:10:39,970
Vai arī jūs varat rediģēt Chart tāds, ka
pasažieriem ir sakārtoti atbilstoši to māju.

174
00:10:39,970 --> 00:10:45,250
Tā, ka, iespējams, būtu sava veida
funkciju, lai shuttle.seats.

175
00:10:45,250 --> 00:10:49,240
>> Jūs varat īstenot peld funkciju,
kur, ja lietotājs ievada ar Konami

176
00:10:49,240 --> 00:10:53,460
kods, tad transfērs liftu off
zemes un transporta var lidot.

177
00:10:53,460 --> 00:10:58,890
Bet par drošu aizsnausties, vislabāk, lai padarītu
shuttle izkraut riteņi uz

178
00:10:58,890 --> 00:11:00,700
zemes pirmās.

179
00:11:00,700 --> 00:11:05,910
Jūs varat arī īstenot teleportācija,
kur jūs veicat nolaižamo sarakstu

180
00:11:05,910 --> 00:11:08,380
ēkas index.html.

181
00:11:08,380 --> 00:11:12,270
Un izvēloties vienu no tiem,
lietotājs tiks transportētas uz

182
00:11:12,270 --> 00:11:14,220
ka balstoties uz universitātes pilsētiņā.

183
00:11:14,220 --> 00:11:16,760
OK, lai gan, ceļot cauri
sienas dažu

184
00:11:16,760 --> 00:11:19,290
ēkas pa ceļam tur.

185
00:11:19,290 --> 00:11:22,960
>> Jūs varat arī mainīt ātrumu
transfērs, kas ļauj lietotājam palielināt

186
00:11:22,960 --> 00:11:25,490
vai samazināt ātrumu.

187
00:11:25,490 --> 00:11:28,840
Varbūt jūs vēlaties globālo mainīgo
izsekot, cik daudz degvielas

188
00:11:28,840 --> 00:11:31,520
shuttle ir, samazinot
tā kā jums iet līdzi.

189
00:11:31,520 --> 00:11:35,860
Tiklīdz jūs hit nulle, lai gan, transports
nebūs spējīgs pārvietoties, ja vien jūs esat

190
00:11:35,860 --> 00:11:40,610
degvielu, iespējams, izmantojot pogu, vai
pat padarīt savu gāzes staciju.

191
00:11:40,610 --> 00:11:43,240
>> Bet tas, protams, nav
izsmeļošu sarakstu.

192
00:11:43,240 --> 00:11:46,340
Izbraukšana spec par pilnīgu
sarakstā, vai varbūt ierosināt

193
00:11:46,340 --> 00:11:47,840
savu, lai jūsu TF.

194
00:11:47,840 --> 00:11:48,950
Debesis ir robeža.

195
00:11:48,950 --> 00:11:53,110
Šī ir jūsu pēdējā CS50 p-set,
lai būtu jautri ar to.

196
00:11:53,110 --> 00:11:56,360
Tas bija CS50 Shuttle.

197
00:11:56,360 --> 00:11:59,230
>> Man jāsaka, tas ir bijis prieks
padarot tos par jums ar

198
00:11:59,230 --> 00:12:00,400
ražošanas komanda.

199
00:12:00,400 --> 00:12:04,330
Un es ceru, ka jūs esat
izmantot tos, kā arī.

200
00:12:04,330 --> 00:12:06,040
Mans vārds ir Zamyla.

201
00:12:06,040 --> 00:12:08,310
Un tas bija CS50.

202
00:12:08,310 --> 00:12:16,363