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 كان لايتون والتي أغنية في قائمة الانتظار بالفعل. 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 وفي الوقت نفسه، دعونا لها وضعت على الزجاج لدينا جوجل 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 >> ديفيد جيه مالان: OK. 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 >> ديفيد جيه مالان: OK. 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 >> MARIA: OK. 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 وهذا موافق الحق الموج. 71 00:03:25,020 --> 00:03:26,650 >> MARIA: أنا 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 MARIA: انها تحول الشيء الآخر، وإن كان. 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 >> MARIA: أنا آسف. 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 >> MARIA: هل يجب علينا تخطي هذا، ثم؟ 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 وthis-- الواقع هو هذا هو في الواقع نزيف حافة جدا. 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 this-- قتال معها، شخصية كيف تعمل الهيئات الشعبية 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 >> MARIA: شكرا لك. 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: السيدات والسادة، ساحر يدعى جوش. 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 في شركة صغيرة اسم Microsoft. 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 مايكروسوفت ومثل الطفل الرابع. 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 >> -Hey، 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 الآن، في أخبار أخرى، وأنا حدث ل تصادف هذا في قرمزي فقط 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 >> الجمهور: توصيف للمواقع. 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 لأنها في اطار مشابه جدا لتركيب مئوية. 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 >> ويمكننا أن نجعل الاستعلامات ل خوادم أخرى مثل متوحشون ذوي أشكال بشرية 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 وكان المحتوى الخاص بي إلى تغيير من قبل يدويا مع بعض جي إديت أو ما يعادلها. 277 00:12:22,250 --> 00:12:25,290 لكن PHP هو ما كنا أو يمكن أن تستخدم بدلا من ذلك، 278 00:12:25,290 --> 00:12:27,260 لشيء من هذا القبيل Frosh الرسائل الفورية على شبكة الإنترنت، والتي 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 استخدام بيرل، مختلفة اللغة في ذلك الوقت. 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-- هذا هو، وجافا سكريبت. 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 الخادم على شبكة الإنترنت، جافا سكريبت عموما 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 من تلك الملفات شبيبة، كان المعنى الضمني أنه عند زيارة الفيسبوك أو أكثر 309 00:13:51,510 --> 00:13:54,810 المواقع هذه الأيام، وتحصل ليس فقط HTML، CSS، ليس فقط، 310 00:13:54,810 --> 00:13:59,370 ولكن في مجمله مجموعة من جافا سكريبت كود في كثير من الأحيان في شكل ملفات شبيبة. 311 00:13:59,370 --> 00:14:03,970 ثم انها browser-- بنفسك ماك أو 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 بحيث شفرة جافا سكريبت لا ينبغي أن يكون قادرة على حذف الملفات على جهاز الكمبيوتر الخاص بك. 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 >> حتى في هذا المعنى، انها قليلا أقل قوة، ربما، من C. 318 00:14:20,630 --> 00:14:24,030 ولكن يمكن تفعيل جافا، باعتباره جانبا، يمكن استخدامها على الخادم، 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 لأن الآن مع جافا سكريبت، لأن لدينا 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 ذاكرة الوصول العشوائي مثل هذا، يمكننا استخدام جافا سكريبت لاجتياز الواقع أو المشي أو البحث 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 انهم ربما باستخدام جافا سكريبت لإضافة مجرد عقدة أخرى 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 لكنه الآن في جافا سكريبت، فإننا سوف نفترض فقط 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 >> ثم نحن لدينا لا تستخدم إلا هذه منذ الفورية Frosh التجريبي في 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 وتقول، جلالة، كنت مسجل. 382 00:17:15,420 --> 00:17:16,069 ليس حقا. 383 00:17:16,069 --> 00:17:17,450 >> لكن URL تغيرت. 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 حيث لا يتغير URL. 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 >> ربما تحصل على ما يصل البوب. 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 ولكن ماذا عن الوجبات الجاهزة رئيسية هنا غير أن URL لم يتغير. 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 وظيفة خاصة جافا سكريبت تمنحك 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 وحتى الآن وهذا ما شكل لدينا متغير في جافا سكريبت هو في الواقع لافتا في. 432 00:19:21,470 --> 00:19:25,120 >> حتى الآن بناء الجملة يختلف عن C. ولكن نقوم به عدد قليل من الأشياء هنا. 433 00:19:25,120 --> 00:19:30,360 واحد، وهذا هو واحد غريب قليلا يبحث، وبالتأكيد مقابل C. 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 هو مثل حقل في البنية. 437 00:19:38,060 --> 00:19:41,480 إذا كنت تعتقد المتغير شكل وكونها مجرد بنية 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 أو مايكروسوفت أو موزيلا أو غيرهم ل أعلم تماما أنه إذا كان الحقل .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 ولكن في جافا سكريبت، ومعظم الناس تميل إلى إبقائه على نفس الخط 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 إلى شفرة جافا سكريبت الخاصة بك 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 أما القيم الأخرى، ل بالطبع، كانت النصوص والجمل اكا. 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 وهذا هو ما كان عليه، بوضوح، مرة عندما ركضت لجامعة كاليفورنيا 533 00:23:41,300 --> 00:23:44,760 وكان ويب ديناميكية أقل بكثير وكان جافا سكريبت ليس كما شاع 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 من المقال وأنا أقرأ بعض المقتطفات من هذا CMS system-- غبي 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 جافا سكريبت. 547 00:24:20,469 --> 00:24:21,499 >> الجمهور: جافا سكريبت. 548 00:24:21,499 --> 00:24:23,290 ديفيد جيه مالان: جافا سكريبت، بالضبط، أليس كذلك؟ 549 00:24:23,290 --> 00:24:24,610 انها تستخدم جافا سكريبت. 550 00:24:24,610 --> 00:24:27,120 وحرفيا، يا رفاق لها لعبت قليلا ربما 551 00:24:27,120 --> 00:24:28,700 مع المفتش كروم. 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 وهذا هو كم هو سهل ل تعطيل جافا سكريبت في المتصفح. 555 00:24:37,080 --> 00:24:38,950 تحقق، لا أكثر جافا سكريبت. 556 00:24:38,950 --> 00:24:41,070 >> حتى في الإنصاف، والكثير على شبكة الإنترنت هذه الأيام 557 00:24:41,070 --> 00:24:43,430 هو مجرد الذهاب لكسر ل جوجل وغيرها sites-- 558 00:24:43,430 --> 00:24:46,140 Facebook-- نفترض أن يتم تمكين جافا سكريبت. 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 مسج، الذي هو السوبر، والسوبر مكتبة شعبية في جافا سكريبت 574 00:25:32,320 --> 00:25:34,510 بصراحة أن معظم الناس مجرد استخدام هذه الأيام 575 00:25:34,510 --> 00:25:37,070 وحتى الخلط كما كائن جافا سكريبت نفسها. 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-- غير المتزامن جافا سكريبت وإكس إم إل، حيث 588 00:26:07,880 --> 00:26:10,530 إكس إكس هو في الواقع لم تعد تستخدم حقا. 589 00:26:10,530 --> 00:26:13,430 أنه يميل إلى استخدام شيء ودعا آخر جسون. 590 00:26:13,430 --> 00:26:16,560 >> ولكن هنا هو كيف شيء من هذا القبيل خرائط جوجل أو جوجل إيرث يعمل. 591 00:26:16,560 --> 00:26:18,060 دعونا نحاول هذا على الطاير، في الواقع. 592 00:26:18,060 --> 00:26:21,590 اسمحوا لي أن تمضي قدما وفتح يصل كروم على متصفحي. 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 مثل، كان مثل مابكويست مرة في اليوم، وربما أنها لا تزال تعمل من هذا القبيل. 597 00:26:35,600 --> 00:26:38,870 عند استخدامها للبحث عن something-- 33 شارع أكسفورد، كامبردج، ماساشوستس، 598 00:26:38,870 --> 00:26:40,650 دعونا نفعل this-- لك شأنه في الواقع، إذا كان ل 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-- ذلك وISP الأمريكية كبيرة جدا. 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 ولكن هناك طرق جيدة ل استخدام جافا سكريبت والطرق السيئة. 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 ما يشبه شفرة جافا سكريبت. 686 00:30:27,870 --> 00:30:30,020 >> في الواقع، وهذا هو كائن جافا سكريبت. 687 00:30:30,020 --> 00:30:34,130 في الواقع، لمجرد أن يكون أكثر وضوحا، كائن جافا سكريبت Notation-- JSON-- 688 00:30:34,130 --> 00:30:38,330 هو مجرد طريقة أخرى للقول أن ل يمكن تمثيل البيانات في جافا سكريبت بكثير 689 00:30:38,330 --> 00:30:41,660 كما يمكنك في PHP باستخدام أزواج قيمة المفتاح. 690 00:30:41,660 --> 00:30:44,270 لذلك إذا أردت أن يعلن متغير في جافا سكريبت 691 00:30:44,270 --> 00:30:47,872 يمثل لZamyla، ل instance-- البنية لZamyla-- 692 00:30:47,872 --> 00:30:49,580 ونحن سوف يطلق عليه طالبة، هذا المتغير. 693 00:30:49,580 --> 00:30:53,060 ID لها هو واحد، هو منزل ينثروب، والاسم هو Zamyla. 694 00:30:53,060 --> 00:30:55,490 >> لكنني يمكن أن يكون أيضا مجموعة من الكائنات. 695 00:30:55,490 --> 00:30:58,710 لذا إذا أردت فعلا أن يكون صفيف في جافا سكريبت تحتوي على 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 ولكن هذا هو جافا سكريبت بشكل خاص. 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-- كائن جافا سكريبت 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 وتلاحظ لم يتغير URL. 712 00:31:41,060 --> 00:31:47,250 لكنني لم أحصل على ما يبدو مع المنبثقة قرش سعر السهم اليوم من 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-- أوه، وكان هذا في الواقع النسخة مسج. 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 وأضاف حيوي لصفحة الويب دون تغيير URL والمستخدم 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 مثل علامة الفقرة أو شعبة العلامة. 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 ولدي زر إرسال. 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 يشير الواقع ملف جافا سكريبت في أماكن أخرى. 753 00:33:37,410 --> 00:33:39,702 هذا هو من المنظمة أن يكتب مسج، 754 00:33:39,702 --> 00:33:42,660 وهذا هو مجرد إعطاء لكم أحدث نسخة من مكتبة مسج بهم. 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 أعطني URL متغير يسمى. 762 00:33:59,090 --> 00:34:01,390 تعيين حرفيا هذه السلسلة. 763 00:34:01,390 --> 00:34:04,530 لذلك، علامات الاقتباس المفردة، علامات التنصيص في جافا سكريبت يعطيني مجرد سلسلة. 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 >> حتى الآن هذا هو بناء الجملة مسج التي تأخذ قليلا التعود. 767 00:34:12,610 --> 00:34:18,310 ولكن هذا يعني فقط الذهاب الحصول لي DOM العقدة التي هي رمز معرف فريد. 768 00:34:18,310 --> 00:34:21,929 وهناك علامة التصنيف يعني رمز معرف فريد. 769 00:34:21,929 --> 00:34:24,929 >> الدولار في قوسين يعني فقط، والتفاف هذا 770 00:34:24,929 --> 00:34:28,510 في مسج نوع من الخلطة السرية جدا يمكنك الحصول على وظائف إضافية. 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 لمتغير عالمي خاص دعا حرفيا مسج. 781 00:34:55,800 --> 00:34:57,060 >> علامة الدولار فقط يبدو باردا. 782 00:34:57,060 --> 00:35:00,080 لذلك المجتمع مسج نوع فقط من استخدامه كرمز خاص بهم. 783 00:35:00,080 --> 00:35:02,470 وهذا لا يعني ما يعنيه في PHP. 784 00:35:02,470 --> 00:35:06,356 في جافا سكريبت، علامة الدولار تماما مثل حرف من الأبجدية 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 عن مكتبة خاصة بهم تسمى مسج. 790 00:35:13,390 --> 00:35:15,060 >> وانها شعبية فائقة. 791 00:35:15,060 --> 00:35:17,620 حتى الحصول على جسون هو بالضبط ذلك. 792 00:35:17,620 --> 00:35:19,920 انها وظيفة أن كتب الناس في مسج 793 00:35:19,920 --> 00:35:23,340 أن يحصل جسون من server-- جافا سكريبت تدوين كائن. 794 00:35:23,340 --> 00:35:25,680 عما URL الحال للحصول على تلك المعلومات؟ 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 وهذا هو سحر أجاكس، لذلك ل 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 أعدم أرسلت رسالة إلى الخادم للذهاب تحصل لي بعض جسون. 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 >> لأن الطريقة التي يعالج جافا سكريبت ل استجابة من الملقم هي على النحو التالي. 807 00:36:06,290 --> 00:36:09,740 قمت بتسجيل ما كنت استدعاء وظيفة رد الاتصال، الذي 808 00:36:09,740 --> 00:36:12,830 يعني فقط، مهلا، وجافا سكريبت. 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 أنا ثم يقول جافا سكريبت يذهب للحصول على هذا العنوان. 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 >> وما هي الحجة الثانية هنا للحصول على جسون يقول 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 اسمحوا لي فقط لصق هذا بسرعة حقيقية في جي إديت 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 إضافية طلبات استخدام جافا سكريبت 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 واتضح أن جافا سكريبت وغيرها من اللغات 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 التكنولوجيا الحديثة، واحدة من هذه الأجهزة النخبة الحركة. 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 OK، رائعتين. 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: وفي هذا واحد، وتحصل علي: 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 ديفيد جيه مالان: OK. 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 إذا كنت لا تمانع في وضع نظارات جوجل خلال النظارات الخاصة بك. 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 وضعت يدك على والحركة قفزة هنا. 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 >> لذا تحوم فوق تشغيل. 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 >> المتحدث 2: في CS50-- المقبل 969 00:42:23,640 --> 00:42:35,222