1
00:00:00,000 --> 00:00:39,630

2
00:00:39,630 --> 00:00:41,880
דוד י מלאן: בסדר,
אז זה כאן הוא זרוע מיו

3
00:00:41,880 --> 00:00:44,450
להקה, כמה שאנחנו
יש פרויקטי גמר CS50.

4
00:00:44,450 --> 00:00:47,533
וזה היה הפגנה שעמדנו בתור
אותך מראש שבו בעצם

5
00:00:47,533 --> 00:00:51,120
זרוע הדוקה למדי זו להקה כאן
מקשיב לתנועות השרירים שלך

6
00:00:51,120 --> 00:00:54,280
שלאחר מכן ממופים בתוכנה
למחשב הנייד של קולטון כאן ש

7
00:00:54,280 --> 00:00:57,230
היה שiTunes ו
השיר כבר עמד בתור.

8
00:00:57,230 --> 00:01:00,270
במקומי demoing זה,
קולטון היה במעבדה

9
00:01:00,270 --> 00:01:04,129
ברור כל השבוע מקבל הפגנה
מוכן למתנדב אמיץ.

10
00:01:04,129 --> 00:01:07,430
אם מישהו הייתי רוצה לבוא
על up-- ראה את היד שלך ראשונה.

11
00:01:07,430 --> 00:01:09,540
בואו תעלה.

12
00:01:09,540 --> 00:01:12,530
>> בְּסֵדֶר.

13
00:01:12,530 --> 00:01:13,886
ומה השם שלך?

14
00:01:13,886 --> 00:01:14,800
>> קהל: אה, מריה.

15
00:01:14,800 --> 00:01:16,550
>> דוד י מלאן: מריה, נחמד לראות אותך.

16
00:01:16,550 --> 00:01:17,310
תבואו לכאן ב.

17
00:01:17,310 --> 00:01:19,550
תן לי להכיר לך את קולטון.

18
00:01:19,550 --> 00:01:21,290
קולטון, זה מריה.

19
00:01:21,290 --> 00:01:23,050
>> COLTON: היי, נחמד לפגוש אותך.

20
00:01:23,050 --> 00:01:24,330
>> דוד י מלאן: כל
נכון, כל כך צעד אחד, אנחנו

21
00:01:24,330 --> 00:01:26,204
הולך יש לך לשים
זה לזרוע שלך

22
00:01:26,204 --> 00:01:29,280
כך שזה די
הדוק ליד המרפק שלך.

23
00:01:29,280 --> 00:01:31,940
ובינתיים, בואו
לשים ב- Google הזכוכית שלנו

24
00:01:31,940 --> 00:01:33,720
ואנו לערבב טכנולוגיות היום.

25
00:01:33,720 --> 00:01:36,340
>> COLTON: ראשית נצטרך
להתחבר זה לדברים.

26
00:01:36,340 --> 00:01:37,170
>> דוד י מלאן: אישור.

27
00:01:37,170 --> 00:01:39,795
למעשה, בואו נשים כזרוע שלך
קרוב לכבל זה אפשרי

28
00:01:39,795 --> 00:01:41,160
כדי שנוכל לסנכרן אותו ראשון.

29
00:01:41,160 --> 00:01:42,740
>> COLTON: בואו לעשות את זה.

30
00:01:42,740 --> 00:01:46,500
>> דוד י מלאן: ובינתיים, כל כך
שכל אחד יכול לקבל מבט קרוב יותר,

31
00:01:46,500 --> 00:01:50,290
אנו לזרוק המצלמה של אנדרו
על המסך יש.

32
00:01:50,290 --> 00:01:54,460
אז יש לנו כבל USB זה
שמחובר לסרטה של ​​מריה.

33
00:01:54,460 --> 00:02:00,230
ותן לי לזרוק המסך של קולטון
על המקרן הבא.

34
00:02:00,230 --> 00:02:06,000
>> אז קולטון הוא רישום המכשיר
עכשיו כמיו מחובר לכבל הזה.

35
00:02:06,000 --> 00:02:08,060
ועכשיו מה מריה של
הולך לעשות לרגע

36
00:02:08,060 --> 00:02:10,120
למעשה ללכת דרך
צעדי הכיול

37
00:02:10,120 --> 00:02:12,830
וללמד את התוכנה
איך שריריה להגיב

38
00:02:12,830 --> 00:02:16,070
כשהיא עושה מוגדרת מראש מסוימת
מחוות שהתוכנה מבינה.

39
00:02:16,070 --> 00:02:17,910
אם אתה רוצה ללכת ב
מול המסך.

40
00:02:17,910 --> 00:02:26,840

41
00:02:26,840 --> 00:02:30,090
אישור, להמשיך לנסות.

42
00:02:30,090 --> 00:02:31,860
>> COLTON: ללכת ככה.

43
00:02:31,860 --> 00:02:32,970
וכמו ש.

44
00:02:32,970 --> 00:02:34,563
וכל הדרך לצד ימין.

45
00:02:34,563 --> 00:02:35,922
לחזור.

46
00:02:35,922 --> 00:02:37,740
>> דוד י מלאן: אישור.

47
00:02:37,740 --> 00:02:38,960
נקודת מבט שונה.

48
00:02:38,960 --> 00:02:39,620
זה לא אתה.

49
00:02:39,620 --> 00:02:40,350
זה אנחנו.

50
00:02:40,350 --> 00:02:41,749
>> מריה: אישור.

51
00:02:41,749 --> 00:02:42,540
דוד י מלאן: מס '

52
00:02:42,540 --> 00:02:46,720

53
00:02:46,720 --> 00:02:51,540
בואו נעבור גבוה יותר כך שזה אותו
קרוב יותר למרפק שלך, או אפילו חזק יותר.

54
00:02:51,540 --> 00:02:52,680
בְּסֵדֶר.

55
00:02:52,680 --> 00:02:53,270
>> הנה אנחנו מתחילים.

56
00:02:53,270 --> 00:02:56,780
זה יהיה זמן טוב עבור CS52X.

57
00:02:56,780 --> 00:02:57,670
הנה אנחנו מתחילים.

58
00:02:57,670 --> 00:02:58,760
>> נחמד מאוד.

59
00:02:58,760 --> 00:03:01,170
אישור.

60
00:03:01,170 --> 00:03:02,790
אגודל לזרת.

61
00:03:02,790 --> 00:03:03,380
>> נחמד מאוד.

62
00:03:03,380 --> 00:03:05,140
מורחים את האצבעות שלך.

63
00:03:05,140 --> 00:03:06,240
טוב.

64
00:03:06,240 --> 00:03:06,910
גל נכון.

65
00:03:06,910 --> 00:03:15,052

66
00:03:15,052 --> 00:03:17,010
זה מוזר מראה
לך עם hand-- השמאל

67
00:03:17,010 --> 00:03:19,665
>> COLTON: כן, זה מוזר.

68
00:03:19,665 --> 00:03:21,790
דוד י מלאן: גל ל
מהימין ומלנוע קדימה.

69
00:03:21,790 --> 00:03:22,998
הרצה קדימה כדי לדלג או הבא.

70
00:03:22,998 --> 00:03:25,020
זה נכון Wave על אישור.

71
00:03:25,020 --> 00:03:26,650
>> מריה: אני don't-- לחכות.

72
00:03:26,650 --> 00:03:28,430
>> דוד י מלאן: צריך קצת עזרה?

73
00:03:28,430 --> 00:03:30,027
>> COLTON: אז אתה הולך ככה.

74
00:03:30,027 --> 00:03:31,860
מריה: הוא הופך
דבר אחר, אם כי.

75
00:03:31,860 --> 00:03:32,390
COLTON: זה.

76
00:03:32,390 --> 00:03:34,250
דוד י מלאן: כן אני לא יודע
למה זה מראה לך שמאליות.

77
00:03:34,250 --> 00:03:36,458
COLTON: למה אתה לא try--
רק לנסות ללכת ככה.

78
00:03:36,458 --> 00:03:38,910

79
00:03:38,910 --> 00:03:40,090
>> דוד י מלאן: לא?

80
00:03:40,090 --> 00:03:42,580
אולי תגיע הזרוע שלך
את מעט ישר

81
00:03:42,580 --> 00:03:46,070
ולעשות את זה יותר פתאומי כזה.

82
00:03:46,070 --> 00:03:48,176
כן, בסדר, בואו.

83
00:03:48,176 --> 00:03:49,670
>> מריה: אני מצטער.

84
00:03:49,670 --> 00:03:51,170
דוד י מלאן: זו לא אשמתך.

85
00:03:51,170 --> 00:03:53,018
COLTON: זה בסדר גמור.

86
00:03:53,018 --> 00:03:55,430
דוד י מלאן: בסדר.

87
00:03:55,430 --> 00:03:56,220
Well--

88
00:03:56,220 --> 00:03:57,620
>> מריה: האם עלינו לדלג על זה, אז?

89
00:03:57,620 --> 00:03:59,620
דוד י מלאן: כן, בואו
אתן לך את הקרס.

90
00:03:59,620 --> 00:04:03,130
אז אם מישהו הייתי רוצה לעשות
פרויקט סופי באמצעות חיתוך קצה זה

91
00:04:03,130 --> 00:04:07,707
חומרה, מבין את זה רק אולי
תיקח קצת הזמן להתרגל.

92
00:04:07,707 --> 00:04:10,290
וזה-- המציאות היא זו
הוא למעשה מאוד דימום קצה.

93
00:04:10,290 --> 00:04:12,040
>> זה מה שנקרא
ערכת המפתחים, ש

94
00:04:12,040 --> 00:04:14,956
אמור להיות במהותו קדם-הפצה
כך שאנשים יכולים לעשות בדיוק

95
00:04:14,956 --> 00:04:18,690
זה-- להילחם עם זה, דמות
איך גופם של אנשים עובדים

96
00:04:18,690 --> 00:04:19,980
עם הטכנולוגיה.

97
00:04:19,980 --> 00:04:21,750
אז אם אתה רוצה
לאחר מכן, לאחר הרצאה,

98
00:04:21,750 --> 00:04:23,750
אנחנו יכולים לתת לך לבוא ו
לקחת ניסיון נוסף לזה.

99
00:04:23,750 --> 00:04:26,970
אבל חוץ מזה, מחיאות כפות, אם
שיכולנו, למריה למגיע בעד.

100
00:04:26,970 --> 00:04:28,770
>> מריה: תודה לך.

101
00:04:28,770 --> 00:04:30,390
>> דוד י מלאן: תודה לך.

102
00:04:30,390 --> 00:04:34,945
אנחנו נשמור אותו, אבל אנו נותנים לי
you-- מה דעתך על כדור מתח כאן?

103
00:04:34,945 --> 00:04:38,620
אה, and-- if--, כן, תודה.

104
00:04:38,620 --> 00:04:39,715
בְּסֵדֶר.

105
00:04:39,715 --> 00:04:45,750
אז לסקרן, אם היית
מכיר את בחירת הקול

106
00:04:45,750 --> 00:04:47,670
שעשינו שם
קודם לכן, טלוויזיה מדהימה

107
00:04:47,670 --> 00:04:50,210
להראות שאתה ממש צריך
להיות על נטפליקס צופה בולמוס

108
00:04:50,210 --> 00:04:51,110
זה אחד כאן.

109
00:04:51,110 --> 00:04:54,472
>> 1 SPEAKER: גבירותיי ורבותיי,
קוסם בשם ג'וש.

110
00:04:54,472 --> 00:05:04,710

111
00:05:04,710 --> 00:05:08,050
>> דוד י מלאן: וככל הנראה, זה
דבר לטקסטי במהלך הרצאה עכשיו.

112
00:05:08,050 --> 00:05:11,190
אני שאומר לי כי מריה
היה יום הולדת אתמול.

113
00:05:11,190 --> 00:05:14,095
יום הולדת כל כך מאושר מ
CS50 למריה גם כן.

114
00:05:14,095 --> 00:05:18,720

115
00:05:18,720 --> 00:05:22,090
>> אז שאולי קראו בחודש האחרון
כי רבותיי זה כאן, סטיב

116
00:05:22,090 --> 00:05:25,260
באלמר, שהיה למעשה
כיתה של 1977 במכללה,

117
00:05:25,260 --> 00:05:27,170
פרש לאחרונה למיקרוסופט.

118
00:05:27,170 --> 00:05:29,620
הוא היה סטודנט לתואר ראשון כאן,
אז כמה שנים מאוחר יותר

119
00:05:29,620 --> 00:05:31,910
מצא את עצמו ב
בית הספר לעסקים של סטנפורד

120
00:05:31,910 --> 00:05:34,160
כשקיבל טלפון
שיחת טלפון מידיד שלו, ש

121
00:05:34,160 --> 00:05:36,516
חי במסדרון
ממנו, כאן בהרווארד.

122
00:05:36,516 --> 00:05:38,640
שמו של החבר שהיה ביל
גייטס, ובזמן,

123
00:05:38,640 --> 00:05:42,700
הוא מנסה לגייס סטיב להיות
איש העסקים הראשון, באמת,

124
00:05:42,700 --> 00:05:45,720
בחברה קטנה בשם מיקרוסופט.

125
00:05:45,720 --> 00:05:48,960
>> סיפור ארוך קצר, סטיב
זכה סופו של דבר על פני,

126
00:05:48,960 --> 00:05:52,130
הצטרפתי למיקרוסופט כשהם
היו רק 30 עובדים.

127
00:05:52,130 --> 00:05:54,300
ועד שהוא
פרש לא מזמן,

128
00:05:54,300 --> 00:05:58,100
הייתה לחברה 100,000 עובדים
בשנים האחרונות.

129
00:05:58,100 --> 00:06:01,171
וכך אתר אינטרנט הידוע בשם סף
הכנתי מחווה זו בוידאו

