1
00:00:00,000 --> 00:00:02,862
>> [عزف الموسيقى]

2
00:00:02,862 --> 00:00:10,030

3
00:00:10,030 --> 00:00:11,580
>> DAVID مالان: هذا هو CS50.

4
00:00:11,580 --> 00:00:12,880
هذه هي بداية الأسبوع تسعة.

5
00:00:12,880 --> 00:00:15,797
وهذا ما سيكون له
كان عيد ميلاد السيد بوول في ال200.

6
00:00:15,797 --> 00:00:17,630
لذلك هذا هو الزملاء
إلى الذي كنا قد ألمح

7
00:00:17,630 --> 00:00:21,800
تماما في بعض الأحيان حول استخدام
متغيرات منطقية صحيحة وكاذبة،

8
00:00:21,800 --> 00:00:22,910
1 و 0 ومثل هذا.

9
00:00:22,910 --> 00:00:25,270
وكانت غوغل هذا
الجزية له اليوم.

10
00:00:25,270 --> 00:00:26,489
كان قد تحول 200.

11
00:00:26,489 --> 00:00:28,280
لذلك إذا كنت ترغب في
الانضمام إلينا لCS50 الغداء،

12
00:00:28,280 --> 00:00:30,279
نلقي نظرة على الرابط
على الموقع الإلكتروني للدورة و.

13
00:00:30,279 --> 00:00:33,580
وهذه الوجوه والأصدقاء كما
هذه تنتظركم هنا في كامبريدج.

14
00:00:33,580 --> 00:00:35,360
وجوه مثل هذه تنتظركم في نيو هافن.

15
00:00:35,360 --> 00:00:37,800
و، في الواقع، كين في
نيو هافن جعل التكرم

16
00:00:37,800 --> 00:00:41,594
ما يسمى GIF المتحركة من ايلي
هنا في الآونة الأخيرة lunch-- لGIF هو حتى الآن

17
00:00:41,594 --> 00:00:44,260
تنسيق ملف رسومي آخر،
التي كنت familiar-- أن

18
00:00:44,260 --> 00:00:46,300
يبدو شيئا قليلا من هذا القبيل.

19
00:00:46,300 --> 00:00:48,179
حتى مجرد تسلسل of-- موافق.

20
00:00:48,179 --> 00:00:49,720
لا أحد هنا في كامبريدج يضحك.

21
00:00:49,720 --> 00:00:51,720
ولكن في نيو هافن، هذا
هو مضحك حقا، أليس كذلك؟

22
00:00:51,720 --> 00:00:52,350
حسنا.

23
00:00:52,350 --> 00:00:53,940
>> لذلك الانضمام إلينا هناك.

24
00:00:53,940 --> 00:00:55,900
هنا في جامعة هارفارد،
على وجه التحديد، هذا الأربعاء،

25
00:00:55,900 --> 00:00:59,480
إذا كنت طالبة أو طالبة even--
أو حتى التفكير junior-- صنع

26
00:00:59,480 --> 00:01:01,563
التبديل إلى جهاز الكمبيوتر
العلم، ونعرف أن هناك سوف أكون

27
00:01:01,563 --> 00:01:04,440
كن CS تقديم المشورة عادل هذا
الأربعاء، بعد وقت قصير من الدرجة

28
00:01:04,440 --> 00:01:08,040
في 04:00 في الكمبيوتر
بناء العلم ماكسويل دوركين.

29
00:01:08,040 --> 00:01:11,890
سوف نضع هذا على ملعب ل
الموقع من قبل غدا، كذلك.

30
00:01:11,890 --> 00:01:14,430
الكعك، قيل لي، وسيتم تقديم.

31
00:01:14,430 --> 00:01:15,180
>> حسنا.

32
00:01:15,180 --> 00:01:18,790
story-- مضحك لذلك كان بدس
حول على الإنترنت،

33
00:01:18,790 --> 00:01:23,575
ولقد وجدت بعض المحفوظات القديمة
من موقعي السابق.

34
00:01:23,575 --> 00:01:25,950
ويتحول out-- حول هذا
الوقت، ويبدو في الوقت المناسب جدا

35
00:01:25,950 --> 00:01:28,910
منذ أن جمع أن الانتخابات UC
على وشك أن تستعد مرة أخرى.

36
00:01:28,910 --> 00:01:32,230
لذلك ركضت لUC، فقد فشلا ذريعا.

37
00:01:32,230 --> 00:01:34,770
وربما كان هذا في جزء منه لماذا.

38
00:01:34,770 --> 00:01:37,600
لذلك كان هذا موقع الويب الخاص بي في ذلك الوقت.

39
00:01:37,600 --> 00:01:40,477
لسبب ما، اعتقد انها كانت
فكرة جيدة، قبل إخبار الناس

40
00:01:40,477 --> 00:01:43,310
ما كان برنامجى ولماذا
يجب أن يصوتوا لي، أن لديهم

41
00:01:43,310 --> 00:01:47,770
انقر لدخول لمعرفة ان
المعلومات التي في الماضي هو

42
00:01:47,770 --> 00:01:48,660
نوع من زاحف.

43
00:01:48,660 --> 00:01:50,910
أنا لا أعرف حقا ما كان.

44
00:01:50,910 --> 00:01:53,140
>> لكنه لم يفعل بالتأكيد
مساعدة حملتي.

45
00:01:53,140 --> 00:01:56,874
كما أنني وجدت أنه من خلال كبار
year-- كان هذا التقويم الدمى.

46
00:01:56,874 --> 00:01:58,540
كانت الدمى المتحركة نوع من رواج في ذلك الوقت.

47
00:01:58,540 --> 00:01:59,456
أو ربما أنها لم تكن.

48
00:01:59,456 --> 00:02:01,790
كان لي تقويم الدمى في ذلك الوقت.

49
00:02:01,790 --> 00:02:04,860
واعتقدت انها تريد ان تكون باردة لاسم
جهاز الكمبيوتر الخاص بي على شبكة هارفارد

50
00:02:04,860 --> 00:02:07,460
frogman.student.harvard.edu.

51
00:02:07,460 --> 00:02:10,370
في ذلك الوقت، كان لدينا كل فريد
أسماء المضيفين تحديدها.

52
00:02:10,370 --> 00:02:13,150
ويمكن أن تختار بعض الغرور
اسم بدلا من الاسم الخاص بك.

53
00:02:13,150 --> 00:02:15,580
وذهبت مع عواض لسبب ما.

54
00:02:15,580 --> 00:02:19,040
>> وبعد ذلك started-- قضيت الكثير
من الوقت من خلال النقر على هذه الروابط

55
00:02:19,040 --> 00:02:20,280
هذا الصباح.

56
00:02:20,280 --> 00:02:24,690
وكانت هذه الصفحة عن بلدي،
والآن يبدو نوع من رائعتين.

57
00:02:24,690 --> 00:02:28,210
ولكنه يشهد على مجرد أيضا
إلى أي مدى قد حان التكنولوجيا.

58
00:02:28,210 --> 00:02:30,310
أعني، مرة في اليوم،
486 كان شيئا.

59
00:02:30,310 --> 00:02:34,090
في هذه الأيام، انها سوبر، سوبر،
السوبر بطيئة وأقل جيدا

60
00:02:34,090 --> 00:02:36,216
من قد يكون لديك في حياتك
جيوب الخاصة في هذه الأيام.

61
00:02:36,216 --> 00:02:38,465
هناك المزيد على أن هناك
كان أكثر محرجة.

62
00:02:38,465 --> 00:02:39,770
لذلك سأترك الامر عند هذا الحد.

63
00:02:39,770 --> 00:02:42,640
لكن ذلك كان لقائي الأول
غزوة web-- أوه، لا.

64
00:02:42,640 --> 00:02:43,180
لم يكن ذلك.

65
00:02:43,180 --> 00:02:47,000
بلدي أول مشاركة حقيقية في برمجة الويب
وكان هذا الموقع الذي كنت قد نسيت تماما.

66
00:02:47,000 --> 00:02:50,620
في مرحلة ما، وتعلمت كيفية
جعل الصور الخلفية المتكررة.

67
00:02:50,620 --> 00:02:55,260
وهكذا وجدت هذه تبليط فعالة،
مثل لاعب الهوكي، كرة القدم، والجولف

68
00:02:55,260 --> 00:02:58,040
الكرة، أو أيا كان هذا هو
للموقع Frosh الرسائل الفورية.

69
00:02:58,040 --> 00:03:01,390
وكان هذا في الواقع، بصدق
أخذت المشروع على شبكة الإنترنت أول on--

70
00:03:01,390 --> 00:03:03,880
أعتقد أنه ربما طالبة
العام، year-- صغار

71
00:03:03,880 --> 00:03:07,622
بعد أخذ CS50 وCS51، واحد
من الطبقات المتابعة المشتركة.

72
00:03:07,622 --> 00:03:09,330
لقد لاحظت في النظر
من خلال المحفوظات

73
00:03:09,330 --> 00:03:12,150
أن أحد خلفاء بلدي و
أصدقاء، لي، نوع من تغيير

74
00:03:12,150 --> 00:03:13,480
حقوق التأليف والنشر لنفسه.

75
00:03:13,480 --> 00:03:17,520
ولكن هذا كان في الواقع شيئا
وأود أن تملك إحراج.

76
00:03:17,520 --> 00:03:19,370
ولكن في ذلك الوقت، هذا
كان أول موقع،

77
00:03:19,370 --> 00:03:22,220
كما قلت قبل بضعة أسابيع،
التي يمكن طالبة

78
00:03:22,220 --> 00:03:24,350
التسجيل للحصول على الألعاب الجماعية هنا.

79
00:03:24,350 --> 00:03:27,950
وهكذا اتضح
أن الصور الخلفية

80
00:03:27,950 --> 00:03:29,530
من هذا القبيل ليست هذه فكرة جيدة.

81
00:03:29,530 --> 00:03:31,840
ولكن على شبكة الإنترنت كان جديد، و
كنا تجريب كل شيء.

82
00:03:31,840 --> 00:03:34,310
وهذا هو ما أنا
على ما يبدو فعل في ذلك الوقت.

83
00:03:34,310 --> 00:03:34,810
حسنا.

84
00:03:34,810 --> 00:03:38,020
ذلك دون مزيد من اللغط، ونحن التبديل
تستعد اليوم لتعطيك، حقا،

85
00:03:38,020 --> 00:03:42,250
قطعة النهائي التي قد تجد
مفيدة بشكل خاص للمشاريع النهائية

86
00:03:42,250 --> 00:03:44,780
ولكن أيضا من شأنها أن تبدأ ل
جعل شبكة الإنترنت العالم كله

87
00:03:44,780 --> 00:03:46,680
تشعر قليلا أكثر قابلية للفهم.

88
00:03:46,680 --> 00:03:49,460
في الواقع، ونحن في طريقنا لتقديم
أكثر واحد لغة البرمجة

89
00:03:49,460 --> 00:03:52,474
دعا جافا سكريبت هذا مماثلة
وتختلف بطرق مختلفة

90
00:03:52,474 --> 00:03:54,140
من لغات لقد نظرت حتى الآن.

91
00:03:54,140 --> 00:03:55,807
>> هكذا C، أذكر، هو هذه اللغة المترجمة.

92
00:03:55,807 --> 00:03:57,473
كنت قد حصلت على تشغيله من خلال مترجم.

93
00:03:57,473 --> 00:03:59,810
يمكنك الحصول على الشفرة المصدرية للاعتراض
رمز، أو أصفار ومنها.

94
00:03:59,810 --> 00:04:03,000
وهؤلاء هم أصفار وتلك التي
وحدة المعالجة المركزية الخاصة بك، وحدة المعالجة المركزية،

95
00:04:03,000 --> 00:04:04,360
فهم في الواقع.

96
00:04:04,360 --> 00:04:06,610
PHP، على النقيض من ذلك، ليس
لغة مترجمة.

97
00:04:06,610 --> 00:04:08,772
انها ماذا؟

98
00:04:08,772 --> 00:04:09,980
انها لغة تفسيرها.

99
00:04:09,980 --> 00:04:11,750
لذلك هناك بعض البرامج
دعا مترجم أن

100
00:04:11,750 --> 00:04:13,708
أن قراءة it-- أعلى إلى
أسفل، من اليسار إلى right--

101
00:04:13,708 --> 00:04:16,519
ومعرفة ما كل من
تركيب الخاص بك لا والوسائل،

102
00:04:16,519 --> 00:04:20,200
سواء كان ذلك في حلقة أو شرط
أو أي رقم آخر للبرمجة

103
00:04:20,200 --> 00:04:20,740
يبني.

104
00:04:20,740 --> 00:04:22,210
لذلك أن لغة تفسيرها.

105
00:04:22,210 --> 00:04:23,910
>> ثم قدمنا ​​HTML.

106
00:04:23,910 --> 00:04:26,440
وهذا HTML ولا حتى
لغة البرمجة.

107
00:04:26,440 --> 00:04:28,110
كنا نسميها ماذا؟

108
00:04:28,110 --> 00:04:31,650
لغة الترميز، الذي هو مجرد
نوع من طريقة أخرى للقول ذلك

109
00:04:31,650 --> 00:04:35,820
لايوجد بنيات البرمجة مثل
رأينا حتى مرة في اليوم من الصفر.

110
00:04:35,820 --> 00:04:36,720
لا توجد الحلقات.

111
00:04:36,720 --> 00:04:37,920
لا توجد شروط.

112
00:04:37,920 --> 00:04:40,820
انها حقا هي لغة
حول ترميز البيانات الخاصة بك

113
00:04:40,820 --> 00:04:43,620
وتنسيق أو
هيكلة أنه في بعض الطريق.

114
00:04:43,620 --> 00:04:46,147
>> CSS، وفي الوقت نفسه، وبالمثل
ليست لغة برمجة.

115
00:04:46,147 --> 00:04:47,730
حتى أن المنحى أكثر جماليا ذلك.

116
00:04:47,730 --> 00:04:50,470
ويسمح لك لفرز من صقل
أشياء مثل حجم الخط والألوان

117
00:04:50,470 --> 00:04:51,850
والتنسيب وكل ذلك.

118
00:04:51,850 --> 00:04:52,370
ثم كان لدينا

119
00:04:52,370 --> 00:04:53,160
>> SQL.

120
00:04:53,160 --> 00:04:56,010
حتى SQL هو في الواقع البرمجة
اللغة في بعض المعنى،

121
00:04:56,010 --> 00:04:59,330
وإن كانت مصممة
خصيصا لقواعد البيانات.

122
00:04:59,330 --> 00:05:03,347
ولكن على الرغم من أننا فقط أعرض لكم ل
اختيار وإدراج وحذف وتحديث

123
00:05:03,347 --> 00:05:05,430
واثنين آخرين،
اتضح يمكنك فعلا

124
00:05:05,430 --> 00:05:07,380
كتابة وظائف أو
الإجراءات، كما انهم

125
00:05:07,380 --> 00:05:11,270
ودعا، في SQL التي تبدو وتتصرف
تماما مثل PHP و C وظائف.

126
00:05:11,270 --> 00:05:12,390
حتى نعرف أن تلك موجودة.

127
00:05:12,390 --> 00:05:15,348
لكننا لا حتى عناء معهم
ونحن مجرد خدش السطح هنا.

128
00:05:15,348 --> 00:05:18,600
ثم جافا سكريبت، وكان آخر من
قدم لغاتنا رسميا.

129
00:05:18,600 --> 00:05:21,029
حتى جافا سكريبت، أيضا،
لغة تفسيرها.

130
00:05:21,029 --> 00:05:23,070
والعارفين، لا
تريد تمييزه

131
00:05:23,070 --> 00:05:26,960
مع بعض الخصائص
من كل من C و PHP؟

132
00:05:26,960 --> 00:05:28,300
ما يجعلها مختلفة؟

133
00:05:28,300 --> 00:05:29,650
>> الحضور: ليست جمعها و.

134
00:05:29,650 --> 00:05:29,930
>> DAVID مالان: قل مرة أخرى؟

135
00:05:29,930 --> 00:05:31,200
>> الحضور: ليست جمعها و.

136
00:05:31,200 --> 00:05:31,930
>> DAVID مالان: ليست جمعها و.

137
00:05:31,930 --> 00:05:33,450
لذلك، أيضا، يتم تفسيرها.

138
00:05:33,450 --> 00:05:34,760
لذلك ليس تجميعها.

139
00:05:34,760 --> 00:05:37,210
ولكن هذا يجعل من قليلا مثل PHP.

140
00:05:37,210 --> 00:05:39,545
لكنه ما زال مختلفا عن
PHP بطريقة ملفتة للنظر،

141
00:05:39,545 --> 00:05:40,920
على الأقل في الطريقة التي سوف تستخدم.

142
00:05:40,920 --> 00:05:41,205
نعم؟

143
00:05:41,205 --> 00:05:41,940
>> الجمهور: أنه يعمل من جانب العميل.

144
00:05:41,940 --> 00:05:44,000
>> DAVID مالان: تشغيله
من جانب العميل، عادة.

145
00:05:44,000 --> 00:05:47,190
هذا هو الواقع المميزة
سمة بالنسبة لنا في الوقت الحالي.

146
00:05:47,190 --> 00:05:51,170
كان C من جانب الخادم بمعنى
أن فعلنا كل شيء في IDE CS50.

147
00:05:51,170 --> 00:05:53,630
PHP تم حتى الآن
من جانب الخادم بقدر

148
00:05:53,630 --> 00:05:56,550
كما أنها، أيضا، يحصل interpreted--
لا المترجمة، ولكن interpreted--

149
00:05:56,550 --> 00:06:00,690
داخل CS50 IDE، وهو بطبيعة الحال
مجرد خادم أو خوادم في السحابة.

