1
00:00:00,000 --> 00:00:00,988

2
00:00:00,988 --> 00:00:09,880
>> [MUSIC Playing]

3
00:00:09,880 --> 00:00:13,360
>> Gjuha 1: E pra, ja ku jemi,
Seria e fundit P në CS50.

4
00:00:13,360 --> 00:00:17,040
Përgëzoj veten nga detyrimi
ardhur deri më tani që prej përshëndetje juaj e parë

5
00:00:17,040 --> 00:00:20,090
botëve dhe shtypjes nga
piramidat për Mario.

6
00:00:20,090 --> 00:00:21,930
Ju bërë një faqe interneti javën e kaluar.

7
00:00:21,930 --> 00:00:25,110
Dhe ne jemi duke shkuar për të bërë një tjetër
këtë javë, e që ju lejon për të

8
00:00:25,110 --> 00:00:28,570
përzënë rreth kampus Harvardit, picking
Anëtarët e stafit up CS50, dhe

9
00:00:28,570 --> 00:00:31,910
sjelljen e tyre përsëri në e tyre
shtëpi banimi.

10
00:00:31,910 --> 00:00:35,400
>> Tani javën e kaluar kemi punuar në PHP,
një server side gjuhë.

11
00:00:35,400 --> 00:00:38,250
Për këtë grup P, ne jemi duke u prezantuar
në JavaScript, që është një

12
00:00:38,250 --> 00:00:40,600
klienti Gjuha anë.

13
00:00:40,600 --> 00:00:44,010
Pra, le të marrin një vështrim në disa nga
Kodi shpërndarjes që është dhënë për të

14
00:00:44,010 --> 00:00:46,210
ju për këtë grup P.

15
00:00:46,210 --> 00:00:49,700
>> Në dosje JavaScript, nuk do të
të jetë një bandë e dosjeve JavaScript.

16
00:00:49,700 --> 00:00:53,600
Ka buildings.js, e cila përmban një
grup i ndërtesave rreth Harvard

17
00:00:53,600 --> 00:00:57,340
kampus, me informacionin e tyre
dhe pozita.

18
00:00:57,340 --> 00:01:01,630
Houses.js është një koleksion i Harvardit
shtëpi banimi, me tyre

19
00:01:01,630 --> 00:01:04,030
latitudes dhe longitudes.

20
00:01:04,030 --> 00:01:07,020
Passengers.js përmban një
grup i udhëtarëve -

21
00:01:07,020 --> 00:01:08,600
anëtarët e stafit CS50 -

22
00:01:08,600 --> 00:01:11,640
që ju do të sjellë përsëri në
shtëpitë e tyre të banimit.

23
00:01:11,640 --> 00:01:16,450
>> Math3D.js, që përmban shumë
funksionet për të bërë me lëvizjen.

24
00:01:16,450 --> 00:01:19,500
Nëse ju jeni matematikisht me mendje,
atëherë unë ju mirëpresim të marrë një sy.

25
00:01:19,500 --> 00:01:23,530
Por ju nuk keni nevojë për të kuptuar
çdo gjë në atje.

26
00:01:23,530 --> 00:01:26,710
Shuttle.js, që merret me
Lëvizja e anijes së.

27
00:01:26,710 --> 00:01:31,450
Dhe index.html është faqja ku
çdo gjë ndodh, me të vërtetë, ku

28
00:01:31,450 --> 00:01:33,610
përdorues është bashkëveprojmë me këtë faqe interneti.

29
00:01:33,610 --> 00:01:39,110
>> Service.css është fletë stil CSS,
e cila, përveç Twitter

30
00:01:39,110 --> 00:01:43,960
Biblioteka bootstrap, kontrollet
se si index.html duket.

31
00:01:43,960 --> 00:01:48,190
Dhe atëherë ne gjithashtu kemi service.js, të cilat
përmban funksionet e shërbimit për

32
00:01:48,190 --> 00:01:49,010
anijes.

33
00:01:49,010 --> 00:01:53,010
Dhe këtu është ku ju jeni do të jetë
plotësuar disa nga të DOS-it.

34
00:01:53,010 --> 00:01:56,600
>> Tani le të marrin një vështrim në objekte dhe
vargjeve asociative në JavaScript,

35
00:01:56,600 --> 00:01:59,360
e cila për të gjitha qëllimet dhe synimet
janë të këmbyeshëm.

36
00:01:59,360 --> 00:02:03,030
Në qoftë se kam kërkuar për të bërë një objekt një ndryshore
quajtur një shkop magjik, unë do të

