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

2
00:00:00,988 --> 00:00:09,880
>> [השמעת מוסיקה]

3
00:00:09,880 --> 00:00:13,360
>> 1 SPEAKER: ובכן, הנה אנחנו,
סט P האחרון בCS50.

4
00:00:13,360 --> 00:00:17,040
לברך את עצמכם מהצורך
הגיע כל כך רחוק מאז שלום הראשון שלך

5
00:00:17,040 --> 00:00:20,090
עולמות ולהדפסה
פירמידות למריו.

6
00:00:20,090 --> 00:00:21,930
אתה עשית באתר בשבוע שעבר.

7
00:00:21,930 --> 00:00:25,110
ואנחנו הולכים להיות ביצוע עוד אחד
השבוע, אחד המאפשר לך

8
00:00:25,110 --> 00:00:28,570
נוסע ברחבי קמפוס אוניברסיטת הרווארד, קטיף
עד CS50 חברי צוות, ו

9
00:00:28,570 --> 00:00:31,910
מביא אותם אליהם
בתי מגורים.

10
00:00:31,910 --> 00:00:35,400
>> עכשיו בשבוע שעבר עבדנו ב-PHP,
שפת צד שרת.

11
00:00:35,400 --> 00:00:38,250
לסט P זה, אנחנו מקבלים הצגנו
לJavaScript, שהוא

12
00:00:38,250 --> 00:00:40,600
שפת צד לקוח.

13
00:00:40,600 --> 00:00:44,010
אז בואו נסתכל על כמה מן
קוד הפצה שספק ל

14
00:00:44,010 --> 00:00:46,210
לך על סט P זה.

15
00:00:46,210 --> 00:00:49,700
>> בתיקיית JavaScript, יהיו
להיות חבורה של קבצים ב-JavaScript.

16
00:00:49,700 --> 00:00:53,600
יש buildings.js, המכיל
מערך של מבנים סביב הרווארד

17
00:00:53,600 --> 00:00:57,340
קמפוס, עם המידע שלהם
ועמדה.

18
00:00:57,340 --> 00:01:01,630
Houses.js הוא מערך של הרווארד
בתי מגורים, עימם

19
00:01:01,630 --> 00:01:04,030
קווי רוחב וקווי אורך.

20
00:01:04,030 --> 00:01:07,020
Passengers.js מכיל
מערך של נוסעים -

21
00:01:07,020 --> 00:01:08,600
חברי צוות CS50 -

22
00:01:08,600 --> 00:01:11,640
כי אתה תהיה להחזיר ל
בתי המגורים שלהם.

23
00:01:11,640 --> 00:01:16,450
>> Math3D.js, שמכיל הרבה
פונקציות לעשות עם התנועה.

24
00:01:16,450 --> 00:01:19,500
אם אתה באופן מתמטי אופקים,
אז אני מברך אותך להעיף מבט.

25
00:01:19,500 --> 00:01:23,530
אבל אתה לא צריך להבין
כל מה שביש.

26
00:01:23,530 --> 00:01:26,710
Shuttle.js, העוסק ב
התנועה של המעבורת.

27
00:01:26,710 --> 00:01:31,450
וindex.html הוא דף הבית שבו
כל מה שקורה, באמת, שבו

28
00:01:31,450 --> 00:01:33,610
משתמש אינטראקציה עם האתר.

29
00:01:33,610 --> 00:01:39,110
>> Service.css הוא גיליון סגנונות CSS,
אשר, בנוסף לטוויטר

30
00:01:39,110 --> 00:01:43,960
ספריית bootstrap, פקדים
איך נראה index.html.

31
00:01:43,960 --> 00:01:48,190
ולאחר מכן יש לנו גם service.js, אשר
מכיל פונקציות שירות עבור

32
00:01:48,190 --> 00:01:49,010
המעבורת.

33
00:01:49,010 --> 00:01:53,010
והנה שבו אתה הולך להיות
מילוי בחלק לדוס.

34
00:01:53,010 --> 00:01:56,600
>> עכשיו בואו נסתכל על עצמים ו
מערכים אסוציאטיביים ב-JavaScript,

35
00:01:56,600 --> 00:01:59,360
אשר לכל דבר ועניין
ניתנים להחלפה.

36
00:01:59,360 --> 00:02:03,030
אם אני רוצה לעשות אובייקט משתנה
בשם שרביט, הייתי

37
00:02:03,030 --> 00:02:04,290
להצהיר על זה.