130
00:06:01,171 --> 00:06:02,920
שאנחנו חשבנו
משותף שנותן לך

131
00:06:02,920 --> 00:06:08,380
תחושה של רק כמה אנרגיה סטיב
מביא לכל הצגה שהוא נותן.

132
00:06:08,380 --> 00:06:11,884

133
00:06:11,884 --> 00:06:12,550
[וידאו השמעה]

134
00:06:12,550 --> 00:06:16,220
-Microsoft כמו ילד רביעי.

135
00:06:16,220 --> 00:06:18,260
ילדים עושים לצאת מהבית.

136
00:06:18,260 --> 00:06:21,875
במקרה זה, אני מניח ש
אני עוזב את הבית.

137
00:06:21,875 --> 00:06:23,270
היי ביל, whazzap?

138
00:06:23,270 --> 00:06:24,200
>> -Wazzap?

139
00:06:24,200 --> 00:06:25,320
>> הי, wazzap?

140
00:06:25,320 --> 00:06:28,590
ניתנו לנו
הזדמנות אדירה.

141
00:06:28,590 --> 00:06:30,210
וביל נתן לנו את ההזדמנות.

142
00:06:30,210 --> 00:06:35,520

143
00:06:35,520 --> 00:06:36,770
אני רוצה להודות להצעת חוק ש.

144
00:06:36,770 --> 00:06:39,630
אני רוצה שגם.

145
00:06:39,630 --> 00:06:42,500
קצב החדשנות
לא הולך להאט.

146
00:06:42,500 --> 00:06:45,140
>> זה הולך להגיע מהר יותר ומהר יותר.

147
00:06:45,140 --> 00:06:50,165
אולי יש כמה מתחרים
שבוטלו למרבה הצער!

148
00:06:50,165 --> 00:06:54,337

149
00:06:54,337 --> 00:06:59,564
>> אני אוהב את החברה הזו.

150
00:06:59,564 --> 00:07:00,064
כן!

151
00:07:00,064 --> 00:07:03,452

152
00:07:03,452 --> 00:07:08,250
אני מחשב, ואני אוהב את החברה הזאת!

153
00:07:08,250 --> 00:07:13,090
>> מפתחים, מפתחים, מפתחים,
מפתחים, מפתחים, מפתחים,

154
00:07:13,090 --> 00:07:14,560
מפתחים, מפתחים.

155
00:07:14,560 --> 00:07:17,500

156
00:07:17,500 --> 00:07:18,970
כן!

157
00:07:18,970 --> 00:07:19,950
מפתחי אינטרנט!

158
00:07:19,950 --> 00:07:21,420
>> מפתחי אינטרנט!

159
00:07:21,420 --> 00:07:22,890
מפתחי אינטרנט!

160
00:07:22,890 --> 00:07:25,830

161
00:07:25,830 --> 00:07:28,770
הקשב למה אחר שאתה
לקבל ללא תשלום נוסף!

162
00:07:28,770 --> 00:07:31,960
>> מנכ"ל MS-DOS, מינוי
לוח שנה, ערימת קלפים, כרית לב,

163
00:07:31,960 --> 00:07:33,750
שעון, לוח בקרה.

164
00:07:33,750 --> 00:07:35,461
ו, אתה יכול להאמין?

165
00:07:35,461 --> 00:07:35,960
Reversie!

166
00:07:35,960 --> 00:07:37,270
>> לצרוב אותם לתקליטור!

167
00:07:37,270 --> 00:07:38,660
לפרסם אותם ל- MSN!

168
00:07:38,660 --> 00:07:40,422
אתה לשלוח אותם לחברים!

169
00:07:40,422 --> 00:07:41,790
>> כל בלחיצה אחת!

170
00:07:41,790 --> 00:07:48,670
אחת מיקרוסופט, אסטרטגיה אחת, team-- אחד
התמקד, ממושמע, מקצועי,

171
00:07:48,670 --> 00:07:50,610
ומומחה בכל מה שאנחנו עושים.

172
00:07:50,610 --> 00:07:52,670
תן לי להשתמש בקו מסרט ישן.

173
00:07:52,670 --> 00:07:54,810
>> מערכות יחסים הם כמו כרישים.

174
00:07:54,810 --> 00:07:57,480
הם נעים קדימה או שהם מתים.

175
00:07:57,480 --> 00:08:01,470
אני דווקא חושב שטק
חברות זהות.

176
00:08:01,470 --> 00:08:04,801
>> [END הפעלת וידאו]

177
00:08:04,801 --> 00:08:08,050
דוד י מלאן: אז אנחנו כל כך שמחים
להודיע ​​כי סטיב יצטרף אלינו

178
00:08:08,050 --> 00:08:13,320
כאן בCS50 ביום רביעי הבא ב
המקום הרגיל והזמן כאן.

179
00:08:13,320 --> 00:08:14,750
החלל צפוי להיות מוגבל.

180
00:08:14,750 --> 00:08:19,650
וכך להצטרף אלינו באופן אישי, אנא
כיום ראש או זמן קצר לאחר מכן

181
00:08:19,650 --> 00:08:22,600
לcs50.harvard.edu/register.

182
00:08:22,600 --> 00:08:25,780
>> ואנו נחזור אל על ידי
יום שלישי מאשר כתמים.

183
00:08:25,780 --> 00:08:29,900
מצפה כי הבא
יום רביעי במהלך ההרצאה בCS50.

184
00:08:29,900 --> 00:08:33,706
עכשיו, בחדשות אחרות, יצאתי לי
נתקל בזה בCrimson רק

185
00:08:33,706 --> 00:08:34,289
היום האחר.

186
00:08:34,289 --> 00:08:37,370
>> מתברר שאחד מאנשי צוות של CS50
ולפחות אחד מתלמידיו של CS50

187
00:08:37,370 --> 00:08:40,299
פועל כעת לUC
נשיא וסגן נשיא,

188
00:08:40,299 --> 00:08:42,950
שהחזיר אותי
לימים שלי בחזרה

189
00:08:42,950 --> 00:08:45,920
כשהפסדתי בבחירות UC חרוץ.

190
00:08:45,920 --> 00:08:48,210
אבל כסף הבטנה
בזה הוא שאני תמיד

191
00:08:48,210 --> 00:08:50,604
לספר את הסיפור הוא ש
אחד אני בטוח

192
00:08:50,604 --> 00:08:52,770
סיבות רבות איבדתי
בחירות היו חוסר מוחלט

193
00:08:52,770 --> 00:08:54,103
של כשרון לדיבור בפני קהל.

194
00:08:54,103 --> 00:08:56,950
וכך בכנות, זה
הסיע אותי, חוויה ש

195
00:08:56,950 --> 00:09:02,235
אני חושב שהשנה שלי ג 'וניור, לחתום למעשה
לחברת מחשב הרווארד, ש

196
00:09:02,235 --> 00:09:04,610
היא הקבוצה בקמפוס ש
מחזיק שיחות טכניות שונות

197
00:09:04,610 --> 00:09:05,318
ודברים אחרים.

198
00:09:05,318 --> 00:09:08,117
ואני לקחתי על ההוראה שלהם
סמינרים ולכן

199
00:09:08,117 --> 00:09:09,950
הייתה לי הזדמנות,
הזדמנות נפלאה,

200
00:09:09,950 --> 00:09:12,620
להתחיל לעבוד על זה בדיוק.

201
00:09:12,620 --> 00:09:15,000
אבל גם, לא הייתה לי הזדמנות
במהלך ניסיון זה

202
00:09:15,000 --> 00:09:16,930
ללמד את עצמי עוד יותר HTML.

203
00:09:16,930 --> 00:09:21,080
ואז אני דוחה את זה אתמול בלילה על ידי
מחפש דרך האתר מבוסס HTML

204
00:09:21,080 --> 00:09:28,066
אני עשיתי כבשינה 1997, '98, עבורי
קמפיין שנראה כמו זה כאן.

205
00:09:28,066 --> 00:09:29,920
אני יודע.

206
00:09:29,920 --> 00:09:33,340
>> Because-- וכמובן, הודעה
החלטת עיצוב המדהימה הזה בשנת 1998

207
00:09:33,340 --> 00:09:33,850
או מה שלא.

208
00:09:33,850 --> 00:09:36,475
הדבר הראשון שאתה רוצה שמשתמשים
לעשות על ביקור באתר האינטרנט שלך

209
00:09:36,475 --> 00:09:39,860
הוא שיש ללחוץ על קישור אחר רק
כדי להיכנס לאתר האינטרנט שלך כאן עם הנזיר

210
00:09:39,860 --> 00:09:43,940
מאחור כמו וילון אפוף בי
ככל הנראה פלטפורמת מסע הפרסום שלי הייתה.

211
00:09:43,940 --> 00:09:46,330
וזה כל מה שאתה מקבל
היום הוא רק מסך.

212
00:09:46,330 --> 00:09:49,500
אבל אני קורא דרך, כמו,
כרזות הבחירות שלי אתמול בלילה

213
00:09:49,500 --> 00:09:50,490
והמצע שלי.

214
00:09:50,490 --> 00:09:52,960
>> ואני כל כך כעסתי על הזמן.

215
00:09:52,960 --> 00:09:55,380
הפלטפורמה שלי was-- זה היה מעניין.

216
00:09:55,380 --> 00:09:57,730
אז אני כבר נרגעתי מאז.

217
00:09:57,730 --> 00:10:03,550
אבל ביום מן הימים, אני ארוץ שוב ו
אני מקווה שיותר טוב ממני זה זמן.

218
00:10:03,550 --> 00:10:07,265
>> אז HTML, שפה שבה עשיתי
שin-- תקבל בקרוב יעשה הרבה more--

219
00:10:07,265 --> 00:10:09,140
זה משהו שאנחנו כבר
מדבר על לאחרונה

220
00:10:09,140 --> 00:10:12,460
ובמידה רבה לוקח כמובן מאליו עכשיו
כי אנחנו כבר עברנו לשפות אחרות.

221
00:10:12,460 --> 00:10:15,650
אבל בואו נעצור לרגע ו
לשים כמה מהדברים האלה בהקשר.

222
00:10:15,650 --> 00:10:18,040
אז במשפט, מה זה HTML?

223
00:10:18,040 --> 00:10:19,370
>> או, מה שמשמש ל?

224
00:10:19,370 --> 00:10:20,208
כל אחד?

225
00:10:20,208 --> 00:10:20,708
כן.

226
00:10:20,708 --> 00:10:22,002
>> קהל: Markup לאתרים.

227
00:10:22,002 --> 00:10:23,460
דוד י מלאן: סימון עבור אתר.

228
00:10:23,460 --> 00:10:27,100
אז זה שפת סימון ש
מאפשר לך מבנה דף אינטרנט.

229
00:10:27,100 --> 00:10:30,040
הכותרת עולה בכאן, כותרת
הולך כאן, גוף עובר כאן.

230
00:10:30,040 --> 00:10:33,280
זה מודגש, זה הוא
italics-- פרטים מסוג זה.

231
00:10:33,280 --> 00:10:33,830
>> אישור, טוב.

232
00:10:33,830 --> 00:10:37,620
אז CSS מאפשר לי you-- ואני
לקח כמה חירויות יש

233
00:10:37,620 --> 00:10:40,990
עם נועז פונה והנטוי בגלל
זה יותר טוב מיושם עם זה.

234
00:10:40,990 --> 00:10:42,096
CSS is-- מה?

235
00:10:42,096 --> 00:10:42,845
אומר במשפט.

236
00:10:42,845 --> 00:10:46,000

237
00:10:46,000 --> 00:10:46,720
מישהו בכלל.

238
00:10:46,720 --> 00:10:46,870
כן.

239
00:10:46,870 --> 00:10:49,286
>> קהל: קישוטים ו
דברים, כמו איך לעצב אותו.

240
00:10:49,286 --> 00:10:51,769

241
00:10:51,769 --> 00:10:52,810
דוד י מלאן: אישור, טוב.

242
00:10:52,810 --> 00:10:55,420
קישוטים המאפשרים לך
לעצב את זה או לסגנן אותו

243
00:10:55,420 --> 00:10:59,540
עם דברים כמו הדגשה ו
כתב נטוי וצבעים וגם יותר יפה

244
00:10:59,540 --> 00:11:01,330
מיקום גרגירים של אלמנטים.

245
00:11:01,330 --> 00:11:04,520
זה סוג של מאפשר לך לקחת את הדברים
מייל אחרון, כך שאם, למשל,

246
00:11:04,520 --> 00:11:08,130
בPset7, אתה אולי הבחין בך
דף תיק אם אתה בשלב זה

247
00:11:08,130 --> 00:11:12,270
כבר ששולחן ברירת מחדל ש
לעשות כדי להראות את אחזקות המניות של המשתמש

248
00:11:12,270 --> 00:11:15,740
ומזומנים כנראה נראים די מחרידים
כברירת מחדל, ללא שטח לבן.

249
00:11:15,740 --> 00:11:18,420
הסוג של הכל של דחוס
יחד בשורות ועמודות.

250
00:11:18,420 --> 00:11:20,662
>> ובכן, עם קצת
CSS, כפי שאתה יכול להבין,

251
00:11:20,662 --> 00:11:23,870
למעשה אתה יכול לצבוט את זה ולעשות את זה
משהו הרבה יותר מוכר והרבה

252
00:11:23,870 --> 00:11:24,870
יפה להסתכל על.

253
00:11:24,870 --> 00:11:27,730
אז CSS הוא על
את הסגנון של אתרים.

254
00:11:27,730 --> 00:11:31,970
אבל אז הצגתי עוד
שפה, PHP, המאפשרת לנו לעשות מה?

255
00:11:31,970 --> 00:11:36,400

256
00:11:36,400 --> 00:11:37,590
>> בואו פשוט נעשה מה?

