1
00:00:00,000 --> 00:00:08,100

2
00:00:08,100 --> 00:00:08,890
>> רוג'ר ZURAWICKI: שלום לכולם.

3
00:00:08,890 --> 00:00:11,310
האם אני יכול לקבל את תשומת הלב שלך?

4
00:00:11,310 --> 00:00:12,090
תודה, חבר 'ה.

5
00:00:12,090 --> 00:00:14,030
היום אני רוצה לדבר על מטאור.

6
00:00:14,030 --> 00:00:16,710
זוהי מסגרת-JavaScript.

7
00:00:16,710 --> 00:00:21,110
אנחנו נהיה עוברים איך אתה יכול
להפוך יישומי אינטרנט ממש מגניבים.

8
00:00:21,110 --> 00:00:24,940
>> לפני שנכנסנו לJavaScript, אני פשוט
רוצה לספר לכם חבר 'ה שזה יהיה

9
00:00:24,940 --> 00:00:26,900
יהיה - יהיה לך מאוחר יותר
חתיכה בסמסטר הזה.

10
00:00:26,900 --> 00:00:28,520
זה צריך להיות על JavaScript.

11
00:00:28,520 --> 00:00:32,910
אני חושב [לא ברור] הוא הולך ראשון
לכסות את חומר PHP האינטרנט HTML לפני שאנחנו

12
00:00:32,910 --> 00:00:34,530
לעבור ל- JavaScript.

13
00:00:34,530 --> 00:00:39,650
ובCS50, JavaScript נחשב
כמו קוד לקוח.

14
00:00:39,650 --> 00:00:41,970
כך שזה רק מקבל לרוץ
דפדפן האינטרנט.

15
00:00:41,970 --> 00:00:45,740
>> אך הודות לפיתוחים אחרונים בתחום
טכנולוגיה, יש לנו עכשיו הצלחתי להפעיל

16
00:00:45,740 --> 00:00:48,090
JavaScript כשרת גם כן.

17
00:00:48,090 --> 00:00:51,630
אז זה יצר ממש מגניב
מסגרת, כי עכשיו אתה יכול לכתוב

18
00:00:51,630 --> 00:00:55,250
לגיטימי באותו קוד ל
הלקוח והשרת.

19
00:00:55,250 --> 00:00:57,810
וכאשר אתה מגדיר את הפונקציות בך
שרת, הלקוח שלך יכול לקרוא אותם

20
00:00:57,810 --> 00:00:59,090
אותן פונקציות.

21
00:00:59,090 --> 00:01:00,370
וזה עושה את זה הרבה יותר קל.

22
00:01:00,370 --> 00:01:04,519
בעוד שבעבר, אם אתה משתמש ב-PHP על
השרת, JavaScript בחזית

23
00:01:04,519 --> 00:01:08,040
סופו של דבר אתה צריך לכתוב פונקצית PHP
ולאחר מכן גרסת JavaScript של

24
00:01:08,040 --> 00:01:10,880
אותו תפקיד לעשות
אותו סוג של עבודה.

25
00:01:10,880 --> 00:01:14,330
>> אז לפני שנתחיל, אני רוצה
כדי להראות לך הדגמה של מה

26
00:01:14,330 --> 00:01:17,190
מטאור יכול לעשות בשבילך.

27
00:01:17,190 --> 00:01:20,330
אני אראה לך את הדמו, וזה מה
תוכל ליצור על ידי

28
00:01:20,330 --> 00:01:21,580
סוף הסמינר זה.

29
00:01:21,580 --> 00:01:24,260

30
00:01:24,260 --> 00:01:25,670
אנחנו פשוט הולכים כאן.

31
00:01:25,670 --> 00:01:27,410
זוהי אפליקציה Leaderboard.

32
00:01:27,410 --> 00:01:31,970
זה באמת מבוסס מחוץ לירושלים
מטאור זה נותן לך.

33
00:01:31,970 --> 00:01:37,220
>> המטאור הוא נחמד מאוד, כי כאשר אתה
להתקין אותו כחבילה, אתה יכול

34
00:01:37,220 --> 00:01:39,140
בעצם לשחק עם
ארבע הדגמות אלה.

35
00:01:39,140 --> 00:01:41,410
וLeaderboard הוא
הראשון של ההדגמות הללו.

36
00:01:41,410 --> 00:01:44,620
לאחר הסמינר, אני מעודד את כולכם
רק כדי לחקור את ההדגמות האחרות

37
00:01:44,620 --> 00:01:48,300
כי אני חושב שהם ממש מגניבים, ו
הם מראים לך את כוחו של המטאור.

38
00:01:48,300 --> 00:01:51,310
>> אז מה זה, זה הוא
מתארח בLeaderboard.

39
00:01:51,310 --> 00:01:54,950
זה רק בכנות רשימה של שמות.

40
00:01:54,950 --> 00:01:56,510
ואתה יכול לבחור אנשים.

41
00:01:56,510 --> 00:01:57,780
הם פונים צהובים.

42
00:01:57,780 --> 00:02:00,060
ואז אתה יכול לתת לי
אותם חמש נקודות.

43
00:02:00,060 --> 00:02:02,850
ותשים לב שהרשימה היא
ממוין, משום שאני נותן יותר לעצמי

44
00:02:02,850 --> 00:02:05,850
ויותר נקודות, אני עכשיו בראש.

45
00:02:05,850 --> 00:02:07,420
אז זה מקום שבו אנחנו מתחילים.

46
00:02:07,420 --> 00:02:11,690
>> ומה אתה יכול לקחת משם
מסמינר זה הוא עוד כמה

47
00:02:11,690 --> 00:02:13,600
תכונות אני הוספתי ל
Leaderboard.

48
00:02:13,600 --> 00:02:18,240
אנחנו נהיה מכסים איך, כמו גם
להוסיף חמש נקודות לשחקן, אנחנו יכולים

49
00:02:18,240 --> 00:02:28,720
למחוק שחקנים, אנחנו יכולים להוסיף שחקנים חדשים,
ואנחנו יכולים לבחור איך אנחנו רוצים

50
00:02:28,720 --> 00:02:29,540
כדי למיין אותם.

51
00:02:29,540 --> 00:02:35,240
וכל אלה הם שיחות API קלים מאוד
המטאור שמספק לך.

52
00:02:35,240 --> 00:02:39,120
יש לך גם תכונה כאן
לאקראי את הציונים.

53
00:02:39,120 --> 00:02:41,450
>> אז מה באמת מגניב על זה
הוא למעשה אתם יכולים

54
00:02:41,450 --> 00:02:43,820
כל להיכנס לאתר.

55
00:02:43,820 --> 00:02:46,575
אני אשים את זה בטקסט גדול יותר כאן.

56
00:02:46,575 --> 00:02:51,390

57
00:02:51,390 --> 00:02:52,640
אחד קיצוני להוביל erboard.meteor.com.

58
00:02:52,640 --> 00:03:03,390

59
00:03:03,390 --> 00:03:07,622
וכשאתם תחזרו לאתר, אתה
צריך להיות מסוגל לערוך את האתר, ו

60
00:03:07,622 --> 00:03:09,595
כל העריכות שלך יהיה גלוי
לכל אחד אחר.

61
00:03:09,595 --> 00:03:12,730

62
00:03:12,730 --> 00:03:17,740
כך שאתה יכול - אתה חבר 'ה כל
תוכל להתחבר לאתר?

63
00:03:17,740 --> 00:03:18,750
אז לשחק עם זה.

64
00:03:18,750 --> 00:03:20,440
ללכת ולהתחיל למחוק כמה שמות.

65
00:03:20,440 --> 00:03:21,690
לראות מה קורה.

66
00:03:21,690 --> 00:03:35,370

67
00:03:35,370 --> 00:03:38,510
>> אז אתה רואה שכולם יכול לשחק.

68
00:03:38,510 --> 00:03:41,930
זוהי רק ברירת מחדל של האבטחה
מצב למטאור.

69
00:03:41,930 --> 00:03:44,360
אתה רואה שכולם יכול
לשנות נתונים אחד של השני.

70
00:03:44,360 --> 00:03:44,920
אל תדאג.

71
00:03:44,920 --> 00:03:46,460
מטאור האם יש ביטחון.

72
00:03:46,460 --> 00:03:49,860
זה מיושם בקלות רבה
תכונה, שבו אתה יכול להגדיר משתמשים

73
00:03:49,860 --> 00:03:50,600
ושמות משתמש.

74
00:03:50,600 --> 00:03:53,750
אבל עכשיו, כל מי שמבקר
אתר יכול לתת את עצמם כרבים

75
00:03:53,750 --> 00:03:55,000
מצביע כמו שהם רוצים.

76
00:03:55,000 --> 00:03:57,140

77
00:03:57,140 --> 00:04:00,090
אז ככה אני תמיד בגלל זה
הוא דרך מהנה כדי להתחיל.

78
00:04:00,090 --> 00:04:02,360
ואז אנחנו רק מדברים
על הפרטים, איך

79
00:04:02,360 --> 00:04:03,610
המטאור עושה את זה אפשרי.

80
00:04:03,610 --> 00:04:10,820

81
00:04:10,820 --> 00:04:15,660
>> אז אני הולך לכסות את מה הוא המטאור,
ואז אנחנו רק צריכים לכסות את

82
00:04:15,660 --> 00:04:18,920
שני תנאים מוקדמים שCS50
לא כיסה מספיק.

83
00:04:18,920 --> 00:04:21,970
אבל בסוף של המונח, אתה צריך
להיות נוח עם שני HTML ו

84
00:04:21,970 --> 00:04:25,250
JavaScript באמת לקבל את הידיים
מלוכלך עובד עם מטאור.

85
00:04:25,250 --> 00:04:28,740
ואני חושב שזה פשוט דרך מצוינת עבור
אפילו פחות נוח תלמידים לעשות

86
00:04:28,740 --> 00:04:32,930
פרויקטי גמר, כי באמת שהם יכולים
להישאר בשפה אחת, והם מקבלים

87
00:04:32,930 --> 00:04:37,620
לראות את השינויים שלהם
לעבוד מייד.

88
00:04:37,620 --> 00:04:42,520
>> אז שקופית זו מציגה רק חלק
טכנולוגיות עיקריות שהמטאור JS

89
00:04:42,520 --> 00:04:43,610
נותן לך.

90
00:04:43,610 --> 00:04:46,090
מטאור הוא לא טכנולוגיה חדשה
בכוחות עצמו.

91
00:04:46,090 --> 00:04:48,390
זה באמת אוסף של
כל מיני דברים

92
00:04:48,390 --> 00:04:49,920
יש לנו באינטרנט.

93
00:04:49,920 --> 00:04:55,650
כמו גם ב-HTML, CSS, JavaScript,
יש כמה טכנולוגיות כמו Node.js,

94
00:04:55,650 --> 00:04:58,490
וזה מה שמאפשר לך להפעיל
JavaScript על גב הסוף עליך

95
00:04:58,490 --> 00:05:02,520
שרת, כמו גם כמה JavaScript
ספריות, כמו jQuery, תחתון.

96
00:05:02,520 --> 00:05:06,320
>> כל אלה יהיו מוכרים לי
אתה עד סוף הסמסטר.

97
00:05:06,320 --> 00:05:10,680
ואנחנו גם מקבלים לשימוש באתר בשם
MongoDB, שהוא באמת

98
00:05:10,680 --> 00:05:14,250
מסד הנתונים פופולריים עכשיו
סטארטאפים החדשים אלה.

99
00:05:14,250 --> 00:05:18,650
אתה יכול לחשוב על זה כעל כמו MySQL, אבל
זה עובד יפה מאוד עם JavaScript.

100
00:05:18,650 --> 00:05:22,140
ויש כמה טכנולוגיות אחרות כאן
ועוד רבים שאינו מופיע ברשימה

101
00:05:22,140 --> 00:05:23,880
שכל הממשק באמת
יפה עם מטאור.

102
00:05:23,880 --> 00:05:26,900

103
00:05:26,900 --> 00:05:30,540
>> אני צריך לשים את השקופית הזאת בגלל
לפעמים אני מקבל בלבול לגבי זה.

104
00:05:30,540 --> 00:05:31,695
מטאור הוא רק ב-JavaScript.

105
00:05:31,695 --> 00:05:33,040
זה לא PHP.

106
00:05:33,040 --> 00:05:34,360
זה לא Ruby on Rails.

107
00:05:34,360 --> 00:05:37,950
אז אם אתה כותב קוד, אם אתה רוצה
לכתוב פרויקט מטאור, אתה באמת

108
00:05:37,950 --> 00:05:38,900
לא יכול להשתמש בקוד רובי.

109
00:05:38,900 --> 00:05:41,660
אתה באמת לא להשתמש ב-PHP.

110
00:05:41,660 --> 00:05:45,800
>> בעוד שנראה כי ההבדלים ב
קוד ותחביר לא יכולים להיות ש

111
00:05:45,800 --> 00:05:48,930
שונה, אני רוצה להדגיש בפניך ש
מטאור, כל מה שאתה הקוד הוא

112
00:05:48,930 --> 00:05:50,660
רק ב-JavaScript.

113
00:05:50,660 --> 00:05:53,920
וכל מה שאתה מראה ל
המשתמש יהיה CSS HTML.

114
00:05:53,920 --> 00:05:56,780
אבל אתה לא באמת משתמש בכל
שפות אחרות שאחר

115
00:05:56,780 --> 00:05:59,250
אולי סמינרים לכסות.

116
00:05:59,250 --> 00:06:01,020
מה מטאור גם הוא הוא שרת אינטרנט.

117
00:06:01,020 --> 00:06:03,930
אז גם אם אין לך שום
JavaScript, ואתה רק רוצה לשרת

118
00:06:03,930 --> 00:06:07,020
קבצי CSS ו-HTML, מטאור
יכול לעשות את זה בשבילך.

119
00:06:07,020 --> 00:06:10,520

120
00:06:10,520 --> 00:06:13,770
>> והנה הקישור שוב
הדגמה כי יש לי חבר 'ה