150
00:06:00,690 --> 00:06:03,070
>> ولكن جافا سكريبت، حتى
على الرغم من أنك كنت تريد الذهاب

151
00:06:03,070 --> 00:06:07,000
للبدء في كتابة لأنها، كما يقول، PSET
ثمانية وربما نهائي projects-- كنت

152
00:06:07,000 --> 00:06:09,620
الذهاب إلى اليمين في
IDE CS50 وحفظه

153
00:06:09,620 --> 00:06:14,760
في الملفات داخل IDE CS50، CS50 IDE
وبدوره، خوادم السحابة

154
00:06:14,760 --> 00:06:19,160
الذي هو استضافتها، لن
لتفسير أو تنفيذ التعليمات البرمجية.

155
00:06:19,160 --> 00:06:23,880
بدلا من ذلك، انه سيكون ليتم إرسالها في
شكل دون تغيير وصولا الى المتصفح.

156
00:06:23,880 --> 00:06:26,990
وانه بعد ذلك سيكون IE
أو كروم أو فايرفوكس أو سفاري

157
00:06:26,990 --> 00:06:30,697
أو أيا كان أن يفسر في الواقع
ذلك، الأعلى إلى الأسفل، من اليسار إلى اليمين.

158
00:06:30,697 --> 00:06:32,780
وبالتالي فإن المميزة رئيسي
سمة لهذا اليوم

159
00:06:32,780 --> 00:06:36,110
غير أن جافا سكريبت هو العميل
وPHP، على سبيل المثال،

160
00:06:36,110 --> 00:06:37,690
قد كان من جانب الملقم.

161
00:06:37,690 --> 00:06:40,920
الآن، وهذا له آثار مثيرة للاهتمام
ل، مثل الملكية الفكرية

162
00:06:40,920 --> 00:06:42,660
والذي يمكن أن نرى في الواقع التعليمات البرمجية.

163
00:06:42,660 --> 00:06:44,860
وبالفعل، يمكنك الذهاب
على شبكة الإنترنت وترى معظم

164
00:06:44,860 --> 00:06:47,530
أي رمز أن شخصا ما
كتب في جافا سكريبت.

165
00:06:47,530 --> 00:06:50,230
في بعض الأحيان انها قابلة للقراءة،
في بعض الأحيان هو التعتيم عليه.

166
00:06:50,230 --> 00:06:52,550
ولكن أكثر عن ذلك في الوقت المناسب.

167
00:06:52,550 --> 00:06:57,530
>> حتى جافا سكريبت، لطيف بما فيه الكفاية، هو
سوبر مماثل، نحويا، لC.

168
00:06:57,530 --> 00:06:59,364
ومثل الكثير من PHP،
ليس هناك وظيفة الرئيسية.

169
00:06:59,364 --> 00:07:02,113
إذا كنت تريد أن تبدأ الكتابة
شفرة جافا سكريبت، كما سترى اليوم،

170
00:07:02,113 --> 00:07:03,270
كنت مجرد بداية كتابة هذا التقرير.

171
00:07:03,270 --> 00:07:06,910
ولكنه، سترى، وخاصة
من المفيد في سياق متصفحات الويب.

172
00:07:06,910 --> 00:07:09,820
ومع ذلك، فإن القليل بلدي
disclaimer-- عادة earlier--

173
00:07:09,820 --> 00:07:13,790
كان يقول أنه يمكنك متزايد
استخدام جافا سكريبت اليوم من جانب الخادم

174
00:07:13,790 --> 00:07:17,655
باستخدام إطار يتوهم دعا Node.js
أن بعض التطبيقات CS50 الخاصة

175
00:07:17,655 --> 00:07:18,280
هي مكتوبة في.

176
00:07:18,280 --> 00:07:20,640
تحقق 50 يستخدم في الواقع Node.js.

177
00:07:20,640 --> 00:07:24,140
لكننا ذاهبون الى التركيز على
جافا سكريبت العميل هنا على الخروج.

178
00:07:24,140 --> 00:07:26,750
>> حتى هنا هو مجموعة من الشروط في PHP.

179
00:07:26,750 --> 00:07:29,350
عذرا، in-- في الواقع، أن
بيان، هو أيضا صحيح.

180
00:07:29,350 --> 00:07:32,200
هنا أيضا مجموعة من
الأوضاع في جافا سكريبت.

181
00:07:32,200 --> 00:07:35,560
نحويا، فمن
مطابقة لC وPHP.

182
00:07:35,560 --> 00:07:39,040
تعبيرات السيد بوول هي،
وبالمثل، نحويا

183
00:07:39,040 --> 00:07:41,190
متطابقة إلى كل من C و PHP.

184
00:07:41,190 --> 00:07:44,100
لدينا أيضا مفاتيح في
جافا سكريبت التي تبدو متطابقة.

185
00:07:44,100 --> 00:07:46,350
لدينا لحلقات التي هي
منظم مماثل،

186
00:07:46,350 --> 00:07:48,140
بينما الحلقات، والقيام به أثناء الحلقات.

187
00:07:48,140 --> 00:07:49,980
>> هذا واحد مختلفة قليلا.

188
00:07:49,980 --> 00:07:53,120
كان PHP ولكل بناء
التي قد تكون باستخدام

189
00:07:53,120 --> 00:07:55,320
أو سوف تستخدم في PSET سبعة، ربما.

190
00:07:55,320 --> 00:07:59,460
جافا سكريبت لديه هذا إصدار خاص من
لتعرف أين أنت تقول حرفيا شيء

191
00:07:59,460 --> 00:08:03,864
مثل لمفتاح متغير في الكائن، الذي
هي طريقة مختصرة جدا للقول،

192
00:08:03,864 --> 00:08:06,780
إذا كنت قد حصلت على object-- وسنقوم
الحديث عن هذه مرة أخرى في اللحظات،

193
00:08:06,780 --> 00:08:10,370
وأريد أن أعاد على كل
من أزواج قيمة المفتاح في الداخل،

194
00:08:10,370 --> 00:08:13,620
ليس لدي لمعرفة كيفية
مؤشر عدديا لهم الصفر، واحد،

195
00:08:13,620 --> 00:08:14,580
اثنين ثلاثة.

196
00:08:14,580 --> 00:08:15,900
>> أستطيع أن أقول هذا حرفيا.

197
00:08:15,900 --> 00:08:20,740
وعلى كل التكرار، وجافا سكريبت
بالنسبة لي سوف تحديث مفتاح متغير

198
00:08:20,740 --> 00:08:24,810
أن تكون المفتاح الأول، ثم اضغط على مفتاح المقبل،
ثم المفتاح التالي، ثم اضغط على مفتاح المقبل،

199
00:08:24,810 --> 00:08:25,510
وهكذا دواليك.

200
00:08:25,510 --> 00:08:30,000
ويمكنني الحصول على قيمتها عن طريق علاج
كائن في جافا سكريبت، كما سنرى،

201
00:08:30,000 --> 00:08:32,584
كما لو انها
مجموعة النقابي في PHP.

202
00:08:32,584 --> 00:08:35,750
في الواقع، إذا كنت ملفوفة أخيرا لكم
تمانع حول ما هي مجموعة النقابي

203
00:08:35,750 --> 00:08:40,140
في PHP، يمكنك التفكير في الأمر في الوقت الحالي ل
مطابق للكائن في جافا سكريبت.

204
00:08:40,140 --> 00:08:42,030
ولكن هذا قليلا من
في التبسيط.

205
00:08:42,030 --> 00:08:47,230
>> صفائف تبدو، لطيف بما فيه الكفاية، متطابقة
لPHP عدا حرف واحد.

206
00:08:47,230 --> 00:08:51,425
هناك شيء واحد في عداد المفقودين هنا
أننا لم نرى الأسبوع الماضي مع PHP.

207
00:08:51,425 --> 00:08:52,050
ما حذفت؟

208
00:08:52,050 --> 00:08:53,310
نعم؟

209
00:08:53,310 --> 00:08:54,090
أي علامة الدولار.

210
00:08:54,090 --> 00:08:56,240
لذلك نحن مرة أخرى إلى
المزيد من العالم الطبيعي حيث

211
00:08:56,240 --> 00:08:58,050
متغيرات ليس لديهم علامات الدولار.

212
00:08:58,050 --> 00:09:00,810
ولكنك بادئة لهم
مع فار، عادة.

213
00:09:00,810 --> 00:09:02,230
وفار يعني متغير.

214
00:09:02,230 --> 00:09:06,440
ومثل الكثير من PHP غير فضفاضة
typed-- حيث هناك أنواع،

215
00:09:06,440 --> 00:09:10,120
هناك أعداد وسلاسل
والعوامات وforth-- ذلك

216
00:09:10,120 --> 00:09:11,570
جافا سكريبت لديها بالمثل أنواع.

217
00:09:11,570 --> 00:09:15,470
لكنه كتبته فضفاضة في أن لدينا
المبرمجين لا داعي لتحديد لهم.

218
00:09:15,470 --> 00:09:18,980
علينا فقط أن تكون على علم
أن أنواع مختلفة موجودة.

219
00:09:18,980 --> 00:09:21,690
>> المتغيرات، meanwhile-- هنا كيف
ونحن قد يعلن "مرحبا، العالم"

220
00:09:21,690 --> 00:09:22,230
كسلسلة.

221
00:09:22,230 --> 00:09:24,890
لاحظ انها مطابقة ل
PHP ولكن لا علامة الدولار.

222
00:09:24,890 --> 00:09:27,120
وهذا هو ما سنقوم
تبدأ في رؤية أكثر اليوم،

223
00:09:27,120 --> 00:09:30,990
حيث لديك كائن
مع المفاتيح والقيم.

224
00:09:30,990 --> 00:09:32,990
وإذا كنت تريد أن تجرب
أن نستنتج من week-- آخر

225
00:09:32,990 --> 00:09:34,730
بناء الجملة يختلف قليلا.

226
00:09:34,730 --> 00:09:39,740
ولكن القليل من التعقل check-- وكم
مفاتيح لا يبدو هذا الكائن لديك؟

227
00:09:39,740 --> 00:09:40,850
لذلك أرى الأربعة.

228
00:09:40,850 --> 00:09:43,560
أرى اثنين.

229
00:09:43,560 --> 00:09:44,680
>> حتى انها في الواقع اثنين.

230
00:09:44,680 --> 00:09:47,260
لذلك هذا هو عبارة عن مجموعة
اثنين من أزواج قيمة المفتاح.

231
00:09:47,260 --> 00:09:49,820
والمفتاح هو رمز قيمته هو FB.

232
00:09:49,820 --> 00:09:52,620
والمفتاح هو السعر الذي قيمتها 101.53.

233
00:09:52,620 --> 00:09:54,230
حتى تلك هي اثنين من أزواج قيمة المفتاح.

234
00:09:54,230 --> 00:09:58,120
وتذكر، PHP-- وهذا هو مرة أخرى
مجرد نوع من الاختلاف النحوي.

235
00:09:58,120 --> 00:10:00,170
انها ليست كل ما
اهتمام فكريا.

236
00:10:00,170 --> 00:10:04,610
PHP قد كتبت هذا نفسه
الشيء كما اقتبس follows--، يساوي.

237
00:10:04,610 --> 00:10:06,730
ويمكنني تغيير هذه إلى أقواس معقوفة.

238
00:10:06,730 --> 00:10:11,240
ومن ثم يمكنني تغيير هذا ل
كلمة نقلت "الثمن".

239
00:10:11,240 --> 00:10:12,500
وبعد ذلك لا تستخدم القولون.

240
00:10:12,500 --> 00:10:15,060
ماذا استعمل الأسبوع الماضي؟

241
00:10:15,060 --> 00:10:18,290
نعم، علامة المساواة
السهم التدوين غير تقليدي.

242
00:10:18,290 --> 00:10:21,470
>> ثم فعلت نفس الشيء هنا.

243
00:10:21,470 --> 00:10:23,580
نفس الشيء هنا.

244
00:10:23,580 --> 00:10:24,240
و هذا كل شيء.

245
00:10:24,240 --> 00:10:27,752
لذلك فإنه على ما يرام إذا كان هذا لم
غرقت حقا في الذاكرة فقط

246
00:10:27,752 --> 00:10:29,960
ولكن لأنها في الحقيقة
رتيبا فكريا.

247
00:10:29,960 --> 00:10:31,660
انها مجرد اختلافات النحوية.

248
00:10:31,660 --> 00:10:33,230
لكن الأفكار هي نفسها بالضبط.

249
00:10:33,230 --> 00:10:35,910
داخل هذا المتغير
الاقتباس في جافا سكريبت

250
00:10:35,910 --> 00:10:39,020
هي عبارة عن مجموعة من أزواج قيمة المفتاح،
واحدة منها هي رمز، واحدة منها

251
00:10:39,020 --> 00:10:39,690
هو السعر.

252
00:10:39,690 --> 00:10:42,340
ويمكنني الحصول على تلك القيم
مع بناء الجملة التالية.

253
00:10:42,340 --> 00:10:46,280
مثلما هو الحال في PHP، لم أستطع
دعونا نفعل شيئا like--

254
00:10:46,280 --> 00:10:48,590
لي أن هذا الإطار أكبر قليلا.

255
00:10:48,590 --> 00:10:52,750
مثلما هو الحال في PHP، لم أستطع
جعل this-- أوه، اللعنة.

256
00:10:52,750 --> 00:10:53,250
هيا.

257
00:10:53,250 --> 00:10:56,350

258
00:10:56,350 --> 00:11:00,800
>> مثلما هو الحال في PHP-- موافق، وسوف نقوم
مجرد استخدام الملاحظات مقدم.

259
00:11:00,800 --> 00:11:06,010
مثلما هو الحال في PHP، لا يسعني
قيام $ $ الاقتباس الاقتباس ["رمز"]،

260
00:11:06,010 --> 00:11:08,860
وهذا سوف يحصل لي
قيمة "رمزا".

261
00:11:08,860 --> 00:11:12,800
في جافا سكريبت، فإنه سيكون
متطابقة، حيث أستطيع أن أفعل هذا فقط.

262
00:11:12,800 --> 00:11:14,850
الشيء الوحيد الذي
مفقود هو الدولار.

263
00:11:14,850 --> 00:11:17,470
>> لطيف جدا بما فيه الكفاية، ثم، هناك
ليس كل ذلك التركيب الجديد الكثير.

264
00:11:17,470 --> 00:11:21,025
فما اليوم ونحن نركز على، حقا، هو
بعض الأفكار والتطبيقات.

265
00:11:21,025 --> 00:11:22,900
وأول هذه
التطبيق الذي قد

266
00:11:22,900 --> 00:11:26,090
شهدت إذا كنت اتجه الى PSET
سبعة بالفعل هذا النحو.

267
00:11:26,090 --> 00:11:28,980
حتى في PSET سبعة، إذا كنت قد
رأيت أو لم يطلعوا عليه بعد،

268
00:11:28,980 --> 00:11:33,570
أعلم أن هناك ملف نعطي
قمت بالاتصال config.json-- جافا سكريبت

269
00:11:33,570 --> 00:11:34,661
الاعتراض الترقيم.

270
00:11:34,661 --> 00:11:35,160
لماذا ا؟

271
00:11:35,160 --> 00:11:39,540
كنا نريد أن تكون قادرة على توفير لكم مع
قالب مع بعض أزواج قيمة المفتاح.

272
00:11:39,540 --> 00:11:44,290
كنا نريد أن تكون قادرة على إعطائك قائمة
من المضيف، واسم الخادم.

273
00:11:44,290 --> 00:11:46,710
أردنا أن نعطيكم
نائب عن اسم المستخدم

274
00:11:46,710 --> 00:11:48,210
ونائب لكلمة المرور الخاصة بك.

275
00:11:48,210 --> 00:11:49,410
إذا كنت لا ترى
هذا حتى الآن، لا داعي للقلق.

276
00:11:49,410 --> 00:11:51,340
المزيد عن هذا في PSET سبعة
[؟ المواصفات. ؟] وثم،

277
00:11:51,340 --> 00:11:53,173
من الواضح، ونحن نريد لك
لملء إلى دوس

278
00:11:53,173 --> 00:11:55,310
لأنه عندما تقوم بتسجيل الدخول إلى
CS50 IDE، كل واحد منكم

279
00:11:55,310 --> 00:11:57,630
يكون اسم المستخدم الخاص بك وكلمة المرور.

280
00:11:57,630 --> 00:12:00,910
>> حتى نتمكن من قد استخدمت نصف دزينة
أو أكثر تنسيقات الملفات المختلفة.

281
00:12:00,910 --> 00:12:02,940
نحن يمكن أن تستخدم ملف .txt.

282
00:12:02,940 --> 00:12:04,570
نحن يمكن استخدام ملف CSV.

283
00:12:04,570 --> 00:12:06,745
نحن يمكن لقد استخدمت
ملف INI، ملف XML،

284
00:12:06,745 --> 00:12:09,370
مجموعة كاملة المزيد من الاختصارات التي
قد لا يكون سمع.

285
00:12:09,370 --> 00:12:11,244
انها نوع من التعسفي
في نهاية اليوم.

286
00:12:11,244 --> 00:12:16,030
لكن السوبر شعبية في هذه الأيام هو النص
شكل يسمى كائن JSON-- جافا سكريبت

287
00:12:16,030 --> 00:12:18,460
Notation-- يشبه هذا.

288
00:12:18,460 --> 00:12:20,890
انها خفي قليلا،
ولكن لاحظ الأنماط.

289
00:12:20,890 --> 00:12:24,180
عليك أن تبدأ مع مجعد مفتوحة
قوس، وينتهي بك مع نفسه.