257
00:11:37,590 --> 00:11:38,177
כל אחד.

258
00:11:38,177 --> 00:11:40,010
יש סיכון מעבר
כמה השורות הראשונות.

259
00:11:40,010 --> 00:11:40,260
כן.

260
00:11:40,260 --> 00:11:41,719
>> קהל: ליצור תוכן דינמי.

261
00:11:41,719 --> 00:11:42,718
דוד י מלאן: מושלם.

262
00:11:42,718 --> 00:11:43,850
ליצור תוכן דינמי.

263
00:11:43,850 --> 00:11:45,808
ואתה יכול לעשות את זה ב
כל מספר של שפות.

264
00:11:45,808 --> 00:11:50,120
אנחנו לקרות להשתמש PHP כי זה
בחלק כל כך דומה לתחביר C.

265
00:11:50,120 --> 00:11:52,000
>> אבל PHP עושה בדיוק את זה.

266
00:11:52,000 --> 00:11:54,620
הוא מאפשר לך באופן דינמי ליצור פלט.

267
00:11:54,620 --> 00:11:57,890
וחלק מהתפוקה שיכול להיות
HTML, כפי שאנו כבר בדרך כלל עושים.

268
00:11:57,890 --> 00:12:00,160
וזה גם, כי זה
שפת תכנות, היא

269
00:12:00,160 --> 00:12:03,240
המנגנון שבאמצעותו
אנחנו יכולים לדבר למאגרי מידע.

270
00:12:03,240 --> 00:12:05,730
>> ואנחנו יכולים לעשות שאילתות ל
שרתים אחרים כמו Yahoos

271
00:12:05,730 --> 00:12:08,660
ואופן תכנותי לעשות שום דבר
באמת, כי אחרת אתה עלול

272
00:12:08,660 --> 00:12:10,400
רוצה לכפות על מחשב לעשות.

273
00:12:10,400 --> 00:12:13,580
אז PHP מאפשר לנו להתחיל
באופן דינמי פלט תוכן.

274
00:12:13,580 --> 00:12:16,900
אז לפי ההיגיון הזה, לא היה לי
אתר דינמי בחזרה בשנת 1998.

275
00:12:16,900 --> 00:12:18,460
>> זה היה רק ​​דף אינטרנט סטטי.

276
00:12:18,460 --> 00:12:22,250
התוכן שלי היה צריך להיות שונה על ידי
ידני עם gedit או שווה ערך.

277
00:12:22,250 --> 00:12:25,290
אבל PHP זה מה שהייתי או
היה יכול להשתמש, ולא,

278
00:12:25,290 --> 00:12:27,260
למשהו כמו
אתר הפרוש IMs, ש

279
00:12:27,260 --> 00:12:31,160
היה אמור לקחת רישומים ו
לנהל רשימה של הדברים users-- ש

280
00:12:31,160 --> 00:12:33,550
בעצם שינוי על
זמן, למרות שאנחנו לקרות

281
00:12:33,550 --> 00:12:35,990
להשתמש Perl, שונה
שפה בזמן.

282
00:12:35,990 --> 00:12:40,350
>> ואז לבסוף, הצגנו
SQL-- שפת שאילתות מובנית.

283
00:12:40,350 --> 00:12:43,845
אז עוד שפה
המשמש לשם מה?

284
00:12:43,845 --> 00:12:46,660

285
00:12:46,660 --> 00:12:47,639
משמש למה?

286
00:12:47,639 --> 00:12:49,430
האם אנחנו יכולים להעז slight--
בסדר, אנחנו לא הולכים

287
00:12:49,430 --> 00:12:51,263
כדי לקבל הרבה יותר רחוק
מהתזמורת כאן.

288
00:12:51,263 --> 00:12:53,432
קהל: זה פרוטוקול
נהג לדבר למאגרי מידע.

289
00:12:53,432 --> 00:12:55,640
דוד י מלאן: פרוטוקול
נהג לדבר למאגרי מידע.

290
00:12:55,640 --> 00:12:56,181
תן לי לצבוט.

291
00:12:56,181 --> 00:12:59,280
זה שפה טבעית המשמשת
לדבר databases-- בוחר

292
00:12:59,280 --> 00:13:01,280
ומוסיף ומוחקת
ועדכונים ולמעשה

293
00:13:01,280 --> 00:13:03,840
אפילו יותר תכונות ש
אנחנו אפילו לא צללנו

294
00:13:03,840 --> 00:13:07,920
לאבל ייתכן שתרצה explore-- יש לי
לחקור, למשל, פרויקט גמר.

295
00:13:07,920 --> 00:13:09,560
אז יש אלה חלקים שונים.

296
00:13:09,560 --> 00:13:13,100
>> ואני מקווה שPset7, למרות ש
המפרט שלו הוא די ארוך,

297
00:13:13,100 --> 00:13:15,990
זה בכוונה ארוך ללכת לך
דרך איך הדברים האלה כל יכולים

298
00:13:15,990 --> 00:13:17,210
להיות מוקלד יחד.

299
00:13:17,210 --> 00:13:20,300
עכשיו, ביום שני, אנחנו
הציג השפה האחרונה שלנו

300
00:13:20,300 --> 00:13:23,430
שאנחנו באופן רשמי נציג ב
course-- שהוא, JavaScript.

301
00:13:23,430 --> 00:13:25,720
זה, כמו PHP, הוא
שפה פירשה.

302
00:13:25,720 --> 00:13:28,110
>> אבל הבחנה מפתח
אני הצעתי ביום שני

303
00:13:28,110 --> 00:13:32,730
הוא שבעוד PHP מבצע או
מתפרש על השרת, ש

304
00:13:32,730 --> 00:13:35,990
במקרה זה הוא מכשיר CS50,
או אולי יש כמה אתרים מסחריים

305
00:13:35,990 --> 00:13:39,370
שרת באינטרנט,
JavaScript בדרך

306
00:13:39,370 --> 00:13:43,650
היא שפה שפועלת בצד הלקוח
לא שרת side-- כך בדפדפן.

307
00:13:43,650 --> 00:13:46,970
כלומר, בדיוק כמו כשפתחתי
את קוד מקור פייסבוק ומצא את כל

308
00:13:46,970 --> 00:13:51,510
קבצי .js אלה, המשמעות הייתה
כי כאשר אתה מבקר בפייסבוק או ביותר

309
00:13:51,510 --> 00:13:54,810
אתרים בימים אלה, אתה מקבל
לא HTML בלבד, לא רק CSS,

310
00:13:54,810 --> 00:13:59,370
אבל חבורה של JavaScript שלם
קוד לעתים קרובות בצורה של קבצי js.

311
00:13:59,370 --> 00:14:03,970
ואז זה browser-- שלך
Mac או PC-- שמבצע קוד ש.

312
00:14:03,970 --> 00:14:05,990
>> אך הדפדפן שלך מבצע אותו.

313
00:14:05,990 --> 00:14:08,070
אתה יכול לחשוב בסוג של ארגז חול.

314
00:14:08,070 --> 00:14:12,420
כדי שהקוד JavaScript לא צריך להיות
תוכל למחוק קבצים במחשב שלך.

315
00:14:12,420 --> 00:14:14,730
זה לא אמור להיות מסוגל
לשלוח מיילים בשמך.

316
00:14:14,730 --> 00:14:17,760
סוג הדפדפן שלך ממגבילה
מה שאתה יכול לעשות עם זה.

317
00:14:17,760 --> 00:14:20,630
>> אז במובן הזה, זה קצת
פחות חזק, אולי, יותר מג

318
00:14:20,630 --> 00:14:24,030
אבל JavaScript יכול, כ
בצד, ניתן להשתמש בשרת,

319
00:14:24,030 --> 00:14:27,740
למרות שאנחנו נוטים שלא לדבר
על זה בהקשר זה.

320
00:14:27,740 --> 00:14:29,740
אז עכשיו בואו לקשור אלה יחד.

321
00:14:29,740 --> 00:14:34,000
בתוספת לפני שבוע, הצגנו כמה HTML
בדף אינטרנט סופר המשעמם left--.

322
00:14:34,000 --> 00:14:35,000
>> רק אומר שלום עולם.

323
00:14:35,000 --> 00:14:38,110
ואז הצעתי ב
נכון שאנחנו סוג של יכולים לגנוב רעיונות

324
00:14:38,110 --> 00:14:41,470
מהדיון שלנו
מבני נתונים ב- C

325
00:14:41,470 --> 00:14:45,270
ולחשוב על איך היררכי זה
שפת סימון שמשמאל

326
00:14:45,270 --> 00:14:49,720
יכול להיגרר או מיושם בזיכרון
כמבנה עץ בפועל עם צמתים

327
00:14:49,720 --> 00:14:51,400
ומצביעים ואלו סוגים של פרטים.

328
00:14:51,400 --> 00:14:53,820
מימין, אנו קוראים
כי מסמך DOM--

329
00:14:53,820 --> 00:14:56,800
מתנגד Model-- שהוא רק
דרך מפוארת לומר עץ.

330
00:14:56,800 --> 00:14:59,520
>> עכשיו, למה זה שימושי ל
חושב על זה בדרך זו?

331
00:14:59,520 --> 00:15:01,680
כי עכשיו עם
JavaScript, כי יש לנו

332
00:15:01,680 --> 00:15:05,810
קוד שמקבל לשחק בזה
סביבה, HTML בפועל זה

333
00:15:05,810 --> 00:15:08,360
נשלח לדפדפן
כבר ויש לו כבר

334
00:15:08,360 --> 00:15:12,690
נטען לזיכרון על-ידי
דפדפן בעץ במחשב שלך

335
00:15:12,690 --> 00:15:18,270
זיכרון RAM כמו זה, אנחנו יכולים להשתמש ב- JavaScript
בעצם לעבור או ללכת או חיפוש

336
00:15:18,270 --> 00:15:21,800
או לשנות את זה עץ DOM עם זאת אנו רוצים.

337
00:15:21,800 --> 00:15:24,040
כך שלמעשה, אם אתה חושב
על facebook.com,

338
00:15:24,040 --> 00:15:27,660
אם אתה משתמש בתכונת הצ'אט, אם אתה
משתמש ב- Gmail ותכונת Gchat כלשהו,

339
00:15:27,660 --> 00:15:30,540
כל דבר שבו יש לך
הודעות שמגיעות שוב ושוב

340
00:15:30,540 --> 00:15:35,880
ושוב, ההודעות האלה הן כנראה,
כמו, תג LI, תגי פריט רשימה, אולי.

341
00:15:35,880 --> 00:15:37,940
>> או אולי הם פשוט
divs שממשיך להופיע

342
00:15:37,940 --> 00:15:39,770
בכל פעם שאתה מקבל הודעה מיידית.

343
00:15:39,770 --> 00:15:42,960
וכך זה רק אומר מה
פייסבוק או גוגל עושה

344
00:15:42,960 --> 00:15:45,200
הוא כל פעם שאתה מקבל
הודעה מהשרת,

345
00:15:45,200 --> 00:15:48,740
הם כנראה באמצעות JavaScript
רק להוסיף צומת אחר

346
00:15:48,740 --> 00:15:52,700
לזה tree-- צומת אחר לזה
עץ שאז מבחינה ויזואלית פשוט נראה

347
00:15:52,700 --> 00:15:54,570
כמו קו חדש של טקסט על המסך.

348
00:15:54,570 --> 00:15:57,100
אבל הם מכניסים
למבנה נתונים זה.

349
00:15:57,100 --> 00:15:59,742
>> אז בשיעורים כמו
CS124 ואחרים, שתצליח

350
00:15:59,742 --> 00:16:02,200
למעשה לכתוב קוד נגד
מבנים כמו זה נתונים.

351
00:16:02,200 --> 00:16:04,310
אבל לעת עתה ב- JavaScript,
אנחנו רק נניח

352
00:16:04,310 --> 00:16:07,920
אנחנו מקבלים את כל הפונקציונליות הזו
בחינם מהשפה עצמה.

353
00:16:07,920 --> 00:16:09,210
אז בואו נסתכל על דוגמא.

354
00:16:09,210 --> 00:16:13,120
>> תן לי לפתוח את קובץ בשם form.html.

355
00:16:13,120 --> 00:16:14,601
זה סופר פשוט.

356
00:16:14,601 --> 00:16:15,600
זה רק נראה ככה.

357
00:16:15,600 --> 00:16:17,860
>> לא CSS, לא חשב לאסתטיקה.

358
00:16:17,860 --> 00:16:19,810
זה פונקציונלי גרידא
וכנראה אני

359
00:16:19,810 --> 00:16:24,000
מבקש דואר אלקטרוני, סיסמא,
סיסמא שוב, ולאחר מכן לבדוק

360
00:16:24,000 --> 00:16:26,150
להסכים לכמה תנאים והגבלות.

361
00:16:26,150 --> 00:16:28,740
מה קוד המקור של זה
נראה כמו הוא כנראה משהו

362
00:16:28,740 --> 00:16:31,030
שאתם יכולים לנחש עם
קצת מחשבה עכשיו.

363
00:16:31,030 --> 00:16:32,840
יש לי תג טופס כאן.

364
00:16:32,840 --> 00:16:36,190
>> פעולה ככל הנראה הולכת
ללכת לקובץ שנקרא register.php.

365
00:16:36,190 --> 00:16:37,870
השיטה שאני הולך להשתמש בזה לקבל.

366
00:16:37,870 --> 00:16:40,880
ולאחר מכן יש לי טקסט
שדה ששמה דואר אלקטרוני.

367
00:16:40,880 --> 00:16:43,340
>> יש לי שדה סיסמא
ששמה את הסיסמה.

368
00:16:43,340 --> 00:16:45,420
יש לי עוד
שדה סיסמא ששמו