121
00:06:13,770 --> 00:06:15,380
התחיל לשחק איתו.

122
00:06:15,380 --> 00:06:18,230
אבל בואו נעבור ל-HTML.

123
00:06:18,230 --> 00:06:22,060
כמה אנשים כאן יש לי
אין לי מושג מה ה-HTML הוא?

124
00:06:22,060 --> 00:06:22,670
אישור גדול.

125
00:06:22,670 --> 00:06:25,800
וזה בסדר גמור לחלוטין.

126
00:06:25,800 --> 00:06:29,410
אתה באמת לא צריך לדעת הרבה על
זה בגלל שנעבור על

127
00:06:29,410 --> 00:06:31,220
שימוש מאוד פשוט.

128
00:06:31,220 --> 00:06:34,570
>> זה מה שפשוט
דף ה-HTML נראה.

129
00:06:34,570 --> 00:06:38,840
זה יכול להיות כמו שלום, העולם שלך ל
HTML, ואילו התחלנו בC עם

130
00:06:38,840 --> 00:06:40,760
שלום, עולם.

131
00:06:40,760 --> 00:06:44,360
אני לא רוצה אותך ללחץ על
פרטים של מה-HTML, מה בראש, מה

132
00:06:44,360 --> 00:06:46,120
גוף, מה שהכותרת עושה שם.

133
00:06:46,120 --> 00:06:49,130
אני רק רוצה להדגיש את המבנה,
איך יש לך תגים.

134
00:06:49,130 --> 00:06:50,860
וזה בסוגריים זוויתיים.

135
00:06:50,860 --> 00:06:52,380
וזה שבו יש לך
מתאריך.

136
00:06:52,380 --> 00:06:54,790
>> אז אולי יש לך את מסמך ה-HTML.

137
00:06:54,790 --> 00:06:59,300
ולאחר מכן תוכל לסגור את מסמך ה-HTML
עם קו נטוי הפוך אותו דבר.

138
00:06:59,300 --> 00:07:01,200
ויש לך סוגים של תגים שונים.

139
00:07:01,200 --> 00:07:02,730
ושים לב שהם כולם מתאימים.

140
00:07:02,730 --> 00:07:05,300
יהיה לך כמו תג גוף
ולאחר מכן תג גוף קרוב.

141
00:07:05,300 --> 00:07:08,620
ובתוך תג הגוף, שאהיה
את התוכן של דף האינטרנט שלך.

142
00:07:08,620 --> 00:07:12,770
אז דף אינטרנט זה הייתי פשוט להציג
ברקע לבן וטקסט שחור

143
00:07:12,770 --> 00:07:14,242
שלום, עולם.

144
00:07:14,242 --> 00:07:17,610
האם זה הגיוני?

145
00:07:17,610 --> 00:07:19,500
על אישור.

146
00:07:19,500 --> 00:07:22,640
>> עכשיו אני הולך במהירות
לכסות-JavaScript.

147
00:07:22,640 --> 00:07:26,990
במילותיו של TF קודם,
"JavaScript היא תכנות הטוב ביותר

148
00:07:26,990 --> 00:07:28,550
שפה כיום בקיומו.

149
00:07:28,550 --> 00:07:30,520
אנשים אחרים ינסו
להגיד לך אחרת.

150
00:07:30,520 --> 00:07:33,840
הם טועים. "JavaScript היא די
נחמד, ואני אראה לך למה.

151
00:07:33,840 --> 00:07:36,620

152
00:07:36,620 --> 00:07:42,380
>> אז זו הדוגמא הקלאסית שאנחנו מתחילים
עם ב C. יש לנו שלום, עולם.

153
00:07:42,380 --> 00:07:45,500
ואתה שם לב שגם אם אתה לכווץ
את זה, אתה צריך להיות לפחות שני

154
00:07:45,500 --> 00:07:46,560
שורות קוד כאן.

155
00:07:46,560 --> 00:07:48,990
יש לי כמה שורות של קוד.

156
00:07:48,990 --> 00:07:50,160
ניתן לעשות זאת בצורה פשוטה מאוד.

157
00:07:50,160 --> 00:07:53,950
שורה אחת בJavaScript עם console.log,
ואז המחרוזת שלך,

158
00:07:53,950 --> 00:07:55,340
שלום, עולם.

159
00:07:55,340 --> 00:07:59,570
>> עכשיו, למרות שאנחנו עוברים לחדשים
השפה JavaScript, כמעט כל

160
00:07:59,570 --> 00:08:02,950
מיומנויות שלמדתם על ידי קידוד
ב-C באופן ישיר ניידים.

161
00:08:02,950 --> 00:08:07,130
אז מחרוזות, הרעיון של מחרוזות ב
מרכאות כפולות, זה אותו הדבר.

162
00:08:07,130 --> 00:08:08,890
פסיק, זה אותו הדבר.

163
00:08:08,890 --> 00:08:11,190
>> תכונה מסודרת על JavaScript
בעצם הוא שאתה

164
00:08:11,190 --> 00:08:12,360
לא צריך פסיק.

165
00:08:12,360 --> 00:08:14,950
זה יכול לנחש שאתה צריך
לשים פסיק שם.

166
00:08:14,950 --> 00:08:18,035
אבל שאמרו, אתה צריך תמיד לנסות
לשים פסיק שלך שם.

167
00:08:18,035 --> 00:08:21,160
זה נחשב סגנון טוב.

168
00:08:21,160 --> 00:08:22,650
וגם, אין פונקציה העיקרית.

169
00:08:22,650 --> 00:08:25,580
אתה רק מתחיל בחלק העליון של הקובץ
ולקרוא שורת דברים אחרים שורה.

170
00:08:25,580 --> 00:08:28,820

171
00:08:28,820 --> 00:08:32,760
>> אז זה מה שנדרש כדי להפוך את
שלום ש, תכנית העולם.

172
00:08:32,760 --> 00:08:36,059
ואז אראה שיש לך
לעשות שלום ולאחר מכן להפעיל את שלום.

173
00:08:36,059 --> 00:08:38,530
עם JavaScript, זה נחשב
שפה לפרש.

174
00:08:38,530 --> 00:08:40,780
מה שאתם צריכים לדעת הוא ש
אין החלטות.

175
00:08:40,780 --> 00:08:41,950
>> אין שום הידור.

176
00:08:41,950 --> 00:08:43,440
אתה פשוט להפעיל את הצומת.

177
00:08:43,440 --> 00:08:47,220
וזכור צומת היא התכנית ה
יפעל JavaScript שלך על קונסולה,

178
00:08:47,220 --> 00:08:49,030
בקופסה שחורה, ולא באתר.

179
00:08:49,030 --> 00:08:52,480
אז אתה פשוט לתת לו את הקובץ, וזה
הולך להדפיס שלום, עולם.

180
00:08:52,480 --> 00:08:56,750
>> אני באמת אעשה הדגמה קטנה של
כי בשבילכם ממש כאן.

181
00:08:56,750 --> 00:08:59,380
אז בואו נלך אליי
מסוף Node.js.

182
00:08:59,380 --> 00:09:04,470

183
00:09:04,470 --> 00:09:05,322
על אישור.

184
00:09:05,322 --> 00:09:06,150
בואו נעבור לכאן.

185
00:09:06,150 --> 00:09:07,930
אז אני הולך להתחיל צומת.

186
00:09:07,930 --> 00:09:10,230
ואני אראה לך חבר 'ה בסתם
שניות איך להשיג את זה

187
00:09:10,230 --> 00:09:12,000
מותקן, אם אתה לא יודע.

188
00:09:12,000 --> 00:09:14,800
תן לי לעשות את זה קצת יותר גדול.

189
00:09:14,800 --> 00:09:17,800

190
00:09:17,800 --> 00:09:17,870
על אישור.

191
00:09:17,870 --> 00:09:20,120
אני מקווה שאתם יכולים לראות.

192
00:09:20,120 --> 00:09:27,390
>> אז אני יכול לכתוב קוד כמו שאני עשיתי
לפני בconsole.log.

193
00:09:27,390 --> 00:09:28,915
היי, רוג'ר.

194
00:09:28,915 --> 00:09:31,710

195
00:09:31,710 --> 00:09:35,330
ושים לב שאני לא צריך לעשות
פסיק, אבל אז אני מקבל את זה מוזר

196
00:09:35,330 --> 00:09:36,850
דבר לא מוגדר.

197
00:09:36,850 --> 00:09:40,310
טוב, בעצם, שלא לדבר על
הדבר לא מוגדר.

198
00:09:40,310 --> 00:09:43,590
דברים שאני רוצה שתשים לב הוא שאתה
לא צריך את הפונקציה העיקרית כאן

199
00:09:43,590 --> 00:09:45,050
כדי להתחיל להריץ קוד.

200
00:09:45,050 --> 00:09:46,790
ואין סוף קו נטוי הפוך.

201
00:09:46,790 --> 00:09:50,683
יש כמה תכונות קטנות ש
JavaScript יכול לעשות בשבילך.

202
00:09:50,683 --> 00:09:53,510
>> קהל: [לא ברור].

203
00:09:53,510 --> 00:09:54,000
>> רוג'ר ZURAWICKI: אה, כן.

204
00:09:54,000 --> 00:09:57,460
אני מצטער על זה.

205
00:09:57,460 --> 00:10:02,200
חץ וזה רק אומר שצומת
מוכן לפקודה אחרת.

206
00:10:02,200 --> 00:10:05,380
אז אתה יכול לקבל את זה עושה פשוט
מתמטיקה, כמו 1 ועוד 1.

207
00:10:05,380 --> 00:10:10,360
ובדיוק כמו ב-C, מתמטיקה אלה
סמלים הם בדיוק אותו הדבר.

208
00:10:10,360 --> 00:10:13,750
אני יכול לעשות console.log של מספר.

209
00:10:13,750 --> 00:10:15,090
ואז זה מדפיס שתיים.

210
00:10:15,090 --> 00:10:19,000
JavaScript היא נחמדה במובן זה, כי
למרות ששני הוא int,

211
00:10:19,000 --> 00:10:22,020
כמו ב-C, אם אתה לא printf עם
שני, היית מקבל שגיאה.

212
00:10:22,020 --> 00:10:24,140
>> אבל JavaScript יודע, הו, אתה
הדפסת משהו.

213
00:10:24,140 --> 00:10:25,070
אני הולך צריך מחרוזת.

214
00:10:25,070 --> 00:10:28,410
אז תן לי להמיר כי שני
למחרוזת בשבילך.

215
00:10:28,410 --> 00:10:34,970
ואתה גם יכול לעשות כמה דברים מוזרים
כמו היי ולאחר מכן עוד שתיים.

216
00:10:34,970 --> 00:10:39,520
זו היא רק דוגמא נוספת כיצד שתי
ניתן להמיר שם גם כן.

217
00:10:39,520 --> 00:10:45,135
>> אז עם זה את הדרך, בואו
רק לכסות קצת יותר ב-JavaScript.

218
00:10:45,135 --> 00:10:48,660

219
00:10:48,660 --> 00:10:50,540
אז ב-C, יש לנו סוגים.

220
00:10:50,540 --> 00:10:53,925
כל פעם שאנחנו יצרנו משתנים חדשים,
יש לי להגיד זה שזה * או char

221
00:10:53,925 --> 00:10:55,850
מחרוזת במקרה CS50.

222
00:10:55,850 --> 00:10:58,350
או אם היו לנו מספר עשרוני,
היו לנו לומר לצוף.

223
00:10:58,350 --> 00:11:00,690
אם היינו זקוק בוליאנית,
היו לנו לומר ב.

224
00:11:00,690 --> 00:11:04,220
ואז ברגע שיש לנו משהו ש
היה ב ', זה היה צריך להישאר בול.

225
00:11:04,220 --> 00:11:07,360
אנחנו לא יכולים לשנות אותו באורח פלא ל
int, אלא אם כן שכתבנו ב

226
00:11:07,360 --> 00:11:09,450
סוגריים, int של b.

227
00:11:09,450 --> 00:11:11,820
>> ב-JavaScript, אין סוגים.

228
00:11:11,820 --> 00:11:13,350
אתה רק חושב על זה כעל var.

229
00:11:13,350 --> 00:11:15,270
וvar הוא איך אתה יוצר סוג חדש.

230
00:11:15,270 --> 00:11:19,210
אז זה יכול להיות var של להיות מחרוזת,
n var להיות לצוף,

231
00:11:19,210 --> 00:11:21,230
וvar b להיות אמיתית.

232
00:11:21,230 --> 00:11:24,980
ועוד דבר אחד שאתה לא יכול לעשות ב-C הוא
עכשיו אני יכול לומר, אחרי זה קו, ב

233
00:11:24,980 --> 00:11:26,230
שווה למספר שלם.

234
00:11:26,230 --> 00:11:27,400
וזה עובד בסדר גמור.

235
00:11:27,400 --> 00:11:30,840
ואילו ב-C, הוא הייתי אומר כמו
המספר השלם שלך הוא לא בול.

236
00:11:30,840 --> 00:11:32,770
אני לא יכול לעשות את זה בשבילך.

237
00:11:32,770 --> 00:11:34,050
או [לא ברור] היה זורק את שגיאה.

238
00:11:34,050 --> 00:11:37,970

239
00:11:37,970 --> 00:11:43,420
>> ואני יכול לחזור במהירות לצומת ו
מראה חלק מיכולות ש.

240
00:11:43,420 --> 00:11:44,960
אז אני יכול להיות var.

241
00:11:44,960 --> 00:11:52,120
קורא לזה "אפל". אז עכשיו כשאני מדפיס,
אני מקבל את המחרוזת שלי, 'אפל'. אבל אני יכול

242
00:11:52,120 --> 00:11:54,900
גם עכשיו אומרים שווה 3.

243
00:11:54,900 --> 00:11:56,610
ושים לב שאין שום שגיאה.

244
00:11:56,610 --> 00:12:00,630
ועכשיו שווה 3.

245
00:12:00,630 --> 00:12:01,880
כל שאלות עד כה?

246
00:12:01,880 --> 00:12:07,030