37
00:02:03,030 --> 00:02:04,290
deklarojnë atë.

38
00:02:04,290 --> 00:02:08,789
Dhe brenda këtyre formatimin e teksteve kaçurrel unë do të
specifikoni kryesor është njëbrirësh.

39
00:02:08,789 --> 00:02:10,220
Druri është qershi.

40
00:02:10,220 --> 00:02:12,710
Dhe gjatësia e tij është 13.

41
00:02:12,710 --> 00:02:16,370
>> Tani unë mund të hyni në vlerat
e objekteve duke përdorur

42
00:02:16,370 --> 00:02:18,270
simbol shoqerues array.

43
00:02:18,270 --> 00:02:22,610
Pra shkop magjik Indeksi core, unë mund të vënë
që barabartë tek unicorn, ose

44
00:02:22,610 --> 00:02:24,710
kontrolloni se, nëse më duhet.

45
00:02:24,710 --> 00:02:26,510
Ose unë mund të përdorni dot operatorin.

46
00:02:26,510 --> 00:02:30,280
Wand dot druri është e barabartë me qershi,
dhe kështu me radhë, e kështu me radhë.

47
00:02:30,280 --> 00:02:33,930
Kështu që ju shihni se vargjeve asociative dhe
objekte në JavaScript do të jetë

48
00:02:33,930 --> 00:02:37,720
këmbyeshëm, dhe vullneti
vijnë në mjaft i dobishëm.

49
00:02:37,720 --> 00:02:41,570
>> Pastaj ne shohim një grup të ndërtesave
në buildings.js.

50
00:02:41,570 --> 00:02:43,870
Përsëri, një koleksion të objekteve.

51
00:02:43,870 --> 00:02:48,500
Në qoftë se kam kërkuar për të bërë një rrjet të mirë
ndërtesave në kampus Harvard, pastaj

52
00:02:48,500 --> 00:02:49,710
Unë do të bëjë atë si më poshtë.

53
00:02:49,710 --> 00:02:55,250
Duke përdorur këtë simbol objekt, ku
I ruajtur rrënjë, emrin, adresën,

54
00:02:55,250 --> 00:03:00,260
gjerësi, gjatësi dhe për çdo
objekt të vetëm ndërtimin.

55
00:03:00,260 --> 00:03:02,930
>> Le të shpejt të flasim për variablat
në JavaScript.

56
00:03:02,930 --> 00:03:07,760
Ashtu si PHP, variablat JavaScript
janë të shtypur dobët ose lirshëm.

57
00:03:07,760 --> 00:03:14,120
Për të krijuar një ndryshore lokale, ju prefiksit
Emri i ndryshueshëm me V-A-R, var.

58
00:03:14,120 --> 00:03:17,010
>> Tani në JavaScript, funksionet do
kufizojnë fushëveprimin e variablave.

59
00:03:17,010 --> 00:03:20,600
Pra, nëse ju keni një variabël lokale brenda
një funksion, atëherë funksionet e tjera

60
00:03:20,600 --> 00:03:22,060
nuk mund të përdorni atë.

61
00:03:22,060 --> 00:03:26,090
Por ndryshe nga C, sythe dhe kushtet nuk
kufizojnë qëllimin e një variable.

62
00:03:26,090 --> 00:03:30,600
>> Pra, edhe në qoftë se ju të deklarojë atë në brendësi të një
kusht, i gjithë funksioni do

63
00:03:30,600 --> 00:03:32,810
të kenë qasje në të.

64
00:03:32,810 --> 00:03:35,820
Tani pa var, e ndryshueshme
do të jetë globale.

65
00:03:35,820 --> 00:03:39,170
Pra, nëse ju vetëm të shpallin emrin dhe
të caktojë një vlerë, atëherë kjo e ndryshueshme

66
00:03:39,170 --> 00:03:41,900
do të jetë një ndryshore globale
në JavaScript.

67
00:03:41,900 --> 00:03:48,480
>> Tani në shtëpi, ne kemi një shoqerues
koleksion të objekteve të tipit shtëpi, ku

68
00:03:48,480 --> 00:03:52,100
çdo shtëpi është vetëm një gjerësi
dhe një gjatësi.

69
00:03:52,100 --> 00:03:55,140
Pastaj ne kemi pasagjerët
array, e cila është një koleksion

70
00:03:55,140 --> 00:03:57,370
të tipit objekt pasagjerëve.