290
00:12:24,180 --> 00:12:26,550
داخل هذا شيء.

291
00:12:26,550 --> 00:12:27,920
انها زوج قيمة المفتاح.

292
00:12:27,920 --> 00:12:30,580
لذلك هذا هو الكائن الذي أنا
أبحث في على الشاشة هنا

293
00:12:30,580 --> 00:12:33,690
الذي لديه مفتاح واحد، والتي لديها قيمة واحدة.

294
00:12:33,690 --> 00:12:37,610
ومجرد استنتاج يستند إلى
النمط السابق، ما هو المفتاح هنا؟

295
00:12:37,610 --> 00:12:39,790
قاعدة بيانات، والشيء ل
يسار القولون.

296
00:12:39,790 --> 00:12:43,500
>> الآن، وقيمة يحدث أن تكون
على عدة خطوط هذه المرة.

297
00:12:43,500 --> 00:12:46,760
لكن القيمة تبدأ مع مجعد
يستعدوا وينتهي متعرج.

298
00:12:46,760 --> 00:12:49,480
فماذا تقترحون هو
نوع من قيمة قاعدة البيانات؟

299
00:12:49,480 --> 00:12:52,160

300
00:12:52,160 --> 00:12:54,670
A القاموس، أو فقط أكثر
بإيجاز، كائن.

301
00:12:54,670 --> 00:12:55,170
الصحيح؟

302
00:12:55,170 --> 00:13:00,010
هذا هو نوع من بنية البيانات التي
يمكن استخدام الهياكل الأخرى داخل نفسه.

303
00:13:00,010 --> 00:13:02,750
حتى إذا كان هذا كل شيء نحن
استدعاء object-- وكائن

304
00:13:02,750 --> 00:13:07,101
هو مجرد حفنة من القيمة الأساسية pairs-- لل
قيمة قاعدة البيانات نفسها هو كائن.

305
00:13:07,101 --> 00:13:10,350
قيمة قاعدة البيانات تحتوي على مجموعة كاملة
أزواج قيمة المفتاح الأول منها

306
00:13:10,350 --> 00:13:13,130
هو المضيف، ثم الاسم ثم
اسم المستخدم، ثم كلمة السر،

307
00:13:13,130 --> 00:13:17,550
كل من قيمها، وفي الوقت نفسه، فإنه من
مجرد سلسلة مملة في علامات اقتباس مزدوجة.

308
00:13:17,550 --> 00:13:19,770
>> وذلك حتى إذا كان هذا لا
واضح سوبر فقط حتى الآن،

309
00:13:19,770 --> 00:13:22,740
أعلم أن هذا هو مجرد
المعيار، طريقة مملة إلى حد ما

310
00:13:22,740 --> 00:13:25,190
لتخزين البيانات في شكل موحد.

311
00:13:25,190 --> 00:13:27,700
ولكن الأخطاء الشائعة التي
قد يجعل، حتى في PSET سبعة،

312
00:13:27,700 --> 00:13:32,120
هي أشياء غبية قليلا، مثل إذا كنت
بطريق الخطأ حذف الفاصلة هناك.

313
00:13:32,120 --> 00:13:34,900
هذا سوف يؤدي في ملف
لا يجري بالضرورة قابلة للقراءة.

314
00:13:34,900 --> 00:13:38,191
إذا كنت غير قصد حذف أشياء مثل
ونقلت وانها لن تكون قابلة للقراءة.

315
00:13:38,191 --> 00:13:41,654
لذلك هو تنسيق ملف nitpicky جدا،
لكنه واحد وهذا شائع فائقة.

316
00:13:41,654 --> 00:13:44,820
ويحدث لأننا استخدامه، على الرغم من
كنت لا تستخدم أي جافا سكريبت غير ذلك،

317
00:13:44,820 --> 00:13:46,330
في PSET سبعة.

318
00:13:46,330 --> 00:13:46,860
>> حسنا.

319
00:13:46,860 --> 00:13:48,110
لذا تذكر هذه الصورة.

320
00:13:48,110 --> 00:13:51,657
تحدثنا عنها، في HTML، أن
رمز قد تبدو هذه.

321
00:13:51,657 --> 00:13:54,740
هذه هي لغة توصيف النص التشعبي
(غير مسموع) للتو "مرحبا، العالم".

322
00:13:54,740 --> 00:13:57,570
ولكن بعد ذلك اقترحنا
حين يعود أنه إذا كان يساعد،

323
00:13:57,570 --> 00:14:00,210
قد ترغب في البدء في التفكير
حول هذا بالفعل مثل شجرة.

324
00:14:00,210 --> 00:14:03,730
في الواقع، فإن المسافة البادئة أننا
مجرد استخدام من أجل سهولة القراءة في

325
00:14:03,730 --> 00:14:05,610
أو من أجل نمط على
يمكن لليسار نوع من

326
00:14:05,610 --> 00:14:10,040
أن تترجم إلى هذه الشجرة، حيث كنت
لدينا بعض عقدة الجذر الخاصة التي سنقوم

327
00:14:10,040 --> 00:14:16,860
تسمى بوجه عام الوثيقة أدناه والتي
هو عنصر HTML الجذر أو العلامة، HTML،

328
00:14:16,860 --> 00:14:19,980
وثم اثنين
الأطفال والرأس والجسم.

329
00:14:19,980 --> 00:14:21,750
>> ثم بدوره، رئيس لديه العنوان.

330
00:14:21,750 --> 00:14:23,440
ولقب له قيمة النص.

331
00:14:23,440 --> 00:14:26,130
والهيئة لديها بالمثل قيمة النص.

332
00:14:26,130 --> 00:14:29,220
حتى إذا كنت تريد أن تقول مريح
أن نعم، هل يمكن أن أغتنم هذه HTML

333
00:14:29,220 --> 00:14:32,080
ورسم صورة مثل
هذا، وعلى الجانب الأيمن

334
00:14:32,080 --> 00:14:35,910
هو نموذج عقلي لطيف لأنه الآن
أن لدينا جافا سكريبت، والبرمجة

335
00:14:35,910 --> 00:14:39,960
اللغة التي تستطيع المتصفحات
تنفيذ وتفسير بالنسبة لك،

336
00:14:39,960 --> 00:14:42,690
اتضح أن ما
نحن على وشك القيام به في التعليمات البرمجية

337
00:14:42,690 --> 00:14:45,320
تم البدء في التعامل مع هذا
بنية شجرة في الذاكرة.

338
00:14:45,320 --> 00:14:47,070
ليس لدينا لبناء
شجرة في الذاكرة.

339
00:14:47,070 --> 00:14:49,880
ليس لدينا للقيام نوع من
هيكل البيانات على غرار PSET خمسة

340
00:14:49,880 --> 00:14:50,650
التعقيد.

341
00:14:50,650 --> 00:14:54,610
متصفح، لطيف بما فيه الكفاية، على
تفسير HTML أعلى إلى أسفل،

342
00:14:54,610 --> 00:14:58,600
إلى اليمين أو اليسار، يجري حرفيا ل
يسلمنا ما يعادل مؤشر

343
00:14:58,600 --> 00:15:00,840
إلى تلك الشجرة بأكملها مجانا.

344
00:15:00,840 --> 00:15:02,150
وهو يفعل كل العمل الشاق.

345
00:15:02,150 --> 00:15:05,520
هذا ما موزيلا وآبل
والبعض الآخر قد فعلت بالنسبة لنا.

346
00:15:05,520 --> 00:15:09,400
>> ومع جافا سكريبت نحن ذاهبون ل
تكون قادرة على السيطرة وتغيير والقيام

347
00:15:09,400 --> 00:15:12,910
أشياء مثيرة للاهتمام ل
تلك الشجرة، والمعروف

348
00:15:12,910 --> 00:15:15,880
باعتباره DOM أو كائن المستند النموذجي.

349
00:15:15,880 --> 00:15:17,110
ما أنواع الأشياء؟

350
00:15:17,110 --> 00:15:19,030
حسنا، اتضح أن
في جافا سكريبت، هناك

351
00:15:19,030 --> 00:15:22,800
هذه قائمة من
الأحداث التي يمكن أن تحدث.

352
00:15:22,800 --> 00:15:26,330
ونحن لم تستخدم حقا أن
كلمة منذ أسبوع الصفر وPSET

353
00:15:26,330 --> 00:15:28,240
صفر عندما تحدثنا عن الصفر.

354
00:15:28,240 --> 00:15:31,390
معظمكم ربما لم تستخدم
حدث في مشروع سكراتش الخاص بك.

355
00:15:31,390 --> 00:15:33,850
ولكن قد تذكرون
وبسيط ماركو بولو

356
00:15:33,850 --> 00:15:36,760
سبيل المثال، حيث كان لدينا اثنين
واحد منهم قال العفاريت، وماركو.

357
00:15:36,760 --> 00:15:40,180
والبعض منهم بعد ذلك، على الاستماع
وسماع هذا الحدث، قال بولو.

358
00:15:40,180 --> 00:15:42,080
إن لم يكن، لا تتردد في
ننظر إلى الوراء أن يعود.

359
00:15:42,080 --> 00:15:44,450
>> ولكن هذا هو فقط ل
أقول، ويمكنك نوع من

360
00:15:44,450 --> 00:15:47,730
نستنتج من أسماء هؤلاء
الأشياء، وجافا سكريبت، كما تبين،

361
00:15:47,730 --> 00:15:53,200
سوف يعطينا وسيلة للاستماع
فأرة الحاسوب تتراجع أو الماوس الصعود

362
00:15:53,200 --> 00:15:57,920
أو مفتاح نزول أو مفتاح
الذهاب لأعلى أو onselect onsubmit

363
00:15:57,920 --> 00:15:59,740
أو onresizing شيء.

364
00:15:59,740 --> 00:16:03,060
وبعبارة أخرى، فإن أي إجراء المادي
أن الإنسان يمكن أن تتخذ مع متصفح

365
00:16:03,060 --> 00:16:08,210
أن تفعل كل يوم، يمكنك كتابة
رمز لأن يستمع لتلك الأحداث

366
00:16:08,210 --> 00:16:10,220
ثم يفعل شيئا المناسب.

367
00:16:10,220 --> 00:16:14,130
>> على سبيل المثال، إذا كنت تستخدم خرائط جوجل،
ماذا يحدث إذا قمت بالنقر فوق والتحرك

368
00:16:14,130 --> 00:16:16,250
الماوس، وعادة؟

369
00:16:16,250 --> 00:16:17,758
إذا قمت بالنقر فوق واسحب؟

370
00:16:17,758 --> 00:16:18,258
نعم؟

371
00:16:18,258 --> 00:16:21,701

372
00:16:21,701 --> 00:16:22,200
بالضبط.

373
00:16:22,200 --> 00:16:23,159
خريطة يبدأ في التحرك.

374
00:16:23,159 --> 00:16:25,616
حتى تتمكن من نوع من رؤية ما
أكثر من هنا، ما هو أكثر من هناك.

375
00:16:25,616 --> 00:16:27,130
وكيف تتعامل Google تنفيذ ذلك؟

376
00:16:27,130 --> 00:16:29,421
حسنا، ربما، انهم
باستخدام اثنين من هذه الحدث

377
00:16:29,421 --> 00:16:31,720
المستمعين، واحدة أن
يقول، والاستماع لعلى الماوس

378
00:16:31,720 --> 00:16:35,410
down-- ذلك عندما يقوم المستخدم جسديا
يدفع له وحة التتبع أو له أو لها الماوس

379
00:16:35,410 --> 00:16:36,010
أسفل.

380
00:16:36,010 --> 00:16:38,350
وبعد ذلك نحن نبحث عن
شيء من هذا القبيل الحركة

381
00:16:38,350 --> 00:16:41,145
أو بعض الأحداث الأخرى التي
يسمح لنا لالتقاط السحب.

382
00:16:41,145 --> 00:16:45,910
في واقع الأمر، السحب هو بالمثل في هذا
نقطة نقطة نقطة قائمة من الخيارات الممكنة.

383
00:16:45,910 --> 00:16:49,140
>> ولذلك فإن هذا سيكون قوية
طريقة لبدء الاستجابة للمستخدم

384
00:16:49,140 --> 00:16:52,824
حتى قبل أن ينقر في الواقع
شيء صريح تقديم مثل.

385
00:16:52,824 --> 00:16:55,240
ولكن ونحن في طريقنا لتقديم
على الموضوعات الزوجين للوصول إلى هناك.

386
00:16:55,240 --> 00:16:58,570
ولكن أولا، دعونا الانتقالية
بعض الرمز الفعلي.

387
00:16:58,570 --> 00:17:01,450
لذلك أنا ذاهب للذهاب
قدما وفتح دوم-0،

388
00:17:01,450 --> 00:17:05,869
وهو مثال بسيط جدا
هنا انه اذا كنت تكبير ببساطة

389
00:17:05,869 --> 00:17:08,500
لديه هذا الإدخال هنا بالنسبة لي.

390
00:17:08,500 --> 00:17:12,410
وانا ذاهب الى المضي قدما واكتب في
"ديفيد" لاسمي وانقر فوق إرسال.

391
00:17:12,410 --> 00:17:17,940
>> وبعد ذلك، وإن كان ذلك النوع من بثمن بخس، وأنا
يكون هذا موجه التي دفعها الذي يقول:

392
00:17:17,940 --> 00:17:19,244
"مرحبا، ديفيد!"

393
00:17:19,244 --> 00:17:21,740
لذلك هذا هو نوع من
لدينا مثل "مرحبا، العالم"

394
00:17:21,740 --> 00:17:25,150
أن فعلنا لحظة العودة في C و
حتى في PHP لأنني حيوي

395
00:17:25,150 --> 00:17:26,310
أنتج اسمي.

396
00:17:26,310 --> 00:17:28,230
يمكنني القيام به اسم شخص آخر هنا.

397
00:17:28,230 --> 00:17:31,240
أنا يمكن ببساطة تغيير هذا،
مثل، هانا، انقر فوق إرسال.

398
00:17:31,240 --> 00:17:33,780
وبالفعل، فإن التغييرات المنبثقة قليلا.

399
00:17:33,780 --> 00:17:36,650
>> الآن، والنوافذ المنبثقة هي واحدة من
معظم الميزات المعنفات على شبكة الإنترنت.

400
00:17:36,650 --> 00:17:38,520
في واقع الأمر، مرة أخرى في
حاصرات المنبثقة اليوم

401
00:17:38,520 --> 00:17:40,820
وجاء في رواج لأنك
سيذهب الى بعض website--

402
00:17:40,820 --> 00:17:43,604
ربما place-- مشكوك فيه
التي من شأنها ثم فجأة

403
00:17:43,604 --> 00:17:46,020
بدء تمتليء الشاشة
مع مجموعة كاملة من النوافذ المنبثقة.

404
00:17:46,020 --> 00:17:49,700
وحتى هذه القدرة ليطفو على السطح
نوافذ أمام المستخدم

405
00:17:49,700 --> 00:17:52,372
لم يكن ولا سيما
استقبالا جيدا من قبل الإنسانية.

406
00:17:52,372 --> 00:17:54,080
ولهذا السبب ترى
هذا منع شيء،

407
00:17:54,080 --> 00:17:55,706
الذي يجعل من مجرد هذا الشيء كله قبيح.

408
00:17:55,706 --> 00:17:57,996
لذلك نحن ذاهبون في حاجة إلى
أفضل طريقة للمطالبة المستخدم.

409
00:17:57,996 --> 00:17:59,350
ولكن الآن، يبدو أن العمل.

410
00:17:59,350 --> 00:18:03,320
حتى مجرد حدسي، ما
ويبدو أن يحدث هنا؟

411
00:18:03,320 --> 00:18:07,870
I المضي قدما وانقر إرسال، و
ثم شيئا ما يحدث، بشكل واضح.

412
00:18:07,870 --> 00:18:12,870
ولكن ما لا يحدث ذلك لم يحدث
الأسبوع الماضي أي وقت أنا النقر إرسال؟

413
00:18:12,870 --> 00:18:15,940
ما لم يحدث على الشاشة؟

414
00:18:15,940 --> 00:18:17,170
آسف؟

415
00:18:17,170 --> 00:18:18,010
تحديث الصفحة.

416
00:18:18,010 --> 00:18:19,720
وقال إن URL لا تغيير على الإطلاق.

417
00:18:19,720 --> 00:18:22,250
قلت كان هذا دوم-0،
وأنا ما زلت في دوم-0.

418
00:18:22,250 --> 00:18:26,890
عادة، لكنا الحصول على تغيير لبعض الدول الاخرى
URL، مثل register.php أو ما شابه ذلك.

419
00:18:26,890 --> 00:18:29,560
>> ولكن حتى عندما رفض
هذا الشيء عن طريق النقر فوق موافق،

420
00:18:29,560 --> 00:18:32,310
تلاحظ أن URL
يبقى وضع تماما.

421
00:18:32,310 --> 00:18:35,350
و، في الواقع، إذا أنا قليلا
المتشككين، اسمحوا لي أن تفتح كروم.

422
00:18:35,350 --> 00:18:36,860
اسمحوا لي أن فتح علامة التبويب الشبكة.

423
00:18:36,860 --> 00:18:38,360
وتلاحظ انها فارغة في الوقت الراهن.

424
00:18:38,360 --> 00:18:40,700
اسمحوا لي أن المضي قدما في إعادة ماريا.

425
00:18:40,700 --> 00:18:42,810
ليس هناك حركة مرور الشبكة على الإطلاق.

426
00:18:42,810 --> 00:18:44,320
لذلك ليس هناك HTTP.