247
00:12:07,030 --> 00:12:07,570
כן.

248
00:12:07,570 --> 00:12:10,780
>> קהל: חכה, כך console.log
הוא בעצם printf, נכון?

249
00:12:10,780 --> 00:12:12,180
>> רוג'ר ZURAWICKI: Console.log
הוא printf שלך.

250
00:12:12,180 --> 00:12:12,652
>> קהל: כן.

251
00:12:12,652 --> 00:12:17,844
אז איך זה שאם אתה פשוט להקליד בשמונה
או, מה עושה [לא ברור] כי

252
00:12:17,844 --> 00:12:18,790
[לא ברור]?

253
00:12:18,790 --> 00:12:19,160
>> רוג'ר ZURAWICKI: נכון.

254
00:12:19,160 --> 00:12:21,690
אז זה -

255
00:12:21,690 --> 00:12:24,240
הדברים בירוק מקבל מודפסים
במסוף.

256
00:12:24,240 --> 00:12:27,050
ומה שנראה הבא הוא
כאשר אנו עוברים לאינטרנט

257
00:12:27,050 --> 00:12:29,300
דף, אנחנו לא עושים -

258
00:12:29,300 --> 00:12:32,650
JavaScript תהיה בעל HTML
תבנית, שאני אכסה ב

259
00:12:32,650 --> 00:12:34,730
חלק מטאור של הסמינר.

260
00:12:34,730 --> 00:12:38,730
וזה שבו אתה יכול להגיד, תן לי
את הערך של, וזה יהיה לשים ב

261
00:12:38,730 --> 00:12:39,920
האתר שלך.

262
00:12:39,920 --> 00:12:42,520
כי בכל דפדפן אינטרנט למעשה
יש קצת מסוף.

263
00:12:42,520 --> 00:12:46,380
ואם אתה נראה מאוד בזהירות, אתה
הייתי לקבל קצת מידע, כמוך

264
00:12:46,380 --> 00:12:51,210
printf שמופיע שם עם
כל דף אינטרנט שאתה טוען.

265
00:12:51,210 --> 00:12:53,580
>> קהל: איך הגעת
למסך הפגז?

266
00:12:53,580 --> 00:12:57,680
>> רוג'ר ZURAWICKI: אז יש פקודה
נקרא צומת, והוא מגיע עם מטאור.

267
00:12:57,680 --> 00:13:01,230
אז רק אני אפסיק לצאת משם.

268
00:13:01,230 --> 00:13:03,580
צומת היא התכנית ה
פועל ב-JavaScript.

269
00:13:03,580 --> 00:13:07,070
אם אתה הולך לmeteor.com, אתה
ניתן להתקין את המטאור, ו

270
00:13:07,070 --> 00:13:08,480
מטאור מגיע עם צומת.

271
00:13:08,480 --> 00:13:11,470
בגלל המטאור הוא רק אוסף
של כל חבילות תוכנה אלה.

272
00:13:11,470 --> 00:13:15,280
כשאנחנו מגיעים לדוגמא שלנו, אעשה זאת
ללכת לכולם באמצעות התקנה

273
00:13:15,280 --> 00:13:17,625
מטאור, ואז אתה יכול לשחק
עם צומת בעצמך.

274
00:13:17,625 --> 00:13:22,154

275
00:13:22,154 --> 00:13:23,980
אוקיי, נהדר.

276
00:13:23,980 --> 00:13:29,640
>> אז עוד תכונה נהדרת על עבודה
עם JavaScript היא לולאות הן אותו הדבר.

277
00:13:29,640 --> 00:13:31,430
פחות או יותר בדיוק אותו הדבר.

278
00:13:31,430 --> 00:13:35,530
ללולאות, בעוד לולאות, לעשות
תוך לולאות, אם אחר.

279
00:13:35,530 --> 00:13:36,880
זה הכל אותו הדבר עם הפלטה.

280
00:13:36,880 --> 00:13:38,540
זה אותו התחביר.

281
00:13:38,540 --> 00:13:41,350
במקרה של ללולאה, קטן
פירוט שאתה צריך לשים לב

282
00:13:41,350 --> 00:13:45,340
להיא במקום int i שווה 0,
יש לנו לומר שאני var שווה 0.

283
00:13:45,340 --> 00:13:49,580
אבל זה בגלל שאחד מהמשתנים
סוגים שדיברנו עליו קודם לכן.

284
00:13:49,580 --> 00:13:53,360
>> שים לב שprintf הופך
יומן, console.log.

285
00:13:53,360 --> 00:13:57,370
ואנחנו לא צריכים לעשות אחוזים
p n הלוכסן האחורי ולאחר מכן לעבור באני.

286
00:13:57,370 --> 00:13:58,380
אתה רק יכול להגיד שאני.

287
00:13:58,380 --> 00:14:01,910
וזה יהיה להדפיס את המספרים
מאפס עד ארבעה.

288
00:14:01,910 --> 00:14:04,830
אם אתם רוצים לנסות את זה, כי
אתה הביא את נקודה טובה.

289
00:14:04,830 --> 00:14:08,730
אם אתה רוצה להפעיל את הקוד הזה עליך
דפדפן שלך, אני הייתי ממליץ לי

290
00:14:08,730 --> 00:14:11,040
כולם פותח את Google Chrome.

291
00:14:11,040 --> 00:14:14,220
Google Chrome או כל דפדפן אינטרנט באמת,
אבל אני אוהב את של Google Chrome

292
00:14:14,220 --> 00:14:17,350
כי זה מאוד סטנדרטי.

293
00:14:17,350 --> 00:14:24,240
>> אתה יכול ללכת ל, אני מאמין, אם אתה צודק
לחץ על כל אתר אינטרנט, רק ב

294
00:14:24,240 --> 00:14:26,880
חלל לבן, תראה אפשרות
נקרא בדוק רכיב.

295
00:14:26,880 --> 00:14:28,810
זה בדרך כלל את האחרון.

296
00:14:28,810 --> 00:14:32,630
וכשאתה לוחץ עליו, אתה צריך לקבל
דבר לעומקו מופיע כאן.

297
00:14:32,630 --> 00:14:35,840

298
00:14:35,840 --> 00:14:37,780
תן לי להתקרב לכאן.

299
00:14:37,780 --> 00:14:41,390
ויש לנו כמה כרטיסיות כאן.

300
00:14:41,390 --> 00:14:43,580
אחד שאכפת לך הוא קונסולה.

301
00:14:43,580 --> 00:14:48,820
>> ואת זה הוא קונסולת JavaScript
כי עכשיו אתה יכול לעבוד איתו.

302
00:14:48,820 --> 00:14:49,370
גדול.

303
00:14:49,370 --> 00:14:52,560
אז אני יכול להקליד באותו חומר
אני מקליד לפני בצומת.

304
00:14:52,560 --> 00:14:54,790
ועוד אחד אחד הוא שתיים.

305
00:14:54,790 --> 00:14:59,110
var שווה "אפל".

306
00:14:59,110 --> 00:15:03,430
ואז הייתי להדפיס,
והוא 'אפל'.

307
00:15:03,430 --> 00:15:08,760
אז בכל דפדפן אינטרנט, פיירפוקס, כרום,
ספארי, לא משנה מה אתה משתמש, כמו

308
00:15:08,760 --> 00:15:11,240
כל עוד יש לך גישה לJavaScript
קונסולה, אותו הסוג של

309
00:15:11,240 --> 00:15:15,520
קוד שאני רץ בצומת לך
יכול לרוץ בקונסולה שלכם.

310
00:15:15,520 --> 00:15:17,530
>> קהל: [לא ברור]?

311
00:15:17,530 --> 00:15:18,690
>> רוג'ר ZURAWICKI: כיצד
להגיע לקונסולה?

312
00:15:18,690 --> 00:15:22,880
יש לך זכות לחץ על שטח ריק
בעמוד, ואז אתה הולך ל

313
00:15:22,880 --> 00:15:26,100
בדוק רכיב.

314
00:15:26,100 --> 00:15:28,290
אז בעצם, אני רוצה שחבר 'ה
רק כדי לוודא שאתה יכול

315
00:15:28,290 --> 00:15:29,860
בדוק רכיב בכרום.

316
00:15:29,860 --> 00:15:32,630
ותראה בעת ההקלדה בחלק
קוד לתוך המסוף

317
00:15:32,630 --> 00:15:33,880
שהוא פועל כמו שצריך.

318
00:15:33,880 --> 00:16:15,820

319
00:16:15,820 --> 00:16:18,430
אל תהסס לשאול שאלות אם
משהו לא ברור כאן.

320
00:16:18,430 --> 00:16:23,340

321
00:16:23,340 --> 00:16:24,590
>> קהל: [לא ברור].

322
00:16:24,590 --> 00:16:27,280

323
00:16:27,280 --> 00:16:28,200
>> רוג'ר ZURAWICKI: כל סוג, מימין.

324
00:16:28,200 --> 00:16:31,370
יש רק סוג אחד לכל
משתנים ב-JavaScript.

325
00:16:31,370 --> 00:16:34,160
וכאשר יש לך להכריז
משתנה, אתה אומר var.

326
00:16:34,160 --> 00:16:35,410
>> קהל: [לא ברור].

327
00:16:35,410 --> 00:16:39,010

328
00:16:39,010 --> 00:16:40,050
>> רוג'ר ZURAWICKI: כן.

329
00:16:40,050 --> 00:16:43,730
היא עושה, אבל ב-JavaScript, זה מאוד
חכם על הקצאת זיכרון.

330
00:16:43,730 --> 00:16:44,600
אין malloc.

331
00:16:44,600 --> 00:16:45,780
אין בחינם.

332
00:16:45,780 --> 00:16:48,490
אז אתה לא צריך לדאוג בקשר לזה.

333
00:16:48,490 --> 00:16:51,140
זה עוד תכונה נחמדה ש
JavaScript מספק לך.

334
00:16:51,140 --> 00:16:56,990

335
00:16:56,990 --> 00:16:58,440
>> אז אני רוצה להמשיך הלאה.

336
00:16:58,440 --> 00:17:01,360
האם זה יהיה בסדר?

337
00:17:01,360 --> 00:17:02,610
על אישור.

338
00:17:02,610 --> 00:17:04,780

339
00:17:04,780 --> 00:17:07,720
גדול.

340
00:17:07,720 --> 00:17:10,660
>> קהל: אני רק מתקשה
מציאת [? בדוק רכיב. ?]

341
00:17:10,660 --> 00:17:13,609

342
00:17:13,609 --> 00:17:16,250
>> רוג'ר ZURAWICKI: נראה כל כך ספארי
קצת שונה, אבל אין לך

343
00:17:16,250 --> 00:17:18,599
יש לי כרום או פיירפוקס?

344
00:17:18,599 --> 00:17:21,619
אלה הם קלים יותר
אלה לעבוד איתו.

345
00:17:21,619 --> 00:17:25,079
ולפרויקטים שלך, אני ממליץ
דבק עם דפדפן אחד, כי

346
00:17:25,079 --> 00:17:29,610
אתה תקבל הרבה באגים כמעט
כי בכל פינוקים דפדפן

347
00:17:29,610 --> 00:17:31,980
JavaScript HTML קצת אחר.

348
00:17:31,980 --> 00:17:35,170
אז אני חושב שהחיים שלך יהיו הרבה
יותר קל אם אתה מקל על כרום משום

349
00:17:35,170 --> 00:17:37,052
הוא זמין בכל המחשבים.

350
00:17:37,052 --> 00:17:38,790
וזה דפדפן פופולרי למדי.

351
00:17:38,790 --> 00:17:59,860

352
00:17:59,860 --> 00:18:01,110
בסדר?

353
00:18:01,110 --> 00:18:03,310

354
00:18:03,310 --> 00:18:06,370
>> אז הנושא הבא שאנחנו צריכים
לכסות בJavaScript -

355
00:18:06,370 --> 00:18:07,730
אני מצטער על העיצוב כאן.

356
00:18:07,730 --> 00:18:11,630
הייתי צריך למתוח את השקופיות כדי להתאים
מקרן המסך הרחב.

357
00:18:11,630 --> 00:18:14,750
אבל הייתי עכשיו רוצה לדבר על
איך אתה עושה את הפונקציות.

358
00:18:14,750 --> 00:18:17,410
ב-C, יש לנו להכריז
כל פונקציה.

359
00:18:17,410 --> 00:18:22,130
כמו int להוסיף, וזה לוקח int לתוך
x, וy int, ולאחר מכן נוסיף אותם

360
00:18:22,130 --> 00:18:23,100
ולהחזיר אותו.

361
00:18:23,100 --> 00:18:26,850
>> ב-JavaScript, פונקציות הן למעשה
עוד סוג משתנה.

362
00:18:26,850 --> 00:18:30,560
אז אנחנו פשוט אומרים var להוסיף ו
זה שווה פונקציה.

363
00:18:30,560 --> 00:18:32,580
פונקציה שלוקחת את x ו-y.

364
00:18:32,580 --> 00:18:33,790
ומה הפונקציה שעושה?

365
00:18:33,790 --> 00:18:39,910
זה מחזיר את X ועוד Y באותו מדויק
תחביר כמו בג ואתה שם לב שב

366
00:18:39,910 --> 00:18:44,290
JavaScript, אתה לא תגיד לי מה
פונקציה מחזירה כי מאז

367
00:18:44,290 --> 00:18:49,160
אין לי משתני סוגים בכל מקרה, זה
זה לא באמת פרודוקטיבי, אני מניח,

368
00:18:49,160 --> 00:18:52,855
שמפרט את כולך
סוגים בפונקציות שלך.

369
00:18:52,855 --> 00:18:55,720

370
00:18:55,720 --> 00:18:59,565
ואז כשאתה קורא לפונקציה, זה
בדיוק באותו התחביר כמו C. אתה

371
00:18:59,565 --> 00:19:03,610
רק לעבור בשני הטיעונים שלך.

372
00:19:03,610 --> 00:19:07,330
אני רוצה לנסות את זה בצומת שלי.

373
00:19:07,330 --> 00:19:09,284
האם אני יכול לשנות את השקופיות?