369
00:16:45,420 --> 00:16:47,342
הוא אישור באופן שרירותי למדי.

370
00:16:47,342 --> 00:16:49,690
זה רק עוד פרמטר HTTP.

371
00:16:49,690 --> 00:16:54,430
>> ואז אנחנו כבר לא בשימוש אלה, למעט
מאז IMs פרוש ההדגמה בclass--

372
00:16:54,430 --> 00:16:56,692
תיבת סימון שהיא
רק סוג שווה בדיקה.

373
00:16:56,692 --> 00:16:57,900
ואני אתקשר אל ההסכם ש.

374
00:16:57,900 --> 00:17:00,700
אז סוג של באופן שרירותי לי אבל
בשם נוחות תחומים אלה.

375
00:17:00,700 --> 00:17:03,450
כך שכעת, כאשר צורה זו מקבלת
הגיש, בואו לראות מה קורה.

376
00:17:03,450 --> 00:17:07,290
אם אני עושה את malan@harvard.edu,
אני אעשה את סיסמא של ארגמן.

377
00:17:07,290 --> 00:17:09,530
אני אעשה את סיסמא של דבר.

378
00:17:09,530 --> 00:17:10,910
בואו לא נשתף פעולה.

379
00:17:10,910 --> 00:17:12,280
>> ואני לא אבדוק את התיבה.

380
00:17:12,280 --> 00:17:13,940
תן לי לחץ הרשמה.

381
00:17:13,940 --> 00:17:15,420
וזה אומר, HM, אתה רשום.

382
00:17:15,420 --> 00:17:16,069
לא ממש.

383
00:17:16,069 --> 00:17:17,450
>> אבל את כתובת האתר השתנתה.

384
00:17:17,450 --> 00:17:22,280
אז טופס זה בבירור היה מותר
להגיש לregister.php.

385
00:17:22,280 --> 00:17:25,160
אבל יש להניח, שאני צריך להיות
המושך את חלק מהשגיאות.

386
00:17:25,160 --> 00:17:27,569
עכשיו, בPset7 וכמה
דוגמאות ההרצאה שלנו,

387
00:17:27,569 --> 00:17:30,130
היינו בדרך כלל להדפיס
הודעת שגיאה אדומה גדולה כאן

388
00:17:30,130 --> 00:17:33,760
אומר, חסר שם,
או חסר סיסמא.

389
00:17:33,760 --> 00:17:37,680
אנחנו כבר עשינו את זה לפני ויש לנו
זיהוי שגיאות בצד השרת לעשות.

390
00:17:37,680 --> 00:17:41,580
>> אבל אתרי אינטרנט רבים בימים אלה
לעשות זיהוי שגיאות בצד הלקוח

391
00:17:41,580 --> 00:17:42,810
שבו כתובת האתר אינו משתנה.

392
00:17:42,810 --> 00:17:44,101
כל הדף לא מתרענן.

393
00:17:44,101 --> 00:17:46,940
אתה מקבל משוב מיידי
מהדפדפן.

394
00:17:46,940 --> 00:17:48,070
אולי משהו הולך אדום.

395
00:17:48,070 --> 00:17:49,190
>> אולי אתה מקבל pop up.

396
00:17:49,190 --> 00:17:53,240
אבל אתה לא תבזבז את הזמן של שליחה ל
נתוני שרת זה לא שלם.

397
00:17:53,240 --> 00:17:56,050
אז בואו נראה כיצד אוכל
להשיג תכונה זו גם כן.

398
00:17:56,050 --> 00:17:59,660
>> תן לי ללכת לform1.html,
שנראה אותו הדבר.

399
00:17:59,660 --> 00:18:03,530
אבל אם אני עושה את זה זמן
malan@harvard.edu ואני מקליד ארגמן

400
00:18:03,530 --> 00:18:07,350
ואני לא אשתף פעולה נוספת
אבל לחץ על הרשמה, שם לב עכשיו.

401
00:18:07,350 --> 00:18:08,940
זה לא הפתרון הכי סקסי.

402
00:18:08,940 --> 00:18:10,900
לפחות אני כבר תפסתי את השגיאה.

403
00:18:10,900 --> 00:18:12,900
ואני השתמשתי ההתראה
פונקציה בJavaScript--

404
00:18:12,900 --> 00:18:14,090
שאנו משתמשים רק בכיתה.

405
00:18:14,090 --> 00:18:16,430
באופן כללי, אתה לא צריך להשתמש בזה
כי זה יכול לצאת מהר מאוד

406
00:18:16,430 --> 00:18:17,160
מכלל שליטה.

407
00:18:17,160 --> 00:18:19,180
אבל סיסמאות לא תואם היא השגיאה.

408
00:18:19,180 --> 00:18:21,120
>> תן לי ללכת קדימה ולחץ על אישור.

409
00:18:21,120 --> 00:18:25,040
אבל מה ממסעדה המפתח כאן
הוא שכתובת האתר לא השתנה.

410
00:18:25,040 --> 00:18:27,960
מבזבז כל כך אני כבר לא טרחתי
הזמן של השרת שואל אותו

411
00:18:27,960 --> 00:18:30,750
שאלה שיש לי יכולים
הבין את התשובה לעצמי.

412
00:18:30,750 --> 00:18:33,210
>> והמשתמש, למרות ש
מדבר על זה

413
00:18:33,210 --> 00:18:35,264
יותר מהמשתמש של
הולך לחשוב על זה,

414
00:18:35,264 --> 00:18:36,680
הוא הולך להיות משוב מיידי.

415
00:18:36,680 --> 00:18:39,044
אין חביון עם
הקישוריות לרשת.

416
00:18:39,044 --> 00:18:40,460
אז בואו נסתכל על קוד מקור זה.

417
00:18:40,460 --> 00:18:45,600
>> נראה Form1.html
מבחינה מבנית דומה כאן.

418
00:18:45,600 --> 00:18:46,810
הצורה היא למעשה אותו הדבר.

419
00:18:46,810 --> 00:18:48,330
אבל בואו יראו את מה שעשיתי כאן.

420
00:18:48,330 --> 00:18:49,913
ויש דרכים שונות לעשות את זה.

421
00:18:49,913 --> 00:18:53,690
ואני עשיתי ישר ביותר
חסיד, אבל לא בדרך האלגנטית ביותר עד כה.

422
00:18:53,690 --> 00:18:54,869
יש לי תג סקריפט.

423
00:18:54,869 --> 00:18:57,035
אז אני קורא ל
document.getElementById ('רישום').

424
00:18:57,035 --> 00:19:00,090

425
00:19:00,090 --> 00:19:04,420
ואני מאחסן ערך ש
בצורה, משתנה.

426
00:19:04,420 --> 00:19:05,520
>> אז מה עשיתי?

427
00:19:05,520 --> 00:19:08,960
אתה יכול לחשוב על
document.getElementById להיות כ

428
00:19:08,960 --> 00:19:11,200
פונקציה מיוחדת ש
JavaScript נותן לך

429
00:19:11,200 --> 00:19:14,400
זה ממש נותן לך
מצביע לאחד הצמתים

430
00:19:14,400 --> 00:19:16,520
או מלבנים בעץ הזה.

431
00:19:16,520 --> 00:19:21,470
אז עכשיו זה מה שמשתנה הטופס שלנו
ב- JavaScript הוא למעשה מצביע על.

432
00:19:21,470 --> 00:19:25,120
>> אז עכשיו התחביר שונה מ
C. אבל אנחנו עושים כמה דברים כאן.

433
00:19:25,120 --> 00:19:30,360
אחד, אחד זה קצת מוזר
מחפש, בוודאי לעומת ג

434
00:19:30,360 --> 00:19:32,180
אבל תסתכל על קו 35.

435
00:19:32,180 --> 00:19:35,130
אז על form.onsubmit השמאל.

436
00:19:35,130 --> 00:19:38,060
נזכיר onsubmit שהוא
כמו שדה בstruct.

437
00:19:38,060 --> 00:19:41,480
אם אתה חושב על משתנה הצורה
זה פשוט להיות struct C,

438
00:19:41,480 --> 00:19:42,600
אולי יש לו כמה תחומים.

439
00:19:42,600 --> 00:19:46,410
>> חזרה היום, היו לנו תלמידי שמות,
מזהים, בתים, אותם סוג של שדות.

440
00:19:46,410 --> 00:19:48,520
רק לחשוב על onsubmit כשדה אחר.

441
00:19:48,520 --> 00:19:53,380
אבל זה תחום מיוחד בגלל
דפדפן מתוכן מראש לצפות

442
00:19:53,380 --> 00:19:57,530
.onsubmit לא להיות ערך
כמו מספר או מחרוזת,

443
00:19:57,530 --> 00:20:01,180
אבל כדי באמת להיות פונקציה
או את הכתובת של פונקציה

444
00:20:01,180 --> 00:20:02,570
בזיכרון של המחשב.

445
00:20:02,570 --> 00:20:04,740
>> ואכן, זה מה ש
מילת המפתח כאן עושה.

446
00:20:04,740 --> 00:20:06,710
זה אומר, תן לי את פונקציה חדשה.

447
00:20:06,710 --> 00:20:09,390
אבל מה השם שלה
הולך להיות, ככל הנראה?

448
00:20:09,390 --> 00:20:10,800
>> במחשבה לאחור עד יום שני.

449
00:20:10,800 --> 00:20:13,430

450
00:20:13,430 --> 00:20:17,170
מהו שמו של זה
פונקציה המבוססת על תחביר זה?

451
00:20:17,170 --> 00:20:19,784
לא, אני מתכוון, שיש באופן ברור
אין לו שם associated-- בהחלט

452
00:20:19,784 --> 00:20:21,200
לא במה שמודגש כאן.

453
00:20:21,200 --> 00:20:22,560
>> אבל זה בסדר בעצם.

454
00:20:22,560 --> 00:20:25,840
זה פונקציה אנונימית, או
פונקציה למבדה כפי שכמה שיקראו לזה.

455
00:20:25,840 --> 00:20:27,589
וזה רק אומר ש
זה עדיין פונקציה.

456
00:20:27,589 --> 00:20:29,400
זה פשוט, אתה לא יכול לקרוא לזה בשמו.

457
00:20:29,400 --> 00:20:30,057
אבל זה בסדר.

458
00:20:30,057 --> 00:20:33,140
כי שוב, הדפדפן כבר
מתוכן מראש על ידי חברות כמו גוגל

459
00:20:33,140 --> 00:20:38,540
או מיקרוסופט או Mozilla או לאחרים
רק יודע שאם שדה .onsubmit

460
00:20:38,540 --> 00:20:43,400
בתוך אלמנט טופס יש
ערך, להתייחס אליו כfunction--

461
00:20:43,400 --> 00:20:44,750
מצביע פונקציה, אם תרצה.

462
00:20:44,750 --> 00:20:46,910
וקורא לזה כאשר הטופס נשלח.

463
00:20:46,910 --> 00:20:50,350
>> אז מה קוד צריך להיות מוצא להורג
כאשר הטופס נשלח?

464
00:20:50,350 --> 00:20:52,526
ככל הנראה, כל מה ש
בתוך הסד המתולתל.

465
00:20:52,526 --> 00:20:53,650
וזו רק סגנוני.

466
00:20:53,650 --> 00:20:55,626
>> אתה יכול לעשות את זה כמו
אנו נוטים לעשות בCS50.

467
00:20:55,626 --> 00:20:58,250
אבל ב- JavaScript, רוב האנשים
נוטה לשמור אותו באותה השורה

468
00:20:58,250 --> 00:21:01,960
רק בגלל שזה בצורה ברורה יותר הוא
הקשורים למילות מפתח שפונקציה.

469
00:21:01,960 --> 00:21:03,240
אז עכשיו מה אני עושה?

470
00:21:03,240 --> 00:21:08,616
>> אם form.email.value שווה שווה
המחרוזת או שום דבר הריק, הנה

471
00:21:08,616 --> 00:21:11,490
התראה שבו אני הולך לומר,
עליך לספק את כתובת הדוא"ל שלך,

472
00:21:11,490 --> 00:21:12,690
ולאחר מכן לחזור שווא.

473
00:21:12,690 --> 00:21:15,720
וזה ששקר התמורה ש
מונע את הטופס שמהוגש.

474
00:21:15,720 --> 00:21:19,480
בינתיים, אם ערך הסיסמה
ריק, אני הולך לצעוק על המשתמש

475
00:21:19,480 --> 00:21:21,150
ואומרים, עליך לספק את הסיסמה.

476
00:21:21,150 --> 00:21:23,700
>> דברים בינתיים מקבלים
קצת מגדלת כאן.

477
00:21:23,700 --> 00:21:29,160
אם form.password.value לא
form.confirmation.value שווה,

478
00:21:29,160 --> 00:21:31,680
תחום האחר, לצעוק על
המשתמש שהסיסמות

479
00:21:31,680 --> 00:21:33,860
אינו תואם כפי שהם
לא לפני רגע.

480
00:21:33,860 --> 00:21:35,780
ואז זה אחד זה
סקסי קטן כי אני

481
00:21:35,780 --> 00:21:40,470
ידעתי שאני יודע רעיוני ש
בדק זה השם של תיבת סימון.

482
00:21:40,470 --> 00:21:45,680
>> אז אני יכול פשוט להשתמש בסימן קריאה
לציין אם הבדיקה היא לא

483
00:21:45,680 --> 00:21:48,040
checked-- זה בוליאנית
ערך, אמיתי או false--

484
00:21:48,040 --> 00:21:49,700
אני צועק על המשתמש מסיבה זו.

485
00:21:49,700 --> 00:21:52,300
אחרת, אם אנחנו מקבלים דרך
כל התנאים הללו,

486
00:21:52,300 --> 00:21:53,270
בואו פשוט לחזור נכון.