427
00:18:44,320 --> 00:18:47,620
>> حتى في الواقع، إذا نظرت إلى شفرة المصدر
لthis-- اسمحوا لي أن إغلاق هذه النافذة

428
00:18:47,620 --> 00:18:49,480
وانتقل إلى عرض المصدر.

429
00:18:49,480 --> 00:18:50,400
مثير للإعجاب.

430
00:18:50,400 --> 00:18:53,520
يبدو أن هناك بعض
العلامات الجديدة، من بينها النصي.

431
00:18:53,520 --> 00:18:57,490
لذلك دعونا نلقي نظرة داخل CS50
IDE بالضبط ما كنت إرسالها إلى المستخدم.

432
00:18:57,490 --> 00:19:00,690
>> حتى هنا is-- دعونا
التركيز على HTML فقط.

433
00:19:00,690 --> 00:19:03,500
وهنا في النصف السفلي من دوم-0.html.

434
00:19:03,500 --> 00:19:07,830
وتلاحظ أنه حصل على اللقب،
علامة الرأس، علامة الجسم، علامة النموذج.

435
00:19:07,830 --> 00:19:11,257
ولكن ما يقفز خارج لكم في
مختلفة، وخاصة إذا لم يسبق لك

436
00:19:11,257 --> 00:19:12,590
كتابي أي جافا سكريبت نفسك.

437
00:19:12,590 --> 00:19:14,920
اسمحوا لي أن انتقل قليلا
إلى هنا.

438
00:19:14,920 --> 00:19:18,330
لقد حصلت على المدخلات،
إدخال آخر لتقديم.

439
00:19:18,330 --> 00:19:21,410
لقد حصلت على الهوية، والذي هو نوع من جديد.

440
00:19:21,410 --> 00:19:22,790
لكننا لم نرى هذا مع CSS.

441
00:19:22,790 --> 00:19:24,480
ماذا هو بالتأكيد الجديد؟

442
00:19:24,480 --> 00:19:24,980
نعم؟

443
00:19:24,980 --> 00:19:30,580

444
00:19:30,580 --> 00:19:32,140
لطيف.

445
00:19:32,140 --> 00:19:32,760
>> حسنا.

446
00:19:32,760 --> 00:19:35,630
ذلك حيث تقول onsubmit،
لاحظت ما يبدو أن يتبع.

447
00:19:35,630 --> 00:19:38,740
هذا هو سمة
في HTML التسميات.

448
00:19:38,740 --> 00:19:40,944
قيمتها هذه السلسلة نقلت هنا.

449
00:19:40,944 --> 00:19:42,860
وهذا يبدو قليلا
غريبة للوهلة الأولى.

450
00:19:42,860 --> 00:19:44,050
انها ليست HTML.

451
00:19:44,050 --> 00:19:45,240
انها ليست CSS.

452
00:19:45,240 --> 00:19:47,580
هذا هو، كما قد يتبادر إلى ذهنك، وجافا سكريبت.

453
00:19:47,580 --> 00:19:51,850
لذلك يبدو أن في صلب هذا
صفحة على شبكة الإنترنت هي وظيفة تسمى تحية.

454
00:19:51,850 --> 00:19:54,250
وأنا استنتاج أن فقط
لأنها كلمة واحدة، تحية.

455
00:19:54,250 --> 00:19:55,880
انها حصلت على paren مفتوحة،
paren وثيقة، منقوطة.

456
00:19:55,880 --> 00:19:58,095
يبدو وكأنه وظيفة C،
يبدو وكأنه وظيفة PHP.

457
00:19:58,095 --> 00:20:00,370
>> والواقع، انه سيكون ل
أن تكون وظيفة جافا سكريبت.

458
00:20:00,370 --> 00:20:01,440
ثم أعود كاذبة.

459
00:20:01,440 --> 00:20:03,440
سوف نعود ل
أن في مجرد لحظة.

460
00:20:03,440 --> 00:20:05,320
ولكن حيث يتم تعريف هذه الوظيفة؟

461
00:20:05,320 --> 00:20:07,950
حسنا اسمحوا لي أن انتقل إلى أعلى
إلى أعلى الملف.

462
00:20:07,950 --> 00:20:11,710
وعلى الرغم من انها طابور طويل،
انها واضحة نسبيا.

463
00:20:11,710 --> 00:20:15,000
اسمحوا لي أن التصغير هنا و
التركيز على هذه الخطوط الأربعة.

464
00:20:15,000 --> 00:20:17,137
>> حتى في جافا سكريبت، فقط
مثل PHP، أنت فقط

465
00:20:17,137 --> 00:20:19,720
ويقول، حرفيا، كلمة "وظيفة"
اسم الوظيفة،

466
00:20:19,720 --> 00:20:22,700
ثم الأقواس مع أي
arguments-- أي حجج في هذه القضية.

467
00:20:22,700 --> 00:20:25,290
وليس هناك نوع الإرجاع
في جافا سكريبت، تماما مثل PHP.

468
00:20:25,290 --> 00:20:29,470
لذلك فمن اكثر مرونة قليلا من C.
متعرج مفتوحة، بالقرب متعرج.

469
00:20:29,470 --> 00:20:33,270
في صلب جافا سكريبت هو function--
ليس function-- الموصى بها

470
00:20:33,270 --> 00:20:35,730
ولكن وظيفة تسمى حالة تأهب
هدفه الوحيد في الحياة

471
00:20:35,730 --> 00:20:38,620
هو لسحب ما يصل قبيحة جدا أن
المطالبة التي رأيناها قبل لحظة.

472
00:20:38,620 --> 00:20:40,950
>> الآن هذا هو نوع من الفم.

473
00:20:40,950 --> 00:20:42,560
ما الذي يحدث هنا؟

474
00:20:42,560 --> 00:20:45,840
لذلك دعونا نبدأ ل
تسليط الضوء على كل شيء هنا.

475
00:20:45,840 --> 00:20:48,540
هذا هو نفس الحجة لتنبيه.

476
00:20:48,540 --> 00:20:49,530
وما الذي يحدث؟

477
00:20:49,530 --> 00:20:51,200
هذا يبدو وكأنه سلسلة.

478
00:20:51,200 --> 00:20:59,180
واتضح، على عكس PHP وخلافا ل
C، لا يهم في جافا سكريبت

479
00:20:59,180 --> 00:21:01,090
إذا كنت علامات الاقتباس المفردة أو علامات اقتباس مزدوجة.

480
00:21:01,090 --> 00:21:02,060
انهم سوف يكون معادلا.

481
00:21:02,060 --> 00:21:03,769
وبصراحة، انها مجرد
شعبية في هذه الأيام

482
00:21:03,769 --> 00:21:06,726
للمبرمجين جافا سكريبت لتتمكن دائما
استخدام علامات الاقتباس المفردة لسبب ما.

483
00:21:06,726 --> 00:21:07,840
انها مجرد شيء للقيام به.

484
00:21:07,840 --> 00:21:09,710
ولكن يمكننا استخدام علامات الاقتباس المزدوجة، كذلك.

485
00:21:09,710 --> 00:21:11,540
>> حتى زائد هو شخصية جديدة.

486
00:21:11,540 --> 00:21:14,512
لكن أولئك منكم الذين فعلوا
هذا من قبل، ماذا يعني زائد؟

487
00:21:14,512 --> 00:21:16,440
نعم.

488
00:21:16,440 --> 00:21:17,120
سلسلة.

489
00:21:17,120 --> 00:21:18,570
لذلك رأينا هذا في PHP.

490
00:21:18,570 --> 00:21:20,315
هناك فقط نقطة
مشغل في PHP التي

491
00:21:20,315 --> 00:21:22,000
وسلسلة سلسلتين معا.

492
00:21:22,000 --> 00:21:24,000
كان C ألم في الرقبة للقيام بذلك.

493
00:21:24,000 --> 00:21:27,310
نذكر من PSET ستة، الذي كان
ألم خاص في الرقبة،

494
00:21:27,310 --> 00:21:29,470
سيكون لديك لاستخدام
شيء من هذا القبيل strcat

495
00:21:29,470 --> 00:21:31,660
بعد تخصيص الذاكرة
على المكدس أو كومة.

496
00:21:31,660 --> 00:21:34,243
كان عليك أن تقفز من خلال الأطواق
فقط لسلسلة سلسلتين.

497
00:21:34,243 --> 00:21:36,040
في جافا سكريبت، انها سوبر بسيطة.

498
00:21:36,040 --> 00:21:38,030
مجرد استخدام المشغل زائد بينهما.

499
00:21:38,030 --> 00:21:41,420
>> لذلك أبحث مجمع
شيء ويبدو أن هذا

500
00:21:41,420 --> 00:21:43,490
لأنه في نهاية
هذه السلسلة كلها، أنا فقط

501
00:21:43,490 --> 00:21:45,797
سلسلة على علامة تعجب.

502
00:21:45,797 --> 00:21:48,380
حتى إذا ما ظهرت كانت
"مرحبا، ديفيد"، "مرحبا، هانا"

503
00:21:48,380 --> 00:21:52,740
"مرحبا ماريا"، وهكذا دواليك، بشكل واضح
هذا الشيء المتوسطة بين البلدين

504
00:21:52,740 --> 00:21:55,215
يجب أن الإيجابيات تعطيني الوصول إلى ماذا؟

505
00:21:55,215 --> 00:21:58,855

506
00:21:58,855 --> 00:22:01,991
ما في هناك بالتأكيد؟

507
00:22:01,991 --> 00:22:02,490
نعم.

508
00:22:02,490 --> 00:22:05,090
ولذا فإنني سوف التظاهر هنا
الإجابة على اسمهم، أليس كذلك؟

509
00:22:05,090 --> 00:22:10,380
لذلك برزت أسمائهم حتى في المباراة النهائية
نتيجة. فماذا يعني هذا؟

510
00:22:10,380 --> 00:22:15,080
حسنا، لقد اقترحت في وقت سابق من هذا
الصورة التي يسمى DOM

511
00:22:15,080 --> 00:22:18,580
يوجد هذا العنصر الجذر خاص
الطريق حتى أعلى دعت الوثيقة.

512
00:22:18,580 --> 00:22:21,660
والآن، اتضح أن يحدث
أن يكون متغير عمومي خاص

513
00:22:21,660 --> 00:22:25,250
في جافا سكريبت، في صلب وهو
مجموعة كاملة من وظائف مفيدة.

514
00:22:25,250 --> 00:22:31,770
بين وظائف مفيدة وهي
القدرة على الحصول على أي عقدة سليل.

515
00:22:31,770 --> 00:22:37,760
تلك المربعات أو المستطيلات أو الحذف
هي الليمفاوية فقط في شجرة، إذا جاز التعبير.

516
00:22:37,760 --> 00:22:41,850
>> هكذا اتضح أن صلب
كائن مستند جافا سكريبت

517
00:22:41,850 --> 00:22:47,300
هي وظيفة، والمعروفة أيضا باسم
طريقة، وهذا يسمى getElementById.

518
00:22:47,300 --> 00:22:50,410
بناء الجملة من أجل الدعوة
وظيفة في جافا سكريبت

519
00:22:50,410 --> 00:22:55,220
هذا هو داخل كائن أو
المتغير هو فقط مع تدوين نقطة.

520
00:22:55,220 --> 00:22:57,950
ورأينا هذا في C
ما بناء الجملة البنية.

521
00:22:57,950 --> 00:23:03,530
ترى هذا في PSET سبعة، نوع من،
نوعا ما، عندما ترى CS50 :: الاستعلام.

522
00:23:03,530 --> 00:23:08,070
القولون القولون في PHP شيء آخر
طريقة استدعاء دالة هذا

523
00:23:08,070 --> 00:23:09,260
داخل بعض وجوه.

524
00:23:09,260 --> 00:23:11,960
>> لكنه الآن في جافا سكريبت،
انها مجرد نقطة.

525
00:23:11,960 --> 00:23:14,170
وحتى هذه الوظيفة،
جيد بما فيه الكفاية، نوع من

526
00:23:14,170 --> 00:23:16,810
يقول ما does-- الحصول على عنصر عن الهوية.

527
00:23:16,810 --> 00:23:20,280
عنصر هو مجرد اسم آخر
للعلامة أو عقدة في DOM.

528
00:23:20,280 --> 00:23:26,900
وحتى الحصول على عنصر عن طريق اسم "اسم"
يعني this-- هنا هو بلدي HTML.

529
00:23:26,900 --> 00:23:31,910
وعلى أساس هذه HTML، ما
عقدة أو ما علامة HTML أنا

530
00:23:31,910 --> 00:23:35,097
سيكون برمجيا سلم
من خلال الدعوة document.getElementById؟

531
00:23:35,097 --> 00:23:37,650

532
00:23:37,650 --> 00:23:38,500
>> نعم بالضبط.

533
00:23:38,500 --> 00:23:42,670
انا ذاهب للحصول على المدخلات
العنصر هناك الذين ID هو "اسم".

534
00:23:42,670 --> 00:23:45,140
لذلك على وجه التحديد، يمكنك
التفكير في هذه الوظيفة،

535
00:23:45,140 --> 00:23:49,560
getElementById، كوسيلة لإعطاء
دعم مؤشر إلى أن العقدة المحددة

536
00:23:49,560 --> 00:23:50,060
في الشجرة.

537
00:23:50,060 --> 00:23:51,980
نحن لم يوجه هذا
شجرة، لكنه وسيلة

538
00:23:51,980 --> 00:23:54,900
للحصول على الوصول إلى ذلك
مستطيل أو هذا المستطيل

539
00:23:54,900 --> 00:23:58,090
عن طريق تحديد بشكل فريد عبر المعرف الخاص به.

540
00:23:58,090 --> 00:23:59,760
>> الآن، لماذا هذا مفيد؟

541
00:23:59,760 --> 00:24:01,510
حسنا، اتضح
أنه بمجرد كنت قد حصلت

542
00:24:01,510 --> 00:24:07,220
تلك العقدة، هذا المستطيل من
الصورة، تلك العقدة داخل منه،

543
00:24:07,220 --> 00:24:10,660
في المقابل، لديها مجموعة كاملة من
أزواج قيمة المفتاح-properties--

544
00:24:10,660 --> 00:24:13,480
أو البيانات، واحدة منها تسمى قيمة.

545
00:24:13,480 --> 00:24:16,500
لذلك حرفيا، انها نوع من
الفم لشرح كل شيء.

546
00:24:16,500 --> 00:24:19,370
ولكن في نهاية اليوم،
كل هذا يفعله هو تعطيك

547
00:24:19,370 --> 00:24:23,070
سلسلة المستخدم كتابتها في
في هذا الشكل الهرمي.

548
00:24:23,070 --> 00:24:24,820
لكنني لا أحب
اثنين من هذه الأشياء.

549
00:24:24,820 --> 00:24:27,590
أو بدلا من ذلك، هناك بعض الفضول لا يزال.

550
00:24:27,590 --> 00:24:28,870
بدا كل ذلك للعمل.

551
00:24:28,870 --> 00:24:33,420
لماذا تعتقد عدت
كاذبة بعد استدعاء تحية؟

552
00:24:33,420 --> 00:24:35,910
هذا تبدو قبيحة قليلا، أن
لدي بيانين هناك

553
00:24:35,910 --> 00:24:38,730
مفصولة بفواصل منقوطة.

554
00:24:38,730 --> 00:24:39,310
احزر.

555
00:24:39,310 --> 00:24:44,390
إذا أزلت عودة كاذبة، ما
قد يحدث، فقط غريزي؟

556
00:24:44,390 --> 00:24:46,990

557
00:24:46,990 --> 00:24:49,460
عذرا، أقول مرة أخرى؟

558
00:24:49,460 --> 00:24:50,530
>> فتح حفنة من Windows.

559
00:24:50,530 --> 00:24:52,780
لذلك قد تكون ربما شيء
من هذا القبيل سيحدث.

560
00:24:52,780 --> 00:24:54,422
ماذا بعد؟

561
00:24:54,422 --> 00:24:55,630
قد يقدم طلبا أين؟

562
00:24:55,630 --> 00:24:59,109

563
00:24:59,109 --> 00:25:00,510
إلى نفس الصفحة.

564
00:25:00,510 --> 00:25:03,110
لذلك، في الواقع، هذا هو ذلك
وأقرب الإجابة هنا،

565
00:25:03,110 --> 00:25:05,890
على الرغم من، على عكس
في الماضي، لقد لا

566
00:25:05,890 --> 00:25:09,300
تحديد سمة العمل،
والتي عادة ما يتعين علينا القيام به.

567
00:25:09,300 --> 00:25:11,780
تبين هناك الافتراضية.
إذا لم تقم بتحديد العمل،

568
00:25:11,780 --> 00:25:15,370
انها مثل قوله الاقتباس، نهاية الاقتباس
أو اسم الملف نفسه،

569
00:25:15,370 --> 00:25:17,850
وهو في هذه الحالة سوف
يكون مثل دوم-0.html.

570
00:25:17,850 --> 00:25:20,420
مجرد نوع من الاستدلال على ذلك،
أو بالأحرى ضمنية.

571
00:25:20,420 --> 00:25:22,420
>> وحتى لو كنت لا تفعل هذا، دعونا إشعار.

572
00:25:22,420 --> 00:25:23,230
اسمحوا لي أن حفظ هذا.

573
00:25:23,230 --> 00:25:25,270
ولقد إزالة عودة كاذبة.

574
00:25:25,270 --> 00:25:27,759
اسمحوا لي أن أعود إلى هذا
مثال وقوة تحميله.

575
00:25:27,759 --> 00:25:30,800
وكنت قد شهدت لي أن أقترح
هذا على CS50 مناقشة حفنة من الأوقات.