374
00:19:09,284 --> 00:19:10,534
>> קהל: [לא ברור].

375
00:19:10,534 --> 00:19:14,639

376
00:19:14,639 --> 00:19:17,000
האם אנחנו מקבלים עותק של השקופיות?

377
00:19:17,000 --> 00:19:18,250
>> רוג'ר ZURAWICKI: כן.

378
00:19:18,250 --> 00:19:28,280

379
00:19:28,280 --> 00:19:29,956
אז בואו נחזור לצומת.

380
00:19:29,956 --> 00:19:32,240
על אישור.

381
00:19:32,240 --> 00:19:38,160
אז אני אגיד את תוספת var שווה פונקציה.

382
00:19:38,160 --> 00:19:40,650
לוקח x, y לוקח.

383
00:19:40,650 --> 00:19:43,690
ואז היא יודעת ששל שמירה על
לא הושלם.

384
00:19:43,690 --> 00:19:47,692
אז בצומת או בקונסולה שלך,
תוכל להבחין נקודת נקודת נקודה.

385
00:19:47,692 --> 00:19:49,660
אז אתה יכול לשמור את הקלדת הקוד שלך.

386
00:19:49,660 --> 00:19:53,650
ועכשיו אני אגיד את y בתוספת x התמורה.

387
00:19:53,650 --> 00:19:54,790
ולאחר מכן לסגור את הסד.

388
00:19:54,790 --> 00:20:00,260
וברגע שאני סוגר את הסד, זה
רואה כי ההצהרה נגמרה.

389
00:20:00,260 --> 00:20:04,730
>> ועכשיו אני יכול לומר להוסיף אחד ושניים.

390
00:20:04,730 --> 00:20:08,280
ואני אביא את שלוש החוצה.

391
00:20:08,280 --> 00:20:11,545
שימו לב שאם אני רק לא להוסיף, זה
אומר לי שזה פונקציה.

392
00:20:11,545 --> 00:20:14,630

393
00:20:14,630 --> 00:20:19,570
ועוד דבר אחד, רק כדי לשים לב
הוא אם לתת לו את המספר הלא נכון של

394
00:20:19,570 --> 00:20:23,380
טיעונים, זה יעשה.

395
00:20:23,380 --> 00:20:25,890
זה יפעל, אבל אתה עלול לקבל
כמה תוצאות ממש מוזרות.

396
00:20:25,890 --> 00:20:30,070
כמו סוג של ערך אשפה,
אתה יכול לחשוב על זה.

397
00:20:30,070 --> 00:20:32,060
אז בבקשה להמשיך ולנסות
זה בדפדפן שלך.

398
00:20:32,060 --> 00:21:25,180

399
00:21:25,180 --> 00:21:29,510
>> אוקיי, אז בעניין של זמן, אני
עכשיו תעבור לתכונות הבאות ב

400
00:21:29,510 --> 00:21:30,760
ב-JavaScript.

401
00:21:30,760 --> 00:21:36,520

402
00:21:36,520 --> 00:21:38,400
אז שדיברנו על פונקציות.

403
00:21:38,400 --> 00:21:40,840
דברנו על לולאות,
אם יותר מדי הצהרות.

404
00:21:40,840 --> 00:21:43,660
התחביר הוא אותו
כמו C ומשתנים.

405
00:21:43,660 --> 00:21:46,090
ועכשיו אני רוצה לדבר על מערכים.

406
00:21:46,090 --> 00:21:48,520
אני מצטער שהשקופיות
יש לי קצת מנותק.

407
00:21:48,520 --> 00:21:52,470
אבל למעשה, בחלק הראשון,
כל מה שאתה צריך יעבוד.

408
00:21:52,470 --> 00:21:55,410
>> אז יש לנו סוג אחר עבור
משתנים נקראים מערכים.

409
00:21:55,410 --> 00:21:57,930
ואנחנו משתמשים בסוגריים מרובעים
כדי לציין אותם.

410
00:21:57,930 --> 00:22:01,960
כך שבדוגמא הראשונה,
עיבוד var, מערך ריק.

411
00:22:01,960 --> 00:22:05,900
זוהי הרשימה הריקה, כך שמערך
המכיל לא אלמנטים.

412
00:22:05,900 --> 00:22:09,770
ואתה גם יכול להיות מערך
עם שלושה מיתרים.

413
00:22:09,770 --> 00:22:13,290
ב-C, כל אלמנט במערך שלך
היה צריך להיות אותו הסוג.

414
00:22:13,290 --> 00:22:16,940
>> אבל בגלל בJavaScript יש רק
סוג אחד, מערכים בעצם יכולים

415
00:22:16,940 --> 00:22:18,510
יש סוגים שונים של ערכים.

416
00:22:18,510 --> 00:22:22,220
כמו כאן, יש לנו מערך עם
לצוף, bool, וint.

417
00:22:22,220 --> 00:22:25,020

418
00:22:25,020 --> 00:22:28,510
ככה אתה מקבל באורך של מערך,
אתה בעצם לא צריך גודל הבהרה

419
00:22:28,510 --> 00:22:29,030
או משהו.

420
00:22:29,030 --> 00:22:31,570
אתה פשוט אומר מערך ו
אז נקודה אורך.

421
00:22:31,570 --> 00:22:36,450
ואורך נקודה זו, אתה יכול לחשוב עליו
זה כמו סוג של struct, איך כל

422
00:22:36,450 --> 00:22:40,890
יש מערך שדה, משתנה נוסף
בתוכו נקרא אורך, אשר

423
00:22:40,890 --> 00:22:42,910
עוקב אחר כמה זמן המערך שלך הוא.

424
00:22:42,910 --> 00:22:47,280

425
00:22:47,280 --> 00:22:50,420
>> אז אני הולך רק במהירות כדי להיכנס
צומת ולהראות לכם את אותו הדבר.

426
00:22:50,420 --> 00:22:55,860

427
00:22:55,860 --> 00:22:58,050
אז אני יכול להיות מערך.

428
00:22:58,050 --> 00:23:00,280
זה יכול להיות הרשימה הריקה.

429
00:23:00,280 --> 00:23:02,030
והוא יודפס
לגבות רשימה ריקה.

430
00:23:02,030 --> 00:23:02,530
גדול.

431
00:23:02,530 --> 00:23:08,560
עכשיו אני יכול לומר שהמערך
יש 1, ו2.3, ואמיתי.

432
00:23:08,560 --> 00:23:10,400
אז כל סוגים שונים.

433
00:23:10,400 --> 00:23:11,740
ואתה שם לב שזה עובד בסדר גמור.

434
00:23:11,740 --> 00:23:16,330
המערך שאחזור תומך
כל הערכים שנתתי לו.

435
00:23:16,330 --> 00:23:20,440
>> אם אני רוצה לקבל את האלמנט הראשון של
המערך, התחביר הוא למעשה

436
00:23:20,440 --> 00:23:22,980
אותו הדבר כמו בג אתה
יכול לומר מערך אפס.

437
00:23:22,980 --> 00:23:24,430
ואתה מקבל אחד.

438
00:23:24,430 --> 00:23:27,920
אני יכול לומר את אותו הדבר עבור מערך
שני, ואני מקבל את אמת.

439
00:23:27,920 --> 00:23:31,610
אם אני עושה משהו מחוץ למערך,
JavaScript היא שפה בטוחה

440
00:23:31,610 --> 00:23:33,390
כי אני לא אקבל אשמת צינוק.

441
00:23:33,390 --> 00:23:34,780
אני אביא לא מוגדר.

442
00:23:34,780 --> 00:23:37,510
>> וזה לא מוגדר, אתה סוג שהוא יכול
מלחשוב על זה כריק.

443
00:23:37,510 --> 00:23:41,390
אבל זה יכול להיות ממש מעצבן כאשר אתה
קוד, כי אתה צריך לבדוק כי

444
00:23:41,390 --> 00:23:43,880
כמעט כל דבר שאתה עושה, אתה
לעבוד עם אינו מוגדר.

445
00:23:43,880 --> 00:23:47,700
ואנו רואים כמה דוגמאות של
זה כאשר אנו עובדים במטאור.

446
00:23:47,700 --> 00:23:50,600
>> למרות שהמערך ארבעה הוא לא מוגדר,
אני יכול להקצות אותו ערך.

447
00:23:50,600 --> 00:23:52,570
אז אני אגיד את זה שווה לאחד.

448
00:23:52,570 --> 00:23:57,050
ואז אם אני הולך למערך, אני
יש הערך המוסף לשם.

449
00:23:57,050 --> 00:24:02,470
ושים לב שהמערך שלושה, שגם
לא היה מוגדר, נשאר לא מוגדר.

450
00:24:02,470 --> 00:24:05,690
אז עכשיו יש לי מערך עם
חור באמצע.

451
00:24:05,690 --> 00:24:07,750
אבל אם אני מודפס מערך ארבעה,
הייתי מקבל אחד.

452
00:24:07,750 --> 00:24:10,960
אם אני עשיתי את המערך שלושה, אני מקבל לא מוגדר.

453
00:24:10,960 --> 00:24:13,880
>> אז תכונה נחמדה כי JavaScript
מאפשר לך לעשות הוא שרשימות יכולה

454
00:24:13,880 --> 00:24:15,620
לשנות את הגודל.

455
00:24:15,620 --> 00:24:18,520
מערכים, מערכים להיות רשימות,
הם משנים את גודלם.

456
00:24:18,520 --> 00:24:22,480
וניתן לציין כל מיקום
חלק פנימי שלהם.

457
00:24:22,480 --> 00:24:25,370
ויהיה מלאים כל הפערים
עם ערכים מוגדרים אלה.

458
00:24:25,370 --> 00:24:31,560

459
00:24:31,560 --> 00:24:33,450
>> אז שדיברנו על מערכים.

460
00:24:33,450 --> 00:24:37,050
עכשיו, הדבר האחרון שאני רוצה לכסות ב
JavaScript, וזה חשוב מאוד

461
00:24:37,050 --> 00:24:39,550
להבנת הקוד ש
אני הולך להראות לכם,

462
00:24:39,550 --> 00:24:41,530
הולך להיות אובייקטים.

463
00:24:41,530 --> 00:24:45,140
ואובייקטים הם מונח ב--

464
00:24:45,140 --> 00:24:47,380
בעצם, הם נמצאים ב
שפות תכנות רבות.

465
00:24:47,380 --> 00:24:50,620
וכל אחת משפות תכנות אוהבת
לחשוב עליהם קצת אחר.

466
00:24:50,620 --> 00:24:55,050
>> אבל אני חושב למטאור, טוב
אנלוגיה היא struct C.

467
00:24:55,050 --> 00:24:59,410
ב-C, אם ברצוננו למצוא את struct
סטודנט, היינו צריך לציין את כל

468
00:24:59,410 --> 00:25:00,240
דברים בתוכו.

469
00:25:00,240 --> 00:25:01,440
אז זה צריך להיות שם.

470
00:25:01,440 --> 00:25:02,140
זה חייב להיות בשנה.

471
00:25:02,140 --> 00:25:03,650
זה חייב להיות מין.

472
00:25:03,650 --> 00:25:07,350
אבל אנחנו גם צריכים לתת לו את
סוגים של כל הדברים האלה.

473
00:25:07,350 --> 00:25:11,200
>> ועכשיו שיש לנו עובש זה עבור
struct בשם סטודנט, יכול להיות לנו

474
00:25:11,200 --> 00:25:14,640
struct החדש, ואז אנחנו יכולים באופן ידני
לומר את מה שכל אחד מהשדות.

475
00:25:14,640 --> 00:25:17,740
וזה שבו אנו משתמשים בשם נקודה,
שנה הנקודה, נקודת מגדר.

476
00:25:17,740 --> 00:25:21,930
ואז אנחנו פשוט, בשורה האחרונה של
קוד כאן, אני פשוט מדפיס את

477
00:25:21,930 --> 00:25:24,980
שמו של תלמיד struct.

478
00:25:24,980 --> 00:25:28,220
>> בעולם JavaScript, יש
אין דבר כזה תלמיד struct.

479
00:25:28,220 --> 00:25:30,660
אתה לא ליצור מבנה שנקבע מראש.

480
00:25:30,660 --> 00:25:34,680
אתה בעצם רק, בסוגריים אלה,
אתה אומר את מה שהוא הכל.

481
00:25:34,680 --> 00:25:40,680
וזה הסימון המוזר הזה עם
מעי גס ולאחר מכן הפסיק, אבל אתה

482
00:25:40,680 --> 00:25:41,810
מתרגל לזה די מהר.

483
00:25:41,810 --> 00:25:44,930
>> וזה בעצם ממש קל,
דרך גמישה של ממש

484
00:25:44,930 --> 00:25:47,400
מניפולציה אובייקטים.

485
00:25:47,400 --> 00:25:51,270
אתה שם לב שאם אני רוצה לקבל עכשיו
שם מים, אני פשוט עושה את s.name.

486
00:25:51,270 --> 00:25:54,090

487
00:25:54,090 --> 00:25:56,790
האם יש שאלות על זה?

488
00:25:56,790 --> 00:26:00,260
בדרך כלל זה היה מאוד מבלבל
נושא כאשר אנחנו מציגים לאנשים

489
00:26:00,260 --> 00:26:02,280
ב-JavaScript.

490
00:26:02,280 --> 00:26:04,110
אני אעשה כמה דוגמאות לכך בצומת.

491
00:26:04,110 --> 00:26:05,010
כן?

492
00:26:05,010 --> 00:26:06,260
>> קהל: [לא ברור].

493
00:26:06,260 --> 00:26:14,130

494
00:26:14,130 --> 00:26:16,230
>> רוג'ר ZURAWICKI: אז אתה עושה
יש, למשל, מספר

495
00:26:16,230 --> 00:26:18,764
משתנים מסוג זה.

496
00:26:18,764 --> 00:26:20,014
>> קהל: [לא ברור].

497
00:26:20,014 --> 00:26:23,540

498
00:26:23,540 --> 00:26:24,790
>> קהל: [לא ברור].