487
00:21:53,270 --> 00:21:54,700
בואו הצורה תוגש.

488
00:21:54,700 --> 00:21:56,560
ואז זה יקרה.

489
00:21:56,560 --> 00:21:57,740
>> בואו תקליד בארגמן.

490
00:21:57,740 --> 00:22:00,230
בואו לבדוק את התיבה, לחץ על רישום.

491
00:22:00,230 --> 00:22:01,979
ועכשיו אני עובר ליעד.

492
00:22:01,979 --> 00:22:03,270
עכשיו, אין שום מסד נתונים יש.

493
00:22:03,270 --> 00:22:05,370
אין שום דבר מעניין
בregister.php.

494
00:22:05,370 --> 00:22:07,980
אני רק צריך משהו
למעשה לדבר.

495
00:22:07,980 --> 00:22:09,140
אז תן לי להשהות, כאן.

496
00:22:09,140 --> 00:22:16,270
כל שאלות על מה בדיוק עשינו
או מה שחלק מהתחביר חדש זה?

497
00:22:16,270 --> 00:22:17,640
אישור, כן?

498
00:22:17,640 --> 00:22:20,025
>> קהל: אז כל תיבת סימון
הוא באופן אוטומטי בוליאנית.

499
00:22:20,025 --> 00:22:21,650
אתה לא צריך להכריז על זה ככה.

500
00:22:21,650 --> 00:22:22,649
>> דוד י מלאן: נכון.

501
00:22:22,649 --> 00:22:29,340
כל תיבת סימון שנשלח אליך מ
טופס HTML לקוד JavaScript שלך

502
00:22:29,340 --> 00:22:31,760
יטופל, כן, כ
בוליאני value-- אמת או שקר.

503
00:22:31,760 --> 00:22:32,635
זו שאלה טובה.

504
00:22:32,635 --> 00:22:36,080
ואילו ערכים האחרים, של
כמובן, הייתה על מודעה, מחרוזות AKA.

505
00:22:36,080 --> 00:22:38,500
>> בסדר, אז תנו לי
אחורה עוד קצת.

506
00:22:38,500 --> 00:22:39,900
מה היה כל העניין של זה?

507
00:22:39,900 --> 00:22:41,400
רק שיהיה ברור.

508
00:22:41,400 --> 00:22:44,940
כמו, שאנחנו כבר יודעים, אפילו מPset7
ואפילו מההרצאה בשבוע שעבר

509
00:22:44,940 --> 00:22:51,120
דוגמאות, שאנחנו יכולים כמובן לבדוק
$ _GET $ _POST לראות אם המשתמש נותן לנו

510
00:22:51,120 --> 00:22:52,200
ערך ריק.

511
00:22:52,200 --> 00:22:54,400
זכור את הפונקציה הריקה ב- PHP.

512
00:22:54,400 --> 00:22:58,040
>> אז רק שיהיה ברור, מה ש
אחת סיבות גם אנחנו אולי

513
00:22:58,040 --> 00:23:00,535
רוצה לעשות בדיקת שגיאות זה
בתוך הדפדפן?

514
00:23:00,535 --> 00:23:03,350

515
00:23:03,350 --> 00:23:06,080
מה המוטיבציה פה?

516
00:23:06,080 --> 00:23:06,580
כן.

517
00:23:06,580 --> 00:23:09,735
>> קהל: מהיר יותר, ואתה לא
לשלוח נתונים חסרי תועלת לשרת.

518
00:23:09,735 --> 00:23:10,610
דוד י מלאן: טוב.

519
00:23:10,610 --> 00:23:11,170
זה מהיר.

520
00:23:11,170 --> 00:23:12,920
אתה לא שולח חסר תועלת
הנתונים לשרת.

521
00:23:12,920 --> 00:23:14,670
>> כך שאתה מקבל בחזרה יותר
תגובה מיידית.

522
00:23:14,670 --> 00:23:16,560
ובאופן כללי, המשתמשים
החוויה היא טובה יותר.

523
00:23:16,560 --> 00:23:17,900
תחשוב על האלטרנטיבה.

524
00:23:17,900 --> 00:23:21,160
>> אם לGmail-- והיה
המקרה לפני שנים רבות.

525
00:23:21,160 --> 00:23:24,160
נניח שיש לך דוא"ל חדש Gmail שלך
חשבון, אבל הדרך היחידה דרך

526
00:23:24,160 --> 00:23:26,510
כדי לראות זאת היא, כמו,
טען מחדש את הדף כולו.

527
00:23:26,510 --> 00:23:29,030
או נניח שאתה לוחץ על
קישור כדי לקרוא דואר אלקטרוני.

528
00:23:29,030 --> 00:23:31,600
>> כל מה שיש כדי לטעון מחדש כל כך
כי אתה יכול לראות את הדואר אלקטרוני.

529
00:23:31,600 --> 00:23:33,380
או Facebook-- אתה מקבל הודעה בצ'אט.

530
00:23:33,380 --> 00:23:36,000
אתה לא רואה את זה עד שאתה טוען מחדש
הדף או לחץ כמה קישור.

531
00:23:36,000 --> 00:23:38,380
>> כמו, זה יהיה מאוד
חווית משתמש מעצבנת.

532
00:23:38,380 --> 00:23:41,300
וזה מה שזה היה כמו,
ברור, אז, כשרצתי לUC

533
00:23:41,300 --> 00:23:44,760
והאינטרנט היה הרבה פחות דינמי
וJavaScript לא היה כמו לפופולרי

534
00:23:44,760 --> 00:23:45,601
כפי שהוא עכשיו.

535
00:23:45,601 --> 00:23:47,850
ודברים נעשים הרבה
יותר דינמי והרבה יותר

536
00:23:47,850 --> 00:23:49,900
בצד הלקוח במובן זה.

537
00:23:49,900 --> 00:23:54,370
>> אבל יש מלכוד כאן, ו
זה סוג של תפסתי אותך מעצבנת.

538
00:23:54,370 --> 00:23:58,720
רק בגלל שאתה מוסיף בצד הלקוח
גילוי כזה לא אומר

539
00:23:58,720 --> 00:24:01,430
אתה יכול או צריך לנטוש
זיהוי צד שרת.

540
00:24:01,430 --> 00:24:04,080
אתה בעצם רוצה לשים אותך
בדיקת שגיאות בשני המקומות.

541
00:24:04,080 --> 00:24:05,830
כי מה שהיה אחד
של הלקח

542
00:24:05,830 --> 00:24:10,270
מהמאמר שקראתי כמה קטעים
בsystem-- CMS המטופש הזאת

543
00:24:10,270 --> 00:24:14,410
ניהול System-- תוכן שהיה
יישום מערכת האימות שלה,

544
00:24:14,410 --> 00:24:16,790
כניסתה באמצעות מה מנגנון?

545
00:24:16,790 --> 00:24:19,515

546
00:24:19,515 --> 00:24:20,469
JavaScript.

547
00:24:20,469 --> 00:24:21,499
>> קהל: JavaScript.

548
00:24:21,499 --> 00:24:23,290
דוד י מלאן:
JavaScript, בדיוק, נכון?

549
00:24:23,290 --> 00:24:24,610
זה היה באמצעות JavaScript.

550
00:24:24,610 --> 00:24:27,120
ופשוטו כמשמעו, יש לך חבר '
שיחקתי קצת כנראה

551
00:24:27,120 --> 00:24:28,700
עם המפקח של Chrome.

552
00:24:28,700 --> 00:24:30,890
ואם אני יכול למצוא אותו, לבדוק את האלמנט.

553
00:24:30,890 --> 00:24:33,670
>> תן לי ללכת על לעשות
כל האפשרויות של הכרום.

554
00:24:33,670 --> 00:24:37,080
וזה כמה זה קל ל
להשבית JavaScript בדפדפן.

555
00:24:37,080 --> 00:24:38,950
בדוק, לא יותר JavaScript.

556
00:24:38,950 --> 00:24:41,070
>> אז בהגינות, הרבה
של האינטרנט בימים אלה

557
00:24:41,070 --> 00:24:43,430
הוא פשוט הולך לשבור בגלל
Gmail וsites-- האחר

558
00:24:43,430 --> 00:24:46,140
Facebook-- להניח ש
JavaScript מופעל.

559
00:24:46,140 --> 00:24:50,180
אבל אם אתה עושה משהו טיפשי
כמו מתן תוקף לקלט רק משתמשים

560
00:24:50,180 --> 00:24:52,520
והבדיקה ל
שגיאות בצד הלקוח,

561
00:24:52,520 --> 00:24:54,940
יריב יכול לעשות זאת בקלות.

562
00:24:54,940 --> 00:24:57,180
ואז גם חכמה יותר
יריב כמוכם

563
00:24:57,180 --> 00:25:01,120
עכשיו יכול להשתמש ב- Telnet או סלסול
או פקודות קו רק הפקודה

564
00:25:01,120 --> 00:25:05,300
ובעצם לשלוח הודעות לשרת
כי בדומה אינם שגיאה נבדק.

565
00:25:05,300 --> 00:25:08,380
>> אז זה יותר מ
החלטת ממשק משתמש

566
00:25:08,380 --> 00:25:13,060
ממה שהיא בפועל טכנית
improvement-- יישום

567
00:25:13,060 --> 00:25:14,410
לוואי כמו זה לקוח משהו.

568
00:25:14,410 --> 00:25:16,800
אז עכשיו מבט מהיר, אבל אז
אני לדחות לטיול המקוון

569
00:25:16,800 --> 00:25:17,674
דרך לזה.

570
00:25:17,674 --> 00:25:21,480
בצורה שתי, אנחנו באמת עברנו
וניקיתי את הקוד קצת.

571
00:25:21,480 --> 00:25:23,650
אבל הרשית לי לדחות את זה ל
של קטעי הווידאו שסביר להניח ש

572
00:25:23,650 --> 00:25:27,970
להטביע בPset8 זה רק מראה לך
תחביר דומה באמצעות ספרייה שנקראת

573
00:25:27,970 --> 00:25:32,320
jQuery, שהוא סופר, סופר
ספרייה פופולרית ב- JavaScript

574
00:25:32,320 --> 00:25:34,510
כי בכנות רוב האנשים
פשוט להשתמש בימים אלה

575
00:25:34,510 --> 00:25:37,070
ואפילו לבלבל כ
בן JavaScript עצמו.

576
00:25:37,070 --> 00:25:38,950
>> והוא נוטה לערב
כמה סימני דולר

577
00:25:38,950 --> 00:25:41,350
ומילות מפתח כמו מסמך
בסוגריים כאן.

578
00:25:41,350 --> 00:25:44,480
אבל שוב, תן לי לדחות ל
כמה מדריכים איטיים יותר באינטרנט

579
00:25:44,480 --> 00:25:46,750
ולא לקבל קשור בתחביר פשוט.

580
00:25:46,750 --> 00:25:48,630
בואו נעבור ל
משהו קצת קריר

581
00:25:48,630 --> 00:25:50,520
במונחים של היישומים של זה.

582
00:25:50,520 --> 00:25:57,730
>> אז בפרט, תן לי ללכת
קדימה, לפתוח את זה כאן.

583
00:25:57,730 --> 00:25:58,340
נו באמת.

584
00:25:58,340 --> 00:25:59,380
הנה אנחנו מתחילים.

585
00:25:59,380 --> 00:26:01,500
>> תן לי לפתוח את התמונה הזאת כאן.

586
00:26:01,500 --> 00:26:03,450
מסובך שלא לצורך
מחפש, אבל זה

587
00:26:03,450 --> 00:26:07,880
מתאר בטכניקה הנקראת AJAX--
Asynchronous JavaScript and XML, שבו

588
00:26:07,880 --> 00:26:10,530
X ל- XML ​​הוא למעשה
כבר לא בשימוש באמת.

589
00:26:10,530 --> 00:26:13,430
הוא נוטה להשתמש במשהו
בשם אחר JSON.

590
00:26:13,430 --> 00:26:16,560
>> אבל כאן הוא איך דבר כזה
Google Maps או Google Earth עובד.

591
00:26:16,560 --> 00:26:18,060
בואו ננסה את זה במהירות ההבזק, בעצם.

592
00:26:18,060 --> 00:26:21,590
תן לי ללכת קדימה ולפתוח
עד Chrome בדפדפן שלי.

593
00:26:21,590 --> 00:26:26,236
>> ותן לי ללכת ל,
אומר, maps.google.com.

594
00:26:26,236 --> 00:26:29,260

595
00:26:29,260 --> 00:26:31,930
ובעצם, אם אתה בן
מספיק כדי לזכור מה,

596
00:26:31,930 --> 00:26:35,600
כמו, MapQuest היה כמו חזרה ביום,
ואולי הם עדיין עובדים ככה.

597
00:26:35,600 --> 00:26:38,870
כאשר אתה משמש לחיפוש something--
רחוב 33 אוקספורד, קיימברידג ', מסצ'וסטס,

598
00:26:38,870 --> 00:26:40,650
בואו נעשה את זה--
למעשה היית, אם אתה

599
00:26:40,650 --> 00:26:43,000
רציתי כדי לנוע למעלה ו
למטה, שמאלה וימינה,

600
00:26:43,000 --> 00:26:44,920
היית נראה כמו
חץ גדול על גבי, וזה

601
00:26:44,920 --> 00:26:46,921
היה מראה לך עוד
מסגרת של המפה כאן.

602
00:26:46,921 --> 00:26:49,753
או שהיית לחץ על שמאל ואתה
הייתי הולך לכאן, או לחץ אחר

603
00:26:49,753 --> 00:26:51,000
והיית הולך לכאן.

604
00:26:51,000 --> 00:26:53,000
אבל במקום אלה
ימים, אנחנו כמובן רק