576
00:25:30,800 --> 00:25:34,560
إذا كان أي شيء بالوكالة من أي وقت مضى وغير تقليدي
ليست يتصرف المتصفح كما هو متوقع،

577
00:25:34,560 --> 00:25:37,410
في كثير من الأحيان عليك أن ترغب في عقد
تحويل ومن ثم انقر فوق تحديث.

578
00:25:37,410 --> 00:25:41,480
والتي تجبر كل ملف لإعادة تحميل
وعدم استخدام ذاكرة التخزين المؤقت المحلية المتصفح

579
00:25:41,480 --> 00:25:47,032
أو نسخة حتى الآن، واسمحوا لي أن المضي قدما في
فتح بلدي المفتش، علامة التبويب الشبكة.

580
00:25:47,032 --> 00:25:48,740
انا ذاهب الى فوق
الحفاظ على سجل لأنني

581
00:25:48,740 --> 00:25:51,660
لا تريد أن حذف الصفوف
مرة واحدة أحصل على نقله في أي مكان آخر.

582
00:25:51,660 --> 00:25:54,650
>> اسمحوا لي أن المضي قدما هنا و
اكتب في اندى، انقر فوق إرسال.

583
00:25:54,650 --> 00:25:55,150
حسنا.

584
00:25:55,150 --> 00:25:56,480
ويبدو كما هو متوقع.

585
00:25:56,480 --> 00:25:57,440
تقول "مرحبا، اندى".

586
00:25:57,440 --> 00:25:59,420
اسمحوا لي أن انقر فوق موافق.

587
00:25:59,420 --> 00:26:00,610
مثير للإعجاب.

588
00:26:00,610 --> 00:26:05,100
لاحظ أن الصفحة قد تغيرت،
وإن كان إلى الصفحة الأصلية.

589
00:26:05,100 --> 00:26:06,770
لاحظ نوع URL للتغيير.

590
00:26:06,770 --> 00:26:09,430
وأضافت علامة استفهام،
التي عادة ما تكون مؤشرا

591
00:26:09,430 --> 00:26:11,260
التي حاولنا تقديم شيء.

592
00:26:11,260 --> 00:26:13,570
ثم في الجزء السفلي،
أكثر صراحة،

593
00:26:13,570 --> 00:26:17,570
هنا هو طلب HTTP الفعلي،
التي حصلت على استجابة من 200 أن

594
00:26:17,570 --> 00:26:18,490
جلبت لي هنا مرة أخرى.

595
00:26:18,490 --> 00:26:20,250
>> وهذا ليس ما
نحن نريد أن نفعل، أليس كذلك؟

596
00:26:20,250 --> 00:26:22,166
لأنني لا أريد
إعادة تحميل الصفحة بأكملها.

597
00:26:22,166 --> 00:26:24,970
I بدلا يريد العودة
كاذبة وذلك لماس كهربائى

598
00:26:24,970 --> 00:26:28,840
السلوك الافتراضي للمتصفح، والتي
كان، بطبيعة الحال، إلى تقديم الصفحة.

599
00:26:28,840 --> 00:26:31,700
>> لذلك دعونا نلقي نظرة على
مثال أفضل بشكل هامشي.

600
00:26:31,700 --> 00:26:33,920
هذا هو دوم إصدار واحد.

601
00:26:33,920 --> 00:26:36,680
وتلاحظ ما يلي.

602
00:26:36,680 --> 00:26:39,150
لا بأس إذا لم يكن لجروك
كل من الأسطر من التعليمات البرمجية.

603
00:26:39,150 --> 00:26:41,750
ولكن ما هو تختلف اختلافا جوهريا
عن هذا التنفيذ؟

604
00:26:41,750 --> 00:26:44,690
سوف تنص على أنه يتصرف في
نفسه، يفعل الشيء نفسه.

605
00:26:44,690 --> 00:26:49,320

606
00:26:49,320 --> 00:26:51,570
ما من الواضح أنني فعلت بشكل مختلف؟

607
00:26:51,570 --> 00:26:52,266
نعم؟

608
00:26:52,266 --> 00:26:53,182
>> الحضور: (غير مسموع).

609
00:26:53,182 --> 00:27:03,421

610
00:27:03,421 --> 00:27:04,170
DAVID مالان: نعم.

611
00:27:04,170 --> 00:27:08,620
بحيث يتم تعريف الدالة differently--
وبعبارة أخرى، غائبة عن النموذج،

612
00:27:08,620 --> 00:27:13,180
حتى هناك على خط 7-- أو
بدلا من ذلك، خط 8-- لم يعد

613
00:27:13,180 --> 00:27:15,070
لا بد لي من السمة onsubmit.

614
00:27:15,070 --> 00:27:16,750
في المثال السابق، وكان لي ذلك.

615
00:27:16,750 --> 00:27:18,530
ثم كتبت حرفيا قانون بلدي هنا.

616
00:27:18,530 --> 00:27:20,210
ثم قلت عودة كاذبة.

617
00:27:20,210 --> 00:27:22,180
واذا لم فرك
لك بطريقة خاطئة حتى الآن،

618
00:27:22,180 --> 00:27:26,140
يجب أن تبدأ بقدر
كما، تماما كما في HTML،

619
00:27:26,140 --> 00:27:29,530
عندما بدأنا للمشاركة في تختلط عليه
مع CSS في سمات نمط،

620
00:27:29,530 --> 00:27:32,890
كان فقط للحصول على القليل
فوضوي أو تشعر قليلا خاطئ.

621
00:27:32,890 --> 00:27:35,020
>> وبالمثل هنا، إذا
البدء في اتخاذ HTML،

622
00:27:35,020 --> 00:27:37,419
ثم تلقائيا
صوت نزول المطر بعض شفرة جافا سكريبت

623
00:27:37,419 --> 00:27:40,460
في وسط سلسلة مقتبسة، انها
لن يكون للصيانة جدا.

624
00:27:40,460 --> 00:27:40,630
الصحيح؟

625
00:27:40,630 --> 00:27:43,690
انها ليست حتى اضحا في البداية
المكان الذي يوجد فيه شفرة جافا سكريبت هو.

626
00:27:43,690 --> 00:27:46,590
لذلك سيكون من الرائع حقا كما
مبدأ تصميم أفضل،

627
00:27:46,590 --> 00:27:50,500
دعونا نحافظ على HTML تماما
فصل من جافا سكريبت.

628
00:27:50,500 --> 00:27:53,150
>> حتى أن تفعل ذلك، ما كنا
القيام به هنا هو following--

629
00:27:53,150 --> 00:27:56,790
نحن ببساطة استخدام HTML لتوصيف فقط.

630
00:27:56,790 --> 00:28:00,730
وذلك في إصدار واحد من هذا، كل
لدي هو شكل مع هوية فريدة من نوعها.

631
00:28:00,730 --> 00:28:04,630
ثم إلى هنا، وأنا الاستفادة
من السمات الخاصة للجافا سكريبت

632
00:28:04,630 --> 00:28:08,480
حيث يمكن أن لدي ما هو
دعا وظيفة غير معروفة.

633
00:28:08,480 --> 00:28:14,150
لذلك تبين أنه إذا أسميه
document.getElementById من 'عرض'

634
00:28:14,150 --> 00:28:18,890
هذا مثل إعطائي مؤشر ل
هذه العقدة في شجرة بلدي، عنصر النموذج،

635
00:28:18,890 --> 00:28:20,100
إذا جاز التعبير.

636
00:28:20,100 --> 00:28:22,220
>> الآن، وأنا أعلم تماما من
مع العلم قليلا من HTML

637
00:28:22,220 --> 00:28:26,330
نحن الآن بعد قراءة بعض على الانترنت
إشارة، أن عنصر نموذج يدعم

638
00:28:26,330 --> 00:28:29,950
مجموعة كاملة من listeners-- الحدث في
بعبارة أخرى، فإن قائمة من الحدث

639
00:28:29,950 --> 00:28:31,700
المستمعين الذي رأيناه قبل لحظة.

640
00:28:31,700 --> 00:28:35,950
أنا أعرف من قراءة الوثائق
أن onsubmit هو حدث صحيح

641
00:28:35,950 --> 00:28:38,520
المستمع لعنصر نموذج.

642
00:28:38,520 --> 00:28:41,480
>> مرة واحدة حتى وأنا أعرف أن،
انها آمنة بالنسبة لي أن أفعل

643
00:28:41,480 --> 00:28:45,390
وfollowing-- الحصول على تلك العقدة
من الشجرة، العنصر النموذج،

644
00:28:45,390 --> 00:28:48,070
و صل الى ما يسمى ب
الملكية onsubmit.

645
00:28:48,070 --> 00:28:49,880
وبالتالي فإن نقطة يعني فقط
هذا خاصية،

646
00:28:49,880 --> 00:28:52,180
مثل قيمة خاصة داخل منه.

647
00:28:52,180 --> 00:28:55,590
وما نوع البيانات أنا
تعيين، على ما يبدو،

648
00:28:55,590 --> 00:28:58,900
لonsubmit، وهو
على نحو فعال متغير داخل

649
00:28:58,900 --> 00:29:01,010
من تلك العقدة في شجرة؟

650
00:29:01,010 --> 00:29:04,100
انها حقل داخل تلك البنية.

651
00:29:04,100 --> 00:29:05,810
ما هو نوع البيانات؟

652
00:29:05,810 --> 00:29:07,030
>> وظيفة، نعم.

653
00:29:07,030 --> 00:29:08,607
هكذا اتضح أن PHP لديه هذا.

654
00:29:08,607 --> 00:29:10,440
وعلى الرغم من أننا
لا أقول لكم عن ذلك،

655
00:29:10,440 --> 00:29:16,240
لديها C أيضا مؤشرات الدالة، و
القدرة على تمرير وتخصيص وظائف

656
00:29:16,240 --> 00:29:18,330
كما قيم المتغيرات "أنفسهم.

657
00:29:18,330 --> 00:29:20,280
ونحن لن
إلى التراجع مرة أخرى إلى C.

658
00:29:20,280 --> 00:29:23,250
لكنه الآن، اتضح أن
على الجانب الأيمن هنا،

659
00:29:23,250 --> 00:29:26,260
على الرغم من أنه يبدو قليلا
غير تقليدي، وهذا يعني، يا المتصفح،

660
00:29:26,260 --> 00:29:27,550
أعطني وظيفة.

661
00:29:27,550 --> 00:29:30,560
أنا لا أريد حتى أن يكلف نفسه عناء إعطاء
اسما لأنني حرفيا

662
00:29:30,560 --> 00:29:34,450
الذهاب لتعيين دعنا نسميها
عنوان هذه الوظيفة

663
00:29:34,450 --> 00:29:35,994
على الفور إلى onsubmit.

664
00:29:35,994 --> 00:29:39,160
وبعبارة أخرى، المتصفح، لا تحتاج
لمعرفة ما تسمى هذه الوظيفة.

665
00:29:39,160 --> 00:29:41,890
كنت فقط بحاجة الى معرفة
حيث هو في الذاكرة.

666
00:29:41,890 --> 00:29:44,210
ولذا فإنه يكفي فقط ل
لديها علامة المساواة هناك

667
00:29:44,210 --> 00:29:48,240
وليس لعناء تسمية هذا، مثل
فو أو تحية أو أي كلمة أخرى.

668
00:29:48,240 --> 00:29:50,150
والآن هذا هو مجرد شيء الأسلوبية.

669
00:29:50,150 --> 00:29:53,100
أنا يمكن أن تتحرك هذه متعرج
على the-- السطر التالي sorry--

670
00:29:53,100 --> 00:29:54,750
كما نفعل عادة CS50.

671
00:29:54,750 --> 00:29:57,550
ولكن في جافا سكريبت، انها
في الواقع شيوعا أسلوبيا

672
00:29:57,550 --> 00:30:00,450
للحفاظ على مجرد متعرج، و
أول واحد، على أن السطر الأول.

673
00:30:00,450 --> 00:30:02,620
>> لكن فيما بعد، وهناك
شيء مثير للاهتمام.

674
00:30:02,620 --> 00:30:05,830
أن متعرج مفتوحة فقط
ترسم بداية مهمتي.

675
00:30:05,830 --> 00:30:09,320
وظيفة الآن
متطابقة، إلا أنني قمت

676
00:30:09,320 --> 00:30:11,452
تضمنت كاذبة عودة
داخل هذه الوظيفة.

677
00:30:11,452 --> 00:30:13,160
لأنه يتحول out--
وكنت فقط

678
00:30:13,160 --> 00:30:14,980
أعرف هذا من القراءة
وdocumentation--

679
00:30:14,980 --> 00:30:19,740
هذا إذا كانت وظيفة التي تقوم بتعيينها
إلى معالج onsubmit ترجع كاذبة،

680
00:30:19,740 --> 00:30:23,420
المتصفح يعرف فقط ويوافق
عدم تقديم النموذج إلى الخادم.

681
00:30:23,420 --> 00:30:27,210
اذا عاد صحيحا، فإنه سيقدم
إلى خادم لأسباب سنرى

682
00:30:27,210 --> 00:30:28,700
هي مفيدة في مجرد لحظة.

683
00:30:28,700 --> 00:30:31,000
>> ثم الفاصلة المنقوطة بعد
متعرج هناك فقط

684
00:30:31,000 --> 00:30:32,541
يعني انتهيت من تحديد وظيفة.

685
00:30:32,541 --> 00:30:36,600
كنت أعرف ماذا ندعو في أقرب وقت
كما تسمع التقديم.

686
00:30:36,600 --> 00:30:37,100
حسنا.

687
00:30:37,100 --> 00:30:40,650
هذا لا يزال يمكن القول نوع من القبيح.

688
00:30:40,650 --> 00:30:42,190
ذلك ما يمكن أن نفعله؟

689
00:30:42,190 --> 00:30:45,000
>> حسنا، اتضح بعد ذلك في
الإصدار الثاني، وهو last--

690
00:30:45,000 --> 00:30:46,780
وسنقوم وهلة فقط في هذا.

691
00:30:46,780 --> 00:30:49,850
في خطر جعل
كان أقبح، اتضح

692
00:30:49,850 --> 00:30:52,160
أن هناك مكتبة في
العالم دعا مسج.

693
00:30:52,160 --> 00:30:54,900
ومسج هو السوبر
مكتبة جافا سكريبت شعبية

694
00:30:54,900 --> 00:30:57,930
التي تحظى بشعبية حتى أن معظم
أي JavaScript-- انها ليست

695
00:30:57,930 --> 00:31:00,540
من غير المألوف للناس ليربك
مسج مع جافا سكريبت.

696
00:31:00,540 --> 00:31:01,070
لماذا ا؟

697
00:31:01,070 --> 00:31:04,990
جافا سكريبت نفسها لديها جدا
طرق مطول للقيام things--

698
00:31:04,990 --> 00:31:07,820
document.getElementById، dadadadadada.

699
00:31:07,820 --> 00:31:10,510
كنت في نهاية المطاف وجود جدا
طوابير طويلة من التعليمات البرمجية.

700
00:31:10,510 --> 00:31:15,550
>> لذلك زميل يدعى جون RESID،
الذي يعمل في الواقع لبدء التشغيل

701
00:31:15,550 --> 00:31:18,630
حتى في هذه الأيام، وخرج
مع هذه المكتبة سنوات

702
00:31:18,630 --> 00:31:22,070
قبل أن الكثير من الناس قد ساهمت
لودعا مسج أن يتغير

703
00:31:22,070 --> 00:31:23,449
بناء الجملة على النحو التالي.

704
00:31:23,449 --> 00:31:25,740
وفقط حتى كنت قد رأيت هذا،
لأنك سوف دائما

705
00:31:25,740 --> 00:31:28,140
نرى هذا في حالة القيام
المشروع النهائي على شبكة الإنترنت،

706
00:31:28,140 --> 00:31:33,270
هذا من شأنه أن يكون وسيلة ما يعادل
تنفيذ هذه المهمة نفسها باستخدام

707
00:31:33,270 --> 00:31:34,630
هذه المكتبة الخاصة.

708
00:31:34,630 --> 00:31:36,680
>> الآن، بدلا من ندف
وبصرف النظر في مجملها،

709
00:31:36,680 --> 00:31:38,520
دعونا ننظر فقط في بعض الأنماط.

710
00:31:38,520 --> 00:31:44,850
ويبدو أن هذا الجملة لدينا
كم عدد وظائف مجهول

711
00:31:44,850 --> 00:31:49,584
أو وظائف المجهولون
أو وظائف امدا AKA؟

712
00:31:49,584 --> 00:31:50,190
اثنين، أليس كذلك؟

713
00:31:50,190 --> 00:31:52,690
وأنت تعرف أنه حتى لو
كنت لا مريح فائقة مع هذا،

714
00:31:52,690 --> 00:31:55,780
فقط من خلال حقيقة أنه
يقول ظيفة () مرتين.

715
00:31:55,780 --> 00:31:58,172
>> واتضح أن
ما هذا الرمز هو doing--

716
00:31:58,172 --> 00:32:01,255
وسنقوم الرجوع إلى المراجع على الانترنت،
في نهاية المطاف، على بعض المساعدة مع هذا.

717
00:32:01,255 --> 00:32:04,480
هذا يعني فقط أنه عندما
وثيقة جاهزة،

718
00:32:04,480 --> 00:32:07,490
المضي قدما وتسجيل
الدالة التالية

719
00:32:07,490 --> 00:32:12,064
كما يقدم معالج للHTML
العنصر الذي هو عرض فكرة فريدة من نوعها.

720
00:32:12,064 --> 00:32:14,480
وبعد ذلك، عندما يحدث ذلك،
دعوة هذين الخطين من التعليمات البرمجية.