499
00:26:24,790 --> 00:26:37,610

500
00:26:37,610 --> 00:26:39,450
>> רוג'ר ZURAWICKI: אישור.

501
00:26:39,450 --> 00:26:43,760
אז אני מניח שהדרך היית הולך על זה
היית שם את האובייקטים במערך,

502
00:26:43,760 --> 00:26:45,340
ועכשיו יהיה לך
מערך של אובייקטים.

503
00:26:45,340 --> 00:26:47,547
האם זה עונה על השאלה שלך?

504
00:26:47,547 --> 00:26:48,797
>> קהל: [לא ברור].

505
00:26:48,797 --> 00:26:50,890

506
00:26:50,890 --> 00:26:51,260
>> רוג'ר ZURAWICKI: כן.

507
00:26:51,260 --> 00:26:52,430
S הוא אובייקט אחד.

508
00:26:52,430 --> 00:26:57,455
אז אנחנו יכולים ללכת לצומת ורק
לשחק קצת.

509
00:26:57,455 --> 00:26:58,705
>> קהל: [לא ברור]?

510
00:26:58,705 --> 00:27:04,880

511
00:27:04,880 --> 00:27:05,440
>> רוג'ר ZURAWICKI: אה, אוקיי.

512
00:27:05,440 --> 00:27:10,660
אז אם אתה שואל מה כיתות,
מטופלים כיתות בצורה שונה מאוד,

513
00:27:10,660 --> 00:27:14,510
ויש להם תכנית ממש מוזרה
אב טיפוס שנקרא, שאתה לא

514
00:27:14,510 --> 00:27:15,620
צריך לדעת על.

515
00:27:15,620 --> 00:27:17,910
אין דרך קבועה לעשות את זה.

516
00:27:17,910 --> 00:27:21,160
אז אם אתה רוצה ליצור מרובה,
פשוט יש להם תפקיד סוג של

517
00:27:21,160 --> 00:27:22,100
או משהו.

518
00:27:22,100 --> 00:27:24,340
לך ליצור פונקציה משלך.

519
00:27:24,340 --> 00:27:26,765
ואתה תחזור אובייקט.

520
00:27:26,765 --> 00:27:29,550
זה יהיה הכי קל
דרך לעשות את זה.

521
00:27:29,550 --> 00:27:32,454
האם זה הגיוני?

522
00:27:32,454 --> 00:27:33,704
על אישור.

523
00:27:33,704 --> 00:27:36,182

524
00:27:36,182 --> 00:27:36,650
גדול.

525
00:27:36,650 --> 00:27:39,820
אז ברגע שיש לנו הבנה של
JavaScript אובייקטים, שהם -

526
00:27:39,820 --> 00:27:41,082
אה, כן.

527
00:27:41,082 --> 00:27:42,026
>> קהל: [לא ברור]

528
00:27:42,026 --> 00:27:45,802
למשל, מה ההבדל בין
"רוג'ר" במרכאות כפולות לעומת

529
00:27:45,802 --> 00:27:47,510
[לא ברור] עם מרכאות בודדות.

530
00:27:47,510 --> 00:27:47,810
>> רוג'ר ZURAWICKI: אישור.

531
00:27:47,810 --> 00:27:52,730
אז זה ב-C, יש לנו את אחת
ציטוטים המייצגים את התווים, וכפול

532
00:27:52,730 --> 00:27:54,550
ציטוטים המייצגים מחרוזות.

533
00:27:54,550 --> 00:27:57,920
JavaScript זורק למעשה זה משם
כי אתה יכול להיות עם מחרוזות

534
00:27:57,920 --> 00:28:01,570
ציטוטים יחיד או כפולים, ויש
אין דבר כזה תו אחד.

535
00:28:01,570 --> 00:28:04,400
אבל אם אתה רק העתקת אותו
קוד C, JavaScript היית

536
00:28:04,400 --> 00:28:05,610
מתייחס לזה בסדר גמור.

537
00:28:05,610 --> 00:28:07,710
וזו הסיבה שאני מתייחס אליו כ--

538
00:28:07,710 --> 00:28:12,540
זו הסיבה שאני ממש יכול נמל
הקוד במובן הזה.

539
00:28:12,540 --> 00:28:15,420
>> ואני רוצה להראות לך דוגמא
של אובייקט מורכב יותר.

540
00:28:15,420 --> 00:28:19,890
אז אתה יכול להבחין כי אובייקט אחד
יכול להיות מחרוזות כערכים.

541
00:28:19,890 --> 00:28:21,530
יכול להיות שזה עוד רשימה של ערכים.

542
00:28:21,530 --> 00:28:23,820
זה היה יכול להיות רשימה של
אובייקטים כערכים.

543
00:28:23,820 --> 00:28:25,870
באמת אין גבול לזה.

544
00:28:25,870 --> 00:28:29,070
אז הנה, זה רק הדגמה טובה
איך אתה יכול לקבל הרבה

545
00:28:29,070 --> 00:28:33,290
סוגים שונים קורה
כולם באובייקט אחד.

546
00:28:33,290 --> 00:28:34,540
האם זה הגיוני?

547
00:28:34,540 --> 00:28:41,090

548
00:28:41,090 --> 00:28:44,700
>> עכשיו, אתה יכול להיות גם
מערכים של אובייקטים.

549
00:28:44,700 --> 00:28:48,530
וכאן הוא די דומה למה שאתה
שאל, אם אתה יכול לקבל את חפצים של

550
00:28:48,530 --> 00:28:49,190
אותו הסוג.

551
00:28:49,190 --> 00:28:52,960
אבל הבעיה היא, שאין קבוע
פורמט לאובייקטים ב-JavaScript.

552
00:28:52,960 --> 00:28:55,020
אז אתה צריך לציין אותם בעצמך.

553
00:28:55,020 --> 00:28:57,600
ואתה צריך לוודא
שהם אחידים.

554
00:28:57,600 --> 00:29:00,410
אז הנה, כשאני יוצר אובייקט, יש לי
לוודא כי לכל אחד יש

555
00:29:00,410 --> 00:29:01,910
שם, ולכל אחד בבית.

556
00:29:01,910 --> 00:29:05,620
>> ואז יש לי מערך של אלה,
וזה יכול להיות הבית שלי.

557
00:29:05,620 --> 00:29:08,290
ואז כאן אתה יכול סוג של
לראות את ללולאה קורה.

558
00:29:08,290 --> 00:29:14,090
ללולאה להיות רק באמת נפוצה
דרך לעבור על מערך

559
00:29:14,090 --> 00:29:15,150
ב-JavaScript.

560
00:29:15,150 --> 00:29:18,010
שים לב שדפוס זה דומה מאוד
לשווה ערך C, שבו אתה

561
00:29:18,010 --> 00:29:21,470
יש לי int i שווה לאפס. אני
הוא פחות מ האורך.

562
00:29:21,470 --> 00:29:23,634
ואז אני ועוד תוספת.

563
00:29:23,634 --> 00:29:26,035
>> זה כמעט אותו הקוד,
פרט לכמה פרטים.

564
00:29:26,035 --> 00:29:29,460

565
00:29:29,460 --> 00:29:33,120
אז האם כולם מבינים
מה הוא אובייקט?

566
00:29:33,120 --> 00:29:35,820
רק יחשוב על זה כמבנה C.

567
00:29:35,820 --> 00:29:38,784
ואת אופן גישה לשדות
הוא רק עם הנקודה.

568
00:29:38,784 --> 00:29:41,950
וכל עוד אתה זוכר איך
להשתמש בנקודה, אתה תהיה בסדר.

569
00:29:41,950 --> 00:29:55,300

570
00:29:55,300 --> 00:29:58,790
>> אוקיי, אז עכשיו כולם יכול
לקרוא קישור זה?

571
00:29:58,790 --> 00:30:02,220
זהו הקישור לפרויקט.

572
00:30:02,220 --> 00:30:04,950
האם מישהו נתקל בבעיה
רואה את הקישור?

573
00:30:04,950 --> 00:30:06,251
אוקיי, בואו נשנה את זה אז.

574
00:30:06,251 --> 00:30:14,430

575
00:30:14,430 --> 00:30:15,680
זה לא -

576
00:30:15,680 --> 00:30:21,900

577
00:30:21,900 --> 00:30:24,240
כן, זה כנראה
הדרך הקלה ביותר לעשות את זה.

578
00:30:24,240 --> 00:30:32,390

579
00:30:32,390 --> 00:30:34,560
גדול.

580
00:30:34,560 --> 00:30:38,270
>> אז אם אתה הולך לאתר הזה, לא צריך
להיות כמה הוראות שאני

581
00:30:38,270 --> 00:30:42,550
תלכו על על איך אנחנו יכולים להתקין מטאור
ולקבל הריצה פרויקט מדגם שלנו.

582
00:30:42,550 --> 00:30:47,900

583
00:30:47,900 --> 00:30:50,180
אני רוצה לעשות לכולם יש בטוחים
הקישור למטה לפני שאני עובר.

584
00:30:50,180 --> 00:31:16,250

585
00:31:16,250 --> 00:31:17,500
האם אני יכול להמשיך הלאה?

586
00:31:17,500 --> 00:31:20,683

587
00:31:20,683 --> 00:31:23,680
אוקיי, נהדר.

588
00:31:23,680 --> 00:31:25,890
>> אז הנה אני כאן באתר.

589
00:31:25,890 --> 00:31:28,740
תוכל להבחין בקובץ readme,
יש לנו כמה הוראות כיצד

590
00:31:28,740 --> 00:31:30,200
כדי לקבל להגדיר ה.

591
00:31:30,200 --> 00:31:33,920
אתה צריך להיות או בCS50
מכשיר או רק על מק.

592
00:31:33,920 --> 00:31:35,330
Windows לא תעבוד.

593
00:31:35,330 --> 00:31:37,760
אבל בעיקרון כל דבר שהוא לא
Windows צריך לעבוד עם אלה

594
00:31:37,760 --> 00:31:39,820
הוראות בסדר גמור.

595
00:31:39,820 --> 00:31:41,470
אבל אני יכול לעשות את זה קצת
גדול יותר גם כן.

596
00:31:41,470 --> 00:31:45,610

597
00:31:45,610 --> 00:31:48,820
>> אז תוכל לרוץ הראשון
זוג פקודות.

598
00:31:48,820 --> 00:31:50,450
החבר 'ה האלה פשוט יתקין מטאור.

599
00:31:50,450 --> 00:31:54,870

600
00:31:54,870 --> 00:31:58,530
אני יכול להיכנס למסוף שלי.

601
00:31:58,530 --> 00:32:02,710
ואם אני מפעיל את אותו הדבר עכשיו,
כבר יש לי את זה מותקן.

602
00:32:02,710 --> 00:32:03,710
אז זה קצת קצר יותר.

603
00:32:03,710 --> 00:32:05,155
זה עלול לקחת קצת יותר זמן
בשבילכם.

604
00:32:05,155 --> 00:32:08,160

605
00:32:08,160 --> 00:32:13,530
אבל אני רוצה לוודא תחילה
שיש לנו ריצה מטאור.

606
00:32:13,530 --> 00:32:16,780
לאחר המטאור התקין, אתה צריך
להיות מסוגל לקבל את הצומת במסוף.

607
00:32:16,780 --> 00:32:19,430
>> קהל: הם שואלים
לסיסמא.

608
00:32:19,430 --> 00:32:22,110
>> רוג'ר ZURAWICKI: זה יהיה שלך
סיסמא משתמש, אם אתה על מק.

609
00:32:22,110 --> 00:32:27,030
זה פשוט צריך רשות
לשנות כמה קבצי מערכת.

610
00:32:27,030 --> 00:32:30,690
אז השאלה הייתה, אם הוא מבקש ממך
סיסמא, זה פשוט שואל אותך

611
00:32:30,690 --> 00:32:33,510
עבור שם המשתמש והסיסמה שלך כאשר
אתה נכנסת ל- Mac שלכם.

612
00:32:33,510 --> 00:32:35,770
וזה, כך שאתה יכול
לשנות את קבצי מערכת.

613
00:32:35,770 --> 00:32:46,670

614
00:32:46,670 --> 00:32:51,260
>> וכשאתה מוכן, אתה יכול לעבור
לצעד הבא, שיעתיק

615
00:32:51,260 --> 00:32:54,220
קוד לדוגמא יש לי מאתר.

616
00:32:54,220 --> 00:32:58,330
ותקבל ספרייה חדשה בך
ספריית הבית בשם leaderboard, ו

617
00:32:58,330 --> 00:32:59,670
אנחנו יכולים להתחיל לעבוד משם.

618
00:32:59,670 --> 00:33:09,680

619
00:33:09,680 --> 00:33:14,620
אז רק אני העתקה והדבקה אלה
פקודות למסוף שלי.

620
00:33:14,620 --> 00:33:16,780
ובשבילי, אני כבר לשכפל אותו.

621
00:33:16,780 --> 00:33:21,470
אז רק עכשיו אני יכול לעבור
לleaderboard.

622
00:33:21,470 --> 00:33:23,450
ואני צריך כמה
קבצים שם.

623
00:33:23,450 --> 00:33:29,880

624
00:33:29,880 --> 00:33:31,113
כל שאלה?

625
00:33:31,113 --> 00:33:34,430
>> קהל: [לא ברור] לא עובד.

626
00:33:34,430 --> 00:33:36,741
>> רוג'ר ZURAWICKI: אה, אתה עלול
צריך git המותקן גם כן.

627
00:33:36,741 --> 00:33:39,150
>> קהל: [לא ברור].

628
00:33:39,150 --> 00:33:40,162
>> רוג'ר ZURAWICKI: סליחה?

629
00:33:40,162 --> 00:33:41,412
>> קהל: [לא ברור].

630
00:33:41,412 --> 00:33:44,500

631
00:33:44,500 --> 00:33:47,390
>> רוג'ר ZURAWICKI: אה, אוקיי.

632
00:33:47,390 --> 00:33:47,720
על אישור.

633
00:33:47,720 --> 00:33:52,860
זה בגלל שאולי אתה צריך להיות
מחובר כדי GitHub לקבל קישור זה.