605
00:26:53,000 --> 00:26:55,970
לוקח כמובן מאליו שאנחנו יכולים ללכת
סביב קיימברידג 'די מהר

606
00:26:55,970 --> 00:26:57,550
רק על ידי לחיצה וגרירה.

607
00:26:57,550 --> 00:26:59,130
אבל שים לב שיש כמה תקלות.

608
00:26:59,130 --> 00:27:02,160
>> אם אני עושה את זה מספיק מהר,
מה שקרה כנראה

609
00:27:02,160 --> 00:27:05,960
כאני גורר קצת מהר מדי
למחשב כדי לשמור על קשר?

610
00:27:05,960 --> 00:27:07,160
מה אתה רואה?

611
00:27:07,160 --> 00:27:07,660
כן.

612
00:27:07,660 --> 00:27:09,232
>> קהל: פיקסלים לא לרענן.

613
00:27:09,232 --> 00:27:10,940
דוד י מלאן:
פיקסלים לא לרענן.

614
00:27:10,940 --> 00:27:12,870
יש actually-- ואתה
יכל לראות את זה, למעשה,

615
00:27:12,870 --> 00:27:15,360
אם אתה צופה באינטרנט והפסקה
למעשה זה או מאט את הדברים

616
00:27:15,360 --> 00:27:18,600
לonce-- תראה שיש
אריחים, ריבועים, או מלבנים ש

617
00:27:18,600 --> 00:27:22,040
חסרים במפה עד
שבריר שני לאחר מכן, נתונים נוספים,

618
00:27:22,040 --> 00:27:24,390
תמונות נוספות למעשה
תופיע על המסך.

619
00:27:24,390 --> 00:27:29,810
ולמעשה, אם אנחנו עושים את זה על ידי ההסתכלות
עד Chrome's-- נניח, Chrome--

620
00:27:29,810 --> 00:27:30,310
בואו נראה.

621
00:27:30,310 --> 00:27:31,090
אנחנו לא יכולים לעשות את זה.

622
00:27:31,090 --> 00:27:31,860
>> אה, אופס.

623
00:27:31,860 --> 00:27:34,761
בואו לפתוח את maps.google.com.

624
00:27:34,761 --> 00:27:36,660
תן לי לעשות החלון גדול שוב.

625
00:27:36,660 --> 00:27:38,836
>> חזור לרחוב אוקספורד 33.

626
00:27:38,836 --> 00:27:42,010

627
00:27:42,010 --> 00:27:43,760
מה היה באתר הייתי בתקופה האחרונה?

628
00:27:43,760 --> 00:27:46,440
היה לי, כמו, בטרוף פרטי זה ל
את עצמי, כי הייתי הודעה אז מיידית

629
00:27:46,440 --> 00:27:48,470
כל חבר שהיה באתר
מי שרצה לשמוע את זה.

630
00:27:48,470 --> 00:27:49,345
יש איזה אתר.

631
00:27:49,345 --> 00:27:52,680
אני חושב שזה כל כך Comcast--
ספק שירותי אינטרנט אמריקאי גדולים מאוד.

632
00:27:52,680 --> 00:27:56,355
אתה יכול, בעת הרשמה לכבל חדש
שירות מודם או שירות טלוויזיה בכבלים,

633
00:27:56,355 --> 00:27:59,230
יש להם צורה מאוד סביר
שבו הם מבקשים ממך לכתובת שלך.

634
00:27:59,230 --> 00:28:01,450
ויש לי זה מדהים
תכונה בשם אוטומטי מלא,

635
00:28:01,450 --> 00:28:04,600
כמו גוגל, שמתחיל למלא
בתשובה לשאלה שלך.

636
00:28:04,600 --> 00:28:08,090
>> הבעיה היא, שהם עושים אוטומטי מלאים
על הדברים הראשונים שאתה מקליד.

637
00:28:08,090 --> 00:28:12,890
אז אם אתה מתחיל להקליד ב -33, זה
אראה לך, פשוטו כמשמעו, בכל בית

638
00:28:12,890 --> 00:28:15,790
באמריקה שמתחילה
עם המספר 33

639
00:28:15,790 --> 00:28:17,920
לפני שתמשיך ל
מצפה לך להקליד יותר.

640
00:28:17,920 --> 00:28:20,660
אז אם אתה מקליד 33 אוקספורד,
אז זה מראה לך כל רחוב

641
00:28:20,660 --> 00:28:24,726
באמריקה שיש לו 33 אוקספורד ב
שמו, ללא קשר לעיירה

642
00:28:24,726 --> 00:28:25,350
כי אתה ב.

643
00:28:25,350 --> 00:28:26,320
>> ואז אתה ממשיך להקליד.

644
00:28:26,320 --> 00:28:28,930
ולבסוף, הוא מבין שהם לא
הצעת שירות לביתך בקיימברידג '

645
00:28:28,930 --> 00:28:29,920
או משהו כזה.

646
00:28:29,920 --> 00:28:33,410
אבל הנקודה זו היא, שרוב
יישום מטופש של רכב

647
00:28:33,410 --> 00:28:34,140
להשלים אי פעם.

648
00:28:34,140 --> 00:28:36,400
>> ואני רק הולך מ
על המשיק הזה שוב.

649
00:28:36,400 --> 00:28:39,040
אבל יש דרכים טובות ל
להשתמש ב- JavaScript ודרכים רעות.

650
00:28:39,040 --> 00:28:40,750
וזה לא בהכרח הטוב ביותר.

651
00:28:40,750 --> 00:28:46,360
>> אבל הנקודה כאן, לפני זה
תוכחה, היה לפתוח כלים כאן

652
00:28:46,360 --> 00:28:49,480
ולפתוח את כלי פיתוח,
כפי שאנו כבר עודדנו לפני,

653
00:28:49,480 --> 00:28:52,840
ולצפות ברשת
כרטיסייה כאני לוחץ ממש מהר.

654
00:28:52,840 --> 00:28:55,400
ושים לב כל חבורה
של מקבל פניות קרו.

655
00:28:55,400 --> 00:28:57,310
כל זה קרה מאז שגררתי.

656
00:28:57,310 --> 00:29:00,170
>> וסביר להניח, אכן
הרבה שורות אלה

657
00:29:00,170 --> 00:29:04,060
עכשיו הם JPEG לוכסן תמונה
סוגי MIME או סוגי תוכן.

658
00:29:04,060 --> 00:29:07,750
זה בגלל מה שהכרום עושה
כל פעם שאני לחץ וגרור, לחץ

659
00:29:07,750 --> 00:29:11,650
וגרור, הוא שזה מימוש, הו, אני
צריך ללכת לשאול את גוגל לאריח

660
00:29:11,650 --> 00:29:15,080
על המפה זה נגמר כאן,
במהירות להוריד אותו דרך HTTP,

661
00:29:15,080 --> 00:29:19,550
ולאחר מכן להוסיף אותו לDOM שנקרא
לדפדפני האינטרנט בעץ זיכרון

662
00:29:19,550 --> 00:29:24,430
ייצוג, כך שהמשתמש,
שלי, רואה שאריח מתעדכן.

663
00:29:24,430 --> 00:29:26,795
וזה בגלל
בטכניקה הנקראת AJAX.

664
00:29:26,795 --> 00:29:28,920
חזרה היום, זה באמת
היה המקרה שאם אתה

665
00:29:28,920 --> 00:29:33,050
רציתי לשנות את מה שיש על המסך,
היית צריך ללחוץ למעלה, למטה, שמאלה,

666
00:29:33,050 --> 00:29:33,550
תקין.

667
00:29:33,550 --> 00:29:34,740
ולאחר מכן דף חדש ייפתח.

668
00:29:34,740 --> 00:29:36,531
אבל בימים אלה, כל מה ש
הוא דינמי יותר.

669
00:29:36,531 --> 00:29:40,490
זה קורה בדרך בה אנו בני האדם היית
מקווה שזה באמת אינטראקטיבי היית.

670
00:29:40,490 --> 00:29:43,210
והוא משיג זאת על ידי
דרך של טכניקה הנקראת

671
00:29:43,210 --> 00:29:46,170
AJAX, שהוא אולי הכי טוב
מוסבר על ידי דוגמא.

672
00:29:46,170 --> 00:29:49,730
ראשית, תן לי ללכת קדימה
ולפתוח את קובץ

673
00:29:49,730 --> 00:29:53,540
נקרא quote.php ב
קוד ההפצה של היום.

674
00:29:53,540 --> 00:29:56,200
>> ולאחר מכן נתת לי לעשות אופס symbol--.

675
00:29:56,200 --> 00:30:02,399
תן לי לעשות סמל = GOOG
רק כמה מניות.

676
00:30:02,399 --> 00:30:04,440
או בעצם, בואו נעשה
אחד מבחינם Pset.

677
00:30:04,440 --> 00:30:05,270
הזן.

678
00:30:05,270 --> 00:30:06,580
>> ועכשיו שים לב למה שאני מקבל בחזרה.

679
00:30:06,580 --> 00:30:09,210
אז זה באמת
קובץ PHP קצר ש

680
00:30:09,210 --> 00:30:13,210
כתבתי שפשוט שואל את קוד
מפונקצית בדיקה של Pset7

681
00:30:13,210 --> 00:30:17,830
ויורק את השימוש בסד מתולתל זה ו
ציטוטים וסימון מעי גס, ככל הנראה,

682
00:30:17,830 --> 00:30:22,747
מחיר המניה הנוכחית ל
חברה שאתה עובר בדרך הגט.

683
00:30:22,747 --> 00:30:24,580
אז זה שונה
מרוב מה שיש לנו

684
00:30:24,580 --> 00:30:26,496
נעשה שבהודעה אני
פשוטו כמשמעו לירוק

685
00:30:26,496 --> 00:30:27,870
מה שנראה כמו קוד JavaScript.

686
00:30:27,870 --> 00:30:30,020
>> למעשה, מדובר באובייקט JavaScript.

687
00:30:30,020 --> 00:30:34,130
למעשה, רק כדי להיות יותר ברור,
אובייקט JavaScript Notation-- JSON--

688
00:30:34,130 --> 00:30:38,330
רק דרך מפוארת של אומר שאתה
יכול לייצג נתונים ב- JavaScript הרבה

689
00:30:38,330 --> 00:30:41,660
כמו שאתה יכול בPHP
באמצעות זוגות ערך מפתח.

690
00:30:41,660 --> 00:30:44,270
אז אם אני רוצה להכריז
משתנה ב- JavaScript

691
00:30:44,270 --> 00:30:47,872
למייצג Zamyla, ל
instance-- struct לZamyla--

692
00:30:47,872 --> 00:30:49,580
ואנחנו קוראים לזה
סטודנט, משתנה זה.

693
00:30:49,580 --> 00:30:53,060
תעודת הזהות שלה היא אחד, הבית הוא
וינתרופ, ושם הוא Zamyla.

694
00:30:53,060 --> 00:30:55,490
>> אבל אני גם יכול להיות מערך של אובייקטים.

695
00:30:55,490 --> 00:30:58,710
אז אם באמת היינו רוצה שיהיו לי
מערך ב- JavaScript המכיל

696
00:30:58,710 --> 00:31:01,740
אובייקטים כגון מרובים, זה
זמן מייצג צוות,

697
00:31:01,740 --> 00:31:04,910
אולי יש לי שלושה אלה
נתחי הקוד בחזרה

698
00:31:04,910 --> 00:31:08,560
לגב אל גב לאלה
שלושה חברי צוות לשעבר.

699
00:31:08,560 --> 00:31:12,201
אז התחביר, די
בדומה לboth-- ל- PHP.

700
00:31:12,201 --> 00:31:13,700
אבל זה בעיקר JavaScript.

701
00:31:13,700 --> 00:31:15,940
זה סימון אובייקט.

702
00:31:15,940 --> 00:31:17,240
אז מה זה מועיל ל?

703
00:31:17,240 --> 00:31:21,580
>> אם אני כותב קוד שיורק את JSON--
אובייקט JavaScript Notation-- דברים ש

704
00:31:21,580 --> 00:31:24,670
נראה כמו חומר הזה או ש
נראה כמו המבנה של Zamyla,

705
00:31:24,670 --> 00:31:27,730
אני יכול להשתמש בזה
בתוכניות שאני כותב.

706
00:31:27,730 --> 00:31:30,660
תן לי ללכת לajax0.html.

707
00:31:30,660 --> 00:31:33,310
וזה too-- לא הרבה
חשבתי שניתן לאסתטיקה.

708
00:31:33,310 --> 00:31:34,660
אבל תראה מה קורה.

709
00:31:34,660 --> 00:31:37,050
>> תן לי ללכת קדימה והקלידו בחינם כאן.

710
00:31:37,050 --> 00:31:38,490
לחץ לקבל הצעת מחיר.

711
00:31:38,490 --> 00:31:41,060
ושימו לב את כתובת האתר לא השתנתה.

712
00:31:41,060 --> 00:31:47,250
אבל אני לא מקבל pop up עם כנראה
המחיר של היום אגורה המניה של 0.15 $.

713
00:31:47,250 --> 00:31:49,062
אז לא כל כך רע.

714
00:31:49,062 --> 00:31:52,020
אבל ההבדל הוא שאיכשהו,
הנתונים אלה חזרו אליי ישירות.

715
00:31:52,020 --> 00:31:54,250
אבל בואו ניקח צעד לקראת
משהו מוכר יותר.

716
00:31:54,250 --> 00:31:58,900
בגרסה אחת של זה, תן לי
הקלד שוב חופשי, לחץ על קבלו ציטוט,

717
00:31:58,900 --> 00:32:01,146
וnow-- הו, זה היה
למעשה גרסת jQuery.

718
00:32:01,146 --> 00:32:03,270
אז בואו me-- אני לא
מהר קדימה די רחוק מספיק.