721
00:32:14,480 --> 00:32:18,677
وهذا هو، بشكل مأساوي، وأكثر
طريقة مطول للقول عودة كاذبة.

722
00:32:18,677 --> 00:32:21,510
وذكرنا هذا لمجرد
سترى رمز مثل هذا على الانترنت.

723
00:32:21,510 --> 00:32:23,140
وانها شيء يمكن أن ينالها.

724
00:32:23,140 --> 00:32:26,057
ولكن بدلا من ذلك، نضع في اعتبارنا أن ما هو
سيكون شيوعا في جافا سكريبت

725
00:32:26,057 --> 00:32:26,765
هو هذا النموذج.

726
00:32:26,765 --> 00:32:29,510
وولهذا السبب وتبين لنا أنه في الوقت الراهن.

727
00:32:29,510 --> 00:32:30,010
حسنا.

728
00:32:30,010 --> 00:32:32,730
ذلك دون مسكن جدا
كثيرا على هذا النحو،

729
00:32:32,730 --> 00:32:37,800
وكانت هناك أي أسئلة على
حتى هذه الأمثلة أو الأفكار الآن؟

730
00:32:37,800 --> 00:32:38,300
حسنا.

731
00:32:38,300 --> 00:32:40,220
لذلك دعونا استخدام هذا لشيء مفيد.

732
00:32:40,220 --> 00:32:47,070
إنشاء صفحة على شبكة الإنترنت أن يقول عادل مرحبا،
فلان وفلان ليس كل ما مثيرة للاهتمام،

733
00:32:47,070 --> 00:32:47,830
لا underwhelm.

734
00:32:47,830 --> 00:32:51,038
هذا واحد لن تكون جميلة،
ولكنه لن يفعل شيئا مفيدا.

735
00:32:51,038 --> 00:32:56,350
واسمحوا لي أن أعود إلى بلدي الدليل
هنا وفتح، ويقول، شكل 0.html.

736
00:32:56,350 --> 00:32:59,320
>> لذلك أفترض أن هذه هي طالبة
صفحة التسجيل الألعاب الجماعية

737
00:32:59,320 --> 00:33:01,780
دون أي CSS أو أي شعور التصميم.

738
00:33:01,780 --> 00:33:05,404
وأريد أن أذهب إلى الأمام و
سجل هنا مع كلمة مرور.

739
00:33:05,404 --> 00:33:08,320
وانا ذاهب الى توافق على هذه الشروط
والشروط وانقر فوق تسجيل.

740
00:33:08,320 --> 00:33:11,700
والآن يقول الموقع: "أنت
مسجل! (حسنا، لا حقا). "

741
00:33:11,700 --> 00:33:15,070
الذي يبدو أنه يعمل، ولكن
اسمحوا لي أن نمضي قدما وقوة تحديث.

742
00:33:15,070 --> 00:33:18,720
>> واسمحوا لي أن أقول، لا، أنت لا
تحتاج إلى عنوان بريدي الإلكتروني الفعلي.

743
00:33:18,720 --> 00:33:21,820
أو ربما نحن سوف أقول الإلكتروني في هناك.

744
00:33:21,820 --> 00:33:25,080
كلمة السر ستكون، مثل، 12345.

745
00:33:25,080 --> 00:33:28,810
وبعد ذلك، لمجرد أنا
احمق، الآن حان 123456789.

746
00:33:28,810 --> 00:33:31,150
وأنا لا أذهب إلى خانة بك.

747
00:33:31,150 --> 00:33:31,850
>> هم.

748
00:33:31,850 --> 00:33:32,350
حسنا.

749
00:33:32,350 --> 00:33:34,920
لذلك هناك عدة فرص
لتحسين هنا.

750
00:33:34,920 --> 00:33:39,070
وكما تعلمون، أو سوف نرى في PSET
سبعة، والتي يمكنك إرسال code--

751
00:33:39,070 --> 00:33:41,890
وسيكون لديك لكتابة
كود في PHP-- للدفاع

752
00:33:41,890 --> 00:33:45,780
ضد هذه الأنواع من المستخدم
أخطاء لأن المستخدم بشكل واضح

753
00:33:45,780 --> 00:33:46,790
لم تتعاون.

754
00:33:46,790 --> 00:33:49,680
وقال انه او انها لم يعط لك كل
القيم التي يريد أو حتى في شكل

755
00:33:49,680 --> 00:33:50,630
ان كنت تريد لهم.

756
00:33:50,630 --> 00:33:53,250
لذلك عليك أن ترى في PSET السبع التي
أننا يمكن أن يكون بالتأكيد بعض

757
00:33:53,250 --> 00:33:55,680
إذا كانت الظروف التي تقول
إذا كان عنوان البريد الإلكتروني

758
00:33:55,680 --> 00:33:59,450
ليس username@something.edu،
نحن يمكن فقط

759
00:33:59,450 --> 00:34:02,575
أقول آسف وأعتذر للمستخدم
من ذلك بكثير، وكأنك قد يكون في PSET سبعة.

760
00:34:02,575 --> 00:34:05,700
أو إن لم تكن قد تأكدت من أنه مربع،
تبين في PHP، يمكنك الكشف عن ذلك،

761
00:34:05,700 --> 00:34:06,200
جدا.

762
00:34:06,200 --> 00:34:09,389
وبالتأكيد إذا كانت كلمات المرور
لا تطابق كما هو الحال في register.php

763
00:34:09,389 --> 00:34:11,521
لPSET سبعة، يمكنك الكشف عن ذلك.

764
00:34:11,521 --> 00:34:13,770
ولكن هذا الألم في
الرقبة في ذلك الآن يطلبون

765
00:34:13,770 --> 00:34:15,510
لنا أن يذهب كل في طريقه إلى الملقم.

766
00:34:15,510 --> 00:34:17,053
وأبلغ المستعمل من الخطأ.

767
00:34:17,053 --> 00:34:19,219
وعلى الأقل إلا إذا كنت تستخدم
بعض التقنيات مربي الحيوانات،

768
00:34:19,219 --> 00:34:20,929
الآن لديهم فوق السهم إلى الخلف.

769
00:34:20,929 --> 00:34:23,300
لن يكون لطيفا، مثل
الكثير من المواقع اليوم،

770
00:34:23,300 --> 00:34:26,190
إذا كان لديك أكثر إلحاحا
ردود الفعل، وعلى الفور؟

771
00:34:26,190 --> 00:34:31,389
>> وبعبارة أخرى، اسمحوا لي أن أذهب إلى الإصدار
واحد، والتي سوف يكون هناك أجمل.

772
00:34:31,389 --> 00:34:33,469
ولكن لديها هذه الميزة.

773
00:34:33,469 --> 00:34:39,590
مالان، 12345، 123456789، وليس
الذهاب للتحقق مربع، التسجيل.

774
00:34:39,590 --> 00:34:41,330
كلمة المرور غير مطابقة.

775
00:34:41,330 --> 00:34:44,459
ذلك على الرغم من هذه منبثق هو ugly--
نحن يمكن أن يحل محل هذا في نهاية المطاف

776
00:34:44,459 --> 00:34:47,000
مع شيء من هذا القبيل التمهيد،
التي سترى في PSET سبعة

777
00:34:47,000 --> 00:34:50,239
هو library-- شعبية جدا فعلت
كشف أن كلمات المرور غير متطابقة.

778
00:34:50,239 --> 00:34:50,739
حسنا.

779
00:34:50,739 --> 00:34:52,530
حسنا، اسمحوا لي أن إصلاح ذلك باسم المستخدم.

780
00:34:52,530 --> 00:34:55,460
اسمحوا لي أن تمضي قدما ويقول 12345، 12345.

781
00:34:55,460 --> 00:34:57,780
لا يزال عدم التحقق الاتفاق.

782
00:34:57,780 --> 00:35:00,210
يجب عليك الموافقة على
الأحكام والشروط.

783
00:35:00,210 --> 00:35:01,760
اذا لماذا؟

784
00:35:01,760 --> 00:35:04,100
>> إذا كنا قد افترض مسبقا
أن هناك وسيلة،

785
00:35:04,100 --> 00:35:07,260
ولقد يطلب منك في
PSET سبعة للكشف عن الخطأ

786
00:35:07,260 --> 00:35:09,780
شروط مثل هذا
من جانب الخادم، لماذا ينبغي لي

787
00:35:09,780 --> 00:35:13,940
تهتم به أيضا هذا في جافا سكريبت؟

788
00:35:13,940 --> 00:35:15,850
ما هو حجة في
صالح اضافة ما

789
00:35:15,850 --> 00:35:18,760
كنت على وشك أن نرى كما some--
هناك تعقيد إضافي.

790
00:35:18,760 --> 00:35:23,610

791
00:35:23,610 --> 00:35:25,930
>> ربما ليس هناك رأسا على عقب.

792
00:35:25,930 --> 00:35:26,924
ماذا عساها أن تكون؟

793
00:35:26,924 --> 00:35:27,840
الحضور: (غير مسموع).

794
00:35:27,840 --> 00:35:31,132

795
00:35:31,132 --> 00:35:32,340
DAVID مالان: أوه، مثيرة للاهتمام.

796
00:35:32,340 --> 00:35:33,530
يستغل المحتملة.

797
00:35:33,530 --> 00:35:37,540
على يقين من ذلك، إذا كنت لا يعالج
إدخال المستخدم الخاطئ بأن عظيم،

798
00:35:37,540 --> 00:35:40,170
ربما انها كل ما هو أفضل إذا كان
حتى لا تصل إلى الخادم الخاص بك.

799
00:35:40,170 --> 00:35:42,160
وأود أن ابعاد هناك و
مثلا، ربما يجب عليك

800
00:35:42,160 --> 00:35:43,284
إصلاح كل من هذه المشاكل.

801
00:35:43,284 --> 00:35:44,140
ولكن هذا العادلة.

802
00:35:44,140 --> 00:35:44,710
ماذا بعد؟

803
00:35:44,710 --> 00:35:45,626
>> الحضور: (غير مسموع).

804
00:35:45,626 --> 00:35:47,970

805
00:35:47,970 --> 00:35:49,014
>> DAVID مالان: نعم.

806
00:35:49,014 --> 00:35:51,680
هذا الرمز، وكما قلنا من قبل، هو
فسر على العميل.

807
00:35:51,680 --> 00:35:53,846
فإنه لا يكلف نفسه عناء الخادم،
مما يعني أنه لا

808
00:35:53,846 --> 00:35:55,930
تأثير الحمل على الخادم أو القدرات.

809
00:35:55,930 --> 00:35:59,840
والآن، لبعض لي من العمر،
هذا أي تأثير هادف

810
00:35:59,840 --> 00:36:01,970
لأن لدي مستخدم واحد في الوقت الحالي.

811
00:36:01,970 --> 00:36:04,010
>> ولكن إذا كنت أي
موقع حجم لائق،

812
00:36:04,010 --> 00:36:07,400
خصوصا أكبر، مثل الفيسبوك،
وأكثر يمكنك إبقاء الناس خارج

813
00:36:07,400 --> 00:36:09,927
من الخادم الخاص بك كلما كان ذلك أفضل
لأن الخادم، بطبيعة الحال،

814
00:36:09,927 --> 00:36:12,510
ليس لديها سوى كمية محدودة من ذاكرة الوصول العشوائي،
عدد محدود من جيجاهيرتز،

815
00:36:12,510 --> 00:36:16,340
عدد محدود من الأشياء
يمكن القيام به في وحدة الزمن.

816
00:36:16,340 --> 00:36:19,170
حتى إذا كان هناك المزيد من الناس في
العالم ضرب الخادم الخاص بك،

817
00:36:19,170 --> 00:36:21,750
تسجيل عن طريق الخطأ
غير صحيح، فقط، وكذلك إذا كنت

818
00:36:21,750 --> 00:36:23,254
يمكن الحفاظ على هذا الحمل خارج الخادم الخاص بك.

819
00:36:23,254 --> 00:36:25,420
بالإضافة إلى ذلك، لا سيما على المحمول
device-- إذا كنت من أي وقت مضى

820
00:36:25,420 --> 00:36:29,190
تسجيل الدخول إلى my.harvard أو
NETID ييل أو ما شابه ذلك،

821
00:36:29,190 --> 00:36:32,330
هناك هذا الكمون مع الكثير من
مواقع من هذا القبيل حيث يستغرق،

822
00:36:32,330 --> 00:36:34,110
مثل، لعنة ثانية أو اثنتين في بعض الأحيان.

823
00:36:34,110 --> 00:36:37,979
ومن ثم، يا إلهي، إذا أخطأت،
ثم لديك لتصل إلى الوراء وإعادة عليه.

824
00:36:37,979 --> 00:36:40,520
ولذلك لا يوجد الكمون، وخاصة
على اتصالات شبكة الاتصال أبطأ.

825
00:36:40,520 --> 00:36:43,030
ولكن جافا سكريبت، ل
تشغيله على العميل

826
00:36:43,030 --> 00:36:46,720
وليس في حاجة للذهاب ذهابا وإيابا
عبر الإنترنت يحتمل أن تكون بطيئة

827
00:36:46,720 --> 00:36:49,780
اتصال، يمكنك الحصول على
ردود فعل فورية تقريبا.

828
00:36:49,780 --> 00:36:50,760
>> لذلك دعونا ننظر إلى هذا.

829
00:36:50,760 --> 00:36:54,280
اسمحوا لي أن تفتح شكل 0 و
ننظر إلى HTML هنا.

830
00:36:54,280 --> 00:36:56,040
ودعونا نرى ما يحدث.

831
00:36:56,040 --> 00:36:59,460
هذا هو شكل الذي
العمل هو register.php.

832
00:36:59,460 --> 00:37:01,530
أنا فقط باستخدام حصول ذلك
أن أتمكن من رؤية URL.

833
00:37:01,530 --> 00:37:05,030
ولكن لكلمات السر، وكنا نريد بالتأكيد
لتغيير هذا الرد في الواقع.

834
00:37:05,030 --> 00:37:06,910
وهنا حقل إدخال نوع النص.

835
00:37:06,910 --> 00:37:09,050
وهنا آخر مساهمة
حقل من نوع كلمة المرور.

836
00:37:09,050 --> 00:37:13,150
هنا هو، إذا كنت لم أر قط،
مساهمة من نوع مربع.

837
00:37:13,150 --> 00:37:15,250
>> ولكن لا يوجد جافا سكريبت
هنا على الإطلاق.

838
00:37:15,250 --> 00:37:18,170
هذا هو مجرد HTML التي
يذهب إلى register.php.

839
00:37:18,170 --> 00:37:21,020
ولكن في نسخة واحدة، حيث كنت
بدأت في الحصول على تلك النوافذ المنبثقة،

840
00:37:21,020 --> 00:37:23,010
دعونا نرى ما يحدث بالفعل هنا.

841
00:37:23,010 --> 00:37:26,757
في إصدار واحد، ما
انا ذاهب الى see-- I

842
00:37:26,757 --> 00:37:29,340
أعتقد أنني يمكن أن المماطلة بما فيه الكفاية
مع ما يكفي من الكلمات، ولكن أنا نفدت.

843
00:37:29,340 --> 00:37:35,180

844
00:37:35,180 --> 00:37:38,590
>> في الإصدار احدا-- هناك نذهب.

845
00:37:38,590 --> 00:37:43,180
في إصدار واحد، لاحظ following--
وليس أفضل تنفيذ،

846
00:37:43,180 --> 00:37:44,420
ولكن هذا لقائي الأول.

847
00:37:44,420 --> 00:37:47,680
لاحظ أن أقل من
شكل، ولدي العلامة النصي.

848
00:37:47,680 --> 00:37:49,430
وعلامة النصي تعني،
مهلا، متصفح، هنا

849
00:37:49,430 --> 00:37:52,340
يأتي بعض التعليمات البرمجية في،
عادة، وجافا سكريبت.

850
00:37:52,340 --> 00:37:54,420
والآن، لاحظ ما أفعله.

851
00:37:54,420 --> 00:37:59,070
على line-- أستطيع بالكاد
قراءة it-- خط 32، ويقول:

852
00:37:59,070 --> 00:38:01,420
فار form-- حتى تعطي لي
متغير يسمى النموذج.

853
00:38:01,420 --> 00:38:05,049
ومن ثم الحصول على document.getElementId
من "التسجيل".

854
00:38:05,049 --> 00:38:05,590
ما هذا؟

855
00:38:05,590 --> 00:38:07,290
حسنا، اسمحوا لي أن الترجيع هنا.

856
00:38:07,290 --> 00:38:11,510
وإشعار، آه، أعطى عنصر النموذج
فكرة مبهمة ولكن صفية

857
00:38:11,510 --> 00:38:13,050
التسجيل.

858
00:38:13,050 --> 00:38:16,820
ولذلك فإن هذا يعطيني متغير
يتيح لي الفرصة لانتزاع تلك العقدة،

859
00:38:16,820 --> 00:38:19,580
ودعا هذا المستطيل في شجرة النموذج.

860
00:38:19,580 --> 00:38:24,460
وسائل form.onsubmit، مهلا المتصفح،
تسجيل المستمع الحدث

861
00:38:24,460 --> 00:38:25,470
في هذا النموذج.

862
00:38:25,470 --> 00:38:28,890
وبعبارة أخرى، عندما يكون هذا النموذج
المقدمة، تنفيذ التعليمات البرمجية التالية.

863
00:38:28,890 --> 00:38:30,810
أنها لا تحتاج إلى اسم ل
لماذا تحتاج إلى معرفة اسم؟

864
00:38:30,810 --> 00:38:32,880
كنت فقط بحاجة الى معرفة
ما لتنفيذ، إرجو

865
00:38:32,880 --> 00:38:35,610
انها وظيفة غير معروفة أو امدا.