634
00:33:52,860 --> 00:33:58,160
אם אתם יכולים לראות את זה, הכי קל
הדרך לעשות את זה ואז הייתי אומרת הוא

635
00:33:58,160 --> 00:33:59,270
להוריד את הרוכסן.

636
00:33:59,270 --> 00:34:02,010
וזה יהיה פשוט להוריד
את כל הקבצים.

637
00:34:02,010 --> 00:34:05,510
ואז ברגע שאתה שם אותו בך
להוריד או תיקיית הבית שלך -

638
00:34:05,510 --> 00:34:07,360
אני ממליץ לשים את זה בך
ספריית הבית כך שכולנו יכולים

639
00:34:07,360 --> 00:34:09,210
להפעיל את אותן פקודות.

640
00:34:09,210 --> 00:34:15,230
כל עוד יש לנו את הקבצים, מה שנעשינו
תוכל להתחיל לעבוד איתם.

641
00:34:15,230 --> 00:34:17,969
תודיע לי אם אנשים שיש
בעיה בהורדת הקבצים.

642
00:34:17,969 --> 00:34:21,040
>> קהל: בספריית בית,
אתה מתכוון -

643
00:34:21,040 --> 00:34:24,989
>> רוג'ר ZURAWICKI: אז ספריית הבית היית
להיות ג'ון הרווארד, אם אתה נמצא ב

644
00:34:24,989 --> 00:34:27,460
מכשיר CS50.

645
00:34:27,460 --> 00:34:33,651
כדי להגיע לספריית הבית שלך,
פשוט להקליד בג

646
00:34:33,651 --> 00:34:34,145
>> קהל: [לא ברור]

647
00:34:34,145 --> 00:34:37,610
מכשיר CS50 [לא ברור].

648
00:34:37,610 --> 00:34:38,650
>> רוג'ר ZURAWICKI: כן.

649
00:34:38,650 --> 00:34:40,480
אתה רוצה להפעיל את הפקודות
במסוף שלך.

650
00:34:40,480 --> 00:34:44,899

651
00:34:44,899 --> 00:34:45,390
>> קהל: [לא ברור].

652
00:34:45,390 --> 00:34:50,800
יש לי שגיאה שאומרת שלא
כזה קובץ או ספרייה.

653
00:34:50,800 --> 00:34:52,739
>> רוג'ר ZURAWICKI: אנחנו יכולים לקחת מהירים
לשבור ורק לוודא כי

654
00:34:52,739 --> 00:34:56,760
לכולם יש להתקין מטאור, ואני
פשוט ללכת לנסות לעזור לאנשים לצאת.

655
00:34:56,760 --> 00:34:59,130
אנא נסה לעזור אחד לשני, אם
אתה מפעיל בבעיות.

656
00:34:59,130 --> 00:35:04,640

657
00:35:04,640 --> 00:35:05,580
סליחה, כן.

658
00:35:05,580 --> 00:35:08,930
האם שניכם במכשיר?

659
00:35:08,930 --> 00:35:09,350
>> קהל: כן.

660
00:35:09,350 --> 00:35:13,190
יש לי RISA

661
00:35:13,190 --> 00:35:14,300
>> רוג'ר ZURAWICKI: אישור.

662
00:35:14,300 --> 00:35:20,740
אם תחזרו לאתר,
ללכת לגלול עד למעלה.

663
00:35:20,740 --> 00:35:23,580
ויש HTTPS זה.

664
00:35:23,580 --> 00:35:25,810
>> קהל: העתק את זה?

665
00:35:25,810 --> 00:35:26,230
>> רוג'ר ZURAWICKI: כן.

666
00:35:26,230 --> 00:35:28,950
ואז אתה רוצה
הקלד בשיבוט git.

667
00:35:28,950 --> 00:35:30,814
אז אם אתה לוחץ בקרה -

668
00:35:30,814 --> 00:35:33,718
>> קהל: כאן?

669
00:35:33,718 --> 00:35:36,410
ולעשות [לא ברור]?

670
00:35:36,410 --> 00:35:37,307
>> רוג'ר ZURAWICKI: G-I-T.

671
00:35:37,307 --> 00:35:38,557
>> קהל: [לא ברור].

672
00:35:38,557 --> 00:35:40,410

673
00:35:40,410 --> 00:35:42,670
>> רוג'ר ZURAWICKI: Git ולאחר מכן לשכפל.

674
00:35:42,670 --> 00:35:46,610
כך שזה מאוד דומה לפקודתך
היה מעל, אבל את כתובת האתר השתנה.

675
00:35:46,610 --> 00:35:49,010
אז לפני שזה היה זה, עכשיו זה זה.

676
00:35:49,010 --> 00:35:50,680
תן לי לעדכן -

677
00:35:50,680 --> 00:35:51,354
כן.

678
00:35:51,354 --> 00:35:52,604
>> קהל: [לא ברור].

679
00:35:52,604 --> 00:35:56,000

680
00:35:56,000 --> 00:35:58,076
>> רוג'ר ZURAWICKI: זה שהורדת.

681
00:35:58,076 --> 00:35:59,326
>> קהל: [לא ברור].

682
00:35:59,326 --> 00:36:02,930

683
00:36:02,930 --> 00:36:05,690
>> רוג'ר ZURAWICKI: הו, אז זה
לא לשכפל בצורה נכונה.

684
00:36:05,690 --> 00:36:07,920
אני אסדר את זה.

685
00:36:07,920 --> 00:36:10,190
יש שגיאה בניסיון
כדי להוריד את הקבצים.

686
00:36:10,190 --> 00:36:13,820
תן לי לעדכן את הפקודה בשבילכם
אז אני יכול לוודא שזה יעבוד.

687
00:36:13,820 --> 00:36:17,025
אני מצטער על זה.

688
00:36:17,025 --> 00:36:21,618
זה צריך להיות אותו הדבר עבור
מקינטוש או מכשיר CS50.

689
00:36:21,618 --> 00:36:22,868
>> קהל: [לא ברור].

690
00:36:22,868 --> 00:36:49,320

691
00:36:49,320 --> 00:36:51,190
>> רוג'ר ZURAWICKI: אני כבר מעודכן
הפקודה למספר שתיים, אם

692
00:36:51,190 --> 00:36:52,910
אתה לרענן את הדף.

693
00:36:52,910 --> 00:36:56,520
ועם זה, כתובת אתר, אתה צריך להיות
תוכל להוריד את הקבצים.

694
00:36:56,520 --> 00:37:00,162

695
00:37:00,162 --> 00:37:02,550
>> קהל: אז אם אנחנו עדיין
הורדה [לא ברור].

696
00:37:02,550 --> 00:37:05,930
>> רוג'ר ZURAWICKI: אם אתה
עדיין הורדת מטאור?

697
00:37:05,930 --> 00:37:07,180
>> קהל: [לא ברור].

698
00:37:07,180 --> 00:37:09,860

699
00:37:09,860 --> 00:37:11,910
>> רוג'ר ZURAWICKI: כן, אם אתה רוצה
לפתח ב-Mac שלכם.

700
00:37:11,910 --> 00:37:14,145
אבל אתה צריך את מפתח Xcode
כלים מותקנים.

701
00:37:14,145 --> 00:37:21,530

702
00:37:21,530 --> 00:37:24,550
בדקתי בפקודות אלה בCS50
מכשיר, כך שאני יכול להבטיח

703
00:37:24,550 --> 00:37:25,440
שזה יעבוד.

704
00:37:25,440 --> 00:37:26,710
כן. תן לי ללכת ולעזור לך.

705
00:37:26,710 --> 00:37:30,558

706
00:37:30,558 --> 00:37:31,808
>> קהל: [לא ברור].

707
00:37:31,808 --> 00:37:39,440

708
00:37:39,440 --> 00:37:40,372
אני נותן את הסיסמה שלי.

709
00:37:40,372 --> 00:37:42,240
זה מק.

710
00:37:42,240 --> 00:37:43,490
ואז אני עושה [לא ברור].

711
00:37:43,490 --> 00:37:51,114

712
00:37:51,114 --> 00:37:52,580
>> רוג'ר ZURAWICKI: אישור.

713
00:37:52,580 --> 00:37:57,080
הייתי מנסה לרוץ את כל הפקודות
אך ורק בטרמינל מכשיר CS50.

714
00:37:57,080 --> 00:37:58,330
>> קהל: [לא ברור].

715
00:37:58,330 --> 00:38:00,220

716
00:38:00,220 --> 00:38:02,570
>> רוג'ר ZURAWICKI: הייתי לקבל את זה עובד
ראשון במסוף, על

717
00:38:02,570 --> 00:38:04,830
מכשיר CS50, ולאחר מכן
מסוף מק.

718
00:38:04,830 --> 00:38:08,130
>> קהל: אז אם אתה עושה את זה בCS50
מכשיר כמו זה, [לא ברור].

719
00:38:08,130 --> 00:38:13,650

720
00:38:13,650 --> 00:38:15,850
>> רוג'ר ZURAWICKI: אני רוצה לעבור
ב, אבל אם אנשים שיש עדיין

721
00:38:15,850 --> 00:38:20,190
מתקשה להגדיר את המטאור, קווין הוא יותר
אשמח לעזור לך החבר 'ה בחוץ,

722
00:38:20,190 --> 00:38:21,440
קווין בחולצה האפורה.

723
00:38:21,440 --> 00:38:26,320

724
00:38:26,320 --> 00:38:32,170
מה שאנחנו צריכים הוא שאנחנו הולכים
הפעל את הפקודה האחרונה, מספר שלוש, ב

725
00:38:32,170 --> 00:38:33,710
הטרמינל שלנו.

726
00:38:33,710 --> 00:38:37,320
כאשר אנו עושים זאת, אנו מפעילים מטאור.

727
00:38:37,320 --> 00:38:39,040
>> ואתה צריך -

728
00:38:39,040 --> 00:38:41,200
הו, יש לי כבר ריצה מטאור.

729
00:38:41,200 --> 00:38:45,230
אז זה לא הולך לתת - תן לי
פשוט לסגור המטאור האחר שלי.

730
00:38:45,230 --> 00:38:49,640
כאשר אני מפעיל מטאור, אתה
עכשיו צריך לראות את זה -

731
00:38:49,640 --> 00:38:51,490
אתה צריך לראות את הספרייה הנוכחית
כי זה משרת.

732
00:38:51,490 --> 00:38:55,476
ועכשיו זה הולך לומר השרת
פועל על http://localhost.

733
00:38:55,476 --> 00:38:58,860
זה את כתובת האתר שאתה רוצה לשים
בדפדפן האינטרנט שלך.

734
00:38:58,860 --> 00:39:05,410
>> ועל כתובת אתר זה, אתה צריך להיות מסוגל
לגשת leaderboard קטן ונחמד.

735
00:39:05,410 --> 00:39:10,030

736
00:39:10,030 --> 00:39:14,530
אז שם לב שזה על localhost,
מה שאומר שאם אתה עושה את כל

737
00:39:14,530 --> 00:39:17,320
שינויים, אתה לא הולך ל
לראות את השינויים של זה.

738
00:39:17,320 --> 00:39:20,830
ואילו באתר האינטרנט שלי הראיתי לך
בהתחלה, אנחנו יכולים לקבל

739
00:39:20,830 --> 00:39:23,380
השינויים של כולם, כי כולם
היה גישה לאותו אתר.

740
00:39:23,380 --> 00:39:27,010

741
00:39:27,010 --> 00:39:29,540
>> אז תן לי פשוט ללכת ל[? מילה?]

742
00:39:29,540 --> 00:39:35,570
3,000.

743
00:39:35,570 --> 00:39:38,820
אז אתה אמור להיות מסוגל רק כדי לאשר
כי את הפונקציונליות עובדת.

744
00:39:38,820 --> 00:39:44,790
באפשרותך לבחור אנשים שונים, ו
אתה יכול לתת להם נקודות שונות.

745
00:39:44,790 --> 00:39:46,710
אז אני נותן נקודות למישהו.

746
00:39:46,710 --> 00:39:50,420
ניתן גם לראות כי
הם עולים בדרגה.

747
00:39:50,420 --> 00:39:53,450

748
00:39:53,450 --> 00:39:57,360
>> עכשיו, בעניין של זמן, יש
שלוש תכונות שיש לי

749
00:39:57,360 --> 00:39:58,020
יושם.

750
00:39:58,020 --> 00:40:03,760
ואנחנו הולכים ליישם את המחיקה
משתמשים כתכונה הראשונה שלנו.

751
00:40:03,760 --> 00:40:06,360
אבל לפני שאנחנו עוברים, הם
יש שאלות?

752
00:40:06,360 --> 00:40:09,010
היה לך את היד שלך.

753
00:40:09,010 --> 00:40:10,480
כן?

754
00:40:10,480 --> 00:40:11,730
>> קהל: [לא ברור].

755
00:40:11,730 --> 00:40:20,980

756
00:40:20,980 --> 00:40:22,450
>> רוג'ר ZURAWICKI: האם אתה יכול לבדוק
המטאור שמותקן?

757
00:40:22,450 --> 00:40:25,160

758
00:40:25,160 --> 00:40:26,410
>> קהל: [לא ברור].

759
00:40:26,410 --> 00:40:31,440

760
00:40:31,440 --> 00:40:32,680
>> רוג'ר ZURAWICKI: מארח מקומי 3,000?

761
00:40:32,680 --> 00:40:36,550
ואתה במכשיר CS50?

762
00:40:36,550 --> 00:40:37,800
אני יכול לעשות -

763
00:40:37,800 --> 00:40:39,870

764
00:40:39,870 --> 00:40:41,210
אתה לא צריך להיות במקינטוש.

765
00:40:41,210 --> 00:40:43,558
זה יעבוד במכשיר.

766
00:40:43,558 --> 00:40:45,880
>> קהל: [לא ברור].

767
00:40:45,880 --> 00:40:47,520
>> רוג'ר ZURAWICKI: בנורמלי
דפדפן אינטרנט, כן.