38
00:02:04,290 --> 00:02:08,789
ובתוך אלה סוגריים המסולסלים הייתי
ציין את הליבה היא חד קרן.

39
00:02:08,789 --> 00:02:10,220
העץ הוא דובדבן.

40
00:02:10,220 --> 00:02:12,710
והאורך הוא 13.

41
00:02:12,710 --> 00:02:16,370
>> עכשיו אני גם יכול לגשת לערכים
של אובייקטים באמצעות

42
00:02:16,370 --> 00:02:18,270
סימון מערך אסוציאטיבי.

43
00:02:18,270 --> 00:02:22,610
ליבת מדד אז שרביט, אני יכול להגדיר
כי שווה לקרן, או

44
00:02:22,610 --> 00:02:24,710
לבדוק את זה, אם אני צריך.

45
00:02:24,710 --> 00:02:26,510
או שאני יכול להשתמש באופרטור הנקודה.

46
00:02:26,510 --> 00:02:30,280
עץ נקודת שרביט שווה דובדבן,
וכן הלאה, וכן הלאה.

47
00:02:30,280 --> 00:02:33,930
אז אתה רואה שמערכים ואסוציאטיביים
אובייקטים ב-JavaScript הולכים להיות

48
00:02:33,930 --> 00:02:37,720
להחלפה, ורצון
להיות שימושי למדי.

49
00:02:37,720 --> 00:02:41,570
>> ואז אנחנו רואים מערך של מבנים
בbuildings.js.

50
00:02:41,570 --> 00:02:43,870
שוב, מערך של אובייקטים.

51
00:02:43,870 --> 00:02:48,500
אם אני רוצה ליצור מערך של המיטב
בניינים בקמפוס אוניברסיטת הרווארד, ולאחר מכן

52
00:02:48,500 --> 00:02:49,710
אני אעשה את זה באופן הבא.

53
00:02:49,710 --> 00:02:55,250
באמצעות סימון האובייקט הזה, שבו
אני מאחסן את השורש, שם, הכתובת,

54
00:02:55,250 --> 00:03:00,260
קו רוחב, אורך ורוחב לכל
אובייקט בניין אחד.

55
00:03:00,260 --> 00:03:02,930
>> בואו נדבר במהירות על משתנים
ב-JavaScript.

56
00:03:02,930 --> 00:03:07,760
כמו PHP, משתני JavaScript
הם בחולשה או רפיון שהוקלד.

57
00:03:07,760 --> 00:03:14,120
כדי ליצור משתנים מקומי, אתה קידומת
השם המשתנה עם V--R, var.

58
00:03:14,120 --> 00:03:17,010
>> עכשיו ב-JavaScript, פונקציות תהיה
לצמצם את ההיקף של משתנים.

59
00:03:17,010 --> 00:03:20,600
אז אם יש לך משתנה מקומי בתוך
פונקציה, ואז פונקציות אחרות

60
00:03:20,600 --> 00:03:22,060
לא יכול לגשת אליו.

61
00:03:22,060 --> 00:03:26,090
אבל שלא כמו C, לולאות ותנאים לא
לצמצם את היקף משתנה.

62
00:03:26,090 --> 00:03:30,600
>> אז גם אם אתה מצהיר את זה בפנים של
מצב, תהיה כולו הפונקציה

63
00:03:30,600 --> 00:03:32,810
יש להם גישה אליו.

64
00:03:32,810 --> 00:03:35,820
עכשיו בלי var, משתנה
יהיה גלובלי.

65
00:03:35,820 --> 00:03:39,170
אז אם אתה רק מכריז את השם ו
להקצות ערך, אז זה משתנה

66
00:03:39,170 --> 00:03:41,900
יהיה משתנה גלובלי
ב-JavaScript.

67
00:03:41,900 --> 00:03:48,480
>> עכשיו בבתים, יש לנו אסוציאטיבי
מערך של אובייקטים מסוג הבית, שבו

68
00:03:48,480 --> 00:03:52,100
כל בית הוא רק קו רוחב
וקו אורך.

69
00:03:52,100 --> 00:03:55,140
אז יש לנו את הנוסעים
מערך, שהוא מערך

70
00:03:55,140 --> 00:03:57,370
נוסע סוג האובייקט.

71
00:03:57,370 --> 00:04:01,620
אז כל נוסע יש לו שם משתמש,
שם, ובית.