866
00:38:35,610 --> 00:38:37,632
والتي هي وظيفة
كل هذه السطور هنا.

867
00:38:37,632 --> 00:38:40,840
والآن، لنكون صادقين، حتى ولو كنت
قد لا يكون من أي وقت مضى مكتوبة جافا سكريبت

868
00:38:40,840 --> 00:38:44,200
من قبل، انها مجرد C و PHP المنطق.

869
00:38:44,200 --> 00:38:51,720
حتى إذا form.email.value == "" -
حتى إذا كان حقل البريد الإلكتروني فارغ،

870
00:38:51,720 --> 00:38:54,980
الصراخ المستخدم مع "عليك
توفير عنوان البريد الإلكتروني الخاص بك ".

871
00:38:54,980 --> 00:38:58,980
آخر إذا form.password.value
هو صرخة فارغة في المستعمل،

872
00:38:58,980 --> 00:39:00,400
"يجب تقديم كلمة المرور الخاصة بك."

873
00:39:00,400 --> 00:39:04,240
>> ومن المثير للاهتمام أكثر منطقيا،
إذا form.password.value لا

874
00:39:04,240 --> 00:39:08,630
form.confirmation.value-- يساوي
أين التأكيد يأتي من؟

875
00:39:08,630 --> 00:39:09,470
اسمحوا لي أن الترجيع.

876
00:39:09,470 --> 00:39:12,870
حسنا، دعوت هذا الإدخال
المجال هنا كلمة المرور.

877
00:39:12,870 --> 00:39:15,180
ودعوت هذا واحد هنا تأكيد.

878
00:39:15,180 --> 00:39:17,850
كان يمكن أن يطلق عليه
كلمة اثنين أو أي شيء آخر.

879
00:39:17,850 --> 00:39:20,560
أنا مجرد التحقق منطقيا
أن هذين هي نفسها.

880
00:39:20,560 --> 00:39:25,760
Else-- اتضح هذا هو السيد بوول
again-- خانة الاختيار قيمة منطقية.

881
00:39:25,760 --> 00:39:29,810
لذلك إذا قلت، تعجب point--
إن لم يكن form.agreement.checked،

882
00:39:29,810 --> 00:39:31,820
الصراخ المستخدم كذلك.

883
00:39:31,820 --> 00:39:34,470
>> لذلك هذا النحو سترى هو
شائعة جدا في جافا سكريبت،

884
00:39:34,470 --> 00:39:35,970
حيث لديك هذه الرموز منقط.

885
00:39:35,970 --> 00:39:37,460
عليك أن تبدأ مع كائن هنا.

886
00:39:37,460 --> 00:39:41,430
الغوص في أعمق إلى ل
خاصية مثل كلمة المرور.

887
00:39:41,430 --> 00:39:43,280
ثم تحصل على قيمتها الفعلية.

888
00:39:43,280 --> 00:39:45,830
ومرة أخرى، وهنا هو الإدخال.

889
00:39:45,830 --> 00:39:47,310
هنا هو كلمة السر الاسم.

890
00:39:47,310 --> 00:39:50,860
وقيمته مهما كان
الإنسان قد كتبته فعلا في.

891
00:39:50,860 --> 00:39:53,610
>> وذلك في كل من هذه
الحالات، عدت كاذبة.

892
00:39:53,610 --> 00:39:55,800
ولكن إذا لم يكن كذلك، I العودة الحقيقية.

893
00:39:55,800 --> 00:39:58,030
وحتى الآن نرى
استخدام قاهرة عندما

894
00:39:58,030 --> 00:40:00,620
كنت ستعود كاذبة ل
وقف ما يفعل المستخدم

895
00:40:00,620 --> 00:40:03,200
وجعل له أو لها اختيار
اكتب مرة أخرى أو مرة أخرى.

896
00:40:03,200 --> 00:40:05,870
خلاف ذلك، والعودة الحقيقية.

897
00:40:05,870 --> 00:40:08,585
>> واسمحوا لي أن أعرض واحدة
البديل الآخر من هذا فقط

898
00:40:08,585 --> 00:40:13,140
البذور بعض فهمه.

899
00:40:13,140 --> 00:40:16,850
حسنا، في الإصدار 2 من هذا، شكل 2--
سأفعل ذلك مع موجة من يده.

900
00:40:16,850 --> 00:40:19,920
وهذا هو، بالنسبة لأولئك الفضوليين،
النسخة مسج،

901
00:40:19,920 --> 00:40:23,330
لأولئك منكم الذين قد يرغبون في
اشتغل في تلك المكتبة معينة.

902
00:40:23,330 --> 00:40:25,145
ولكن دعونا start-- وأي أسئلة؟

903
00:40:25,145 --> 00:40:29,230
اسمحوا لي أن نتوقف لحظة ل
التي كانت سريعة والكثير.

904
00:40:29,230 --> 00:40:32,610
>> ولكن الشيء الجميل هنا هو أن جميع
من قانون هي نفسها الى حد كبير.

905
00:40:32,610 --> 00:40:33,985
الاشياء الجديدة هو ما هو دوم؟

906
00:40:33,985 --> 00:40:35,115
ما هي هذه المستطيلات؟

907
00:40:35,115 --> 00:40:35,990
ما هي هذه العقد؟

908
00:40:35,990 --> 00:40:37,540
ما هي وظيفة غير معروفة؟

909
00:40:37,540 --> 00:40:38,830
ما هو معالج حدث؟

910
00:40:38,830 --> 00:40:43,480
ولكن لحسن الحظ، فإن معظم هذا هو فقط
دائرة كاملة من، مثلا، في الأسبوع الصفر.

911
00:40:43,480 --> 00:40:43,980
حسنا.

912
00:40:43,980 --> 00:40:46,070
لذا فإن شيئا قليلا أكثر إثارة للاهتمام؟

913
00:40:46,070 --> 00:40:49,340
حسنا، أولا وقبل كل شيء، اسمحوا لي ان اذهب
قدما وفتح خرائط جوجل.

914
00:40:49,340 --> 00:40:53,360
وستلاحظ أن ل
لحظة، على جزء من الثانية،

915
00:40:53,360 --> 00:40:55,930
لاحظ ما يحدث عندما
I انقر بسرعة كافية.

916
00:40:55,930 --> 00:40:59,720
وهذا الاتصال في جامعة هارفارد هو ذلك
بسرعة ان كنت لا تلاحظ ذلك حقا.

917
00:40:59,720 --> 00:41:04,469
ولكن ماذا نوع من نوع من رؤية
إذا كنت فوق، وسحب سريع حقا؟

918
00:41:04,469 --> 00:41:07,010
أولئك منكم مشاهدة على الانترنت،
إذا كنت إبطاء هذا إلى سرعة 0.5X،

919
00:41:07,010 --> 00:41:09,640
يمكنك ان ترى هذا أفضل.

920
00:41:09,640 --> 00:41:13,550
>> ما كان يحدث فقط
قبل أن النقر وجره؟

921
00:41:13,550 --> 00:41:15,900
اسمحوا لي أن أحاول here-- اسمحوا لي أن تفعل
شيء آخر، مثل 90210.

922
00:41:15,900 --> 00:41:17,550
دعنا نذهب بعيدا.

923
00:41:17,550 --> 00:41:19,000
كان ذلك حقا سريعة أيضا.

924
00:41:19,000 --> 00:41:22,460
ماذا عن عالم ديزني؟

925
00:41:22,460 --> 00:41:23,190
هناك نذهب.

926
00:41:23,190 --> 00:41:23,690
حسنا.

927
00:41:23,690 --> 00:41:26,030
ما لم تراه لجزء من الثانية؟

928
00:41:26,030 --> 00:41:27,200
فقط، مثل والساحات، أليس كذلك؟

929
00:41:27,200 --> 00:41:28,930
النائبة عن البلاط؟

930
00:41:28,930 --> 00:41:30,270
>> حسنا، ما الذي يحدث هنا؟

931
00:41:30,270 --> 00:41:35,410
خرائط جوجل هو مثال جيد ل
هذه التكنولوجيا التي دعا AJAX.

932
00:41:35,410 --> 00:41:38,510
وهذا هو المكان الذي سوف تبدأ في
استخدام جافا سكريبت في سيما

933
00:41:38,510 --> 00:41:39,277
طريقة مغرية.

934
00:41:39,277 --> 00:41:41,610
مرة في اليوم، كان هناك
هذا الموقع يسمى مابكويست.

935
00:41:41,610 --> 00:41:44,120
ويجب أن اتخذوا
قطة من هذا من 1990s،

936
00:41:44,120 --> 00:41:45,820
حيث إذا أردت
تبدو هنا على الخريطة،

937
00:41:45,820 --> 00:41:48,590
كنت حرفيا فوق السهم
في أعلى أن أظهر لكم

938
00:41:48,590 --> 00:41:49,870
ساحة مختلفة من الخريطة.

939
00:41:49,870 --> 00:41:51,790
إذا أردت أن تحرك اليسار، كنت
بالنقر على السهم الذي يظهر لك

940
00:41:51,790 --> 00:41:53,210
ساحة مختلفة من الخريطة.

941
00:41:53,210 --> 00:41:54,840
وبعض المواقع لا تزال تفعل هذا اليوم.

942
00:41:54,840 --> 00:41:57,820
ولكن حتى حصلت مابكويست
أفضل، مثل خرائط جوجل.

943
00:41:57,820 --> 00:42:01,880
>> بدلا من ذلك، ما هو أفضل هذه
أيام هي المواقع التي تستخدم AJAX.

944
00:42:01,880 --> 00:42:04,510
AJAX-- المعروف باسم
جافا سكريبت غير المتزامنة وXML،

945
00:42:04,510 --> 00:42:08,370
الذي هو مجرد طريقة أخرى للقول
تكنولوجيا أو تقنية

946
00:42:08,370 --> 00:42:14,200
يسمح للمتصفح باستخدام جافا سكريبت
تقديم طلبات HTTP إضافية

947
00:42:14,200 --> 00:42:16,390
بعد الصفحة تم تحميل.

948
00:42:16,390 --> 00:42:17,479
فماذا يعني هذا؟

949
00:42:17,479 --> 00:42:19,270
حسنا، قد يكون من نوع
من مزعج في Gmail

950
00:42:19,270 --> 00:42:21,103
اذا في كل مره كنت تريد
لفحص البريد الخاص بك،

951
00:42:21,103 --> 00:42:24,940
كنت قد ضرب حرفيا تحكم-R أو
القيادة-R أو انقر فوق الزر تحديث

952
00:42:24,940 --> 00:42:26,580
والرتق الصفحة بأكملها سوف تحديث.

953
00:42:26,580 --> 00:42:26,800
الصحيح؟

954
00:42:26,800 --> 00:42:28,460
فإنه ميض أبيض
ربما لثانية.

955
00:42:28,460 --> 00:42:30,043
هل ترى شريط التقدم غبي.

956
00:42:30,043 --> 00:42:33,170
وفقط لمعرفة ما اذا كان لديك جديد
البريد الإلكتروني، صفحة ويب كاملة وURL

957
00:42:33,170 --> 00:42:34,580
كنت في أن يكون لديك لإعادة تحميل.

958
00:42:34,580 --> 00:42:35,960
>> ولكن هذا ليس ما يحدث في Gmail.

959
00:42:35,960 --> 00:42:36,459
الصحيح؟

960
00:42:36,459 --> 00:42:40,300
عندما تحصل على بريد إلكتروني جديد في
جوجل، فإن ما يحدث على الشاشة؟

961
00:42:40,300 --> 00:42:41,480
فإنه يظهر لأول مرة، أليس كذلك؟

962
00:42:41,480 --> 00:42:44,280
هو فقط يبدو سحرية
كما صف جديد في الجدول.

963
00:42:44,280 --> 00:42:47,030
الذي ينطوي في الواقع
مبلغ محترم من التعقيد.

964
00:42:47,030 --> 00:42:51,892
في الواقع، إذا كنت تفكر في هذه الشجرة،
وعلى الرغم من واحد بسيط هنا،

965
00:42:51,892 --> 00:42:54,100
Gmail-- وأنا يجب أن ننظر
في رمز لتكون sure--

966
00:42:54,100 --> 00:42:58,710
ربما لديه جدول HTML أو ربما
قائمة غير مرتبة أنه يجعل

967
00:42:58,710 --> 00:43:01,060
كل من البريد الوارد الخاص بك رسائل البريد الإلكتروني في.

968
00:43:01,060 --> 00:43:04,050
>> وحتى إذا كان لك أن تتخيل هذا هناك
هي شجرة في الذاكرة عندما كنت

969
00:43:04,050 --> 00:43:09,050
استخدام Gmail التي تبدو نوعا من نوع من
مثل هذا، عندما يدرك جوجل، أوه،

970
00:43:09,050 --> 00:43:12,770
لديك بريد إلكتروني جديد، فإنه لا
ترغب في إعادة الشجرة كلها.

971
00:43:12,770 --> 00:43:16,430
بدلا من ذلك، انها تريد للعثور على عقدة في
الشجرة التي تمثل صندوق البريد الوارد

972
00:43:16,430 --> 00:43:18,580
ومجرد إدراج عقدة جديدة.

973
00:43:18,580 --> 00:43:24,640
>> لذلك تشبه الى حد بعيد PSET خمسة، حيث كنت
كان لإدراج العقد في جدول التجزئة،

974
00:43:24,640 --> 00:43:28,410
وبالمثل يفعل جوجل، عبر
شفرة جافا سكريبت التي تمت مكتوب

975
00:43:28,410 --> 00:43:31,890
اجتياز هذه الشجرة، ومعرفة أين
غير أن وارد جزء من النافذة،

976
00:43:31,890 --> 00:43:33,440
ومن ثم إدراج صف جديد.

977
00:43:33,440 --> 00:43:37,460
وصف جديد يعني واحد فقط
أو أكثر العقد جديدة في شجرة.

978
00:43:37,460 --> 00:43:41,340
>> وهكذا AJAX هي هذه التقنية
أن يسمح لهذا بالضبط.

979
00:43:41,340 --> 00:43:44,440
مرة واحدة كنت قد زار URL،
لكن مجنون لفترة طويلة هو عليه،

980
00:43:44,440 --> 00:43:46,472
ومرة واحدة كانت الصفحة تحتوي على
تم تحميل، لا يزال بإمكانك

981
00:43:46,472 --> 00:43:48,430
الاستيلاء على المزيد من البيانات من
internet-- سواء كان ذلك

982
00:43:48,430 --> 00:43:52,460
البريد الإلكتروني أو البلاط من map--
الاستيلاء عليها وراء الكواليس

983
00:43:52,460 --> 00:43:55,290
ثم أدخله في الصفحة
ذلك أن الإنسان لا حقا

984
00:43:55,290 --> 00:43:56,910
تضطر إلى الانتظار لذلك.

985
00:43:56,910 --> 00:43:58,980
>> الفيسبوك رسول يعمل بنفس الطريقة.

986
00:43:58,980 --> 00:44:01,562
أي عدد من websites-- الآخر
أوه، في الواقع، حتى هذا.

987
00:44:01,562 --> 00:44:04,270
أعني، وهذا هو، بصراحة، نوع من
مزعج ميزة هذه الأيام.

988
00:44:04,270 --> 00:44:07,500
إذا أبدأ بالبحث عن هذا cats--
هو نوع من تجربة المستخدم الرهيبة.

989
00:44:07,500 --> 00:44:08,990
انها مجرد يبدأ بالبحث عن لي.

990
00:44:08,990 --> 00:44:10,050
حسنا ما هو يفعل؟

991
00:44:10,050 --> 00:44:12,920
وURL لم يتغير حقا
منذ أن بدأت الكتابة.

992
00:44:12,920 --> 00:44:17,330
ولكن ما يحدث في جميع أنحاء
wire-- OK، هم مثيرة للاهتمام.

993
00:44:17,330 --> 00:44:20,470
ما يحدث في جميع أنحاء
سلك هنا فقط يحصل أغرب.

994
00:44:20,470 --> 00:44:21,090
>> حسنا.

995
00:44:21,090 --> 00:44:24,670
لذلك اسمحوا لي المضي قدما وتفتيش
عنصر وانتقل إلى علامة التبويب الشبكة

996
00:44:24,670 --> 00:44:27,040
ومحاولة لجعل هذا
التقنية وأقل عن القطط.

997
00:44:27,040 --> 00:44:32,595
وأنا اكتب، حرفيا، القطط
and-- ما يحدث

998
00:44:32,595 --> 00:44:37,710
per-- أنا لن فوق ذلك.

999
00:44:37,710 --> 00:44:38,210
حسنا.

1000
00:44:38,210 --> 00:44:44,280
حتى أسفل هنا، ما الذي يحدث كل
مرة كنت اكتب حرف، على ما يبدو؟

1001
00:44:44,280 --> 00:44:45,000
مثل، وانخفاض مستوى؟

1002
00:44:45,000 --> 00:44:47,860
ما يحدث مع كل تلك
الأحرف أنا كتابة على لوحة المفاتيح؟

1003
00:44:47,860 --> 00:44:48,359
نعم؟

1004
00:44:48,359 --> 00:44:50,950
الحضور: (غير مسموع).

1005
00:44:50,950 --> 00:44:52,340
>> DAVID مالان: بالضبط.

1006
00:44:52,340 --> 00:44:55,600
كل من هذه الشخصيات هو
الذهاب لجوجل، في وقت واحد.

1007
00:44:55,600 --> 00:44:58,490
يبنون سلسلة
على الخادم الخاص بهم الذي يمثل

1008
00:44:58,490 --> 00:44:59,936
كل ما كنت كتبته في حتى الآن.