768
00:40:47,520 --> 00:40:49,170
>> קהל: [לא ברור].

769
00:40:49,170 --> 00:40:52,100
>> רוג'ר ZURAWICKI: האם ריצה מטאור?

770
00:40:52,100 --> 00:40:54,180
אז בסדר, יש הבדל כאן.

771
00:40:54,180 --> 00:40:56,300
אם אתה מפעיל אותו ב
מכשיר, שאתה צריך לעשות

772
00:40:56,300 --> 00:40:58,400
localhost בתוך המכשיר.

773
00:40:58,400 --> 00:41:00,860
אם אתה מפעיל אותו ב-Mac שלכם,
כמו שאני, אז אני יכול לעשות

774
00:41:00,860 --> 00:41:02,460
Mac-Google Chrome שלי.

775
00:41:02,460 --> 00:41:05,520
אבל אם אתה משתמש במכשיר CS50,
אתה צריך לעשות הכל

776
00:41:05,520 --> 00:41:06,350
במכשיר.

777
00:41:06,350 --> 00:41:09,022
אז אתה צריך להשתמש ב-Google
כרום במכשיר.

778
00:41:09,022 --> 00:41:10,350
>> קהל: [לא ברור].

779
00:41:10,350 --> 00:41:12,188
>> רוג'ר ZURAWICKI: זה
עדיין לא עובד?

780
00:41:12,188 --> 00:41:13,438
>> קהל: [לא ברור].

781
00:41:13,438 --> 00:41:39,170

782
00:41:39,170 --> 00:41:42,390
>> רוג'ר ZURAWICKI: אז רק כדי לחזור,
איך אתה לגשת לאתר האינטרנט של החברה.

783
00:41:42,390 --> 00:41:46,380
יש לך כתובת אתר כאן על
localhost 3,000.

784
00:41:46,380 --> 00:41:49,600
אם אתה במכשיר CS50,
אתה צריך לפתוח CS50

785
00:41:49,600 --> 00:41:51,320
מכשיר של Google Chrome.

786
00:41:51,320 --> 00:41:54,850
ובש-Google Chrome בתוך
מכשיר, אתה יכול להקליד את כתובת אתר ש,

787
00:41:54,850 --> 00:41:56,400
ואתה צריך לראות את leaderboard.

788
00:41:56,400 --> 00:41:58,990

789
00:41:58,990 --> 00:42:04,800
אז אני הולך רק כדי לדחות את זה
לצד כאן קצת.

790
00:42:04,800 --> 00:42:09,600
ועכשיו אני הולך לפותחי
עורך טקסט לכאן.

791
00:42:09,600 --> 00:42:16,040
אז תן לי רק לוודא כי
הקוד הוא בסדר.

792
00:42:16,040 --> 00:42:17,580
על אישור.

793
00:42:17,580 --> 00:42:19,750
גדול.

794
00:42:19,750 --> 00:42:22,360
>> אני רוצה ללכת דרך החברה
הקוד קצת.

795
00:42:22,360 --> 00:42:26,110
והקובץ הראשון שהייתי רוצה להתחיל
עם IS leaderboard.html.

796
00:42:26,110 --> 00:42:31,520
אתה תהיה מסוגל לקבל את הקוד הזה אחרי
הסמינר, ולכן אני רק רוצה להראות

797
00:42:31,520 --> 00:42:33,960
לך על המחשב שלי מה קורה.

798
00:42:33,960 --> 00:42:39,130

799
00:42:39,130 --> 00:42:40,970
אז אני מקווה שכולם יכול לראות את זה.

800
00:42:40,970 --> 00:42:47,970

801
00:42:47,970 --> 00:42:51,590
אז בתחילת הקובץ מאוד, אנחנו
יש לנו את הראש ואת הכותרת, אשר

802
00:42:51,590 --> 00:42:54,510
דומה למה שראינו
בכל מסמך HTML.

803
00:42:54,510 --> 00:42:56,990
ואז אנחנו הולכים לי
תג הגוף כאן.

804
00:42:56,990 --> 00:42:59,920
>> מה שנבחרתי הוא עיקרי
גוף, בעצם מה

805
00:42:59,920 --> 00:43:01,470
הולך לקבל מוצג.

806
00:43:01,470 --> 00:43:05,560
אבל יש כמה שאינו HTML חדש
דברים, וזה ב

807
00:43:05,560 --> 00:43:06,710
סוגריים משולשים כפולים.

808
00:43:06,710 --> 00:43:08,600
ואלה הם תגי תבנית.

809
00:43:08,600 --> 00:43:13,770
אז אתה תראה כאן סוגר זה
leaderboard החדש סוגר.

810
00:43:13,770 --> 00:43:17,390
וזה סוג של - חושב על זה
כקורא פונקציה עבור ה-HTML.

811
00:43:17,390 --> 00:43:19,320
>> זוהי גרסה מיוחדת של HTML.

812
00:43:19,320 --> 00:43:22,730
זה הגרסה שהמטאור משתמש, אשר
זו הסיבה שאתה יכול להציג שונה

813
00:43:22,730 --> 00:43:26,190
דברים, כגון leaderboard
שמות וכפתורים.

814
00:43:26,190 --> 00:43:30,870
אבל leaderboard אומר לך ללכת ל
תבנית עם שם leaderboard.

815
00:43:30,870 --> 00:43:34,746
אז תבנית אינה מקבלת מוצגת על ידי
עצמו, אבל זה פונקציה, כך שזה

816
00:43:34,746 --> 00:43:35,390
יקבל בשם.

817
00:43:35,390 --> 00:43:41,030
ואתה מחליף בכל זה
קוד כאן לleaderboard.

818
00:43:41,030 --> 00:43:44,510

819
00:43:44,510 --> 00:43:48,820
>> החלק המעניין של leaderboard
כאן הוא רק השולחן הזה.

820
00:43:48,820 --> 00:43:52,910
אם אתה פשוט לקרוא אותו, לקרוא את הקוד הזה
בקול רם, זה צריך להיות אינטואיטיבי

821
00:43:52,910 --> 00:43:57,390
בגלל leaderboard, כל מה שאנחנו
יש כאן הוא שולחן.

822
00:43:57,390 --> 00:44:00,410
דברים ברמת זיהוי זה שאתה לא יודע
צריך לדאוג.

823
00:44:00,410 --> 00:44:02,460
רק יודע שיש כותרת טבלה.

824
00:44:02,460 --> 00:44:03,630
זה thead זה.

825
00:44:03,630 --> 00:44:06,860
>> והוא מוצא את שמו וציון.

826
00:44:06,860 --> 00:44:12,150
כל התגים האלה, כמו thtable, thead,
אתה פשוט תלמד כמו שאתה הולך יחד.

827
00:44:12,150 --> 00:44:15,540
זה לא חשוב, כי אתה לשנן
אלה, כי רק אתה יכול לגשת לכל

828
00:44:15,540 --> 00:44:16,520
הפניה באינטרנט.

829
00:44:16,520 --> 00:44:20,610
או עד סוף הסמסטר, אלה
פשוט יהיה מוכר מאוד איתך.

830
00:44:20,610 --> 00:44:22,840
>> לאחר הכותרת של הטבלה,
חלק שאני רוצה להסב אותך

831
00:44:22,840 --> 00:44:24,900
לב הוא תג h זה.

832
00:44:24,900 --> 00:44:27,180
בגלל שזה בסוגריים מרובעים כפולים,
זה תבנית.

833
00:44:27,180 --> 00:44:30,980
אז זה אומר לכל אחד מהשחקנים,
כל מה שהשחקנים, שיש לנו

834
00:44:30,980 --> 00:44:31,500
להציג אותו.

835
00:44:31,500 --> 00:44:32,965
ואנחנו הולכים לתבנית של השחקן.

836
00:44:32,965 --> 00:44:35,680

837
00:44:35,680 --> 00:44:39,890
>> אם אנחנו לגלול למטה קצת יותר -

838
00:44:39,890 --> 00:44:40,980
אני מקווה שכולם יכול לראות את זה.

839
00:44:40,980 --> 00:44:42,900
יש לנו את תבנית השחקן.

840
00:44:42,900 --> 00:44:49,080
ותבנית זו בעצם מגדירה
תא בטבלה, שבו אתה מכניס את השם

841
00:44:49,080 --> 00:44:50,330
פה והציון.

842
00:44:50,330 --> 00:44:52,540

843
00:44:52,540 --> 00:44:56,720
התקרבות החוצה עכשיו, אנו יכולים לראות
שנתח זה של קוד -

844
00:44:56,720 --> 00:44:59,060
וזה היה השחקן שלנו שם למטה -

845
00:44:59,060 --> 00:45:01,070
מגדיר אחד של תאים אלה.

846
00:45:01,070 --> 00:45:02,890
כל דבר שאני לוחץ
הופך להיות צהוב.

847
00:45:02,890 --> 00:45:06,690

848
00:45:06,690 --> 00:45:08,660
>> דרך פשוטה שאני יכול לשנות את זה עכשיו.

849
00:45:08,660 --> 00:45:10,150
ודא מטאור עדיין פועל.

850
00:45:10,150 --> 00:45:12,540
מטאור צריך להיות תהליך שרת,
אז אתה פשוט להשאיר אותו

851
00:45:12,540 --> 00:45:14,020
פועל בעת פיתחה.

852
00:45:14,020 --> 00:45:18,280
בואו נגיד שאני רוצה לשנות
כל השמות או הציון.

853
00:45:18,280 --> 00:45:23,320
ואני הייתי אומר שאני הולך
כדי להוסיף נקודות כאן.

854
00:45:23,320 --> 00:45:27,215
אז השינוי שעשיתי כאן היה,
במקום רק ציון, אני

855
00:45:27,215 --> 00:45:30,280
להוסיף נקודות ציון בחלל.

856
00:45:30,280 --> 00:45:32,775
>> אני הולך להקטין את התצוגה, ואני
הולך להציל את התיק שלי.

857
00:45:32,775 --> 00:45:35,510

858
00:45:35,510 --> 00:45:39,830
ואחרי שאני שומר את הקובץ שלי, אני צריך
כדי לוודא שהמטאור פועל.

859
00:45:39,830 --> 00:45:55,650

860
00:45:55,650 --> 00:45:57,610
מצטער על זה.

861
00:45:57,610 --> 00:46:00,330
אני רוצה להראות לך עריכות
נעשו בזמן אמת.

862
00:46:00,330 --> 00:46:06,180
אז אני רק לשנות חלק מטקסט.

863
00:46:06,180 --> 00:46:07,600
לחץ שחקן.

864
00:46:07,600 --> 00:46:10,040
אני שם את זה בכל כמוסות.

865
00:46:10,040 --> 00:46:14,540
וזה צריך להיות שאם זה עובד
כמו שצריך, כאשר אני שומר את זה, זה

866
00:46:14,540 --> 00:46:16,801
יעדכן.

867
00:46:16,801 --> 00:46:20,420
>> אה, אני חושב שעכשיו הבעיה היא
לא במדריך הנכון אני.

868
00:46:20,420 --> 00:46:24,940

869
00:46:24,940 --> 00:46:26,870
על אישור.

870
00:46:26,870 --> 00:46:28,160
אני מצטער על זה.

871
00:46:28,160 --> 00:46:32,860
אז הנה, מה שאתה שם לב הוא
השינוי שלי עבר.

872
00:46:32,860 --> 00:46:34,540
עכשיו אומר שאני רוצה לבטל את השינוי.

873
00:46:34,540 --> 00:46:36,200
אני רוצה לחזור למה שהיה לי.

874
00:46:36,200 --> 00:46:37,640
אני רק הולך לסוג זה בדרך כלל.

875
00:46:37,640 --> 00:46:39,180
לחץ שחקן.

876
00:46:39,180 --> 00:46:42,920
>> ברגע שאני שומר אותו,
אתר מרענן בשבילי.

877
00:46:42,920 --> 00:46:44,740
ואני רואה את השינוי שלי על
האתר באופן מיידי.

878
00:46:44,740 --> 00:46:48,170
זוהי תכונה באמת מועילה
בניפוי כי עכשיו

879
00:46:48,170 --> 00:46:49,640
לא צריך אני -

880
00:46:49,640 --> 00:46:52,920
כאשר אנו כותבים קוד C, לא רק שאנו
יש לשמור את הקובץ, אבל היו לנו כדי

881
00:46:52,920 --> 00:46:54,750
להפוך אותו ולאחר מכן להפעיל אותו שוב.

882
00:46:54,750 --> 00:46:58,750
המטאור הוא מאוד נחמד, כי שלא כמו C,
ברגע שאתה לחסוך HTML או

883
00:46:58,750 --> 00:47:01,070
JavaScript קובץ, השינוי
מופיע באופן מיידי.

884
00:47:01,070 --> 00:47:05,050

885
00:47:05,050 --> 00:47:09,140
>> שאלה אחת היא, בתבניות אלה, איך
אני מקבל ערכים כמו נגנים

886
00:47:09,140 --> 00:47:11,520
או בחר שם?

887
00:47:11,520 --> 00:47:17,130
אם אני להתקרב כאן לתוך הקוד שלי,
אני רואה את זה לכל שחקנים.

888
00:47:17,130 --> 00:47:19,970
אז התבנית יודעת כי
יש לי שחקנים בדרך כלשהי.

889
00:47:19,970 --> 00:47:22,110
והוא יודע שיש
שם שנבחר.

890
00:47:22,110 --> 00:47:23,220
מאיפה זה בא?

891
00:47:23,220 --> 00:47:25,180
שמגיע מ- JavaScript.

892
00:47:25,180 --> 00:47:30,980
>> ואם אתה הולך לleaderboard.js, זה
קובץ, עכשיו כשאני הולך לכאן, יש לנו

893
00:47:30,980 --> 00:47:33,460
כמה פקודות מוגדרות.

894
00:47:33,460 --> 00:47:36,400
זהו תחביר מטאור מיוחד.

895
00:47:36,400 --> 00:47:38,600
שים לב שאתה לא צריך
VARs או משהו.