72
00:04:01,620 --> 00:04:04,840
שים לב שאני רואה מסוג
נוסע, שבאמת רק אומר

73
00:04:04,840 --> 00:04:08,150
כי לכל אובייקט
אותו זוג ערך מפתח.

74
00:04:08,150 --> 00:04:12,830
אז כל אובייקט של נוסעים סוג יש
שם משתמש, שם, ובית.

75
00:04:12,830 --> 00:04:14,850
>> אז מה אנחנו צריכים לעשות כדי
לעשות לסט P?

76
00:04:14,850 --> 00:04:20,779
ובכן, אנחנו צריכים לאפשר למשתמשים לבחור
עד חברי צוות, כדי להציג את כל

77
00:04:20,779 --> 00:04:25,090
אנשי צוות שנמצאים כרגע ב
המעבורת שלנו, וכדי להוריד אותם.

78
00:04:25,090 --> 00:04:29,280
ואז גם לדבר על תוספת
תכונות שניתן ליישם עבור

79
00:04:29,280 --> 00:04:30,980
סט P מעבורת.

80
00:04:30,980 --> 00:04:33,610
>> אבל בואו נדבר על הטנדר ראשון.

81
00:04:33,610 --> 00:04:37,480
פניהם של צוות CS50 היו
ניטע בכל רחבי קמפוס, בו כל

82
00:04:37,480 --> 00:04:41,750
פנים מיושמים כסימן מקום
על פני כדור הארץ 3D, וכמו

83
00:04:41,750 --> 00:04:44,030
סמן על מפת 2D.

84
00:04:44,030 --> 00:04:47,880
לכן, כאשר המשתמש לוחץ על הטנדר
כפתור, אנחנו רוצים להוסיף סמוך

85
00:04:47,880 --> 00:04:49,590
נוסעי המעבורת.

86
00:04:49,590 --> 00:04:53,650
ואנחנו גם רוצים להסיר את מקומם
לסמן מן העולם, ולהסירם

87
00:04:53,650 --> 00:04:58,060
סמן מן המפה, המצביע על כך
הם בהסעות שלנו עכשיו.

88
00:04:58,060 --> 00:05:02,520
>> אז איך לזהות אם נוסעים
נמצא בטווח של המעבורת שלנו?

89
00:05:02,520 --> 00:05:04,610
ובכן, מרחק הפונקציה -

90
00:05:04,610 --> 00:05:08,770
כך מרחק נקודת מעבורת, שעובר ב
קווי אורך והרוחב, יהיה

91
00:05:08,770 --> 00:05:12,030
לחשב את המרחק מהנוכחי
עמדתה של המעבורת ל

92
00:05:12,030 --> 00:05:15,850
נקודה שציינת עם זה
ניתנו קווי אורך ורוחב.

93
00:05:15,850 --> 00:05:19,180
כך שאתה יכול להשתמש בזה כדי לחשב את
מרחק מהמעבורת ל

94
00:05:19,180 --> 00:05:20,310
נוסעים.

95
00:05:20,310 --> 00:05:24,040
>> אבל איך אתה יודע איפה
הנוסעים?

96
00:05:24,040 --> 00:05:27,510
ובכן, זה המקום שבי נצטרך
לערוך את הפונקציה לאכלס.

97
00:05:27,510 --> 00:05:32,500
לאכלס מקומות כל חברי צוות
ונוסעים אל העולם,

98
00:05:32,500 --> 00:05:36,300
ולמפה, אבל לא
תאחסן את המיקום שלהם.

99
00:05:36,300 --> 00:05:39,850
אז אולי אתה יכול לאחסן אותם
למקם את הסימנים וסמנים

100
00:05:39,850 --> 00:05:41,570
בחלק המערך הגלובלי.

101
00:05:41,570 --> 00:05:45,780
>> עכשיו כבר יש מערך גלובלי
אחסון מידע מנוסעים.

102
00:05:45,780 --> 00:05:49,960
חנויות המערך נוסע כל אחד
שמו של נוסע ואת הבית שלהם.

103
00:05:49,960 --> 00:05:54,985
אז אולי אתה יכול להוסיף כמה פרמטרים
יש לחפצי נוסעים.

104
00:05:54,985 --> 00:05:59,290
>> כדי לעזור לנו לזהות את כל הנוסעים
בטווח של המעבורת שלנו, בואו

105
00:05:59,290 --> 00:06:02,500
לולאה דרך כל הנוסעים
במערך הנוסעים.