71
00:03:57,370 --> 00:04:01,620
Kështu që çdo pasagjer ka një emër përdoruesi,
një emër, dhe një shtëpi.

72
00:04:01,620 --> 00:04:04,840
Vini re se unë jam duke parë i tipit
pasagjerëve, i cili me të vërtetë vetëm do të thotë

73
00:04:04,840 --> 00:04:08,150
se çdo objekt ka
njëjtën vlerë çift kyç.

74
00:04:08,150 --> 00:04:12,830
Pra, çdo objekt i tipit pasagjerit ka
një emër përdoruesi, një emër dhe një shtëpi.

75
00:04:12,830 --> 00:04:14,850
>> Pra, çfarë nuk kemi nevojë të
të bëjë për të vendosur P?

76
00:04:14,850 --> 00:04:20,779
E pra, ne kemi nevojë për të lejuar përdoruesit të marr
up anëtarë të stafit, për të shfaqur të gjithë

77
00:04:20,779 --> 00:04:25,090
anëtarët e stafit që janë aktualisht në
anijes tonë, dhe për rënie të tyre.

78
00:04:25,090 --> 00:04:29,280
Dhe pastaj ne do të flasim për ekstra
karakteristika që mund të zbatohen për

79
00:04:29,280 --> 00:04:30,980
anijes vendosur P.

80
00:04:30,980 --> 00:04:33,610
>> Por të flasim për marrje të parë.

81
00:04:33,610 --> 00:04:37,480
Fytyrat e stafit CS50 kanë qenë
mbillen në të gjithë kampus, ku çdo

82
00:04:37,480 --> 00:04:41,750
Fytyra është zbatuar si një shenjë vend
në 3D tokë, dhe si një

83
00:04:41,750 --> 00:04:44,030
shënues në hartë 2D.

84
00:04:44,030 --> 00:04:47,880
Pra, kur përdoruesi klikimeve përmirësim
button, ne duam të shtoni aty pranë

85
00:04:47,880 --> 00:04:49,590
pasagjerë të anijes.

86
00:04:49,590 --> 00:04:53,650
Dhe ne gjithashtu duam të hequr vendin e tyre
të shënuar nga bota, dhe për të hequr e tyre

87
00:04:53,650 --> 00:04:58,060
shënues nga harta, duke treguar se
ata janë në anije tonë tani.

88
00:04:58,060 --> 00:05:02,520
>> Deri sa nuk kemi zbuluar nëse udhëtarët
janë brenda rrezes së anijes tonë?

89
00:05:02,520 --> 00:05:04,610
E pra, distanca funksion -

90
00:05:04,610 --> 00:05:08,770
kështu anijes dot në distancë, duke kaluar në
gjerësi dhe gjatësi, do

91
00:05:08,770 --> 00:05:12,030
të llogaritur distancën nga rryma
Pozicioni i anijes në

92
00:05:12,030 --> 00:05:15,850
pikë që ju të specifikojë me atë
dhënë gjerësi dhe gjatësi.

93
00:05:15,850 --> 00:05:19,180
Kështu që ju mund të përdorni këtë për të llogaritur
Distanca nga anije të

94
00:05:19,180 --> 00:05:20,310
pasagjerë.

95
00:05:20,310 --> 00:05:24,040
>> Por si nuk e dini se ku
pasagjerët janë?

96
00:05:24,040 --> 00:05:27,510
E pra, kjo është ajo ku ne do të duhet të
modifikojnë funksionin populloj.

97
00:05:27,510 --> 00:05:32,500
Populloj Places të gjithë anëtarëve të stafit
dhe pasagjerët Në botë,

98
00:05:32,500 --> 00:05:36,300
dhe në hartë, por nuk
dyqan vendndodhjen e tyre.

99
00:05:36,300 --> 00:05:39,850
Pra, ndoshta ju mund të ruajë tyre
të vendos shenjat dhe shënuesit

100
00:05:39,850 --> 00:05:41,570
në një rrjet global.

101
00:05:41,570 --> 00:05:45,780
>> Tani ka tashmë një koleksion globale
ruajtjen e informacionit nga udhëtarët.

102
00:05:45,780 --> 00:05:49,960
Pasagjerët array dyqane secili
Emri i pasagjerit dhe shtëpia e tyre.

103
00:05:49,960 --> 00:05:54,985
Pra, ndoshta ju mund të shtoni një parametrat pak
atje për objektet e pasagjerëve.

104
00:05:54,985 --> 00:05:59,290
>> Për të na ndihmuar të zbuluar të gjithë udhëtarët
brenda rrezes së anijes tonë, le të