896
00:47:38,600 --> 00:47:42,990
אבל אלה רק structs על structs
על structs או אובייקטים אלה.

897
00:47:42,990 --> 00:47:45,910
וכל מה שאני מגדיר הוא את התבנית
קרא leaderboard.

898
00:47:45,910 --> 00:47:47,900
>> Leaderboard צריך לקבל
קרא דבר שחקנים.

899
00:47:47,900 --> 00:47:48,840
ומה הוא שחקנים?

900
00:47:48,840 --> 00:47:51,860
זה כל מה שביטוי זה חוזר.

901
00:47:51,860 --> 00:47:53,020
ומה שם שנבחר?

902
00:47:53,020 --> 00:47:54,630
זה חלק מקוד יותר.

903
00:47:54,630 --> 00:47:56,810
הפרטים של הקוד שיהיו
לכסות קצת מאוחר יותר.

904
00:47:56,810 --> 00:48:02,210
אבל עכשיו אני רוצה שתבין
כי בקוד זה, אנחנו לוקחים

905
00:48:02,210 --> 00:48:04,350
שחקנים, ואנחנו נותנים לו ערך.

906
00:48:04,350 --> 00:48:07,000
במקרה זה, מדובר בפונקציה
שמקבל להורג.

907
00:48:07,000 --> 00:48:10,290
כדי שנוכל לקבל את התמורה בחזרה
כאשר אנו מפעילים את הפונקציה.

908
00:48:10,290 --> 00:48:12,830

909
00:48:12,830 --> 00:48:13,520
זהו יומן.

910
00:48:13,520 --> 00:48:14,770
האם זה הגיוני?

911
00:48:14,770 --> 00:48:23,170

912
00:48:23,170 --> 00:48:25,010
>> אני יכול לשנות את הדרך שזה יסודר.

913
00:48:25,010 --> 00:48:27,230
הנה, יש אובייקט כזה.

914
00:48:27,230 --> 00:48:31,660
ומה זה אומר שאני הולך למיון
על ידי ציון יורד ראשון ו

915
00:48:31,660 --> 00:48:33,170
אז שם עולה.

916
00:48:33,170 --> 00:48:36,630
אם אני משנה את זה לאחד, זה הולך
כדי למיין עולה ציון.

917
00:48:36,630 --> 00:48:39,120
אז אפס צריך להיות בחלק העליון.

918
00:48:39,120 --> 00:48:43,370
וכשאני להתקרב לאתר האינטרנט שלי, אנחנו
עכשיו רואה שהאתר מעודכן.

919
00:48:43,370 --> 00:48:44,923
והציון הוא לעלות.

920
00:48:44,923 --> 00:48:49,010

921
00:48:49,010 --> 00:48:53,980
>> הפונקציה הבאה אני רק רוצה
כדי לכסות הוא תוספת לחץ.

922
00:48:53,980 --> 00:48:57,910
מתוך העניין של זמן, אני לא
תוכל לכסות יותר של המטאור

923
00:48:57,910 --> 00:49:00,690
קוד, אבל יש שפע של משאבים
זמין, ואני אהיה

924
00:49:00,690 --> 00:49:03,560
כאן אחרי הסמינר.

925
00:49:03,560 --> 00:49:07,680
אבל אני פשוט רוצה לכסות
אירועי leaderboard.

926
00:49:07,680 --> 00:49:10,520
תחביר זה תוכל ללמוד
קצת מאוחר יותר בהרצאה.

927
00:49:10,520 --> 00:49:12,870
זה ב-JavaScript.

928
00:49:12,870 --> 00:49:16,720
>> אנחנו רק אומרים, כאשר אנחנו מקבלים בלחיצה,
וזה בתוספת, זה

929
00:49:16,720 --> 00:49:19,160
חשיש רק אומר זהות.

930
00:49:19,160 --> 00:49:23,945
על תג זיהוי תוספת, אז אנחנו רוצים
לעדכן - מילות מפתח אני רוצה ש

931
00:49:23,945 --> 00:49:26,740
כדי לצפות בהוא עדכון ו
לבחור ושחקן.

932
00:49:26,740 --> 00:49:29,080
אז נבחר מביניהם של שחקן,
אנו לעדכן אותו.

933
00:49:29,080 --> 00:49:31,260
ומה שאנו עושים זה להגדיל
הציון שלה על ידי חמש.

934
00:49:31,260 --> 00:49:37,700

935
00:49:37,700 --> 00:49:40,340
ושיתאר את הפונקציונליות
יש לנו כאן.

936
00:49:40,340 --> 00:49:50,270

937
00:49:50,270 --> 00:49:54,510
>> לאחר תום סמינר זה, אנו
תוכל לראות קצת קוד יותר.

938
00:49:54,510 --> 00:50:00,400
אבל אם אחזור למטרה שלי שאני רוצה
לשנות את האתר, אני רוצה כאן

939
00:50:00,400 --> 00:50:03,400
כדי להוסיף לחצן הסר כך
אני יכול למחוק את השחקן.

940
00:50:03,400 --> 00:50:05,390
אז כדי לעשות את זה, אני צריך
לעשות שני דברים.

941
00:50:05,390 --> 00:50:09,680
אני צריך לעדכן את ה-HTML, לעדכן את
להציג, מה מקבל מוצג למשתמש, ו

942
00:50:09,680 --> 00:50:15,080
אז יש לי כמה JavaScript שכאשר
לוחץ על הכפתור, המטאור הולך

943
00:50:15,080 --> 00:50:15,690
לעשות משהו.

944
00:50:15,690 --> 00:50:18,040
זה הולך להסיר אותו השחקן.

945
00:50:18,040 --> 00:50:20,720
>> אז יש הרבה חתיכות של קוד
שיש להם בעצם כבר

946
00:50:20,720 --> 00:50:22,610
כבר עשה בשבילי.

947
00:50:22,610 --> 00:50:26,160
אם אני מסתכל כאן, יש לי כבר בדרך
לקבל את השחקן שנבחר.

948
00:50:26,160 --> 00:50:29,880
זה החומר הזה, אם אתה יכול לראות את זה.

949
00:50:29,880 --> 00:50:31,346
אז אם אני פשוט -

950
00:50:31,346 --> 00:50:35,160
אני הולך להיות אירוע נוסף.

951
00:50:35,160 --> 00:50:37,900
אז אני הולך להעתיק את מה שיש לי.

952
00:50:37,900 --> 00:50:40,740
כיוון שמדובר ברשימה,
אני רק צריך פסיק.

953
00:50:40,740 --> 00:50:45,480
>> אז עכשיו אני הולך ללחוץ למחוק.

954
00:50:45,480 --> 00:50:48,840
ואז במקום עדכון שחקנים,
אני הולך לעשות את השחקנים למחוק.

955
00:50:48,840 --> 00:50:51,620
וכל השחקנים למחוק צרכי
הוא שחקן שנבחר.

956
00:50:51,620 --> 00:50:56,500
אז פונקציה זו היא כל מה שאנחנו זקוקים לו.

957
00:50:56,500 --> 00:51:01,550
אני צריך להוסיף קצת
HTML כאן אף.

958
00:51:01,550 --> 00:51:05,180
אז אם אני לגלול למטה כאן,
זו היא תצוגת ה-HTML.

959
00:51:05,180 --> 00:51:08,300
היו לנו דבר כאן,
שהיה תג.

960
00:51:08,300 --> 00:51:09,610
אתה לא צריך לדאוג בקשר לזה.

961
00:51:09,610 --> 00:51:12,000
>> מה שחשוב לך הוא
תוספת זיהוי זה.

962
00:51:12,000 --> 00:51:14,990
וזה מה שאפשר לנו לומר, כש
אנחנו לוחצים תוספת, יש לנו ל

963
00:51:14,990 --> 00:51:16,410
לתת חמש נקודות.

964
00:51:16,410 --> 00:51:18,240
ואתם תראו שמדובר בכפתור.

965
00:51:18,240 --> 00:51:20,150
זה מה שBTN אומר.

966
00:51:20,150 --> 00:51:23,190
והטקסט בכפתור
הוא לתת חמש נקודות.

967
00:51:23,190 --> 00:51:26,440
אז מה שאני הולך לעשות הוא אני
הולך להעתיק את הקו הזה.

968
00:51:26,440 --> 00:51:29,910
אני הולך לשנות את הזהות שלך למחוק.

969
00:51:29,910 --> 00:51:34,310
ואני הולך לשנות את
טקסט כאן כדי למחוק.

970
00:51:34,310 --> 00:51:35,980
>> אז להפוך את הכל בטוח נשמר.

971
00:51:35,980 --> 00:51:39,010
אני רוצה לחזור לJavaScript
כדי לוודא שיש לי

972
00:51:39,010 --> 00:51:40,880
למחוק שורה כאן.

973
00:51:40,880 --> 00:51:41,780
טוב.

974
00:51:41,780 --> 00:51:43,145
אז אני הולך להציל את שני הקבצים.

975
00:51:43,145 --> 00:51:46,060

976
00:51:46,060 --> 00:51:49,320
לאחר שמירת שני הקבצים, אנחנו
יכול לחזור לתחתית.

977
00:51:49,320 --> 00:51:51,550
ועכשיו אנחנו רואים שיש לנו
כפתור מחיקה.

978
00:51:51,550 --> 00:51:56,050
ועוד צעד אחד.

979
00:51:56,050 --> 00:51:58,200
אתה שם לב שאתה יכול לקבל
שגיאה, משום שכאשר אני לוחץ

980
00:51:58,200 --> 00:52:00,610
למחוק, שום דבר לא קורה.

981
00:52:00,610 --> 00:52:03,930
>> דרך לאתר באגים זאת היא ללכת
חזרה לבדוק רכיב.

982
00:52:03,930 --> 00:52:07,820
אני עושה את זה בכוונה כדי שתוכל
לראות איך היית באגים משהו.

983
00:52:07,820 --> 00:52:11,210
בבדוק רכיב, יש לנו
כל הטקסט שלנו כאן למטה.

984
00:52:11,210 --> 00:52:13,320
אני רוצה לחזור למסוף.

985
00:52:13,320 --> 00:52:19,230
ומה קורה כשאני הולך כאן
הוא אני מקבל איזושהי שגיאה.

986
00:52:19,230 --> 00:52:21,660
זה אומר שאין שיטה למחוק.

987
00:52:21,660 --> 00:52:30,770
>> אז מה שזה אומר זה כשאני הולך
בחזרה לקוד, התקשרתי לשחקן

988
00:52:30,770 --> 00:52:31,870
למחוק כאן.

989
00:52:31,870 --> 00:52:34,430
מחיקה היא בעצם לא
את הפקודה הנכונה.

990
00:52:34,430 --> 00:52:39,740
אז כדי לברר מה את הפקודה הנכונה
הוא, יש את ה-API המטאור.

991
00:52:39,740 --> 00:52:42,680
התיעוד אני רוצה להפנות אותך
חבר 'ה להיא רק בmeteor.com.

992
00:52:42,680 --> 00:52:45,190
אז יש לי אותו כאן.

993
00:52:45,190 --> 00:52:48,510

994
00:52:48,510 --> 00:52:51,370
זה פשוט כל כך אתם יודעים
איפה כדי ללמוד עוד.

995
00:52:51,370 --> 00:52:54,420
>> יש קישור לתיעוד.

996
00:52:54,420 --> 00:52:59,410
ובעצם, אני רק יכול
מוצא למחיקה.

997
00:52:59,410 --> 00:53:03,220
ומה שאתה רואה, למחוק
הוא למעשה להסיר.

998
00:53:03,220 --> 00:53:05,400
זו הפקודה ש
אני צריך להתקשר.

999
00:53:05,400 --> 00:53:09,620
אז עכשיו שאנחנו יודעים את זה, אני הולך
כדי לשנות את זה למחוק להסיר.

1000
00:53:09,620 --> 00:53:13,060

1001
00:53:13,060 --> 00:53:18,010
אז עכשיו, כשאני חוזר לleaderboard
אתר, אני הולך ללחוץ

1002
00:53:18,010 --> 00:53:19,450
למחוק, ועכשיו אני נעלם.

1003
00:53:19,450 --> 00:53:21,290
אין יותר רוג'ר.

1004
00:53:21,290 --> 00:53:25,470
ואני יכול להמשיך במחיקה כל
שם אחד עד שיש לי לא נשארים כלום.

1005
00:53:25,470 --> 00:53:33,600

1006
00:53:33,600 --> 00:53:36,060
>> אז זה היה קצת מקדימה
כיצד להשתמש במטאור.

1007
00:53:36,060 --> 00:53:38,990

1008
00:53:38,990 --> 00:53:42,380
אתה תהיה ללמוד הרבה יותר JavaScript
ו-HTML הדרוש כדי להפוך את

1009
00:53:42,380 --> 00:53:46,970
זה נראה יפה יותר, שאותן נסקור ב
[של השבוע? חתיכה] נקבע לHTML?

1010
00:53:46,970 --> 00:53:49,630
ו-JavaScript בעולם הבא
[? חתיכה?] נקבע.

1011
00:53:49,630 --> 00:53:53,150
>> אז לא לדאוג אם לא כל
הדברים האלה באים בקלות אליך.

1012
00:53:53,150 --> 00:53:56,410
זה יהיה על ידי הזמן של
פרויקט הגמר.

1013
00:53:56,410 --> 00:53:58,030
תודה שבאת.

1014
00:53:58,030 --> 00:54:01,380
הקישור אני אעדכן מייד לאחר
סמינר כדי שתוכל לראות עוד קצת

1015
00:54:01,380 --> 00:54:05,630
דוגמאות שאני כבר מיושם באופן
כדי לקבל את leaderboard המתקדם יותר

1016
00:54:05,630 --> 00:54:08,640
שיש לי באתר זה כאן ב
אחד רדיקלי leaderboard.meteor.

1017
00:54:08,640 --> 00:54:19,550

1018
00:54:19,550 --> 00:54:21,260
תודה.

1019
00:54:21,260 --> 00:54:22,760
>> [מחיאות כפות]

1020
00:54:22,760 --> 00:56:58,070