1009
00:44:59,936 --> 00:45:01,810
وفي كل مرة أنا نوع
حرف آخر، فإنها

1010
00:45:01,810 --> 00:45:04,530
استخدام الخلطة السرية الخاصة بهم ل
بحث خوارزمية ومعرفة،

1011
00:45:04,530 --> 00:45:07,370
انه يعني هذه الصفحة القط
أو هذه الصفحة القط أو ما شابه ذلك؟

1012
00:45:07,370 --> 00:45:10,620
حتى في بعض المعنى، فإنه يوفر لي مع
تجربة أفضل في أنني لا حتى

1013
00:45:10,620 --> 00:45:11,860
تحتاج إلى إكمال فكرتي.

1014
00:45:11,860 --> 00:45:14,440
والواقع، انها مفيدة
الشيء، الإكمال التلقائي بشكل عام.

1015
00:45:14,440 --> 00:45:17,690
إذا الخوارزميات هي جيدة بما فيه الكفاية
وإذا تفتيش بلدي واضحة بما فيه الكفاية،

1016
00:45:17,690 --> 00:45:19,300
ليس لدي لكتابة الكلمة كاملة.

1017
00:45:19,300 --> 00:45:22,110
انهم ذاهبون ليقول لي ما
وأنا في البحث عن الحقيقة.

1018
00:45:22,110 --> 00:45:25,940
وذلك ما يدعو جوجل الفورية
البحث هو فقط باستخدام AJAX،

1019
00:45:25,940 --> 00:45:30,820
استخدام التعليمات البرمجية التي تتيح لهم طلب
محتوى إضافي عبر متصفح الإنترنت

1020
00:45:30,820 --> 00:45:34,026
وراء الكواليس استخدام هذا
لغة جديدة، وجافا سكريبت.

1021
00:45:34,026 --> 00:45:35,400
لذلك لدينا بضع دقائق غادر.

1022
00:45:35,400 --> 00:45:37,710
واسمحوا لي أن استدعاء رفيقي وصديقي
كولتون على خشبة المسرح،

1023
00:45:37,710 --> 00:45:40,090
إذ يبدو
متعة ولا سيما آخر مرة

1024
00:45:40,090 --> 00:45:42,290
لإدخال تكنولوجيا
أن البعض منكم

1025
00:45:42,290 --> 00:45:44,769
أبدت اهتماما
في المشاريع النهائية.

1026
00:45:44,769 --> 00:45:47,310
كنا نظن انها تريد ان تكون متعة للتحقيق
حتى متطوعا، على الرغم من اليوم

1027
00:45:47,310 --> 00:45:50,074
لتظهر لك إضافة ل
هذا الذي يسمح you-- نعم،

1028
00:45:50,074 --> 00:45:50,990
رأيت هذه اليد أولا.

1029
00:45:50,990 --> 00:45:52,900
تأتي على ما يصل.

1030
00:45:52,900 --> 00:45:53,560
عمل جيد جدا.

1031
00:45:53,560 --> 00:45:55,035
عمل جيد.

1032
00:45:55,035 --> 00:45:57,410
انا ذاهب الى المشروع هذا على
الشاشة في لحظة فقط.

1033
00:45:57,410 --> 00:45:58,150
ما اسمك للجميع؟

1034
00:45:58,150 --> 00:45:59,180
>> التعليم للجميع: أنا التعليم للجميع.

1035
00:45:59,180 --> 00:45:59,410
>> DAVID مالان: الإيثانول؟

1036
00:45:59,410 --> 00:45:59,785
>> EFA: التعليم للجميع.

1037
00:45:59,785 --> 00:46:00,160
>> DAVID مالان: التعليم للجميع؟

1038
00:46:00,160 --> 00:46:00,730
>> EFA: نعم.

1039
00:46:00,730 --> 00:46:01,250
>> DAVID مالان: جميل أن نرى لك.

1040
00:46:01,250 --> 00:46:01,600
حسنا.

1041
00:46:01,600 --> 00:46:02,590
اسمحوا لي أن الحصول على هذه جاهزة.

1042
00:46:02,590 --> 00:46:04,423
يأتي على أكثر من
وسط مع كولتون هنا.

1043
00:46:04,423 --> 00:46:07,050
ما الذي كولتون في يديه
اليوم هو جهاز التحكم عن بعد.

1044
00:46:07,050 --> 00:46:10,440
وذلك بدلا من مجرد الوقوف هناك في
العالم ثلاثي الأبعاد ونظروا حولهم

1045
00:46:10,440 --> 00:46:14,080
كما فعل كولتون، والآن يمكن للتعليم للجميع
في الواقع يتجول من قبل الصعود،

1046
00:46:14,080 --> 00:46:16,689
أسفل، يسار، والحق مثل
نينتندو أو اكس بوكس ​​تحكم.

1047
00:46:16,689 --> 00:46:18,230
التعليم للجميع: أنا ذاهب لتسقط من على خشبة المسرح.

1048
00:46:18,230 --> 00:46:20,500
DAVID مالان: سأفعل
الوقوف تقريبا أكثر من هنا.

1049
00:46:20,500 --> 00:46:21,991
ولكن هذا هو الخطر.

1050
00:46:21,991 --> 00:46:22,490
حسنا.

1051
00:46:22,490 --> 00:46:25,690
فهيا، ووضع تلك جرا.

1052
00:46:25,690 --> 00:46:29,315
اسمحوا لي أن المضي قدما في
التبديل إلى الشاشة هنا.

1053
00:46:29,315 --> 00:46:30,670
اسمحوا لي تحت أضواء خافتة.

1054
00:46:30,670 --> 00:46:32,780
وكولتون، اسمحوا لي
يأتي موقف إلى جانبك.

1055
00:46:32,780 --> 00:46:35,520
>> هل أريد أن أشرح هنا
مع هيئة التصنيع العسكري ما نقوم به؟

1056
00:46:35,520 --> 00:46:36,380
ها أنت ذا.

1057
00:46:36,380 --> 00:46:37,280
>> COLTON: متأكد.

1058
00:46:37,280 --> 00:46:39,980
حتى الآن نحن
تحميل ما يصل إلى كوة،

1059
00:46:39,980 --> 00:46:43,070
أعتقد operating-- غير العاملة
النظام، ولكن البرنامج الرئيسي، حيث

1060
00:46:43,070 --> 00:46:46,630
يمكنك الوصول إلى كافة الألعاب و
التطبيقات التي هي في مكتبتك.

1061
00:46:46,630 --> 00:46:50,060
حتى الآن، فإنه ينبغي أن أقول
اضغط على لوحة اللمس للبدء.

1062
00:46:50,060 --> 00:46:53,430
لوحة اللمس ستكون على
الجانب الأيمن من الرأس.

1063
00:46:53,430 --> 00:46:54,569
فهيا وtap--

1064
00:46:54,569 --> 00:46:55,110
التعليم للجميع: يا رجل.

1065
00:46:55,110 --> 00:46:56,443
DAVID مالان: نعم، هناك تذهب.

1066
00:46:56,443 --> 00:47:00,340

1067
00:47:00,340 --> 00:47:02,460
جودة التعليم للجميع رؤية
هي أعلى بكثير من جودة.

1068
00:47:02,460 --> 00:47:03,831
هذا هو مجرد واي فاي هنا.

1069
00:47:03,831 --> 00:47:05,580
COLTON: فما كنت
تريد الذهاب الى القيام به

1070
00:47:05,580 --> 00:47:08,350
ونتطلع إلى أعلى
يمين الشاشة.

1071
00:47:08,350 --> 00:47:10,420
نعم، تلك اللعبة في أعلى يمين للغاية.

1072
00:47:10,420 --> 00:47:14,780
وبعد ذلك عندما كنت اختيار
ذلك، اضغط على لوحة اللمس مرة أخرى.

1073
00:47:14,780 --> 00:47:17,010
أعتقد Dreadhalls لها.

1074
00:47:17,010 --> 00:47:20,820
ثم هنا هو a-- هنا، اسمحوا
لي عقد النظارات الخاصة بك بالنسبة لك.

1075
00:47:20,820 --> 00:47:24,420

1076
00:47:24,420 --> 00:47:25,790
>> لذلك أنا فقط أعطى له وحدة تحكم.

1077
00:47:25,790 --> 00:47:28,886
وحتى الآن انه يمكن السيطرة على اللعبة.

1078
00:47:28,886 --> 00:47:30,510
وقال انه يمكن التحرك وأشياء من هذا القبيل.

1079
00:47:30,510 --> 00:47:31,968
لذلك يذهب إلى الأمام والبحث عن لقمة.

1080
00:47:31,968 --> 00:47:33,640
يجب أن تشاهد لعبة جديدة.

1081
00:47:33,640 --> 00:47:36,310
فهيا ويمكنك أن تفعل ذلك.

1082
00:47:36,310 --> 00:47:39,320
الآن، يجب أن تكون قادرة على السيطرة
نفسك مع وحدة تحكم،

1083
00:47:39,320 --> 00:47:43,860
فضلا عن، في أقرب وقت
لعبة بتحميل هنا.

1084
00:47:43,860 --> 00:47:46,356
قد يكون هذا مخيف قليلا.

1085
00:47:46,356 --> 00:47:47,300
>> التعليم للجميع: الآن أنت تقول لي.

1086
00:47:47,300 --> 00:47:50,132
حسنا.

1087
00:47:50,132 --> 00:47:51,080
>> COLTON: حسنا.

1088
00:47:51,080 --> 00:47:52,650
لذا تأكد من أنك يمكن أن تتحرك حولها.

1089
00:47:52,650 --> 00:47:52,750
حسنا.

1090
00:47:52,750 --> 00:47:53,583
يمكنك التحرك.

1091
00:47:53,583 --> 00:47:54,300
في احسن الاحوال.

1092
00:47:54,300 --> 00:47:56,470
حتى إذا نظرتم إلى أسفل، لديك خريطة.

1093
00:47:56,470 --> 00:47:58,170
خريطة توضح مكان وجودك.

1094
00:47:58,170 --> 00:47:59,720
يمكنك أن تبحث في جميع أنحاء الغرفة.

1095
00:47:59,720 --> 00:48:01,440
يمكنك إيقاف تماما حولها.

1096
00:48:01,440 --> 00:48:02,128
نعم بالضبط.

1097
00:48:02,128 --> 00:48:02,627
التف حوله.

1098
00:48:02,627 --> 00:48:05,370

1099
00:48:05,370 --> 00:48:07,125
>> فانظر إلى يسارك.

1100
00:48:07,125 --> 00:48:09,875
أعتقد أن هناك شيء يمكنك
التقاط للبرميل في الغرفة.

1101
00:48:09,875 --> 00:48:11,709
>> التعليم للجميع: كيف يمكنني الحصول على
خريطة للخروج من الطريق؟

1102
00:48:11,709 --> 00:48:12,375
COLTON: ابحث عن.

1103
00:48:12,375 --> 00:48:12,980
مجرد إلقاء نظرة يصل.

1104
00:48:12,980 --> 00:48:13,480
حسنا.

1105
00:48:13,480 --> 00:48:13,765
ها أنت ذا.

1106
00:48:13,765 --> 00:48:15,181
الآن المضي قدما ومجرد يستدير.

1107
00:48:15,181 --> 00:48:21,460

1108
00:48:21,460 --> 00:48:24,620
حتى ننظر أبعد إلى يسارك.

1109
00:48:24,620 --> 00:48:25,530
مواصلة التحرك نقاط.

1110
00:48:25,530 --> 00:48:26,960
الحفاظ على المظهر نقاط.

1111
00:48:26,960 --> 00:48:27,541
استمر.

1112
00:48:27,541 --> 00:48:28,040
نعم.

1113
00:48:28,040 --> 00:48:28,720
>> EFA: أوه، وبهذه الطريقة.

1114
00:48:28,720 --> 00:48:29,261
>> COLTON: نعم.

1115
00:48:29,261 --> 00:48:30,999
السير نحو ذلك مع وحدة تحكم.

1116
00:48:30,999 --> 00:48:31,540
ها أنت ذا.

1117
00:48:31,540 --> 00:48:32,790
الآن يجب أن أقول استلامه.

1118
00:48:32,790 --> 00:48:33,360
ها أنت ذا.

1119
00:48:33,360 --> 00:48:34,290
يستلم.

1120
00:48:34,290 --> 00:48:35,550
حسنا.

1121
00:48:35,550 --> 00:48:38,286
الآن، دعونا نخرج من هذه الغرفة.

1122
00:48:38,286 --> 00:48:42,209
والمضي قدما في السير إلى أن الباب.

1123
00:48:42,209 --> 00:48:45,000
حتى وأنت تسير في hold-- تقول
الاستمرار على زر لإجبارها مفتوحة.

1124
00:48:45,000 --> 00:48:46,333
لذلك يذهب إلى الأمام والاستمرار على زر.

1125
00:48:46,333 --> 00:48:48,250
نعم، مما اضطرها فتح.

1126
00:48:48,250 --> 00:48:48,750
حسنا.

1127
00:48:48,750 --> 00:48:49,410
عمل جيد.

1128
00:48:49,410 --> 00:48:50,826
نحن الآن خرجت من الغرفة.

1129
00:48:50,826 --> 00:48:56,970

1130
00:48:56,970 --> 00:49:01,366
لذلك أنا ذاهب لمغادرة الباقي
إليكم لنرى ما تجد.

1131
00:49:01,366 --> 00:49:02,865
التعليم للجميع: أنا لا أذهب في غرفة مظلمة.

1132
00:49:02,865 --> 00:49:07,315

1133
00:49:07,315 --> 00:49:07,815
أوه، الانتظار.

1134
00:49:07,815 --> 00:49:09,314
الآن يجب أن أذهب إلى أسفل القاعة المظلمة؟

1135
00:49:09,314 --> 00:49:10,785
OK، انا ذاهب الى الوراء (غير مسموع).

1136
00:49:10,785 --> 00:49:15,520

1137
00:49:15,520 --> 00:49:16,270
COLTON: حسنا.

1138
00:49:16,270 --> 00:49:17,560
بعض مزيد من العناصر لالتقاط.

1139
00:49:17,560 --> 00:49:19,370
يبدو بعض القطع النقدية.

1140
00:49:19,370 --> 00:49:22,242
هذا هو اختيار القفل.

1141
00:49:22,242 --> 00:49:24,200
حتى اذا وجدت مغلقة
الباب، يمكنك استخدام ذلك.

1142
00:49:24,200 --> 00:49:27,755

1143
00:49:27,755 --> 00:49:28,380
هل انت خائف؟

1144
00:49:28,380 --> 00:49:29,371
>> EFA: ليس بعد.

1145
00:49:29,371 --> 00:49:29,871
COLTON: OK.

1146
00:49:29,871 --> 00:49:34,850

1147
00:49:34,850 --> 00:49:35,497
>> Pretend-- نعم.

1148
00:49:35,497 --> 00:49:37,330
مجرد التظاهر كنت
يقف في الواقع هناك.

1149
00:49:37,330 --> 00:49:39,580
وإذا قمت بتشغيل around--
كنت قد حصلت على تعتاد على ذلك.

1150
00:49:39,580 --> 00:49:40,752
ولكن من المنطقي.

1151
00:49:40,752 --> 00:49:43,960
DAVID مالان: وبينما تواصل توفير التعليم للجميع ل
لعب، لأننا يمكن أن تفعل هذا كل يوم،

1152
00:49:43,960 --> 00:49:45,381
يمكننا جميعا طرف إصبع القدم هنا.

1153
00:49:45,381 --> 00:49:48,130
ولكن لدينا اثنين من الأزواج الأخرى،
إذا كنت ترغب في الخروج واللعب.

1154
00:49:48,130 --> 00:49:49,980
خلاف ذلك، وسوف نرى
كنت المقبل يوم الاربعاء.

1155
00:49:49,980 --> 00:49:51,354
شكرا لك المتطوعين لدينا اليوم.

1156
00:49:51,354 --> 00:49:52,101
[تصفيق]

1157
00:49:52,101 --> 00:49:54,506

1158
00:49:54,506 --> 00:49:57,392
>> [MUSIC - "ساينفلد THEME"]

1159
00:49:57,392 --> 00:49:58,222

1160
00:49:58,222 --> 00:50:00,180
رئيس 1: حسنا، أنا
وضع PL جديد جبل على.

1161
00:50:00,180 --> 00:50:01,800
أنا فقط غيرت OLPF--

1162
00:50:01,800 --> 00:50:03,980
>> المتحدث 2: فما
بالضبط تفعلون؟

1163
00:50:03,980 --> 00:50:07,063
>> رئيس 1: حسنا، كل واحد من these--
هنا، سوف تظهر لك هذا واحد هنا.

1164
00:50:07,063 --> 00:50:08,690
يمكنك أن ترى هنا.

1165
00:50:08,690 --> 00:50:09,510
>> SPEAKER 3: أعتقد أنا جيدة مع هذه.

1166
00:50:09,510 --> 00:50:09,933
كنت تريد بعض أكثر من ذلك؟

1167
00:50:09,933 --> 00:50:11,325
>> SPEAKER 4: لا، أنا جيدة. (غير مسموع).

1168
00:50:11,325 --> 00:50:12,200
>> SPEAKER 3: لا، (غير مسموع).

1169
00:50:12,200 --> 00:50:12,700
لدينا بعض.

1170
00:50:12,700 --> 00:50:21,165

1171
00:50:21,165 --> 00:50:22,290
رئيس 1: لون مختلف.

1172
00:50:22,290 --> 00:50:22,890
المتحدث 2: OK.

1173
00:50:22,890 --> 00:50:26,690
رئيس 1: حتى في نهاية المطاف ما
هل هو يضبط اللون of--