105
00:05:59,290 --> 00:06:02,500
lak nëpër të gjitha udhëtarëve
në rrjet udhëtarëve.

106
00:06:02,500 --> 00:06:07,790
Një për lak në JavaScript mund të duket
diçka e tillë, shumë të ngjashme me

107
00:06:07,790 --> 00:06:12,910
ato për lak në C. Ose ne mund të përdorim një
alternative për strukturën loop.

108
00:06:12,910 --> 00:06:17,130
>> Për i var në grup, ku unë
do të vazhdojë të jetë indeksi.

109
00:06:17,130 --> 00:06:20,740
Por ju nuk keni nevojë të specifikojë
array dot gjatësia

110
00:06:20,740 --> 00:06:23,310
kusht, dhe unë plus plus.

111
00:06:23,310 --> 00:06:26,140
Vendndodhja Çdo udhëtar është
jepet me shenjat e tyre vend.

112
00:06:26,140 --> 00:06:29,800
>> Por marka vendi nuk është
gjerësi dhe gjatësi.

113
00:06:29,800 --> 00:06:34,575
Ne kemi për të hyrë në këto parametra nga
marrjen e gjeometri, duke përdorur get

114
00:06:34,575 --> 00:06:35,900
gjeometri për të shënuar vend.

115
00:06:35,900 --> 00:06:39,630
Dhe pastaj një herë ne kemi gjeometri,
marrjen ose gjerësi ose

116
00:06:39,630 --> 00:06:42,600
gjatësi, duke përdorur këto funksione.

117
00:06:42,600 --> 00:06:45,680
>> Deri tani ne e dimë se si për të zbuluar nëse
pasagjerët janë brenda

118
00:06:45,680 --> 00:06:47,920
Gama e anijes sonë.

119
00:06:47,920 --> 00:06:52,050
Pasi ne kemi këto pasagjerë, ne do të
dëshironi të shtoni ndonjë pasagjerët që janë

120
00:06:52,050 --> 00:06:53,140
brenda që shkojnë.

121
00:06:53,140 --> 00:06:57,580
Ne duam të lejuar ata që të hip në, dhe
të marrë një vend në anije tonë, por vetëm

122
00:06:57,580 --> 00:06:59,640
në qoftë se ne kemi vend të mjaftueshëm për ta.

123
00:06:59,640 --> 00:07:04,120
>> Anijes dot vende array do
tregojë nëse vende janë bosh, ose

124
00:07:04,120 --> 00:07:05,890
i cili është në atë vend.

125
00:07:05,890 --> 00:07:11,170
Pra, nëse një vend është i zbrazët, atëherë
se vendi do të jetë e pavlefshme.

126
00:07:11,170 --> 00:07:15,930
Pra iterate mbi array vende,
kontrolluar për vende bosh, ruajtjen

127
00:07:15,930 --> 00:07:20,020
pasagjerët Në ato vende deri në ju
nuk kanë ndonjë vend më shumë bosh.

128
00:07:20,020 --> 00:07:23,330
Dhe për fat të keq, çdo pasagjerët e tjerë
do të duhet të presin për

129
00:07:23,330 --> 00:07:26,000
herën tjetër anijes vjen rreth.

130
00:07:26,000 --> 00:07:30,280
>> Pasi ata të marrë në anije, ne do të duam
për të hequr shenjën e tyre vend, e cila

131
00:07:30,280 --> 00:07:32,540
është foto e tyre në botë 3d.

132
00:07:32,540 --> 00:07:38,030
Nëse unë të kërkuar për të hequr një p shenjë vend,
atëherë unë do të merrni të gjitha tiparet

133
00:07:38,030 --> 00:07:42,790
nga toka ime, nga Google Earth,
dhe pastaj hiqni atë vend të veçantë

134
00:07:42,790 --> 00:07:45,910
të shënuar duke përdorur funksionin removeChild.

135
00:07:45,910 --> 00:07:51,360
Pastaj në fund, le të hiqni shënues,
ikona në hartë 2D për çdo

136
00:07:51,360 --> 00:07:53,650
pasagjerëve që ne po ringjallet.

137
00:07:53,650 --> 00:07:59,790
Për të hequr një shënues, m, atëherë unë do të
vetëm ekzekutuar m dot setMap null.

138
00:07:59,790 --> 00:08:02,920
A në këtë mënyrë për çdo udhëtarëve brenda rrezes,
dhe ju keni përfunduar përmirësim.

139
00:08:02,920 --> 00:08:05,056