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 >> डेविड मालन: इस CS50 है। 4 00:00:11,580 --> 00:00:12,880 इस हफ्ते नौ वर्ष की शुरुआत है। 5 00:00:12,880 --> 00:00:15,797 और इस के लिए होता है क्या श्री Boole का 200 वां जन्मदिवस किया गया। 6 00:00:15,797 --> 00:00:17,630 इसलिए इस साथियों है हम alluded है जिसे करने के लिए 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 क्या कहा जाता है यहां हाल ही में एक पर एक GIF अभी बाकी है lunch-- 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 आप एक sophomore कर रहे हैं या नए even-- बनाने की या यहां तक ​​कि junior-- सोच 26 00:00:59,480 --> 00:01:01,563 कंप्यूटर में एक स्विच विज्ञान पता है, वहाँ हूँ कि 27 00:01:01,563 --> 00:01:04,440 एक सीएस इस मेले की सलाह दे जा बुधवार, शीघ्र ही कक्षा के बाद 28 00:01:04,440 --> 00:01:08,040 कंप्यूटर में 4: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 मैं poking गया था तो अजीब 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 मैं यूसी चुनावों इकट्ठा कि जब से ऊपर फिर से गियर के बारे में हैं। 36 00:01:28,910 --> 00:01:32,230 इसलिए मुझे लगता है, यूसी के लिए दौड़ा बुरी तरह हार गई। 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 >> इतनी सी, याद है, इस संकलित भाषा है। 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 और उन शून्य और लोग कर रहे हैं कि अपने CPU, सेंट्रल प्रोसेसिंग यूनिट, 95 00:04:03,000 --> 00:04:04,360 वास्तव में समझते हैं। 96 00:04:04,360 --> 00:04:06,610 पीएचपी, इसके विपरीत, नहीं है एक संकलित भाषा। 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 >> तो फिर हम एचटीएमएल की शुरुआत की। 106 00:04:23,910 --> 00:04:26,440 और एचटीएमएल भी एक नहीं है प्रोग्रामिंग भाषा। 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 >> सीएसएस, इस बीच, इसी तरह नहीं एक प्रोग्रामिंग भाषा। 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 >> एसक्यूएल। 120 00:04:53,160 --> 00:04:56,010 तो एसक्यूएल वास्तव में एक प्रोग्रामिंग है कुछ समझ में भाषा, 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 लग रही है कि एसक्यूएल और अधिनियम में कहा जाता है, काफी पीएचपी और सी कार्यों की तरह। 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 कुछ विशेषता के साथ सी और पीएचपी दोनों से? 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 >> डेविड मालन: फिर से कहो? 135 00:05:29,930 --> 00:05:31,200 >> दर्शकों: यह संकलित नहीं है। 136 00:05:31,200 --> 00:05:31,930 >> डेविड मालन: यह संकलित नहीं है। 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 लेकिन यह है कि यह पीएचपी तरह एक छोटे से बनाता है। 140 00:05:37,210 --> 00:05:39,545 लेकिन यह अभी से अलग है कुछ हड़ताली तरह से पीएचपी, 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 >> डेविड मालन: यह चलाता है क्लाइंट साइड, आमतौर पर। 145 00:05:44,000 --> 00:05:47,190 यही कारण है कि वास्तव में विशिष्ठ है ठीक है अब हमारे लिए विशेषता। 146 00:05:47,190 --> 00:05:51,170 सी भावना में सर्वर साइड था हम CS50 आईडीई में सब कुछ किया है। 147 00:05:51,170 --> 00:05:53,630 पीएचपी इस प्रकार अब तक कर दिया गया है सर्वर साइड जहां तक 148 00:05:53,630 --> 00:05:56,550 यह रूप भी है, interpreted-- हो जाता है नहीं संकलित, लेकिन interpreted-- 149 00:05:56,550 --> 00:06:00,690 जो कोर्स की है CS50 आईडीई, अंदर बादल में सिर्फ एक सर्वर या सर्वर। 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 में यह सही करने के लिए जा रहा CS50 आईडीई और इसे बचाने के लिए 153 00:06:09,620 --> 00:06:14,760 CS50 आईडीई, CS50 आईडीई के भीतर फाइलों में और, बारी में, क्लाउड सर्वर 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 जावास्क्रिप्ट क्लाइंट पक्ष यह है कि और पीएचपी, उदाहरण के लिए, 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 >> जावास्क्रिप्ट तो, अच्छी तरह से पर्याप्त है, सुपर समान, वाक्य रचना, सी 168 00:06:57,530 --> 00:06:59,364 और पीएचपी बहुत पसंद है, कोई मुख्य समारोह में नहीं है। 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 हालांकि, मेरे छोटे आमतौर पर earlier-- disclaimer-- 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 वास्तव में Node.js. का उपयोग करता है 50 चेक 177 00:07:20,640 --> 00:07:24,140 लेकिन हम पर ध्यान केंद्रित करने के लिए जा रहे हैं यहाँ पर बाहर जावास्क्रिप्ट क्लाइंट साइड। 178 00:07:24,140 --> 00:07:26,750 >> तो यहाँ पीएचपी में शर्तों का एक सेट है। 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 वाक्य रचना है, यह है सी के लिए और पीएचपी के समान। 182 00:07:35,560 --> 00:07:39,040 श्री Boole की भाव, कर रहे हैं इसी तरह, वाक्य रचना 183 00:07:39,040 --> 00:07:41,190 सी और पीएचपी दोनों के लिए समान। 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 पीएचपी प्रत्येक निर्माण के लिए किया था आप का उपयोग हो सकता है कि 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-- और मिल गया है, तो हम करेंगे एक moment-- में फिर से इन के बारे में बात करते हैं 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 यह एक के रूप में यद्यपि पीएचपी में साहचर्य सरणी। 202 00:08:32,584 --> 00:08:35,750 दरअसल, आप अंत में लिपटे यदि आपके एक साहचर्य सरणी है क्या चारों ओर मन 203 00:08:35,750 --> 00:08:40,140 पीएचपी में, अब आप ही के लिए यह सोच सकते हैं जावास्क्रिप्ट में एक वस्तु के समान। 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 यहाँ एक बात याद आ भी नहीं है हम पीएचपी के साथ पिछले सप्ताह देखा था कि। 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 और पीएचपी की तरह बहुत शिथिल है प्रकार के होते हैं जिससे 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 यह करने के लिए समान का नोटिस पीएचपी, लेकिन कोई डॉलर के हस्ताक्षर। 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 कुंजी जिसका मूल्य अमेरिकन प्लान है प्रतीक है। 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 पीएचपी इस एक ही लिखा हो सकता है 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 में, मैं कर सकता है की तरह Dammit, ओह है- बनाते हैं। 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 बस पीएचपी में की तरह, मैं कर सकता हूँ ["प्रतीक"] $ बोली $ बोली, 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 आईडीई, 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 हम एक सीएसवी फाइल का इस्तेमाल किया जा सकता था। 283 00:12:04,570 --> 00:12:06,745 हम का उपयोग किया जा सकता था एक INI फ़ाइल, एक एक्सएमएल फ़ाइल, 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 संकेतन कि इस तरह दिखता है। 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 और बस पर आधारित inferring पिछले पैटर्न, कुंजी यहाँ क्या हो रहा है? 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 एक शब्दकोश या, अभी और अधिक संक्षेप में, एक वस्तु। 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 हम जानते हैं कि, एचटीएमएल में, के बारे में बात की थी कोड इस तरह लग सकता है। 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 तत्व या टैग, एचटीएमएल है, 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 अच्छी तरह से पर्याप्त है, पर ब्राउज़र, नीचे करने के लिए एचटीएमएल शीर्ष व्याख्या, 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 एक डोम या दस्तावेज़ ऑब्जेक्ट मॉडल के रूप में। 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 या कुंजी नीचे या कुंजी जा रहा ऊपर जा रहा है या onsubmit onselect 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 और कैसे गूगल कि लागू होता है? 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 हम थोड़ी देर पहले सी में किया था कि और यहां तक ​​कि पीएचपी में मैं गतिशील है क्योंकि 395 00:17:25,150 --> 00:17:26,310 मेरा नाम outputted। 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 अपनी स्क्रीन peppering शुरू पॉप-अप की एक पूरी गुच्छा के साथ। 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 तो बस intuitively, क्या यहां हो रहा लगता है? 411 00:18:03,320 --> 00:18:07,870 मुझे आगे जाना है और सबमिट करें क्लिक करें, और फिर कुछ स्पष्ट रूप से हो रहा है। 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 आम तौर पर, हम कुछ अन्य के लिए बदल दिया जाना चाहिए Register.php या तरह तरह यूआरएल,। 419 00:18:26,890 --> 00:18:29,560 >> लेकिन फिर भी मैं खारिज जब ठीक क्लिक करके इस बात को, 420 00:18:29,560 --> 00:18:32,310 यूआरएल है कि नोटिस रहता है पूरी तरह से डाल दिया। 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 >> तो वास्तव में, मैं स्रोत कोड पर नजर डालें तो है- के लिए मुझे इस विंडो को बंद करते हैं 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 के भीतर एक नजर डालते हैं आईडीई वास्तव में मैं उपयोगकर्ता के लिए भेजा है। 432 00:18:57,490 --> 00:19:00,690 >> यहाँ तो चलो है- एचटीएमएल पर ही ध्यान देते हैं। 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 लेकिन हम सीएसएस के साथ यह देखना था। 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 यह एक विशेषता है एचटीएमएल नामकरण में। 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 यह सीएसएस नहीं है। 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 और मुझे लगता है कि सिर्फ inferring रहा हूँ यह एक शब्द है, क्योंकि नमस्कार। 455 00:19:54,250 --> 00:19:55,880 यह एक खुला कोष्ठक मिल गया है बंद कोष्ठक, अर्धविराम। 456 00:19:55,880 --> 00:19:58,095 एक सी समारोह की तरह लग रहा है एक 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 >> जावास्क्रिप्ट में तो बस पीएचपी की तरह, तुम बस 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 और कोई वापसी प्रकार वहाँ जावास्क्रिप्ट में, बस पीएचपी पसंद है। 468 00:20:25,290 --> 00:20:29,470 तो यह सी की तुलना में थोड़ा पराजित है ओपन घुंघराले गले लगा, करीब घुंघराले ब्रेस। 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 और यह पीएचपी के विपरीत है और विपरीत पता चला है, सी, यह जावास्क्रिप्ट में कोई फर्क नहीं पड़ता 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 इसलिए हम पीएचपी में यह देखा है। 490 00:21:18,570 --> 00:21:20,315 सिर्फ डॉट नहीं है पीएचपी में ऑपरेटर कि 491 00:21:20,315 --> 00:21:22,000 एक साथ दो तार जुटना होगा। 492 00:21:22,000 --> 00:21:24,000 सी गर्दन में दर्द यह करने के लिए किया गया था। 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 क्या था ऊपर popping था तो अगर "हैलो, डेविड," "हैलो, हन्ना," 503 00:21:48,380 --> 00:21:52,740 "हैलो, मारिया," और बहुत आगे है, स्पष्ट रूप से दोनों के बीच में है कि मध्यम बात 504 00:21:52,740 --> 00:21:55,215 pluses मुझे क्या करने के लिए पहुँच दे देना चाहिए? 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 इसलिए उनके नाम फाइनल में ऊपर popped नतीजा है। अच्छा तो इसका क्या मतलब है? 510 00:22:10,380 --> 00:22:15,080 खैर, मुझे लगता है कि में पहले प्रस्तावित डोम तथाकथित उस तस्वीर 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 उन वर्गों या आयतों या ellipses बस इतनी बात करने के लिए, एक पेड़ में नोड्स। 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 और हम सी में यह देखा क्या संरचना सिंटेक्स। 521 00:22:57,950 --> 00:23:03,530 तुम्हें पता है, एक तरह से, pset सात में यह देखना एक तरह से, आप CS50 :: क्वेरी जब देखते हैं। 522 00:23:03,530 --> 00:23:08,070 पीएचपी में पेट के पेट के एक और है है कि एक समारोह बुला के रास्ते 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 एक तत्व सिर्फ एक और नाम है डोम में एक टैग या नोड के लिए। 528 00:23:20,280 --> 00:23:26,900 और तो आईडी "नाम" द्वारा तत्व प्राप्त मेरी HTML यहाँ है- इसका मतलब है। 529 00:23:26,900 --> 00:23:31,910 और इस 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 मैं इनपुट पाने के लिए जा रहा हूँ जिसका आईडी वहाँ तत्व "नाम है।" 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 >> विंडोज का एक गुच्छा खोलें। 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 यह पंक्तियों को हटाने के लिए नहीं करना चाहती मैं कहीं दूर whisked मिलता है। 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 बदल का यूआरएल तरह ध्यान दें। 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 मैं बजाय वापसी करना चाहता था इसलिए शॉर्ट सर्किट के रूप में झूठी 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 आप grok नहीं करते हैं तो यह ठीक है कोड की लाइनों के सभी। 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 डेविड मालन: हाँ। 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 हम शुरू कर दिया जब यह सह आपस में मिलना शैली विशेषताओं में सीएसएस के साथ, 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 चलो हमारे एचटीएमएल पूरी तरह से रहते हैं हमारी जावास्क्रिप्ट से अलग। 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 >> अब, मैं सिर्फ से पता एचटीएमएल का एक सा जानते हुए भी 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 तो यह पीएचपी यह है कि पता चला है। 654 00:29:08,607 --> 00:29:10,440 और यहां तक ​​कि हम हालांकि आप इसके बारे में नहीं बताया था, 655 00:29:10,440 --> 00:29:16,240 सी भी समारोह संकेत है, के पास है और कार्य आवंटित करने की क्षमता 656 00:29:16,240 --> 00:29:18,330 चर 'मूल्यों खुद के रूप में। 657 00:29:18,330 --> 00:29:20,280 और हम नहीं जा रहे हैं सी के लिए वापस वापसी करने के लिए 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 और तो यह सिर्फ करने के लिए suffices वहाँ एक बराबर चिह्न है 667 00:29:44,210 --> 00:29:48,240 और इस तरह, इस नामकरण परेशान करने के लिए नहीं foo या नमस्कार या किसी अन्य शब्द। 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 पढ़ने से यह पता दस्तावेज़ीकरण-- 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 एक पुस्तकालय में है कि वहाँ दुनिया jQuery के लिए बुलाया। 693 00:30:52,160 --> 00:30:54,900 और jQuery एक सुपर है लोकप्रिय जावास्क्रिप्ट पुस्तकालय 694 00:30:54,900 --> 00:30:57,930 सबसे अधिक है कि इतना लोकप्रिय है कि है किसी भी ऐसा नहीं है JavaScript-- 695 00:30:57,930 --> 00:31:00,540 लोगों को भ्रमित करने के लिए असामान्य जावास्क्रिप्ट के साथ jQuery। 696 00:31:00,540 --> 00:31:01,070 क्यों? 697 00:31:01,070 --> 00:31:04,990 जावास्क्रिप्ट ही बहुत है बातें कर के वाचाल तरीके 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 पहले कि बहुत से लोगों के लिए योगदान दिया है परिवर्तन है कि jQuery के बुलाया करने के लिए 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 या गुमनाम कार्यों या उर्फ ​​लैम्ब्डा कार्यों? 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 और इसके द्वारा daunted जा करने के लिए कुछ भी नहीं है। 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 किसी भी सीएसएस या डिजाइन के किसी भी भावना के बिना। 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 या फिर वे कहते हैं कि बॉक्स की जाँच नहीं की है, पीएचपी में पता चला है, आपको लगता है कि पता लगा सकते हैं, 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 डेविड मालन: ओह, दिलचस्प। 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 >> डेविड मालन: हाँ। 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 और यहां एचटीएमएल पर दिखेगा। 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 मैं सिर्फ इतना मिलता उपयोग कर रहा हूँ मैं यूआरएल को देख सकता है। 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-- करने के लिए जा रहा हूँ 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 >> संस्करण में वहाँ one-- हम चले। 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 इससे पहले, यह सिर्फ सी और पीएचपी तर्क है। 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 यह श्री Boole है यह पता चला है 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 लेकिन अगर नहीं, मैं सच वापसी। 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 यह उत्सुक लोगों के लिए है, jQuery के संस्करण, 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 क्या होता है जब नोटिस मैं काफी तेजी से क्लिक करें। 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 वापस दिन में, वहाँ था MapQuest नामक इस वेबसाइट। 935 00:41:41,610 --> 00:41:44,120 और मैं लिया जाना चाहिए था एक 1990 के दशक से इस बात का स्क्रीनशॉट, 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 लेकिन फिर भी MapQuest हो गया है गूगल मैप्स की तरह, बेहतर है। 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 खैर, यह एक तरह होगा जीमेल में का गुस्सा 950 00:42:19,270 --> 00:42:21,103 यदि आप चाहते थे कि हर बार अपने मेल की जांच करने के लिए, 951 00:42:21,103 --> 00:42:24,940 तुम सचमुच नियंत्रण आर या मारा था कमान आर या पुनः लोड बटन को क्लिक करें 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 आप नए और अगर सिर्फ देखने के लिए मेल, पूरे वेब पेज और यूआरएल 957 00:42:33,170 --> 00:42:34,580 आप फिर से लोड करने के लिए होता है पर कर रहे हैं। 958 00:42:34,580 --> 00:42:35,960 >> लेकिन यह है कि जीमेल में क्या होता है नहीं है। 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 तालिका है या हो सकता है यह प्रस्तुत करने वाले एक unordered सूची 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 एक तरह से एक तरह से लग रहा है कि जीमेल का प्रयोग इस तरह, गूगल उह, जब पता चलता है, 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 आप एक यूआरएल का दौरा करने के बाद, लेकिन यह लंबे समय से पागल, 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 यूआरएल वास्तव में नहीं बदला है मैं टाइपिंग शुरू कर दिया है। 992 00:44:12,920 --> 00:44:17,330 लेकिन क्या भर में हो रहा है दिलचस्प हम्म, ठीक wire--। 993 00:44:17,330 --> 00:44:20,470 क्या भर में हो रहा है तार यहां सिर्फ weirder हो जाता है। 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 मैं लिखते हैं, सचमुच, बिल्लियों और-- क्या हो रहा है 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 >> डेविड मालन: बिल्कुल। 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 >> ईएफए: मैं Efa हूँ। 1035 00:45:59,180 --> 00:45:59,410 >> डेविड मालन: Etha? 1036 00:45:59,410 --> 00:45:59,785 >> ईएफए: EFA। 1037 00:45:59,785 --> 00:46:00,160 >> डेविड मालन: EFA? 1038 00:46:00,160 --> 00:46:00,730 >> ईएफए: हाँ। 1039 00:46:00,730 --> 00:46:01,250 >> डेविड मालन: तुम्हें देखकर अच्छा लगा। 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 कोल्टन किया था, अब Efa कर सकते हैं वास्तव में ऊपर जा रहा द्वारा चारों ओर चलना, 1046 00:46:14,080 --> 00:46:16,689 नीचे, बाएँ, और एक तरह सही Nintendo या Xbox नियंत्रक। 1047 00:46:16,689 --> 00:46:18,230 ईएफए: मैं मंच से गिर करने के लिए जा रहा हूँ। 1048 00:46:18,230 --> 00:46:20,500 डेविड मालन: हो जाएगा यहाँ पर मोटे तौर पर खड़े हो जाओ। 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 >> आप यहाँ की व्याख्या करना चाहते हैं mic के साथ हम क्या कर रहे हैं? 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 इसलिए अभी हम कर रहे हैं Oculus अप लोड हो रहा है, 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 डेविड मालन: हाँ, वहाँ तुम जाओ। 1066 00:46:56,443 --> 00:47:00,340 1067 00:47:00,340 --> 00:47:02,460 Efa देख रही है गुणवत्ता बहुत उच्च गुणवत्ता है। 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 और फिर यहाँ यहाँ एक-- है, चलो मुझे आप के लिए अपने चश्मे पकड़। 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 >> ईएफए: ओह, यह तरीका है। 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 ठीक है, मैं [सुनाई] वापस जा रहा हूँ। 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 >> ईएफए: अभी नहीं। 1145 00:49:29,371 --> 00:49:29,871 COLTON: ठीक है। 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 डेविड मालन: EFA जारी है और जबकि हम इस दिन से कर सकता है, के बाद से खेलते हैं, 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 >> [संगीत - "Seinfeld थीम"] 1159 00:49:57,392 --> 00:49:58,222 1160 00:49:58,222 --> 00:50:00,180 स्पीकर 1: ठीक है, मैं कर रहा हूँ डाल एक नया पीएल पर माउंट। 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 >> अध्यक्ष 3: मैं मैं इन के साथ अच्छा हूँ। 1166 00:50:09,510 --> 00:50:09,933 आप कुछ और अधिक चाहते हैं? 1167 00:50:09,933 --> 00:50:11,325 >> अध्यक्ष 4: नहीं, मैं अच्छा हूँ। [अश्राव्य]। 1168 00:50:11,325 --> 00:50:12,200 >> अध्यक्ष 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: ठीक है। 1173 00:50:22,890 --> 00:50:26,690 स्पीकर 1: तो अंतत: क्या यह यह रंग समायोजित करता है of--