719
00:32:03,270 --> 00:32:05,830
תן לי לעבור לגרסה שתי,
המקום שבו רציתי.

720
00:32:05,830 --> 00:32:07,260
שים לב מה שעשיתי כאן.

721
00:32:07,260 --> 00:32:10,370
יש לי אינטרנט page-- סופר
גרסה פשוטה של ​​כל דף אינטרנט

722
00:32:10,370 --> 00:32:14,260
אולי אתה משתמש כיום בשדה טקסט
כאן בחינם ולאחר מכן, ככל הנראה, רק

723
00:32:14,260 --> 00:32:14,880
על מודעה.

724
00:32:14,880 --> 00:32:16,860
>> זה לא טופס כאן, כנראה.

725
00:32:16,860 --> 00:32:19,360
אבל אם אני לוחץ לקבל
ציטוט, מבחין דף האינטרנט שלי

726
00:32:19,360 --> 00:32:22,760
זה עומד להשתנות כאילו אני
פשוט יש לי הודעה מיידית חדשה

727
00:32:22,760 --> 00:32:25,360
או כאילו אני רק עברתי
המפה וצריכה לקנות עוד כמה נתונים

728
00:32:25,360 --> 00:32:29,220
הוסיף באופן דינמי לדף האינטרנט
ללא שינוי כתובת האתר והמשתמש

729
00:32:29,220 --> 00:32:30,980
ניסיון מקבל נקטע.

730
00:32:30,980 --> 00:32:35,750
ואכן, אני עדיין ב
בדיוק את אותו ajax2.html place--.

731
00:32:35,750 --> 00:32:39,080
>> אז בואו נסתכל רק בדוגמה זו
ולראות איך זה קורה.

732
00:32:39,080 --> 00:32:42,490
תן לי ללכת לajax2.html.

733
00:32:42,490 --> 00:32:44,770
ושים לב את הטופס ראשון.

734
00:32:44,770 --> 00:32:47,092
>> כאן למטה, אני פונה
את אוטומטי מלא.

735
00:32:47,092 --> 00:32:48,800
לפעמים זה נעשה
מעצבן אם הדפדפן

736
00:32:48,800 --> 00:32:50,508
הוא מנסה להראות לך
ההיסטוריה כולה שלך.

737
00:32:50,508 --> 00:32:53,450
אז אתה יכול לעשות את זה ב- HTML על ידי
רק אומר אוטומטי להשלים את.

738
00:32:53,450 --> 00:32:57,290
>> נתתי לי שדה טקסט זה
symbol-- ולא, זיהוי של סמל.

739
00:32:57,290 --> 00:32:58,977
ועכשיו, זה תכונה מעניינת.

740
00:32:58,977 --> 00:33:01,310
לא דברנו על תוחלת,
אבל אתה יכול לחשוב על זה

741
00:33:01,310 --> 00:33:03,177
כמו תג פסקה או div תג.

742
00:33:03,177 --> 00:33:05,010
זה מה שנקרא
ב- קו אלמנט, ש

743
00:33:05,010 --> 00:33:07,415
משמעו שאתה לא תקבל סעיף
לפרוץ מעל ומתחתיו.

744
00:33:07,415 --> 00:33:11,530
זה רק הולך להישאר באונליין ללא
להכות את המקבילה של הזן.

745
00:33:11,530 --> 00:33:17,980
אז נתתי לי נתח זה של HTML
שייקבע מזהה ייחודי

746
00:33:17,980 --> 00:33:20,130
כי אני באופן שרירותי בשם מחיר.

747
00:33:20,130 --> 00:33:21,560
ויש לי כפתור Submit.

748
00:33:21,560 --> 00:33:25,420
>> כי עכשיו את here-- וזה
קוד כמה מעט בעצם סופר מדהים

749
00:33:25,420 --> 00:33:27,660
אתה יכול לכתוב לעשות
יחסית מסודר things--

750
00:33:27,660 --> 00:33:31,800
שים לב למה שעשיתי פה, אם יש לי
לגלול מעלה לראש דף זה.

751
00:33:31,800 --> 00:33:34,970
אני כבר נכלל לראשונה ב
הראש שלי תג סקריפט

752
00:33:34,970 --> 00:33:37,410
שבעצם מתייחס
JavaScript להגיש במקום אחר.

753
00:33:37,410 --> 00:33:39,702
זו היא של הארגון
שכותב jQuery,

754
00:33:39,702 --> 00:33:42,660
וזה רק נותן לך את המילה האחרונה
גרסה של ספריית jQuery.

755
00:33:42,660 --> 00:33:46,305
>> אז זה כמו סוג של חד
כולל בC או לדרוש ב- PHP.

756
00:33:46,305 --> 00:33:48,900
אתה משתמש בתג סקריפט
עם תכונת מקור.

757
00:33:48,900 --> 00:33:52,030
אבל עכשיו הקוד שלי הוא
הולך להיות ממש כאן.

758
00:33:52,030 --> 00:33:54,170
>> שים לב שיש לי ציטוטים פונקציה שנקראת.

759
00:33:54,170 --> 00:33:56,180
וזה נראה קצת
נסתר במבט ראשון.

760
00:33:56,180 --> 00:33:57,305
אבל בואו להקניט זה בנפרד.

761
00:33:57,305 --> 00:33:59,090
תן לי את כתובת משתנה בשם.

762
00:33:59,090 --> 00:34:01,390
להקצות אותו, פשוטו כמשמעו, במחרוזת זו.

763
00:34:01,390 --> 00:34:04,530
אז, בגרשיים בודדים, במרכאות כפולות ב
JavaScript פשוט נותן לי מחרוזת.

764
00:34:04,530 --> 00:34:06,900
מה התוספת עושה?

765
00:34:06,900 --> 00:34:08,199
שרשור.

766
00:34:08,199 --> 00:34:12,610
>> אז זה עכשיו הוא תחביר jQuery
שלוקח קצת הזמן להתרגל.

767
00:34:12,610 --> 00:34:18,310
אבל זה רק אומר לך לקבל אותי DOM
צומת שייחודית מזהה הוא סמל.

768
00:34:18,310 --> 00:34:21,929
Hashtag יש משמעות
סמל מזהה ייחודי.

769
00:34:21,929 --> 00:34:24,929
>> סימן הדולר ב
סוגריים רק אומר, לעטוף את זה

770
00:34:24,929 --> 00:34:28,510
בjQuery סוג של רוטב סודי כל כך
אתה מקבל פונקציונליות נוספת.

771
00:34:28,510 --> 00:34:31,880
ולאחר מכן .val הוא ככל הנראה
פונקציה, או כפי שאנו אומרים עכשיו,

772
00:34:31,880 --> 00:34:35,219
שיטה בתוך פיסקה זו
שרק נותן לך את הערך.

773
00:34:35,219 --> 00:34:38,896
אז בקיצור, מכוער ומבלבל
כמו זה שנראה במבט ראשון,

774
00:34:38,896 --> 00:34:42,020
זה רק אומר שמקבל עם משתמש הקליד
ב, לשים אותו בסוף של המחרוזת

775
00:34:42,020 --> 00:34:42,880
על ידי שרשור זה.

776
00:34:42,880 --> 00:34:43,739
זה כל מה ש.

777
00:34:43,739 --> 00:34:46,070
>> אז עכשיו, שלוש שורות האחרונות.

778
00:34:46,070 --> 00:34:48,690
אתה יכול לסחוט הרבה
פונקציונלי מתוך שלושה קווים.

779
00:34:48,690 --> 00:34:52,199
סימן דולר זה, כ
בצד, הוא רק כינוי

780
00:34:52,199 --> 00:34:55,800
למשתנה גלובלי מיוחד
בשם, פשוטו כמשמעו, jQuery.

781
00:34:55,800 --> 00:34:57,060
>> דולר סימן פשוט נראה מגניב.

782
00:34:57,060 --> 00:35:00,080
אז קהילת jQuery פשוט סוג
של השתמש בו כסמל המיוחד שלהם.

783
00:35:00,080 --> 00:35:02,470
זה לא אומר מה שזה אומר ב- PHP.

784
00:35:02,470 --> 00:35:06,356
ב- JavaScript, סימן דולר הוא
בדיוק כמו מכתב של אלפבית

785
00:35:06,356 --> 00:35:07,480
או מספר למשתנה.

786
00:35:07,480 --> 00:35:09,000
>> רק אתה יכול לקבל את זה כשם.

787
00:35:09,000 --> 00:35:09,770
פשוט נראה מגניב.

788
00:35:09,770 --> 00:35:11,890
אז הקהילה
אימץ אותו ככינוי

789
00:35:11,890 --> 00:35:13,390
לספרייה שלהם שנקראת jQuery.

790
00:35:13,390 --> 00:35:15,060
>> וזה סופר פופולרי.

791
00:35:15,060 --> 00:35:17,620
אז לקבל JSON הוא בדיוק זה.

792
00:35:17,620 --> 00:35:19,920
זה פונקציה ש
הורים בבית jQuery כתבו

793
00:35:19,920 --> 00:35:23,340
שמקבל JSON מserver--
סימון אובייקט JavaScript.

794
00:35:23,340 --> 00:35:25,680
ממה כתובת אתר זה הולך
כדי לקבל מידע זה?

795
00:35:25,680 --> 00:35:27,790
כנראה מכתובת אתר זו כאן.

796
00:35:27,790 --> 00:35:31,180
>> ומה הדפדפן צריך לעשות כ
ברגע שהיא מקבלת בחזרה את התגובה הזאת?

797
00:35:31,180 --> 00:35:36,500
וזה הקסם של AJAX, כך ל
Asynchronous JavaScript speak-- ב- XML.

798
00:35:36,500 --> 00:35:41,320
קשה לראות עם כזה
דוגמא פשוטה כמו שהיו לנו כאן.

799
00:35:41,320 --> 00:35:44,730
>> אבל זה היה אסינכרוני ב
המובן שהקוד שלי כש

800
00:35:44,730 --> 00:35:48,530
להורג שלח מסר ל
השרת ללכת להביא לי קצת JSON.

801
00:35:48,530 --> 00:35:51,340
וזה קרה סופר מהיר
כי יש לי תגובה.

802
00:35:51,340 --> 00:35:55,130
אבל מה שמעניין הוא שזה
שורת קוד לא לתלות את המחשב שלי.

803
00:35:55,130 --> 00:35:56,550
>> אני לא רואה את סמל מסתובב.

804
00:35:56,550 --> 00:35:59,200
אני לא אבדתי את
היכולת להזיז את העכבר שלי.

805
00:35:59,200 --> 00:36:01,340
הדפדפן שלי היה דווקא בסדר גמור.

806
00:36:01,340 --> 00:36:06,290
>> בגלל שהדרך JavaScript מטפל
תגובה מהשרת היא כדלקמן.

807
00:36:06,290 --> 00:36:09,740
אתה נרשם מה שאתה רוצה לקרוא
פונקציה של קריאה חוזרת, ש

808
00:36:09,740 --> 00:36:12,830
רק אומר, היי, JavaScript.

809
00:36:12,830 --> 00:36:16,100
ברגע שהשרת
מגיב עם JSON,

810
00:36:16,100 --> 00:36:18,750
נא להתקשר פונקציה אנונימית זו.

811
00:36:18,750 --> 00:36:23,910
>> ובבקשה עבר לפונקציה זו
מה מחרוזת השרת לירוק

812
00:36:23,910 --> 00:36:26,080
כטיעון בשם נתונים.

813
00:36:26,080 --> 00:36:28,360
אז ב, מילות אחרות, אם
אני הרכבה דינמית

814
00:36:28,360 --> 00:36:33,370
quote.php URL עוברת בזה
סמל כמו בחינם או GOOG או מה שלא,

815
00:36:33,370 --> 00:36:36,830
אז אני אומר לי
JavaScript ללכת לקבל את כתובת האתר ש.

816
00:36:36,830 --> 00:36:39,080
זכור כי הדפדפן
הוא הולך להחזיר משהו

817
00:36:39,080 --> 00:36:42,680
זה נראה כמו שראינו earlier-- זה.

818
00:36:42,680 --> 00:36:45,940
>> ומה הטיעון השני
כאן כדי לקבל JSON אומר

819
00:36:45,940 --> 00:36:48,450
הוא קורא לפונקציה זו
כאשר השרת מקבל בחזרה

820
00:36:48,450 --> 00:36:52,440
בין אם זה 10 אלפיות שנייה
מעכשיו או 10 שניות מעכשיו.

821
00:36:52,440 --> 00:36:55,840
וברגע שאתה עושה,
להוסיף את המחיר לדף.

822
00:36:55,840 --> 00:36:58,030
תחביר זה כאן רק
פירוש ללכת לקבל את הצומת

823
00:36:58,030 --> 00:37:01,940
מהעץ שייחודי מזהה
הוא price-- תוחלת שראינו קודם לכן.

824
00:37:01,940 --> 00:37:04,320
>> שיטה זו נקראת HTML
רק אומר, ללכת להחליף

825
00:37:04,320 --> 00:37:08,770
HTML שמופיע שם עם data.price.

826
00:37:08,770 --> 00:37:10,200
מה data.price?

827
00:37:10,200 --> 00:37:12,850
ובכן, הדפדפן, זוכר,
הראה לי זה חוזר.

828
00:37:12,850 --> 00:37:14,540
אז זה נתונים.

829
00:37:14,540 --> 00:37:18,100
>> ואז זה קצת נסתר
כדי לראות את הפסיקים כאן.

830
00:37:18,100 --> 00:37:19,350
אבל למעשה, תן לי לעשות את זה.

831
00:37:19,350 --> 00:37:22,890
תן לי רק להדביק את זה
ממש מהר לgedit

832
00:37:22,890 --> 00:37:27,240
ומראה את זה כמו שהראינו
המבנה של Zamyla קודם לכן.