106
00:06:02,500 --> 00:06:07,790
לולאה בJavaScript עשויה להיראות
משהו כזה, דומה מאוד ל

107
00:06:07,790 --> 00:06:12,910
אלה ללולאה בג או שאנחנו יכולים להשתמש
חלופי למבנה לולאה.

108
00:06:12,910 --> 00:06:17,130
>> עבור i var במערך, שבו אני
עדיין יהיה המדד.

109
00:06:17,130 --> 00:06:20,740
אבל אתה לא צריך לציין
אורך נקודת המערך

110
00:06:20,740 --> 00:06:23,310
מצב, ואני ועוד ועוד.

111
00:06:23,310 --> 00:06:26,140
מיקומו של כל נוסע הוא
ניתנו על ידי סימן המקום שלהם.

112
00:06:26,140 --> 00:06:29,800
>> אבל סימן המקום אינו
קו רוחב והאורך.

113
00:06:29,800 --> 00:06:34,575
אנחנו צריכים לגשת לפרמטרים אלו על ידי
מקבל את הגיאומטריה, באמצעות גט

114
00:06:34,575 --> 00:06:35,900
גיאומטריה על סימן המקום.

115
00:06:35,900 --> 00:06:39,630
ואז ברגע שיש לנו את הגיאומטריה,
מקבל גם את קו הרוחב או

116
00:06:39,630 --> 00:06:42,600
אורך, שימוש בפונקציות הללו.

117
00:06:42,600 --> 00:06:45,680
>> אז עכשיו אנחנו יודעים איך לזהות אם
נוסעים נמצאים בתוך

118
00:06:45,680 --> 00:06:47,920
מגוון רחב של ההסעות שלנו.

119
00:06:47,920 --> 00:06:52,050
ברגע שיש לנו הנוסעים האלה, אנחנו
רוצה להוסיף כל נוסעים, כי הם

120
00:06:52,050 --> 00:06:53,140
בטווח זה.

121
00:06:53,140 --> 00:06:57,580
אנחנו רוצים לאפשר להם לקפוץ על, ו
לשבת על המעבורת שלנו, אבל רק

122
00:06:57,580 --> 00:06:59,640
אם יש לנו מספיק מקום עבורם.

123
00:06:59,640 --> 00:07:04,120
>> מושבי נקודת מעבורת המערך יהיה
לציין אם מושבים ריקים, או

124
00:07:04,120 --> 00:07:05,890
שהוא במושב זה.

125
00:07:05,890 --> 00:07:11,170
אז אם מקום מושבו הוא ריק, ואז
המושב שיהיה ריק.

126
00:07:11,170 --> 00:07:15,930
אז לחזר על מערך המושבים,
בדיקה למושבים ריקים, אחסון

127
00:07:15,930 --> 00:07:20,020
נוסע למושבים האלה עד שאתה
אין לי שום מושבים ריקים יותר.

128
00:07:20,020 --> 00:07:23,330
ולמרבה הצער, כל נוסעים אחרים
יצטרך לחכות ל

129
00:07:23,330 --> 00:07:26,000
בפעם הבאה שמגיעה המעבורת בסביבה.

130
00:07:26,000 --> 00:07:30,280
>> ברגע שהם מקבלים על המעבורת, אנחנו רוצים
כדי להסיר את חותם המקום שלהם, שבו

131
00:07:30,280 --> 00:07:32,540
היא התמונה שלהם בעולם 3D.

132
00:07:32,540 --> 00:07:38,030
אם אני רוצה להסיר עמ 'סימן מקום,
אז הייתי מקבל את כל התכונות

133
00:07:38,030 --> 00:07:42,790
מהאדמה שלי, מ- Google Earth,
ולאחר מכן להסיר את אותו מקום ספציפי

134
00:07:42,790 --> 00:07:45,910
לסמן באמצעות פונקצית removeChild.

135
00:07:45,910 --> 00:07:51,360
ואז לבסוף, בואו להסיר את הסמן,
הסמל על מפת 2D לכל

136
00:07:51,360 --> 00:07:53,650
נוסעים שאנחנו מרימים.

137
00:07:53,650 --> 00:07:59,790
כדי להסיר סמן, מ ', אז אני
רק בביצוע null setMap נקודה מ '.

138
00:07:59,790 --> 00:08:02,920
האם זה עבור כל נוסעים בטווח,
ושתסיים את טנדר.

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