833
00:37:27,240 --> 00:37:31,610
>> מה השרת שולח בחזרה הוא
אובייקט קטן שנראה כך.

834
00:37:31,610 --> 00:37:37,140
וכך data.price הוא
רק נותן לי 0.1515.

835
00:37:37,140 --> 00:37:39,310
כל כך הרבה נע
חלקים כאן בבת אחת.

836
00:37:39,310 --> 00:37:41,860
>> אבל מזנוני המפתח הוא
שיש לנו את היכולת הזו

837
00:37:41,860 --> 00:37:44,600
כדי להפוך את HTTP נוסף
בקשות באמצעות JavaScript

838
00:37:44,600 --> 00:37:46,090
בלי צורך לטעון מחדש את הדף.

839
00:37:46,090 --> 00:37:49,580
ואז אנחנו יכולים למעשה
לשנות את דף האינטרנט במהירות ההבזק.

840
00:37:49,580 --> 00:37:51,850
ומתברר ש
JavaScript ושפות אחרות

841
00:37:51,850 --> 00:37:54,510
ניתן להשתמש עכשיו לא רק
להשתנות דפי אינטרנט,

842
00:37:54,510 --> 00:37:57,960
אבל בעצם לכתוב תוכנה
במחשב בפועל,

843
00:37:57,960 --> 00:38:00,240
אינם מוגבל רק לכרום או משהו הדומה.

844
00:38:00,240 --> 00:38:03,530
>> למעשה, if-- קולטון, היית
רוצה להצטרף בחזרה אותנו כאן

845
00:38:03,530 --> 00:38:06,100
עם הקוד שלך במעבדה, וצ'אנג, כמו גם?

846
00:38:06,100 --> 00:38:09,140
בואו נלך קדימה, שדבר על
פונקציות והתקשרות חזרה בעילום שם

847
00:38:09,140 --> 00:38:13,090
ובאמת להתגרות בגורל כאן
עם הדגמת חיה עם דימום

848
00:38:13,090 --> 00:38:16,480
טכנולוגיה חדשנית, אחד מ
מכשירי העלית Motion אלה.

849
00:38:16,480 --> 00:38:18,940
עכשיו, המכשיר הזה, כזכור,
הוא התקן USB קטן

850
00:38:18,940 --> 00:38:25,620
גם that-- זה beautiful--
המתחבר ליציאות ה- USB שלך.

851
00:38:25,620 --> 00:38:29,120
>> ואז היא נותנת קלט
בצורה של מחוות אנושיות

852
00:38:29,120 --> 00:38:32,560
על ידי איתור באמצעות קרן אינפרא-אדומה,
בעצם, תנועות מהיד שלך.

853
00:38:32,560 --> 00:38:35,150
אז בעוד מה מריה ניסתה
בלפני היה שרירי,

854
00:38:35,150 --> 00:38:39,000
מרגיש באמת את מה שמשתנה
הזרוע שלך, זה אינפרא אדום מבוסס.

855
00:38:39,000 --> 00:38:44,390
אז הוא מחפש תנועות בתוך
עין העיגול של רגל או כך

856
00:38:44,390 --> 00:38:46,190
של המכשיר עצמו.

857
00:38:46,190 --> 00:38:48,950
>> אז למה לא אקח לי
דקירה בבית זה קודם?

858
00:38:48,950 --> 00:38:53,100
ובואו נלך קדימה ולזרוק
אתה על מעל כאן.

859
00:38:53,100 --> 00:38:56,250
אז בואו לשים את המחשב הנייד של קולטון כאן.

860
00:38:56,250 --> 00:38:58,360
יש לנו אנדרו בטלוויזיה.

861
00:38:58,360 --> 00:39:00,160
ומה אתה רוצה ממני לעשות קודם?

862
00:39:00,160 --> 00:39:02,409
>> COLTON: קדימה, רק
שם את הידיים שלך על הבחור הזה

863
00:39:02,409 --> 00:39:04,430
ותראה כמה נצנצים מדהימים.

864
00:39:04,430 --> 00:39:07,230
>> דוד י מלאן: יפה מאוד.

865
00:39:07,230 --> 00:39:11,110
כל זה קורה בזמן אמת.

866
00:39:11,110 --> 00:39:11,889
אישור.

867
00:39:11,889 --> 00:39:12,680
בסדר, וכן.

868
00:39:12,680 --> 00:39:14,119
כל כך נחמד.

869
00:39:14,119 --> 00:39:15,410
בסדר, מה עוד אנחנו יכולים לעשות?

870
00:39:15,410 --> 00:39:17,900
>> COLTON: עבור למסך הבא ותראה.

871
00:39:17,900 --> 00:39:19,136
>> דוד י מלאן: בסדר.

872
00:39:19,136 --> 00:39:21,780
>> COLTON: משחק קצת כיף
בו אתה מקבל כדי להפוך את הרובוטים.

873
00:39:21,780 --> 00:39:24,738
>> דוד י מלאן: בסדר, אז זה
הוא ידיים מזויפות מראה לי מה לעשות.

874
00:39:24,738 --> 00:39:27,920
COLTON: כן אז קדימה
ולתפוס את אחד מאבני

875
00:39:27,920 --> 00:39:30,637
ולשים אותו על החלק העליון של הגוף של הרובוט ש.

876
00:39:30,637 --> 00:39:32,137
דוד י מלאן: אה, יש לי את יד.

877
00:39:32,137 --> 00:39:34,000
אה.

878
00:39:34,000 --> 00:39:34,780
אישור, מקסים.

879
00:39:34,780 --> 00:39:37,500

880
00:39:37,500 --> 00:39:38,650
חכה רגע, בסדר.

881
00:39:38,650 --> 00:39:41,320
הנה אנחנו מתחילים.

882
00:39:41,320 --> 00:39:43,590
>> COLTON: עשיתי אחד על תאונה.

883
00:39:43,590 --> 00:39:45,423
>> דוד י מלאן: בסדר, אני אקבל את הבחור הזה.

884
00:39:45,423 --> 00:39:45,923
לעזאזל!

885
00:39:45,923 --> 00:39:48,467

886
00:39:48,467 --> 00:39:51,550
כאשר אנו מתאמנים בזה אחרון
הלילה, אתה יודע מה זה לתחום של?

887
00:39:51,550 --> 00:39:54,285
>> כמו זה.

888
00:39:54,285 --> 00:39:55,490
אישור.

889
00:39:55,490 --> 00:39:55,990
הבא?

890
00:39:55,990 --> 00:39:56,860
>> COLTON: בטח.

891
00:39:56,860 --> 00:39:58,818
>> דוד י מלאן: בסדר,
ויש שלישי.

892
00:39:58,818 --> 00:40:01,130

893
00:40:01,130 --> 00:40:01,674
בְּסֵדֶר.

894
00:40:01,674 --> 00:40:03,215
COLTON: וזה אחד, אתה מקבל to--

895
00:40:03,215 --> 00:40:04,923
דוד י מלאן: אה,
של יפה הזה.

896
00:40:04,923 --> 00:40:06,650
COLTON: --yeah, לאסוף בנפרד את הפרח הזה.

897
00:40:06,650 --> 00:40:07,441
דוד י מלאן: אישור.

898
00:40:07,441 --> 00:40:11,170

899
00:40:11,170 --> 00:40:11,670
לא?

900
00:40:11,670 --> 00:40:14,515
שלא נענו.

901
00:40:14,515 --> 00:40:15,570
>> COLTON: אה, הנה לך.

902
00:40:15,570 --> 00:40:18,680
>> דוד י מלאן: אה, תראה ש.

903
00:40:18,680 --> 00:40:19,830
נחמד מאוד.

904
00:40:19,830 --> 00:40:22,470
ובכן, למה לא 'אנחנו לוקחים
מתוך מתנדב כאן

905
00:40:22,470 --> 00:40:24,180
מי רוצה לבוא בעד.

906
00:40:24,180 --> 00:40:27,500
מה דעתך על שם
בירוק, נכון?

907
00:40:27,500 --> 00:40:30,540
>> בסדר, ובואו have--
במקום לעשות את זה, חלק מכם

908
00:40:30,540 --> 00:40:34,590
אולי יודע את המשחק הזה here--
לחתוך את החבל, אולי?

909
00:40:34,590 --> 00:40:35,100
בואו נראה.

910
00:40:35,100 --> 00:40:37,320
יש לנו הכוסות שלנו בכאן?

911
00:40:37,320 --> 00:40:38,625
>> אישור.

912
00:40:38,625 --> 00:40:39,270
תודה לך.

913
00:40:39,270 --> 00:40:39,380
מה שמך?

914
00:40:39,380 --> 00:40:40,350
>> קהל: לורה.

915
00:40:40,350 --> 00:40:41,266
>> דוד י מלאן: לורה?

916
00:40:41,266 --> 00:40:42,120
נחמד לראות.

917
00:40:42,120 --> 00:40:45,600
אם לא אכפת לך לשים
Google Glass על המשקפיים שלך.

918
00:40:45,600 --> 00:40:46,970
זה קולטון.

919
00:40:46,970 --> 00:40:47,650
>> COLTON: היי.

920
00:40:47,650 --> 00:40:48,140
נחמד לפגוש אותך.

921
00:40:48,140 --> 00:40:49,600
>> דוד י מלאן: בסדר, בוא בסביבה.

922
00:40:49,600 --> 00:40:52,516
בסדר, אז מה אתה הולך
לעשות כאן, ששחק את זה לפני,

923
00:40:52,516 --> 00:40:55,650
הוא הניח את ידכם על
קפיצת Motion כאן.

924
00:40:55,650 --> 00:40:57,210
ועכשיו החץ שלך צריך לעבור.

925
00:40:57,210 --> 00:40:57,710
אה, לא כלום.

926
00:40:57,710 --> 00:40:58,066
>> קהל: מס '

927
00:40:58,066 --> 00:40:58,780
>> דוד י מלאן: אנחנו
לא רוצה להפסיק עדיין.

928
00:40:58,780 --> 00:40:59,280
אישור, לחכות.

929
00:40:59,280 --> 00:41:01,200
כאן.

930
00:41:01,200 --> 00:41:03,530
אז שם לב שאתה מחזיק
אצבע על משהו,

931
00:41:03,530 --> 00:41:06,750
העכבר מתחיל ללכת ירוק,
וכך אתה לוחץ.

932
00:41:06,750 --> 00:41:08,980
>> אז העבר את העכבר על Play.

933
00:41:08,980 --> 00:41:10,970
ורק אצבע אחת זה בסדר.

934
00:41:10,970 --> 00:41:13,869
ועכשיו לחץ על קטן
בחור ירוק בצד השמאל.

935
00:41:13,869 --> 00:41:15,410
ועכשיו להחזיק עד שהוא מתמלא ירוק.

936
00:41:15,410 --> 00:41:15,640
טוב.

937
00:41:15,640 --> 00:41:16,990
עכשיו, כמו, רמה אחת למעלה.

938
00:41:16,990 --> 00:41:20,190
>> קהל: כן, אנחנו רוצים רמה אחת, כאן.

939
00:41:20,190 --> 00:41:21,660
>> דוד י מלאן: טוב.

940
00:41:21,660 --> 00:41:25,500
אוקיי, אז כל מה שיש לך
לעשות הוא לחתוך את החבל.

941
00:41:25,500 --> 00:41:28,240
הסמן זה לבן אחד שם למטה.

942
00:41:28,240 --> 00:41:28,880
>> נחמד מאוד.

943
00:41:28,880 --> 00:41:31,290

944
00:41:31,290 --> 00:41:32,790
בסדר, זה בערך להשיג יותר.

945
00:41:32,790 --> 00:41:34,800
אז להחזיק את האצבע על פני הבא עכשיו.

946
00:41:34,800 --> 00:41:37,370

947
00:41:37,370 --> 00:41:39,030
טוב.

948
00:41:39,030 --> 00:41:39,999
זה אחד זה קשה.

949
00:41:39,999 --> 00:41:40,966
>> קהל: איזה חרא.

950
00:41:40,966 --> 00:41:41,466
אישור.

951
00:41:41,466 --> 00:41:42,466
הוא רוצה ללכת בדרך זו.

952
00:41:42,466 --> 00:41:44,890
אה שטויות, that--

953
00:41:44,890 --> 00:41:47,120
>> דוד י מלאן: כן.

954
00:41:47,120 --> 00:41:50,700
מטרה משנית היא להשיג את כל הכוכבים.

955
00:41:50,700 --> 00:41:53,920
בסדר, הבא.

956
00:41:53,920 --> 00:41:57,504
>> בואו תראו אם אתה יכול לקבל שליש זה.

957
00:41:57,504 --> 00:41:58,004
טוב.

958
00:41:58,004 --> 00:42:05,980

959
00:42:05,980 --> 00:42:06,840
אישור, תלך לשם.

960
00:42:06,840 --> 00:42:08,850
>> בטח.

961
00:42:08,850 --> 00:42:11,230
אה, נחמד מאוד.

962
00:42:11,230 --> 00:42:11,930
בְּסֵדֶר.

963
00:42:11,930 --> 00:42:13,534
>> אז למה אנחנו לא לדחות לכאן היום?

964
00:42:13,534 --> 00:42:15,200
תיתן לאף אחד לבוא בעד מי שרוצה לשחק.

965
00:42:15,200 --> 00:42:16,880
תודה רבה ללורה ההתנדבות שלנו.

966
00:42:16,880 --> 00:42:18,730
ואנחנו אראה אותך ביום שני.

967
00:42:18,730 --> 00:42:21,190
>> קהל: אתה בטח רוצה אותם בחזרה.

968
00:42:21,190 --> 00:42:23,640
>> SPEAKER 2: בCS50-- הבא

969
00:42:23,640 --> 00:42:35,222