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

2
00:00:39,630 --> 00:00:41,880
डेविड जे Malan: सब ठीक है,
तो यह यहाँ म्यो हाथ है

3
00:00:41,880 --> 00:00:44,450
बैंड, एक जोड़ी जिनमें से हम
CS50 अंतिम परियोजनाओं के लिए है.

4
00:00:44,450 --> 00:00:47,533
और कहा कि हम पंक्तिबद्ध एक प्रदर्शन था
अग्रिम जहां अनिवार्य रूप में आप ऊपर

5
00:00:47,533 --> 00:00:51,120
यह काफी तंग हाथ यहाँ अप बैंड
अपनी मांसपेशियों आंदोलनों को सुनता है

6
00:00:51,120 --> 00:00:54,280
तो सॉफ्टवेयर में मैप कर रहे हैं कि
यहाँ पर कोल्टन के लैपटॉप के लिए जो

7
00:00:54,280 --> 00:00:57,230
था iTunes और है कि
गीत पहले से ही पंक्तिबद्ध.

8
00:00:57,230 --> 00:01:00,270
बल्कि मुझे इस demoing से,
कोल्टन प्रयोगशाला में किया गया है

9
00:01:00,270 --> 00:01:04,129
स्पष्ट रूप से सभी सप्ताह एक प्रदर्शन हो रही है
एक बहादुर स्वयंसेवक के लिए तैयार है.

10
00:01:04,129 --> 00:01:07,430
किसी को आने के लिए करना चाहते हैं
up-- पर पहली बार अपने हाथ को देखा.

11
00:01:07,430 --> 00:01:09,540
ऊपर आओ.

12
00:01:09,540 --> 00:01:12,530
>> ठीक है.

13
00:01:12,530 --> 00:01:13,886
और तुम्हारा नाम क्या है?

14
00:01:13,886 --> 00:01:14,800
>> दर्शक: उह, मारिया.

15
00:01:14,800 --> 00:01:16,550
>> डेविड जे Malan: मारिया, तुम देखकर अच्छा लगा.

16
00:01:16,550 --> 00:01:17,310
यहाँ पर चलो.

17
00:01:17,310 --> 00:01:19,550
मुझे कोल्टन से मिलवा दो.

18
00:01:19,550 --> 00:01:21,290
कोल्टन, इस मारिया है.

19
00:01:21,290 --> 00:01:23,050
>> COLTON: हाय, आपसे मिलकर अच्छा लगा.

20
00:01:23,050 --> 00:01:24,330
>> डेविड जे Malan: सभी
ठीक है, तो हम कर रहे हैं, एक कदम

21
00:01:24,330 --> 00:01:26,204
जा तुम डाल दिया है
अपने प्रकोष्ठ करने पर यह

22
00:01:26,204 --> 00:01:29,280
यह सुंदर है कि इतना
अपनी कोहनी के पास अप तंग.

23
00:01:29,280 --> 00:01:31,940
और इस बीच, चलो चलो
हमारे गूगल ग्लास पर डाल

24
00:01:31,940 --> 00:01:33,720
और हम आज प्रौद्योगिकियों मिश्रण करेंगे.

25
00:01:33,720 --> 00:01:36,340
>> COLTON: सबसे पहले हम पड़ेगा
बातों में इस हुक.

26
00:01:36,340 --> 00:01:37,170
>> डेविड जे Malan: ठीक है.

27
00:01:37,170 --> 00:01:39,795
वास्तव में, के रूप में अपने हाथ डाल दिया
संभव के रूप में इस केबल के करीब

28
00:01:39,795 --> 00:01:41,160
इसलिए हम पहले इसे सिंक कर सकते हैं कि.

29
00:01:41,160 --> 00:01:42,740
>> COLTON: चलो यह करते हैं.

30
00:01:42,740 --> 00:01:46,500
>> डेविड जे Malan: और इस बीच, ताकि
हर कोई एक करीब नज़र प्राप्त कर सकते हैं,

31
00:01:46,500 --> 00:01:50,290
हम एंड्रयू कैमरा टॉस हूँ
वहाँ स्क्रीन पर.

32
00:01:50,290 --> 00:01:54,460
तो हम है कि एक यूएसबी केबल है
मारिया armband में खामियों को दूर किया जा रहा है.

33
00:01:54,460 --> 00:02:00,230
और मुझे कोल्टन की स्क्रीन टॉस जाने
अगले प्रोजेक्टर पर.

34
00:02:00,230 --> 00:02:06,000
>> तो कोल्टन डिवाइस दर्ज की है
एक म्यो इस केबल से जुड़ा अब के रूप में.

35
00:02:06,000 --> 00:02:08,060
और अब क्या है मारिया
क्षण भर में क्या करने जा

36
00:02:08,060 --> 00:02:10,120
वास्तव में के माध्यम से चल रहा है
अंशांकन कदम

37
00:02:10,120 --> 00:02:12,830
और सॉफ्टवेयर सिखाने
कैसे उसकी मांसपेशियों जवाब

38
00:02:12,830 --> 00:02:16,070
वह जब कुछ पूर्व निर्धारित
सॉफ्टवेयर समझता है कि इशारों.

39
00:02:16,070 --> 00:02:17,910
आप में जाने के लिए करना चाहते हैं
स्क्रीन के सामने.

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

41
00:02:26,840 --> 00:02:30,090
ठीक है, प्रयास जारी रखें.

42
00:02:30,090 --> 00:02:31,860
>> COLTON: इस तरह से जाना.

43
00:02:31,860 --> 00:02:32,970
और इस तरह से.

44
00:02:32,970 --> 00:02:34,563
और सही करने के लिए सभी तरह.

45
00:02:34,563 --> 00:02:35,922
वापस जाओ.

46
00:02:35,922 --> 00:02:37,740
>> डेविड जे Malan: ठीक है.

47
00:02:37,740 --> 00:02:38,960
अलग नजरिए.

48
00:02:38,960 --> 00:02:39,620
यह आप नहीं है.

49
00:02:39,620 --> 00:02:40,350
यह हमें है.

50
00:02:40,350 --> 00:02:41,749
>> मारिया: ठीक है.

51
00:02:41,749 --> 00:02:42,540
डेविड जे Malan: नहीं

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

53
00:02:46,720 --> 00:02:51,540
के उच्च ऊपर यह है तो यह कदम चलो
अपनी कोहनी के करीब, या भी सख्त.

54
00:02:51,540 --> 00:02:52,680
ठीक है.

55
00:02:52,680 --> 00:02:53,270
>> ये रहा.

56
00:02:53,270 --> 00:02:56,780
इस CS52X के लिए एक अच्छा समय होगा.

57
00:02:56,780 --> 00:02:57,670
हम वहाँ जाना.

58
00:02:57,670 --> 00:02:58,760
>> बहुत अच्छा.

59
00:02:58,760 --> 00:03:01,170
ठीक.

60
00:03:01,170 --> 00:03:02,790
अँगूठा कनिष्ठा के लिए.

61
00:03:02,790 --> 00:03:03,380
>> बहुत अच्छा.

62
00:03:03,380 --> 00:03:05,140
अपनी उंगलियों बिखरा हुआ है.

63
00:03:05,140 --> 00:03:06,240
अच्छा है.

64
00:03:06,240 --> 00:03:06,910
सही लहर.

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

66
00:03:15,052 --> 00:03:17,010
यह मजे की बात है दिखा रहा है
बाएं hand-- साथ आप

67
00:03:17,010 --> 00:03:19,665
>> COLTON: हाँ, यह अजीब है.

68
00:03:19,665 --> 00:03:21,790
डेविड जे Malan: करने के लिए वेव
सही और आगे बढ़ना.

69
00:03:21,790 --> 00:03:22,998
तेजी से आगे छोड़ या अगले करने के लिए.

70
00:03:22,998 --> 00:03:25,020
यह ठीक वेव सही है.

71
00:03:25,020 --> 00:03:26,650
>> मारिया: मैं इंतज़ार don't--.

72
00:03:26,650 --> 00:03:28,430
>> डेविड जे Malan: कुछ मदद की ज़रूरत है?

73
00:03:28,430 --> 00:03:30,027
>> COLTON: तो तुम इस तरह से जा रहे हैं.

74
00:03:30,027 --> 00:03:31,860
मारिया: यह बदल रहा है
दूसरी बात, यद्यपि.

75
00:03:31,860 --> 00:03:32,390
COLTON: यह है.

76
00:03:32,390 --> 00:03:34,250
डेविड जे Malan: हाँ मैं नहीं जानता
ऐसा क्यों है कि आप एक leftie दिखा रहा है.

77
00:03:34,250 --> 00:03:36,458
COLTON: क्यों तुम try-- नहीं है
बस इस तरह से जाने की कोशिश.

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

79
00:03:38,910 --> 00:03:40,090
>> डेविड जे Malan: नहीं?

80
00:03:40,090 --> 00:03:42,580
शायद अपने हाथ तक पहुँचने
एक छोटे से straighter बाहर

81
00:03:42,580 --> 00:03:46,070
और इस तरह से यह अधिक आकस्मिक बनाने.

82
00:03:46,070 --> 00:03:48,176
हाँ, ठीक है, चलो.

83
00:03:48,176 --> 00:03:49,670
>> मारिया: मैं माफी चाहता हूँ.

84
00:03:49,670 --> 00:03:51,170
डेविड जे Malan: यह तुम्हारी गलती नहीं है.

85
00:03:51,170 --> 00:03:53,018
COLTON: यह ठीक है.

86
00:03:53,018 --> 00:03:55,430
डेविड जे Malan: सब ठीक है.

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

88
00:03:56,220 --> 00:03:57,620
>> मारिया: हम तो, इस को छोड़ देना चाहिए?

89
00:03:57,620 --> 00:03:59,620
डेविड जे Malan: हाँ, चलो
हुक से तुम चलो.

90
00:03:59,620 --> 00:04:03,130
किसी को एक करना चाहते हैं तो अगर
इस अत्याधुनिक का उपयोग अंतिम परियोजना

91
00:04:03,130 --> 00:04:07,707
हार्डवेयर, पता ही यह बस हो सकता है
करने के लिए इस्तेमाल किया जा रहा है एक छोटे से ले.

92
00:04:07,707 --> 00:04:10,290
और this-- वास्तविकता यह है
वास्तव में बहुत किनारे खून बह रहा है.

93
00:04:10,290 --> 00:04:12,040
>> यह कहा जाता है क्या है
डेवलपर किट, जो

94
00:04:12,040 --> 00:04:14,956
अनिवार्य रूप से एक पूर्व रिहाई के लिए होती है
ताकि लोगों को वास्तव में कर सकते हैं कि

95
00:04:14,956 --> 00:04:18,690
इसके साथ लड़ने this--, आंकड़ा
बाहर कैसे लोगों के शरीर काम

96
00:04:18,690 --> 00:04:19,980
प्रौद्योगिकी के साथ.

97
00:04:19,980 --> 00:04:21,750
अगर आप चाहते हैं तो
बाद में, व्याख्यान के बाद,

98
00:04:21,750 --> 00:04:23,750
हम आपको आने दे सकते हैं और
उस पर एक और चाकू ले.

99
00:04:23,750 --> 00:04:26,970
तालियों की लेकिन अन्यथा, एक दौर, अगर
हम पर आने के लिए मारिया के लिए, कर सकते थे.

100
00:04:26,970 --> 00:04:28,770
>> मारिया: धन्यवाद.

101
00:04:28,770 --> 00:04:30,390
>> डेविड जे Malan: धन्यवाद.

102
00:04:30,390 --> 00:04:34,945
हम इस पर लटका देंगे, लेकिन हम दे देंगे
you-- कैसे यहाँ एक तनाव गेंद के बारे में?

103
00:04:34,945 --> 00:04:38,620
ओह, and-- if-- हाँ, धन्यवाद.

104
00:04:38,620 --> 00:04:39,715
ठीक है.

105
00:04:39,715 --> 00:04:45,750
तुम थे उत्सुक के लिए, तो अगर
ध्वनि विकल्प के साथ अपरिचित

106
00:04:45,750 --> 00:04:47,670
हम वहाँ बनाया कि
इससे पहले, एक अद्भुत टीवी

107
00:04:47,670 --> 00:04:50,210
बताते हैं कि तुम बिल्कुल चाहिए
द्वि घातुमान देख Netflix पर हो

108
00:04:50,210 --> 00:04:51,110
यहाँ यह एक है.

109
00:04:51,110 --> 00:04:54,472
>> अध्यक्ष 1: देवियों और सज्जनों,
जोश नामक एक जादूगर.

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

111
00:05:04,710 --> 00:05:08,050
>> डेविड जे Malan: और जाहिर है, यह है
एक बात अब व्याख्यान के दौरान मुझे पाठ करने के लिए.

112
00:05:08,050 --> 00:05:11,190
मुझे लगता है कि कहा जा रहा हूँ मारिया
कल जन्मदिन था.

113
00:05:11,190 --> 00:05:14,095
से तो खुश जन्मदिन
मारिया को CS50 के रूप में अच्छी तरह से.

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

115
00:05:18,720 --> 00:05:22,090
>> तो अगर आप हाल के महीने में पढ़ सकते हैं
कि यहां इस सज्जनों, स्टीव

116
00:05:22,090 --> 00:05:25,260
वास्तव में कौन था बाल्मर,
कॉलेज में 1977 का वर्ग,

117
00:05:25,260 --> 00:05:27,170
हाल ही में माइक्रोसॉफ्ट के लिए सेवानिवृत्त.

118
00:05:27,170 --> 00:05:29,620
उन्होंने यहां एक स्नातक था
फिर कुछ साल बाद

119
00:05:29,620 --> 00:05:31,910
पर खुद को पाया
स्टैनफोर्ड बिजनेस स्कूल

120
00:05:31,910 --> 00:05:34,160
वह एक फोन मिला जब
उसकी जो एक दोस्त से फोन

121
00:05:34,160 --> 00:05:36,516
नीचे हॉल में रहते थे
यहां हार्वर्ड में उसके पास से.

122
00:05:36,516 --> 00:05:38,640
उस मित्र के नाम बिल था
गेट्स, और समय पर,

123
00:05:38,640 --> 00:05:42,700
वह होने के लिए स्टीव की भर्ती करने की कोशिश कर रहा था
पहले व्यापार व्यक्ति, वास्तव में,

124
00:05:42,700 --> 00:05:45,720
एक छोटी सी कंपनी में माइक्रोसॉफ्ट नाम है.

125
00:05:45,720 --> 00:05:48,960
>> एक लंबी कहानी छोटी, स्टीव
अंततः जीत पर गया था,

126
00:05:48,960 --> 00:05:52,130
जब वे माइक्रोसॉफ्ट में शामिल हो गए
सिर्फ 30 कर्मचारी थे.

127
00:05:52,130 --> 00:05:54,300
और समय वह
काफी हाल ही में सेवानिवृत्त हुए,

128
00:05:54,300 --> 00:05:58,100
कंपनी 1,00,000 कर्मचारी थे
पिछले कुछ वर्षों में.

129
00:05:58,100 --> 00:06:01,171
और इसलिए एक वेबसाइट किनारे के रूप में जाना
वीडियो पर इस श्रद्धांजलि तैयार

130
00:06:01,171 --> 00:06:02,920
हम हम चाहते हैं कि सोचा था कि
आप देता है कि साझा

131
00:06:02,920 --> 00:06:08,380
अभी कितना ऊर्जा स्टीव की भावना
वह देता है किसी प्रस्तुति के लिए लाता है.

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

133
00:06:11,884 --> 00:06:12,550
[वीडियो प्लेबैक]

134
00:06:12,550 --> 00:06:16,220
-Microsoft एक चौथाई बच्चे की तरह है.

135
00:06:16,220 --> 00:06:18,260
बच्चे घर छोड़ कर.

136
00:06:18,260 --> 00:06:21,875
इस मामले में, मुझे लगता है
मैं घर जा रहा हूँ.

137
00:06:21,875 --> 00:06:23,270
विधेयक अरे, whazzap?

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

139
00:06:24,200 --> 00:06:25,320
>> हे, wazzap?

140
00:06:25,320 --> 00:06:28,590
हम दिया गया है एक
भारी अवसर.

141
00:06:28,590 --> 00:06:30,210
और बिल हमें उस अवसर दिया.

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

143
00:06:35,520 --> 00:06:36,770
मैं उसके लिए बिल अदा करना चाहता हूँ.

144
00:06:36,770 --> 00:06:39,630
मैं आपको बहुत चाहता हूँ.

145
00:06:39,630 --> 00:06:42,500
नवाचार की गति
धीमा करने के लिए नहीं जा रहा है.

146
00:06:42,500 --> 00:06:45,140
>> यह तेजी से और तेजी लाने के लिए जा रहा है.

147
00:06:45,140 --> 00:06:50,165
कुछ प्रतियोगियों हो सकता है
कि दुर्भाग्य से समाप्त हो जाते हैं!

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

149
00:06:54,337 --> 00:06:59,564
>> मैं इस कंपनी से प्यार है.

150
00:06:59,564 --> 00:07:00,064
हाँ!

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

152
00:07:03,452 --> 00:07:08,250
मैं एक पीसी हूं, और मैं इस कंपनी प्यार करता हूँ!

153
00:07:08,250 --> 00:07:13,090
>> डेवलपर्स, डेवलपर्स, डेवलपर्स,
डेवलपर्स, डेवलपर्स, डेवलपर्स,

154
00:07:13,090 --> 00:07:14,560
डेवलपर्स, डेवलपर्स.

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

156
00:07:17,500 --> 00:07:18,970
हाँ!

157
00:07:18,970 --> 00:07:19,950
वेब डेवलपर्स!

158
00:07:19,950 --> 00:07:21,420
>> वेब डेवलपर्स!

159
00:07:21,420 --> 00:07:22,890
वेब डेवलपर्स!

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

161
00:07:25,830 --> 00:07:28,770
सुनो और क्या आप
कोई अतिरिक्त शुल्क में जाओ!

162
00:07:28,770 --> 00:07:31,960
>> एमएस-डॉस कार्यकारी, एक नियुक्ति
कैलेंडर, एक कार्ड के ढेर, एक नोट पैड,

163
00:07:31,960 --> 00:07:33,750
एक घड़ी, एक नियंत्रण कक्ष.

164
00:07:33,750 --> 00:07:35,461
और, यदि आप यह विश्वास कर सकते हैं?

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

166
00:07:35,960 --> 00:07:37,270
>> सीडी के लिए उन्हें जला दो!

167
00:07:37,270 --> 00:07:38,660
एमएसएन के लिए उन्हें पद!

168
00:07:38,660 --> 00:07:40,422
आप दोस्तों के लिए उन्हें मेल!

169
00:07:40,422 --> 00:07:41,790
>> एक क्लिक के साथ सभी!

170
00:07:41,790 --> 00:07:48,670
एक माइक्रोसॉफ्ट, एक रणनीति, एक team--
अनुशासित, पेशेवर, ध्यान केंद्रित,

171
00:07:48,670 --> 00:07:50,610
और हम करते हैं कि सभी में विशेषज्ञ.

172
00:07:50,610 --> 00:07:52,670
मुझे एक पुरानी फिल्म से एक लाइन का उपयोग करते हैं.

173
00:07:52,670 --> 00:07:54,810
>> रिश्ते शार्क की तरह हैं.

174
00:07:54,810 --> 00:07:57,480
वे आगे बढ़ने या वे मर जाते हैं.

175
00:07:57,480 --> 00:08:01,470
मैं वास्तव में तकनीक लगता है
कंपनियों को एक ही कर रहे हैं.

176
00:08:01,470 --> 00:08:04,801
>> [अंत वीडियो प्लेबैक]

177
00:08:04,801 --> 00:08:08,050
डेविड जे Malan: तो हम खुश हैं
स्टीव हमें शामिल हो जाएगा कि घोषणा

178
00:08:08,050 --> 00:08:13,320
यहाँ CS50 में पर अगले बुधवार
हमेशा की जगह और यहां समय.

179
00:08:13,320 --> 00:08:14,750
अंतरिक्ष की संभावना सीमित हो जाएगा.

180
00:08:14,750 --> 00:08:19,650
और हां, तो व्यक्ति में हमें कृपया शामिल होने के लिए
उसके बाद शीघ्र ही आज सिर या

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

182
00:08:22,600 --> 00:08:25,780
>> और हम से पालन करेंगे
मंगलवार धब्बे की पुष्टि.

183
00:08:25,780 --> 00:08:29,900
कि अगले करने के लिए तत्पर हैं
CS50 में व्याख्यान के दौरान बुधवार.

184
00:08:29,900 --> 00:08:33,706
अब, अन्य समाचार में, मैं करने के लिए हुआ
क्रिमसन में इस पार आ बस

185
00:08:33,706 --> 00:08:34,289
दूसरे दिन.

186
00:08:34,289 --> 00:08:37,370
>> यह CS50 के स्टाफ में से एक है कि पता चला है
और CS50 के छात्रों का कम से कम एक

187
00:08:37,370 --> 00:08:40,299
वर्तमान में यूसी के लिए चल रहा है
अध्यक्ष और उपाध्यक्ष,

188
00:08:40,299 --> 00:08:42,950
जो मुझे वापस लाया
अपने ही दिनों में वापस

189
00:08:42,950 --> 00:08:45,920
जब मैं बुरी तरह यूसी चुनाव हार गए.

190
00:08:45,920 --> 00:08:48,210
लेकिन उम्मीद की किरण
उस में मैं हमेशा से है

191
00:08:48,210 --> 00:08:50,604
कहानी यह है कि बताओ
मैं से एक यकीन

192
00:08:50,604 --> 00:08:52,770
कई कारणों से मैं हार
चुनाव एक पूर्ण अभाव था

193
00:08:52,770 --> 00:08:54,103
सार्वजनिक बोलने के लिए एक प्रतिभा का.

194
00:08:54,103 --> 00:08:56,950
और तो बहुत ईमानदारी से, यह
मुझे दिया, कि अनुभव

195
00:08:56,950 --> 00:09:02,235
मैं अपने जूनियर वर्ष, वास्तव में हस्ताक्षर करने के लिए लगता है
हार्वर्ड कम्प्यूटर सोसायटी, के लिए जो

196
00:09:02,235 --> 00:09:04,610
समूह परिसर में है कि
विभिन्न तकनीकी वार्ता रखती है

197
00:09:04,610 --> 00:09:05,318
और अन्य चीजें.

198
00:09:05,318 --> 00:09:08,117
और मैं उनके शिक्षण पदभार संभाल लिया
सेमिनार और इसलिए

199
00:09:08,117 --> 00:09:09,950
, एक मौका था एक
अद्भुत अवसर,

200
00:09:09,950 --> 00:09:12,620
वास्तव में इस पर काम शुरू करने के लिए.

201
00:09:12,620 --> 00:09:15,000
लेकिन इसके अलावा, मैं एक मौका था
इस अनुभव के दौरान

202
00:09:15,000 --> 00:09:16,930
अपने आप सभी को और अधिक एचटीएमएल सिखाने के लिए.

203
00:09:16,930 --> 00:09:21,080
और इसलिए मैं ने कल रात procrastinated
HTML आधारित वेबसाइट के माध्यम से देख

204
00:09:21,080 --> 00:09:28,066
मैं के लिए, 1997 की तरह '98 में की गई मेरी
यहाँ इस तरह दिखता है जो अभियान.

205
00:09:28,066 --> 00:09:29,920
मुझे पता है.

206
00:09:29,920 --> 00:09:33,340
>> Because-- और हां, नोटिस
1998 में इस अद्भुत डिजाइन निर्णय

207
00:09:33,340 --> 00:09:33,850
या whatnot.

208
00:09:33,850 --> 00:09:36,475
आप चाहते हैं पहली बात उपयोगकर्ताओं
अपनी वेबसाइट पर जाकर पर करने के लिए

209
00:09:36,475 --> 00:09:39,860
एक और लिंक बस क्लिक करने के लिए है
साधु के साथ यहां अपनी वेबसाइट में प्रवेश करने के लिए

210
00:09:39,860 --> 00:09:43,940
पीछे जहां एक डूबा पर्दे की तरह
जाहिरा तौर पर मेरे अभियान मंच था.

211
00:09:43,940 --> 00:09:46,330
और यह आपको मिलेगा सब है
आज सिर्फ एक स्क्रीनशॉट है.

212
00:09:46,330 --> 00:09:49,500
लेकिन मुझे लगता है जैसे, के माध्यम से पढ़ रहा था
मेरे अभियान पोस्टर कल रात

213
00:09:49,500 --> 00:09:50,490
और मेरे मंच.

214
00:09:50,490 --> 00:09:52,960
>> और मैं समय पर इतना गुस्सा था.

215
00:09:52,960 --> 00:09:55,380
यह दिलचस्प था was-- मेरे मंच.

216
00:09:55,380 --> 00:09:57,730
तो मैं तब से शांत हो गया है.

217
00:09:57,730 --> 00:10:03,550
लेकिन किसी दिन, मैं फिर से चलेंगे और
इस समय बंद उम्मीद है कि बेहतर.

218
00:10:03,550 --> 00:10:07,265
>> तो एचटीएमएल, मैं कर दिया जिसमें उस भाषा
आप in-- कि जल्द ही ज्यादा more-- कर दूँगा

219
00:10:07,265 --> 00:10:09,140
हम किया गया है कुछ है
देर के बारे में बात

220
00:10:09,140 --> 00:10:12,460
और काफी हद तक के लिए अब दी लेने
कि हम अन्य भाषाओं के लिए पर स्थानांतरित किया है.

221
00:10:12,460 --> 00:10:15,650
लेकिन चलो बस एक पल के लिए विराम दें और
संदर्भ में इन चीजों में से कुछ डाल दिया.

222
00:10:15,650 --> 00:10:18,040
तो एक वाक्य में, एचटीएमएल क्या है?

223
00:10:18,040 --> 00:10:19,370
>> या, क्या के लिए प्रयोग किया जाता है?

224
00:10:19,370 --> 00:10:20,208
कोई है?

225
00:10:20,208 --> 00:10:20,708
हां.

226
00:10:20,708 --> 00:10:22,002
>> दर्शक: वेबसाइटों के लिए मार्कअप.

227
00:10:22,002 --> 00:10:23,460
डेविड जे Malan: वेबसाइट के लिए मार्कअप.

228
00:10:23,460 --> 00:10:27,100
तो यह एक मार्कअप भाषा है कि
आप एक वेब पेज संरचना की सुविधा देता है.

229
00:10:27,100 --> 00:10:30,040
हैडर यहां तक ​​जाता है, शीर्षक
यहाँ जाता है, शरीर यहाँ जाता है.

230
00:10:30,040 --> 00:10:33,280
यह इस है, गहरा है
विस्तार का है कि तरह italics--.

231
00:10:33,280 --> 00:10:33,830
>> ठीक है, अच्छा.

232
00:10:33,830 --> 00:10:37,620
तो सीएसएस you-- और मैं देता है
वहाँ कुछ स्वतंत्रता ले लिया

233
00:10:37,620 --> 00:10:40,990
बोल्ड का सामना करना पड़ और इटैलिक क्योंकि साथ
बेहतर है कि इस के साथ लागू किया है.

234
00:10:40,990 --> 00:10:42,096
सीएसएस क्या is--?

235
00:10:42,096 --> 00:10:42,845
एक वाक्य में कहते हैं.

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

237
00:10:46,000 --> 00:10:46,720
किसी को भी सब पर.

238
00:10:46,720 --> 00:10:46,870
हाँ.

239
00:10:46,870 --> 00:10:49,286
>> दर्शक: अलंकरण और
इसे डिजाइन करने के लिए कैसे की तरह सामान,.

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

241
00:10:51,769 --> 00:10:52,810
डेविड जे Malan: ठीक है, अच्छा.

242
00:10:52,810 --> 00:10:55,420
आप की अनुमति है कि अलंकरण
इसे डिजाइन या यह चंद्रमा की झलक

243
00:10:55,420 --> 00:10:59,540
गहरा और तरह चीजों के साथ
इटैलिक और रंग और भी अधिक जुर्माना

244
00:10:59,540 --> 00:11:01,330
तत्वों की छोटाबीजवाला स्थिति.

245
00:11:01,330 --> 00:11:04,520
यह की तरह आप चीजें लेने की सुविधा देता है
पिछले मील उदाहरण के लिए, कि अगर ऐसा है,

246
00:11:04,520 --> 00:11:08,130
Pset7 में, आप पर ध्यान दिया होगा आपके
पोर्टफोलियो पेज आप इस बिंदु पर कर रहे हैं

247
00:11:08,130 --> 00:11:12,270
पहले से ही एक डिफ़ॉल्ट तालिका कि कि आप
उपयोगकर्ता का शेयर धारिता दिखाने के लिए करना

248
00:11:12,270 --> 00:11:15,740
और नकदी शायद बहुत भयंकर लग रहा है
कोई सफेद स्थान के साथ डिफ़ॉल्ट रूप से.

249
00:11:15,740 --> 00:11:18,420
Crammed का सब कुछ तरह
एक साथ पंक्तियों और स्तंभों में.

250
00:11:18,420 --> 00:11:20,662
>> खैर, एक बिट के साथ
सीएसएस, आप महसूस कर सकते हैं जैसे,

251
00:11:20,662 --> 00:11:23,870
आप वास्तव में उस tweak और यह कर सकते हैं
बहुत अधिक परिचित और ज्यादा कुछ

252
00:11:23,870 --> 00:11:24,870
सुंदर को देखने के लिए.

253
00:11:24,870 --> 00:11:27,730
तो सीएसएस के बारे में है
वेबसाइटों के stylization.

254
00:11:27,730 --> 00:11:31,970
लेकिन तब हम अभी तक एक और शुरू की
हमें क्या करना है, जो भाषा, पीएचपी,?

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

256
00:11:36,400 --> 00:11:37,590
>> बस क्या करते हैं?

257
00:11:37,590 --> 00:11:38,177
किसी को भी.

258
00:11:38,177 --> 00:11:40,010
परे उद्यम के लिए मिला
पहले दो पंक्तियों.

259
00:11:40,010 --> 00:11:40,260
हाँ.

260
00:11:40,260 --> 00:11:41,719
>> दर्शक: गतिशील सामग्री उत्पन्न.

261
00:11:41,719 --> 00:11:42,718
डेविड जे Malan: बिल्कुल सही.

262
00:11:42,718 --> 00:11:43,850
गतिशील सामग्री उत्पन्न.

263
00:11:43,850 --> 00:11:45,808
और अगर आप ऐसा कर सकते हैं
भाषा के किसी भी संख्या.

264
00:11:45,808 --> 00:11:50,120
हम यह है क्योंकि PHP का उपयोग करने के लिए हो
सी वाक्य रचना के समान भाग में.

265
00:11:50,120 --> 00:11:52,000
>> लेकिन PHP ठीक है कि नहीं करता है.

266
00:11:52,000 --> 00:11:54,620
यह आप गतिशील उत्पादन उत्पन्न करने देता है.

267
00:11:54,620 --> 00:11:57,890
और कहा कि उत्पादन के कुछ हो सकता है
एचटीएमएल, हम आम तौर पर कर रहा है के रूप में.

268
00:11:57,890 --> 00:12:00,160
यह है क्योंकि यह भी है
एक प्रोग्रामिंग भाषा है,

269
00:12:00,160 --> 00:12:03,240
तंत्र जो के माध्यम से
हम डेटाबेस के लिए बात कर सकते हैं.

270
00:12:03,240 --> 00:12:05,730
>> और हम करने के लिए प्रश्नों कर सकते हैं
याहू जैसे अन्य सर्वरों

271
00:12:05,730 --> 00:12:08,660
और प्रोग्राम के लिए कुछ भी कर
सच है कि आप अन्यथा हो सकता है

272
00:12:08,660 --> 00:12:10,400
ऐसा करने के लिए एक कंप्यूटर को मजबूर करना चाहते हैं.

273
00:12:10,400 --> 00:12:13,580
तो PHP के लिए हमें शुरू कर देता है
गतिशील रूप से सामग्री outputting.

274
00:12:13,580 --> 00:12:16,900
इस तर्क से तो, मैं नहीं था
वापस 1998 में एक गतिशील वेबसाइट.

275
00:12:16,900 --> 00:12:18,460
>> यह सिर्फ एक स्थिर वेब पेज था.

276
00:12:18,460 --> 00:12:22,250
मेरी सामग्री द्वारा बदला जा सकता था
मैन्युअल एडिट या कुछ समकक्ष के साथ.

277
00:12:22,250 --> 00:12:25,290
लेकिन PHP हम इस्तेमाल किया है या क्या है
इस्तेमाल कर सकते थे, बल्कि,

278
00:12:25,290 --> 00:12:27,260
तरह कुछ के लिए
Frosh आईएमएस वेबसाइट, जो

279
00:12:27,260 --> 00:12:31,160
पंजीकरण लेना चाहिए था और
users-- चीजों की एक सूची प्रबंधित

280
00:12:31,160 --> 00:12:33,550
वास्तव में अधिक बदल रहे हैं
हम भी हो, भले ही समय,

281
00:12:33,550 --> 00:12:35,990
पर्ल, एक अलग उपयोग करने के लिए
समय पर भाषा.

282
00:12:35,990 --> 00:12:40,350
>> और फिर अंत में, हम शुरू की
SQL-- संरचित क्वेरी भाषा.

283
00:12:40,350 --> 00:12:43,845
इसलिए अभी तक किसी अन्य भाषा
कि क्या के लिए प्रयोग किया जाता है?

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

285
00:12:46,660 --> 00:12:47,639
क्या के लिए इस्तेमाल किया?

286
00:12:47,639 --> 00:12:49,430
हम slight-- उद्यम कर सकते हैं
ठीक है, हम नहीं जा रहे हैं

287
00:12:49,430 --> 00:12:51,263
बहुत दूर पाने के लिए
यहाँ ऑर्केस्ट्रा से.

288
00:12:51,263 --> 00:12:53,432
दर्शक: यह एक प्रोटोकॉल है
डेटाबेस के लिए बात करने के लिए इस्तेमाल किया.

289
00:12:53,432 --> 00:12:55,640
डेविड जे Malan: एक प्रोटोकॉल
डेटाबेस के लिए बात करने के लिए इस्तेमाल किया.

290
00:12:55,640 --> 00:12:56,181
मुझे tweak करते हैं.

291
00:12:56,181 --> 00:12:59,280
यह प्रयोग किया जाता है एक प्राकृतिक भाषा है
databases-- का चयन करने के लिए बात करने के लिए

292
00:12:59,280 --> 00:13:01,280
और सम्मिलित करता है और हटाता
और अद्यतन और वास्तव में

293
00:13:01,280 --> 00:13:03,840
यहां तक ​​कि अधिक सुविधाओं कि
हम भी डुबकी लगाई नहीं है

294
00:13:03,840 --> 00:13:07,920
में लेकिन आपके पास explore-- चाहते हो सकता है
कहते हैं, के लिए एक अंतिम परियोजना का पता लगाने के लिए.

295
00:13:07,920 --> 00:13:09,560
इसलिए इन विभिन्न टुकड़े कर रहे हैं.

296
00:13:09,560 --> 00:13:13,100
>> और उम्मीद है कि Pset7, भले ही
इसके विनिर्देश, काफी लंबे समय से है

297
00:13:13,100 --> 00:13:15,990
यह आप चलने के लिए जानबूझ कर लंबा है
कैसे ये बातें सब कर सकते हैं के माध्यम से

298
00:13:15,990 --> 00:13:17,210
एक साथ टाइप किया.

299
00:13:17,210 --> 00:13:20,300
अब सोमवार हम पर
हमारी पिछली भाषा शुरू की

300
00:13:20,300 --> 00:13:23,430
हम औपचारिक रूप में परिचय हूँ कि
जावास्क्रिप्ट है कि course--.

301
00:13:23,430 --> 00:13:25,720
यह, पीएचपी की तरह है, एक
व्याख्या की भाषा.

302
00:13:25,720 --> 00:13:28,110
>> लेकिन एक प्रमुख अंतर
मैं सोमवार को प्रस्तावित

303
00:13:28,110 --> 00:13:32,730
PHP के जबकि क्रियान्वित या जाता है
सर्वर पर व्याख्या की जा रही है, जो

304
00:13:32,730 --> 00:13:35,990
इस मामले में CS50 उपकरण है,
या कुछ वाणिज्यिक वेब हो सकता है

305
00:13:35,990 --> 00:13:39,370
इंटरनेट पर सर्वर,
जावास्क्रिप्ट आम तौर पर

306
00:13:39,370 --> 00:13:43,650
ग्राहक की ओर चलता है कि एक भाषा है
ब्राउज़र में नहीं सर्वर side-- तो.

307
00:13:43,650 --> 00:13:46,970
कौन सी बस मैं जब खोला, जैसे कहना है
फेसबुक स्रोत कोड अप और सभी पाया

308
00:13:46,970 --> 00:13:51,510
उन .js फ़ाइलों की, निहितार्थ था
आप फेसबुक या यात्रा जब कि सबसे

309
00:13:51,510 --> 00:13:54,810
वेबसाइटों इन दिनों, तुम मिल
न केवल एचटीएमएल, न केवल सीएसएस,

310
00:13:54,810 --> 00:13:59,370
लेकिन जावास्क्रिप्ट की एक पूरी गुच्छा
अक्सर .js फ़ाइलों के रूप में कोड.

311
00:13:59,370 --> 00:14:03,970
और फिर यह browser-- अपनी खुद की है
उस कोड निष्पादित करता है कि मैक या PC--.

312
00:14:03,970 --> 00:14:05,990
>> लेकिन आपका ब्राउज़र यह कार्यान्वित.

313
00:14:05,990 --> 00:14:08,070
आप एक sandbox के प्रकार में सोच सकते हैं.

314
00:14:08,070 --> 00:14:12,420
जावास्क्रिप्ट कोड नहीं होना चाहिए जिससे कि
आपके कंप्यूटर पर फाइलों को नष्ट करने में सक्षम.

315
00:14:12,420 --> 00:14:14,730
यह करने में सक्षम नहीं होना चाहिए
अपनी ओर से ईमेल भेजें.

316
00:14:14,730 --> 00:14:17,760
पाबन्दी का आपका ब्राउज़र प्रकार
आप इसके साथ क्या कर सकते हैं.

317
00:14:17,760 --> 00:14:20,630
>> तो उस अर्थ में, यह एक छोटी सी है
कम शक्तिशाली, शायद, से सी

318
00:14:20,630 --> 00:14:24,030
लेकिन जावास्क्रिप्ट कर सकते हैं, के रूप में एक
एक तरफ, सर्वर पर इस्तेमाल किया जा,

319
00:14:24,030 --> 00:14:27,740
हम बात करने के लिए नहीं हैं हूँ हालांकि
इस संदर्भ में इसके बारे में.

320
00:14:27,740 --> 00:14:29,740
तो अब चलो एक साथ इन टाई करते हैं.

321
00:14:29,740 --> 00:14:34,000
एक सप्ताह से अधिक पहले, हम कुछ HTML प्रस्तुत
left-- सुपर बोरिंग वेब पेज पर.

322
00:14:34,000 --> 00:14:35,000
>> सिर्फ हैलो दुनिया कहते हैं.

323
00:14:35,000 --> 00:14:38,110
और फिर मैं पर प्रस्तावित
सही हम किस तरह के विचारों को चोरी कर सकते हैं

324
00:14:38,110 --> 00:14:41,470
के बारे में हमारी चर्चा से
सी में डेटा संरचनाओं

325
00:14:41,470 --> 00:14:45,270
और कैसे इस पदानुक्रम के बारे में सोचना
बाईं तरफ मार्कअप भाषा

326
00:14:45,270 --> 00:14:49,720
खींचा या स्मृति में लागू किया जा सकता है
नोड्स के साथ एक वास्तविक वृक्ष संरचना के रूप में

327
00:14:49,720 --> 00:14:51,400
संकेत और विवरण के उन प्रकार के और.

328
00:14:51,400 --> 00:14:53,820
सही पर, हम कॉल
एक DOM-- दस्तावेज़ कि

329
00:14:53,820 --> 00:14:56,800
जो अभी है Model-- वस्तु
पेड़ कह का एक अच्छा तरीका है.

330
00:14:56,800 --> 00:14:59,520
>> अब, क्यों यह उपयोगी है
इस तरह से यह लगता है कि?

331
00:14:59,520 --> 00:15:01,680
अब साथ क्योंकि
जावास्क्रिप्ट, क्योंकि हम

332
00:15:01,680 --> 00:15:05,810
इस में खेलने के लिए हो जाता है कि कोड
पर्यावरण, है कि वास्तविक एचटीएमएल

333
00:15:05,810 --> 00:15:08,360
ब्राउज़र के लिए भेजा गया
पहले से ही है और पहले से ही है

334
00:15:08,360 --> 00:15:12,690
द्वारा स्मृति में लोड किया गया
आपके कंप्यूटर में एक पेड़ में ब्राउज़र

335
00:15:12,690 --> 00:15:18,270
इस तरह राम, हम JavaScript का उपयोग कर सकते हैं
वास्तव में करने के लिए पार या चलना या खोज

336
00:15:18,270 --> 00:15:21,800
या डोम वृक्ष लेकिन हम चाहते हैं कि बदलते हैं.

337
00:15:21,800 --> 00:15:24,040
तो वास्तव में, अगर आपको लगता है
के बारे में facebook.com,

338
00:15:24,040 --> 00:15:27,660
आप चैट सुविधा का उपयोग करते हैं, तो आप अगर
उपयोग जीमेल और Gchat सुविधा,

339
00:15:27,660 --> 00:15:30,540
आप जहाँ कुछ भी
बार-बार आने वाले संदेश

340
00:15:30,540 --> 00:15:35,880
और फिर, उन संदेशों, शायद रहे हैं
जैसे, लाइट टैग, सूची आइटम टैग, हो सकता है.

341
00:15:35,880 --> 00:15:37,940
>> या हो सकता है कि वे सिर्फ रहे
दिखने रखना कि divs

342
00:15:37,940 --> 00:15:39,770
हर बार जब आप एक त्वरित संदेश मिलता है.

343
00:15:39,770 --> 00:15:42,960
और हां कि बस क्या मतलब है
फेसबुक या गूगल कर रहा है

344
00:15:42,960 --> 00:15:45,200
किसी भी समय आप एक मिलता है
सर्वर से संदेश,

345
00:15:45,200 --> 00:15:48,740
वे शायद जावास्क्रिप्ट का उपयोग कर रहे हैं
सिर्फ एक नोड जोड़ने के लिए

346
00:15:48,740 --> 00:15:52,700
इस के लिए यह करने के लिए एक और नोड tree--
तो नेत्रहीन बस लग रहा है कि पेड़

347
00:15:52,700 --> 00:15:54,570
अपनी स्क्रीन पर पाठ की एक नई लाइन की तरह.

348
00:15:54,570 --> 00:15:57,100
लेकिन वे डालने रहे
इस डेटा संरचना में.

349
00:15:57,100 --> 00:15:59,742
>> जैसे वर्गों में तो
CS124 और दूसरों को, तुम हूँ

350
00:15:59,742 --> 00:16:02,200
वास्तव खिलाफ अधिक कोड लिखना
इस तरह से डेटा संरचनाओं.

351
00:16:02,200 --> 00:16:04,310
लेकिन अब जावास्क्रिप्ट में लिए,
हम सिर्फ मान लेंगे

352
00:16:04,310 --> 00:16:07,920
हम इस कार्यशीलता के सभी मिल
भाषा खुद से मुक्त करने के लिए.

353
00:16:07,920 --> 00:16:09,210
तो चलिए एक उदाहरण देखते हैं.

354
00:16:09,210 --> 00:16:13,120
>> मुझे form.html नामक एक फ़ाइल को खोलने दें.

355
00:16:13,120 --> 00:16:14,601
यह सुपर आसान है.

356
00:16:14,601 --> 00:16:15,600
यह सिर्फ इस तरह दिखता है.

357
00:16:15,600 --> 00:16:17,860
>> कोई सीएसएस, सौंदर्यशास्त्र के लिए नहीं सोचा.

358
00:16:17,860 --> 00:16:19,810
यह विशुद्ध रूप से कार्यात्मक है
और जाहिरा तौर पर मैं हूँ

359
00:16:19,810 --> 00:16:24,000
एक ईमेल के लिए पूछ रही है, एक पासवर्ड,
फिर से पासवर्ड, और फिर एक चेक

360
00:16:24,000 --> 00:16:26,150
कुछ नियम और शर्तों से सहमत करने के लिए.

361
00:16:26,150 --> 00:16:28,740
क्या इस बात के लिए स्रोत कोड
शायद कुछ है की तरह लग रहा है

362
00:16:28,740 --> 00:16:31,030
आप एक साथ अनुमान लगा सकते
अब सोचा की थोड़ा सा.

363
00:16:31,030 --> 00:16:32,840
मैं यहां एक फार्म टैग मिल गया है.

364
00:16:32,840 --> 00:16:36,190
>> एक कार्रवाई जाहिरा तौर पर करने जा रहा है
register.php नामक एक फाइल करने के लिए जाना.

365
00:16:36,190 --> 00:16:37,870
मैं उपयोग करने के लिए जा रहा हूँ विधि प्राप्त है.

366
00:16:37,870 --> 00:16:40,880
और फिर मैं एक पाठ मिल गया है
जिसका नाम ईमेल है क्षेत्र.

367
00:16:40,880 --> 00:16:43,340
>> मैं एक पासवर्ड क्षेत्र मिल गया है
पासवर्ड जिसका नाम है.

368
00:16:43,340 --> 00:16:45,420
मैं एक और मिल गया है
जिसका नाम पासवर्ड क्षेत्र

369
00:16:45,420 --> 00:16:47,342
कुछ हद तक मनमाने ढंग से पुष्टि है.

370
00:16:47,342 --> 00:16:49,690
यह सिर्फ एक और एचटीटीपी पैरामीटर है.

371
00:16:49,690 --> 00:16:54,430
>> और फिर हम हम छोड़कर इन इस्तेमाल नहीं किया है
Frosh आईएमएस class-- में प्रदर्शन के बाद

372
00:16:54,430 --> 00:16:56,692
है जो एक चेक बॉक्स
बस प्रकार की जांच के बराबर होती है.

373
00:16:56,692 --> 00:16:57,900
और मुझे लगता है कि समझौते को बुलाता हूँ.

374
00:16:57,900 --> 00:17:00,700
तो मैं एक तरह से मनमाने ढंग से लेकिन
आसानी से इन क्षेत्रों का नाम.

375
00:17:00,700 --> 00:17:03,450
इस फार्म हो जाता है अब इतना है कि जब
प्रस्तुत है, चलो देखते हैं क्या होता.

376
00:17:03,450 --> 00:17:07,290
मैं malan@harvard.edu करते हैं,
मैं लाल रंग की एक पासवर्ड करूँगा.

377
00:17:07,290 --> 00:17:09,530
मैं कुछ भी नहीं की एक पासवर्ड करूँगा.

378
00:17:09,530 --> 00:17:10,910
का सहयोग नहीं करते हैं.

379
00:17:10,910 --> 00:17:12,280
>> और मैं बॉक्स को चेक नहीं किया जाएगा.

380
00:17:12,280 --> 00:17:13,940
मुझे क्लिक करते हैं.

381
00:17:13,940 --> 00:17:15,420
और यह एचएम, आप पंजीकृत कर रहे हैं, कहते हैं.

382
00:17:15,420 --> 00:17:16,069
ज़रूरी नहीं.

383
00:17:16,069 --> 00:17:17,450
>> लेकिन यूआरएल बदल दिया है.

384
00:17:17,450 --> 00:17:22,280
तो इस प्रपत्र में स्पष्ट रूप से अनुमति दी गई थी
register.php को प्रस्तुत करने के लिए.

385
00:17:22,280 --> 00:17:25,160
लेकिन शायद, मैं होना चाहिए
इन त्रुटियों में से कुछ को पकड़ने.

386
00:17:25,160 --> 00:17:27,569
अब, Pset7 और में कुछ
हमारे व्याख्यान उदाहरण के,

387
00:17:27,569 --> 00:17:30,130
हम आम तौर पर बाहर प्रिंट होगा
यहां एक बड़ा लाल त्रुटि संदेश

388
00:17:30,130 --> 00:17:33,760
कह रही है, नाम गुम,
या पासवर्ड याद आ रही है.

389
00:17:33,760 --> 00:17:37,680
हम और इससे पहले कि हम है कि कुछ किया है
किया सर्वर साइड त्रुटि का पता लगाने.

390
00:17:37,680 --> 00:17:41,580
>> लेकिन कई वेबसाइटों इन दिनों
ग्राहक की ओर त्रुटि का पता लगाने करना

391
00:17:41,580 --> 00:17:42,810
जहां यूआरएल नहीं बदलता है.

392
00:17:42,810 --> 00:17:44,101
पूरे पृष्ठ ताज़ा नहीं है.

393
00:17:44,101 --> 00:17:46,940
आप त्वरित प्रतिक्रिया मिल
ब्राउज़र से.

394
00:17:46,940 --> 00:17:48,070
शायद कुछ लाल हो जाता है.

395
00:17:48,070 --> 00:17:49,190
>> शायद आप एक पॉप अप मिलता है.

396
00:17:49,190 --> 00:17:53,240
लेकिन आप को भेजने समय बर्बाद मत करो
अधूरा है कि सर्वर डेटा.

397
00:17:53,240 --> 00:17:56,050
तो हम कैसे हो सकता है चलो देखते हैं
साथ ही उस सुविधा को प्राप्त करने.

398
00:17:56,050 --> 00:17:59,660
>> , मुझे form1.html के लिए चलते हैं
जो एक ही लग रहा है.

399
00:17:59,660 --> 00:18:03,530
लेकिन इस बार अगर मैं ऐसा
malan@harvard.edu और मैं क्रिमसन लिखें

400
00:18:03,530 --> 00:18:07,350
और मैं आगे सहयोग नहीं करते
लेकिन रजिस्टर पर क्लिक करें, अब नोटिस.

401
00:18:07,350 --> 00:18:08,940
यह कामुक समाधान नहीं है.

402
00:18:08,940 --> 00:18:10,900
मैं कम से कम इस त्रुटि पकड़ लिया.

403
00:18:10,900 --> 00:18:12,900
और मैं सतर्क का उपयोग किया है
JavaScript-- में समारोह

404
00:18:12,900 --> 00:18:14,090
जो हम केवल कक्षा में प्रयोग कर रहे हैं.

405
00:18:14,090 --> 00:18:16,430
सामान्य में, आप इस का उपयोग नहीं करना चाहिए
यह बहुत जल्दी से बाहर निकल सकते हैं क्योंकि

406
00:18:16,430 --> 00:18:17,160
नियंत्रण की.

407
00:18:17,160 --> 00:18:19,180
लेकिन मेल नहीं खाते पासवर्ड त्रुटि है.

408
00:18:19,180 --> 00:18:21,120
>> मुझे आगे जाना है और ठीक क्लिक करते हैं.

409
00:18:21,120 --> 00:18:25,040
लेकिन क्या यहां महत्वपूर्ण takeaway
यूआरएल परिवर्तन नहीं किया है.

410
00:18:25,040 --> 00:18:27,960
तो मैं परेशान नहीं किया है बर्बाद
सर्वर के समय यह पूछ

411
00:18:27,960 --> 00:18:30,750
मैं हो सकता था कि एक प्रश्न
अपने आप को इस सवाल का जवाब समझ से बाहर है.

412
00:18:30,750 --> 00:18:33,210
>> और उपयोगकर्ता, भले ही
इस बारे में बात कर रहे हैं

413
00:18:33,210 --> 00:18:35,264
उपयोगकर्ता की तुलना में लंबे समय तक
इस बारे में सोचने के लिए जा रहा है,

414
00:18:35,264 --> 00:18:36,680
त्वरित प्रतिक्रिया के लिए जा रहा है.

415
00:18:36,680 --> 00:18:39,044
कोई विलंबता के साथ नहीं है
नेटवर्क कनेक्टिविटी.

416
00:18:39,044 --> 00:18:40,460
तो चलो इस स्रोत कोड को देखो.

417
00:18:40,460 --> 00:18:45,600
>> Form1.html लग रहा है
यहाँ structurally समान.

418
00:18:45,600 --> 00:18:46,810
फार्म वास्तव में एक ही है.

419
00:18:46,810 --> 00:18:48,330
लेकिन मैं यहाँ नीचे क्या किया देखते हैं.

420
00:18:48,330 --> 00:18:49,913
और ऐसा करने के लिए अलग अलग तरीके है.

421
00:18:49,913 --> 00:18:53,690
और मैं सबसे सीधे किया है
अभी तक सबसे सुंदर तरीका अनुयायी लेकिन नहीं.

422
00:18:53,690 --> 00:18:54,869
मैं एक स्क्रिप्ट टैग है.

423
00:18:54,869 --> 00:18:57,035
मैं तो फोन
document.getElementById ('पंजीकरण').

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

425
00:19:00,090 --> 00:19:04,420
और मुझे लगता है कि मूल्य की दुकान
फार्म में, एक चर.

426
00:19:04,420 --> 00:19:05,520
>> तो मैं क्या किया है?

427
00:19:05,520 --> 00:19:08,960
आप सोच सकते हैं
document.getElementById होने के रूप में

428
00:19:08,960 --> 00:19:11,200
एक विशेष समारोह है कि
जावास्क्रिप्ट आप देता है

429
00:19:11,200 --> 00:19:14,400
सचमुच तुम एक हाथ कि
नोड्स में से एक के लिए सूचक

430
00:19:14,400 --> 00:19:16,520
इस पेड़ में या आयतों.

431
00:19:16,520 --> 00:19:21,470
तो अब है कि क्या हमारे फार्म चर है
जावास्क्रिप्ट में वास्तव में इशारा कर रहा है.

432
00:19:21,470 --> 00:19:25,120
>> तो अब वाक्य रचना से भिन्न है
सी लेकिन हम यहाँ कुछ बातें कर रहे हैं.

433
00:19:25,120 --> 00:19:30,360
एक, यह एक थोड़ा अजीब है
सी बनाम निश्चित रूप से, देख

434
00:19:30,360 --> 00:19:32,180
लेकिन लाइन 35 पर दिखेगा.

435
00:19:32,180 --> 00:19:35,130
बाएं form.onsubmit पर तो.

436
00:19:35,130 --> 00:19:38,060
कि onsubmit है याद
एक संरचना में एक क्षेत्र की तरह.

437
00:19:38,060 --> 00:19:41,480
आप फार्म चर के बारे में सोच
बस एक सी संरचना की जा रही है,

438
00:19:41,480 --> 00:19:42,600
यह कुछ क्षेत्रों में हो सकता है.

439
00:19:42,600 --> 00:19:46,410
>> दिन में वापस, हम छात्रों के नाम था,
आईडी, घरों, खेतों की उन तरह.

440
00:19:46,410 --> 00:19:48,520
बस एक और क्षेत्र के रूप में onsubmit के बारे में सोच.

441
00:19:48,520 --> 00:19:53,380
लेकिन यह क्योंकि एक विशेष क्षेत्र है
ब्राउज़र की उम्मीद करने के preprogrammed है

442
00:19:53,380 --> 00:19:57,530
.onsubmit एक मूल्य नहीं करने के लिए
एक नंबर या स्ट्रिंग की तरह,

443
00:19:57,530 --> 00:20:01,180
लेकिन वास्तव में एक समारोह होने के लिए
या एक समारोह का पता

444
00:20:01,180 --> 00:20:02,570
कंप्यूटर की स्मृति में.

445
00:20:02,570 --> 00:20:04,740
>> और वास्तव में, कि क्या हो रहा है
इस कीवर्ड यहाँ करता है.

446
00:20:04,740 --> 00:20:06,710
यह मेरे लिए एक नया समारोह देते हैं, कहते हैं.

447
00:20:06,710 --> 00:20:09,390
लेकिन इसका नाम क्या है
जाहिर है, होने जा रहा?

448
00:20:09,390 --> 00:20:10,800
>> सोमवार को वापस सोच.

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

450
00:20:13,430 --> 00:20:17,170
इस का नाम क्या है
इस वाक्य रचना पर आधारित समारोह?

451
00:20:17,170 --> 00:20:19,784
नहीं, मेरा मतलब है, स्पष्ट रूप से नहीं है
कोई नाम निश्चित रूप से associated--

452
00:20:19,784 --> 00:20:21,200
नहीं मैं यहाँ पर प्रकाश डाला गया है कि क्या में.

453
00:20:21,200 --> 00:20:22,560
>> लेकिन वह वास्तव में ठीक है.

454
00:20:22,560 --> 00:20:25,840
यह एक गुमनाम समारोह है, या एक
यह फोन हो सकता है कुछ के रूप में लैम्ब्डा समारोह.

455
00:20:25,840 --> 00:20:27,589
और ये सिर्फ मतलब
यह अभी भी एक समारोह है.

456
00:20:27,589 --> 00:20:29,400
यह आप नाम से यह नहीं कह सकते, सिर्फ है.

457
00:20:29,400 --> 00:20:30,057
लेकिन यह ठीक है.

458
00:20:30,057 --> 00:20:33,140
फिर, क्योंकि ब्राउज़र की गई है
गूगल जैसी कंपनियों द्वारा preprogrammed

459
00:20:33,140 --> 00:20:38,540
माइक्रोसॉफ्ट या मोजिला या दूसरों के लिए या
सिर्फ इतना पता है कि .onsubmit क्षेत्र अगर

460
00:20:38,540 --> 00:20:43,400
एक फार्म तत्व है के अंदर
मूल्य, एक function-- के रूप में व्यवहार

461
00:20:43,400 --> 00:20:44,750
एक समारोह सूचक, अगर तुम जाएगा.

462
00:20:44,750 --> 00:20:46,910
फार्म प्रस्तुत है और जब यह कहते हैं.

463
00:20:46,910 --> 00:20:50,350
>> तो क्या कोड निष्पादित किया जाना चाहिए
जब फार्म प्रस्तुत है?

464
00:20:50,350 --> 00:20:52,526
जाहिर है, सब कुछ
घुंघराले ब्रेस के अंदर.

465
00:20:52,526 --> 00:20:53,650
और यह सिर्फ शैलीगत है.

466
00:20:53,650 --> 00:20:55,626
>> आप की तरह यह कर सकता है
हम CS50 में करते हैं.

467
00:20:55,626 --> 00:20:58,250
लेकिन जावास्क्रिप्ट में, ज्यादातर लोगों को
एक ही लाइन पर रख देते हैं

468
00:20:58,250 --> 00:21:01,960
बस इसे और अधिक स्पष्ट रूप से है क्योंकि
उस कीवर्ड समारोह के साथ जुड़े.

469
00:21:01,960 --> 00:21:03,240
तो अब मैं क्या कर रहा हूँ?

470
00:21:03,240 --> 00:21:08,616
>> Form.email.value के बराबर होती हैं
खाली स्ट्रिंग या कुछ भी नहीं, यहाँ है

471
00:21:08,616 --> 00:21:11,490
मैं कहने जा रहा हूँ जहाँ एक चेतावनी,
यदि आप अपने ईमेल पते प्रदान करना होगा

472
00:21:11,490 --> 00:21:12,690
और फिर झूठी वापसी.

473
00:21:12,690 --> 00:21:15,720
और यह कि वापसी झूठी है कि
प्रस्तुत किया जा रहा से फार्म रोकता है.

474
00:21:15,720 --> 00:21:19,480
इस बीच, पासवर्ड मूल्य है अगर
खाली, मैं उपयोगकर्ता पर चिल्लाना जा रहा हूँ

475
00:21:19,480 --> 00:21:21,150
और आप एक पासवर्ड प्रदान करना होगा, कहना.

476
00:21:21,150 --> 00:21:23,700
>> इस बीच बातें हो रही है
यहां एक छोटे से शौक़ीन.

477
00:21:23,700 --> 00:21:29,160
Form.password.value नहीं करता है
बराबर form.confirmation.value,

478
00:21:29,160 --> 00:21:31,680
अन्य क्षेत्र, पर चिल्लाना
उपयोगकर्ता कि पासवर्ड

479
00:21:31,680 --> 00:21:33,860
वे के रूप में मेल नहीं खाते
एक पल पहले नहीं किया था.

480
00:21:33,860 --> 00:21:35,780
और फिर यह एक एक
थोड़ा sexier मैं क्योंकि

481
00:21:35,780 --> 00:21:40,470
मैं धारणात्मक जानता था कि पता
जाँच एक चेक बॉक्स का नाम है.

482
00:21:40,470 --> 00:21:45,680
>> इसलिए मैं सिर्फ एक विस्मयादिबोधक उपयोग कर सकते हैं
चेक नहीं है अगर बिंदु कहना

483
00:21:45,680 --> 00:21:48,040
checked-- यह बूलियन है
सच है या false-- मूल्य,

484
00:21:48,040 --> 00:21:49,700
मुझे लगता है कि कारण के लिए उपयोगकर्ता पर चिल्लाना करेंगे.

485
00:21:49,700 --> 00:21:52,300
अन्यथा, हम के माध्यम से मिलता है
इन स्थितियों के सभी,

486
00:21:52,300 --> 00:21:53,270
सिर्फ सच वापसी करते हैं.

487
00:21:53,270 --> 00:21:54,700
प्रपत्र प्रस्तुत किया करते हैं.

488
00:21:54,700 --> 00:21:56,560
और यह तो कुछ नहीं होगा.

489
00:21:56,560 --> 00:21:57,740
>> क्रिमसन में टाइप चलो.

490
00:21:57,740 --> 00:22:00,230
बॉक्स की जाँच करते हैं, रजिस्टर पर क्लिक करें.

491
00:22:00,230 --> 00:22:01,979
और अब मैं अपने गंतव्य के लिए जाने के माध्यम से.

492
00:22:01,979 --> 00:22:03,270
अब, वहाँ कोई डाटाबेस नहीं है.

493
00:22:03,270 --> 00:22:05,370
दिलचस्प कुछ भी नहीं है
register.php में.

494
00:22:05,370 --> 00:22:07,980
मैं बस कुछ करने की जरूरत
वास्तव में करने के लिए बात करने के लिए.

495
00:22:07,980 --> 00:22:09,140
तो मुझे यहाँ, थामने करते हैं.

496
00:22:09,140 --> 00:22:16,270
हम अभी क्या किया है पर कोई सवाल
या इस नई वाक्य रचना के कुछ क्या है?

497
00:22:16,270 --> 00:22:17,640
हाँ, ठीक है?

498
00:22:17,640 --> 00:22:20,025
>> दर्शक: तो किसी भी चेकबॉक्स
स्वचालित रूप से एक बूलियन है.

499
00:22:20,025 --> 00:22:21,650
आप की तरह है कि यह घोषणा करने के लिए नहीं है.

500
00:22:21,650 --> 00:22:22,649
>> डेविड जे Malan: सही.

501
00:22:22,649 --> 00:22:29,340
से आप के लिए भेजा है कि किसी भी चेकबॉक्स
आपकी जावास्क्रिप्ट कोड को एक HTML फार्म

502
00:22:29,340 --> 00:22:31,760
एक के रूप में, हाँ, इलाज किया जाएगा
बूलियन सही है या गलत value--.

503
00:22:31,760 --> 00:22:32,635
यह एक अच्छा सवाल है.

504
00:22:32,635 --> 00:22:36,080
अन्य मूल्यों जबकि, की
बेशक, पाठ, उर्फ ​​तार किया गया है.

505
00:22:36,080 --> 00:22:38,500
>> ठीक है, तो मुझे जाने
थोड़ा आगे उल्टा.

506
00:22:38,500 --> 00:22:39,900
इस की पूरी बात क्या थी?

507
00:22:39,900 --> 00:22:41,400
अभी स्पष्ट होना करने के लिए.

508
00:22:41,400 --> 00:22:44,940
की तरह, हम पहले से ही भी Pset7 से जानते हैं,
और यहां तक ​​कि पिछले हफ्ते के व्याख्यान से

509
00:22:44,940 --> 00:22:51,120
हम स्पष्ट रूप से जांच कर सकते हैं कि उदाहरण,
उपयोगकर्ता हमें दे अगर $ _GET $ _POST देखना

510
00:22:51,120 --> 00:22:52,200
एक खाली मूल्य.

511
00:22:52,200 --> 00:22:54,400
PHP में खाली समारोह याद रखें.

512
00:22:54,400 --> 00:22:58,040
>> तो अभी क्या है, स्पष्ट होना
हम यह भी हो सकता है एक कारण

513
00:22:58,040 --> 00:23:00,535
इस त्रुटि की जाँच करना चाहते हैं
ब्राउज़र के अंदर?

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

515
00:23:03,350 --> 00:23:06,080
यहां प्रेरणा क्या है?

516
00:23:06,080 --> 00:23:06,580
हाँ.

517
00:23:06,580 --> 00:23:09,735
>> दर्शक: तेज, और तुम नहीं करते
सर्वर से बेकार डेटा भेजने.

518
00:23:09,735 --> 00:23:10,610
डेविड जे Malan: अच्छा.

519
00:23:10,610 --> 00:23:11,170
यह तेजी से है.

520
00:23:11,170 --> 00:23:12,920
आप बेकार न भेजें
सर्वर से डेटा.

521
00:23:12,920 --> 00:23:14,670
>> तो आप एक अधिक वापस मिल
तत्काल प्रतिक्रिया.

522
00:23:14,670 --> 00:23:16,560
और कुल मिलाकर, उपयोगकर्ता
अनुभव बेहतर है.

523
00:23:16,560 --> 00:23:17,900
विकल्प के बारे में सोचो.

524
00:23:17,900 --> 00:23:21,160
>> Gmail-- के लिए और था
कई साल पहले का मामला.

525
00:23:21,160 --> 00:23:24,160
आप एक नया ईमेल आपके जीमेल मिला मान लीजिए
खाता, लेकिन एक ही रास्ता के माध्यम से

526
00:23:24,160 --> 00:23:26,510
ऐसे ही, को देखने के लिए,
पूरे पृष्ठ को फिर से लोड.

527
00:23:26,510 --> 00:23:29,030
या फिर आप पर क्लिक करें लगता है
एक लिंक एक ई-मेल को पढ़ने के लिए.

528
00:23:29,030 --> 00:23:31,600
>> सब कुछ इतनी पुनः लोड करने के लिए है
आप ईमेल देख सकते हैं.

529
00:23:31,600 --> 00:23:33,380
या फिर आप एक चैट संदेश मिल Facebook--.

530
00:23:33,380 --> 00:23:36,000
आप पुनः लोड जब तक आप इसे देख नहीं है
पेज या कुछ लिंक पर क्लिक करें.

531
00:23:36,000 --> 00:23:38,380
>> की तरह, इस भय से एक होगा
कष्टप्रद उपयोगकर्ता अनुभव.

532
00:23:38,380 --> 00:23:41,300
और यह, यह की तरह था क्या है
स्पष्ट रूप से, पहले मैं यूसी के लिए भाग गया जब

533
00:23:41,300 --> 00:23:44,760
और वेब काफी कम गतिशील था
लोकप्रिय रूप और जावास्क्रिप्ट नहीं था

534
00:23:44,760 --> 00:23:45,601
के रूप में यह अब है.

535
00:23:45,601 --> 00:23:47,850
और बातें ज्यादा हो रही है
अधिक गतिशील और भी बहुत कुछ

536
00:23:47,850 --> 00:23:49,900
इस अर्थ में कि ग्राहक की ओर.

537
00:23:49,900 --> 00:23:54,370
>> लेकिन वहाँ एक पकड़ यहाँ है, और
इस एक कष्टप्रद पकड़ लिया की तरह है.

538
00:23:54,370 --> 00:23:58,720
बस आप ग्राहक पक्ष जोड़ने क्योंकि
इस तरह का पता लगाने मतलब यह नहीं है

539
00:23:58,720 --> 00:24:01,430
आप या छोड़ देना चाहिए कर सकते हैं
सर्वर साइड का पता लगाने.

540
00:24:01,430 --> 00:24:04,080
आप अनिवार्य रूप से अपने डाल करना चाहते हैं
दोनों स्थानों में जाँच त्रुटि.

541
00:24:04,080 --> 00:24:05,830
एक था क्या वजह
सीखा सबक की

542
00:24:05,830 --> 00:24:10,270
लेख से मैं कुछ अंश पढ़ा
इस बेवकूफ सीएमएस system-- साथ से

543
00:24:10,270 --> 00:24:14,410
था कि सामग्री प्रबंधन System--
अपने प्रमाणीकरण प्रणाली को लागू करने,

544
00:24:14,410 --> 00:24:16,790
क्या तंत्र के माध्यम से अपने लॉगिन?

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

546
00:24:19,515 --> 00:24:20,469
जावास्क्रिप्ट.

547
00:24:20,469 --> 00:24:21,499
>> दर्शक: जावास्क्रिप्ट.

548
00:24:21,499 --> 00:24:23,290
डेविड जे Malan:
जावास्क्रिप्ट, वास्तव में, सही?

549
00:24:23,290 --> 00:24:24,610
यह जावास्क्रिप्ट का उपयोग किया गया था.

550
00:24:24,610 --> 00:24:27,120
और सचमुच, तुम लोगों को है
शायद थोड़ा सा खेला

551
00:24:27,120 --> 00:24:28,700
क्रोम के इंस्पेक्टर के साथ.

552
00:24:28,700 --> 00:24:30,890
मैं इसे पा सकते हैं, तत्व का निरीक्षण किया.

553
00:24:30,890 --> 00:24:33,670
>> मुझे क्या करना पर चलते हैं
क्रोम के सभी विकल्पों की.

554
00:24:33,670 --> 00:24:37,080
और यह यह करना कितना आसान है
एक ब्राउज़र में जावास्क्रिप्ट को अक्षम.

555
00:24:37,080 --> 00:24:38,950
नहीं, कोई और जावास्क्रिप्ट की जाँच करें.

556
00:24:38,950 --> 00:24:41,070
>> तो निष्पक्षता में, एक बहुत
इन दिनों वेब की

557
00:24:41,070 --> 00:24:43,430
सिर्फ इसलिए कि तोड़ने के लिए जा रहा है
जीमेल और अन्य sites--

558
00:24:43,430 --> 00:24:46,140
मान लें कि Facebook--
जावास्क्रिप्ट सक्षम है.

559
00:24:46,140 --> 00:24:50,180
लेकिन आप बेवकूफ कुछ कर रहे हैं
जैसे ही उपयोगकर्ताओं इनपुट मान्य

560
00:24:50,180 --> 00:24:52,520
और के लिए यह जाँच
ग्राहक पक्ष पर त्रुटियों,

561
00:24:52,520 --> 00:24:54,940
एक विरोधी आसानी से कर सकता है.

562
00:24:54,940 --> 00:24:57,180
और फिर भी होशियार
तुम लोगों की तरह दुश्मन

563
00:24:57,180 --> 00:25:01,120
अब टेलनेट या कर्ल इस्तेमाल कर सकते हैं
या सिर्फ कमांड लाइन आदेशों

564
00:25:01,120 --> 00:25:05,300
और वास्तव में सर्वर को संदेश भेजने
कि इसी प्रकार की जाँच की त्रुटि नहीं कर रहे हैं.

565
00:25:05,300 --> 00:25:08,380
>> तो यह एक से अधिक है
यूजर इंटरफेस निर्णय

566
00:25:08,380 --> 00:25:13,060
यह तकनीकी एक वास्तविक है से
improvement-- को लागू

567
00:25:13,060 --> 00:25:14,410
कुछ इस तरह ग्राहक की ओर.

568
00:25:14,410 --> 00:25:16,800
तो अब एक नज़र, लेकिन फिर
मैं ऑनलाइन टहलने के लिए स्थगित कर देंगे

569
00:25:16,800 --> 00:25:17,674
इस एक के लिए के माध्यम से.

570
00:25:17,674 --> 00:25:21,480
फार्म दो में, हम वास्तव में के माध्यम से चला गया
और कोड एक छोटा सा साफ कर दिया.

571
00:25:21,480 --> 00:25:23,650
लेकिन मुझे एक के लिए स्थगित करते हैं
वीडियो में हम संभावना हूँ

572
00:25:23,650 --> 00:25:27,970
बस आपको एक से पता चलता है कि Pset8 में एम्बेड
कहा जाता है एक पुस्तकालय का उपयोग इसी तरह के वाक्य रचना

573
00:25:27,970 --> 00:25:32,320
एक सुपर, सुपर है जो jQuery के,
जावास्क्रिप्ट में लोकप्रिय पुस्तकालय

574
00:25:32,320 --> 00:25:34,510
कि स्पष्ट है कि ज्यादातर लोगों
बस इन दिनों का उपयोग

575
00:25:34,510 --> 00:25:37,070
और भी रूप में भ्रमित
जा रहा जावास्क्रिप्ट ही.

576
00:25:37,070 --> 00:25:38,950
>> और यह शामिल करने की आदत
कुछ डॉलर के संकेत

577
00:25:38,950 --> 00:25:41,350
और दस्तावेज जैसे कीवर्ड
यहाँ कोष्ठकों में.

578
00:25:41,350 --> 00:25:44,480
लेकिन फिर, मेरे लिए स्थगित करते हैं
ऑनलाइन कुछ धीमी ट्यूटोरियल

579
00:25:44,480 --> 00:25:46,750
के बजाय सिर्फ सिंटैक्स में बंधे हो.

580
00:25:46,750 --> 00:25:48,630
के पर चलते हैं
एक छोटे से कूलर कुछ

581
00:25:48,630 --> 00:25:50,520
इस के आवेदन के संदर्भ में.

582
00:25:50,520 --> 00:25:57,730
>> विशेष रूप से तो, मुझे जाने दो
आगे और यहाँ यह ऊपर खुला.

583
00:25:57,730 --> 00:25:58,340
चलो.

584
00:25:58,340 --> 00:25:59,380
हम वहाँ जाना.

585
00:25:59,380 --> 00:26:01,500
>> मुझे यहाँ इस तस्वीर खोल दें.

586
00:26:01,500 --> 00:26:03,450
अनावश्यक रूप से जटिल
देख, लेकिन यह

587
00:26:03,450 --> 00:26:07,880
नामक तकनीक का वर्णन AJAX--
अतुल्यकालिक जावास्क्रिप्ट और XML, जहां

588
00:26:07,880 --> 00:26:10,530
एक्सएमएल के लिए एक्स वास्तव में है
अब कोई वास्तव में इस्तेमाल किया.

589
00:26:10,530 --> 00:26:13,430
यह कुछ का उपयोग करने के लिए जाता
बाकी JSON बुलाया.

590
00:26:13,430 --> 00:26:16,560
>> लेकिन यहाँ कैसे कुछ की तरह है
गूगल मैप्स या Google धरती काम करता है.

591
00:26:16,560 --> 00:26:18,060
वास्तव में, मक्खी पर इस कोशिश करते हैं.

592
00:26:18,060 --> 00:26:21,590
मुझे आगे जाना है और खोल दें
अपने ब्राउज़र पर क्रोम.

593
00:26:21,590 --> 00:26:26,236
>> और, मुझे में चलते हैं
, maps.google.com कहना.

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

595
00:26:29,260 --> 00:26:31,930
और वास्तव में, तुम बूढ़े हो अगर
क्या याद करने के लिए पर्याप्त है,

596
00:26:31,930 --> 00:26:35,600
जैसे, MapQuest, दिन में वापस की तरह था
और शायद वे अब भी इस तरह से काम करते हैं.

597
00:26:35,600 --> 00:26:38,870
आप something-- के लिए खोज करने के लिए इस्तेमाल किया
33 ऑक्सफोर्ड स्ट्रीट, कैम्ब्रिज, मास,

598
00:26:38,870 --> 00:26:40,650
के this-- आप करते हैं
वास्तव में, आप अगर

599
00:26:40,650 --> 00:26:43,000
ऊपर पैन करना चाहता था और
नीचे, बाएँ और दाएँ

600
00:26:43,000 --> 00:26:44,920
आप एक तरह दिखेगा
बड़े शीर्ष पर तीर, और यह

601
00:26:44,920 --> 00:26:46,921
आप एक और दिखा सकते हैं
यहाँ नक्शा फ्रेम.

602
00:26:46,921 --> 00:26:49,753
या फिर आप छोड़ दिया और क्लिक करेंगे
यहां खत्म हो जाना, या किसी अन्य क्लिक करें

603
00:26:49,753 --> 00:26:51,000
और आप यहाँ पर जाना होगा.

604
00:26:51,000 --> 00:26:53,000
लेकिन इसके बजाय इन
दिन, हम बेशक बस

605
00:26:53,000 --> 00:26:55,970
हम जा सकते हैं लेने के लिए दी
कैम्ब्रिज के आसपास बहुत जल्दी

606
00:26:55,970 --> 00:26:57,550
बस क्लिक करके और खींचकर.

607
00:26:57,550 --> 00:26:59,130
लेकिन कुछ glitches वहाँ नोटिस.

608
00:26:59,130 --> 00:27:02,160
>> मैं काफी तेजी से इस करते हैं,
क्या हो रहा लगता है

609
00:27:02,160 --> 00:27:05,960
मैं खींचें के रूप में एक छोटी सी भी तेजी
कंप्यूटर के लिए रखने के लिए?

610
00:27:05,960 --> 00:27:07,160
आप क्या देखते हैं?

611
00:27:07,160 --> 00:27:07,660
हाँ.

612
00:27:07,660 --> 00:27:09,232
>> दर्शक: पिक्सल को ताज़ा नहीं है.

613
00:27:09,232 --> 00:27:10,940
डेविड जे Malan:
पिक्सल को ताज़ा नहीं है.

614
00:27:10,940 --> 00:27:12,870
Actually-- और आप वहाँ
वास्तव में, यह देख सकता है,

615
00:27:12,870 --> 00:27:15,360
आप ऑनलाइन और ठहराव देख रहे हैं
इस या वास्तव में बातें धीमा

616
00:27:15,360 --> 00:27:18,600
once-- के लिए आप देखते हैं कि वहाँ जाऊँगा
टाइल्स, चौराहों, या आयतों कि

617
00:27:18,600 --> 00:27:22,040
नक्शे से जब तक लापता हैं
एक दूसरे विभाजन के बाद, अधिक डेटा,

618
00:27:22,040 --> 00:27:24,390
वास्तव में और अधिक छवियों
स्क्रीन पर दिखाई देते हैं.

619
00:27:24,390 --> 00:27:29,810
और वास्तव में, हम देख कर ऐसा करते हैं तो
की, Chrome-- हम कहते हैं Chrome's-- अप

620
00:27:29,810 --> 00:27:30,310
चलो देखते हैं.

621
00:27:30,310 --> 00:27:31,090
हम ऐसा नहीं कर सकते.

622
00:27:31,090 --> 00:27:31,860
>> ओह, ओह.

623
00:27:31,860 --> 00:27:34,761
के maps.google.com खोल दें.

624
00:27:34,761 --> 00:27:36,660
मुझे फिर खिड़की बड़ा बनाते हैं.

625
00:27:36,660 --> 00:27:38,836
>> वापस 33 ऑक्सफोर्ड स्ट्रीट पर जाएं.

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

627
00:27:42,010 --> 00:27:43,760
मैं हाल ही में किया गया था पर वेबसाइट क्या था?

628
00:27:43,760 --> 00:27:46,440
मैं करने के लिए इस तरह, निजी शेख़ी था
अपने आप को मैं तो तत्काल संदेश था कि

629
00:27:46,440 --> 00:27:48,470
ऑनलाइन था जो किसी भी दोस्त
जो यह सुनना चाहता था.

630
00:27:48,470 --> 00:27:49,345
कुछ वेबसाइट नहीं है.

631
00:27:49,345 --> 00:27:52,680
मैं यह तो Comcast-- लगता है
एक बहुत बड़ा अमेरिकी आईएसपी.

632
00:27:52,680 --> 00:27:56,355
आप नए केबल के लिए, साइन अप करने के कर सकते हैं जब
मॉडेम सेवा या केबल टीवी सेवा,

633
00:27:56,355 --> 00:27:59,230
वे बहुत हद तक एक रूप है
जहां वे अपने पते के लिए पूछना.

634
00:27:59,230 --> 00:28:01,450
और इस अद्भुत है
ऑटो पूरा बुलाया सुविधा,

635
00:28:01,450 --> 00:28:04,600
गूगल की तरह, कि भरने के लिए शुरू होता है
अपने प्रश्न का उत्तर में.

636
00:28:04,600 --> 00:28:08,090
>> समस्या वे स्वत: पूर्ण करना है,
आप टाइप कि पहले चीजों पर.

637
00:28:08,090 --> 00:28:12,890
तो अगर आप 33 में टाइपिंग शुरू करते हैं, तो यह
हर घर सचमुच आपको दिखाई देगा

638
00:28:12,890 --> 00:28:15,790
अमेरिका में है कि शुरू होता है
संख्या 33 से

639
00:28:15,790 --> 00:28:17,920
करने के लिए जारी रखने से पहले
आप अधिक टाइप करने की उम्मीद है.

640
00:28:17,920 --> 00:28:20,660
आप ऑक्सफोर्ड 33 टाइप करें तो, अगर
तो यह है कि आप हर सड़क से पता चलता है

641
00:28:20,660 --> 00:28:24,726
अमेरिका में 33 ऑक्सफोर्ड में है कि
चाहे शहर के अपने नाम,

642
00:28:24,726 --> 00:28:25,350
आप में कर रहे हैं कि.

643
00:28:25,350 --> 00:28:26,320
>> और फिर आप टाइपिंग जारी है.

644
00:28:26,320 --> 00:28:28,930
और अंत में, यह वे नहीं है कि एहसास
कैम्ब्रिज में अपने घर के लिए प्रस्ताव सेवा

645
00:28:28,930 --> 00:28:29,920
या ऐसा कुछ.

646
00:28:29,920 --> 00:28:33,410
लेकिन मुद्दा यह है, सबसे अधिक है
ऑटो के गदहे कार्यान्वयन

647
00:28:33,410 --> 00:28:34,140
कभी पूरा करें.

648
00:28:34,140 --> 00:28:36,400
>> और मैं बस से जा रहा हूँ
इस स्पर्श करने पर फिर से.

649
00:28:36,400 --> 00:28:39,040
लेकिन अच्छे तरीके से कर रहे हैं
जावास्क्रिप्ट और बुरे तरीके का उपयोग करें.

650
00:28:39,040 --> 00:28:40,750
और यह जरूरी है कि सबसे अच्छा नहीं है.

651
00:28:40,750 --> 00:28:46,360
>> लेकिन इस से पहले यहां मुद्दा,
निंदा, उपकरण यहाँ नीचे खोलने के लिए था

652
00:28:46,360 --> 00:28:49,480
और, डेवलपर उपकरण खोल
हम पहले प्रोत्साहित किया है,

653
00:28:49,480 --> 00:28:52,840
और नेटवर्क को देखने के लिए
टैब मैं वास्तव में तेजी से क्लिक के रूप में.

654
00:28:52,840 --> 00:28:55,400
और एक पूरी गुच्छा नोटिस
का अनुरोध हुआ मिलता है.

655
00:28:55,400 --> 00:28:57,310
मैं घसीटा के बाद से यह सब हुआ.

656
00:28:57,310 --> 00:29:00,170
>> और सबसे अधिक संभावना है, वास्तव में
इन पंक्तियों का एक बहुत

657
00:29:00,170 --> 00:29:04,060
अब छवि स्लैश जेपीईजी हैं
माइम प्रकार या सामग्री प्रकार.

658
00:29:04,060 --> 00:29:07,750
क्या कर रहा है क्रोम ऐसा इसलिए है क्योंकि
मैं क्लिक करें और खींचें हर बार, क्लिक करें

659
00:29:07,750 --> 00:29:11,650
और, मैं, यह ओह, साकार है खींचें है
टाइल के लिए गूगल पूछना जाने की जरूरत

660
00:29:11,650 --> 00:29:15,080
यहाँ पर है कि मानचित्र पर,
जल्दी HTTP के माध्यम से इसे डाउनलोड,

661
00:29:15,080 --> 00:29:19,550
और फिर तथाकथित डोम में जोड़ने
स्मृति पेड़ में वेब ब्राउज़र को

662
00:29:19,550 --> 00:29:24,430
प्रतिनिधित्व उपयोगकर्ता इतना है कि,
मुझे, कि अद्यतन टाइल देखता है.

663
00:29:24,430 --> 00:29:26,795
और इस वजह से है
AJAX के एक तकनीक बुलाया.

664
00:29:26,795 --> 00:29:28,920
वापस दिन में, यह वास्तव में
उस मामले था आप अगर

665
00:29:28,920 --> 00:29:33,050
स्क्रीन पर क्या बदलना चाहते थे,
आप ऊपर क्लिक करना होगा, नीचे, बाएँ,

666
00:29:33,050 --> 00:29:33,550
सही.

667
00:29:33,550 --> 00:29:34,740
और फिर एक नया पेज खुल जाएगा.

668
00:29:34,740 --> 00:29:36,531
लेकिन इन दिनों, सब कुछ
अधिक गतिशील है.

669
00:29:36,531 --> 00:29:40,490
यह हम इंसानों होता तरीके से होता है
यह वास्तव में सहभागी होगा उम्मीद है.

670
00:29:40,490 --> 00:29:43,210
और यह द्वारा इस को प्राप्त होता है
नामक तकनीक का रास्ता

671
00:29:43,210 --> 00:29:46,170
शायद सबसे अच्छा है जो AJAX,
एक उदाहरण से समझाया.

672
00:29:46,170 --> 00:29:49,730
सबसे पहले, मुझे आगे चलते हैं
और एक फ़ाइल को खोलने के

673
00:29:49,730 --> 00:29:53,540
में quote.php बुलाया
आज का वितरण कोड.

674
00:29:53,540 --> 00:29:56,200
>> और फिर मुझे symbol-- वूप्स करते हैं.

675
00:29:56,200 --> 00:30:02,399
मुझे प्रतीक करते हैं = GOOG
बस कुछ स्टॉक के लिए.

676
00:30:02,399 --> 00:30:04,440
या वास्तव में, चलो करते हैं
Pset आज़ाद से एक.

677
00:30:04,440 --> 00:30:05,270
दर्ज करें.

678
00:30:05,270 --> 00:30:06,580
>> और अब मैं वापस पाने के लिए क्या सूचना है.

679
00:30:06,580 --> 00:30:09,210
तो यह एक सच है
कम PHP फ़ाइल कि मैं

680
00:30:09,210 --> 00:30:13,210
बस कोड उधार लेता लिखा है कि
Pset7 के देखने समारोह से

681
00:30:13,210 --> 00:30:17,830
और इस घुंघराले ब्रेस का उपयोग कर बाहर spits और
उद्धरण और पेट के अंकन, जाहिर है,

682
00:30:17,830 --> 00:30:22,747
के लिए मौजूदा स्टॉक की कीमत
आप मिल के माध्यम से पारित है कि कंपनी.

683
00:30:22,747 --> 00:30:24,580
तो यह अलग है
हम क्या है के सबसे से

684
00:30:24,580 --> 00:30:26,496
मैं कर रहा हूँ कि नोटिस में किया
सचमुच बाहर थूकना

685
00:30:26,496 --> 00:30:27,870
क्या JavaScript कोड की तरह दिखता है.

686
00:30:27,870 --> 00:30:30,020
>> वास्तव में, यह एक जावास्क्रिप्ट वस्तु है.

687
00:30:30,020 --> 00:30:34,130
वास्तव में, बस, और अधिक स्पष्ट करने की
JSON-- Notation-- जावास्क्रिप्ट वस्तु

688
00:30:34,130 --> 00:30:38,330
आप कह रही है कि बस का एक अच्छा तरीका है
बहुत जावास्क्रिप्ट में डेटा का प्रतिनिधित्व कर सकते हैं

689
00:30:38,330 --> 00:30:41,660
जैसे आप PHP में कर सकते हैं
महत्वपूर्ण मूल्य जोड़े का उपयोग.

690
00:30:41,660 --> 00:30:44,270
मैं घोषणा करना चाहता था तो
जावास्क्रिप्ट में एक चर

691
00:30:44,270 --> 00:30:47,872
करने के लिए, Zamyla का प्रतिनिधित्व करता है
Zamyla-- के लिए एक संरचना instance--

692
00:30:47,872 --> 00:30:49,580
और हम यह फोन करता हूँ
छात्र, इस चर.

693
00:30:49,580 --> 00:30:53,060
उसकी आईडी घर है, एक है
Winthrop, और नाम Zamyla है.

694
00:30:53,060 --> 00:30:55,490
>> लेकिन मैं यह भी वस्तुओं की एक सरणी हो सकता है.

695
00:30:55,490 --> 00:30:58,710
इसलिए मैं वास्तव में करना चाहता था
युक्त जावास्क्रिप्ट में एक सरणी

696
00:30:58,710 --> 00:31:01,740
कई ऐसी वस्तुओं, इस
समय, कर्मचारियों का प्रतिनिधित्व

697
00:31:01,740 --> 00:31:04,910
मैं इन तीन हो सकता है
वापस कोड का हिस्सा

698
00:31:04,910 --> 00:31:08,560
इन के लिए वापस करने के लिए वापस करने के लिए
तीन पूर्व स्टाफ के सदस्यों को.

699
00:31:08,560 --> 00:31:12,201
तो वाक्य रचना, सुंदर
PHP के लिए both-- के समान.

700
00:31:12,201 --> 00:31:13,700
लेकिन यह विशेष रूप से जावास्क्रिप्ट है.

701
00:31:13,700 --> 00:31:15,940
यह वस्तु अंकन है.

702
00:31:15,940 --> 00:31:17,240
तो इस बात के लिए उपयोगी है?

703
00:31:17,240 --> 00:31:21,580
>> मैं कोड लिखते हैं कि बाहर spits JSON--
सामान Notation-- जावास्क्रिप्ट वस्तु है कि

704
00:31:21,580 --> 00:31:24,670
इस या सामान की तरह लग रहा है कि
, Zamyla की संरचना की तरह लग रहा है

705
00:31:24,670 --> 00:31:27,730
मैं वास्तव में इसका उपयोग कर सकते हैं
कार्यक्रमों में मैं लिखना.

706
00:31:27,730 --> 00:31:30,660
मुझे ajax0.html के लिए चलते हैं.

707
00:31:30,660 --> 00:31:33,310
और यह ज्यादा नहीं too--
सौंदर्यशास्त्र के लिए दिया सोचा.

708
00:31:33,310 --> 00:31:34,660
लेकिन देखो क्या होता है.

709
00:31:34,660 --> 00:31:37,050
>> मुझे आगे जाना है और यहां मुक्त टाइप करते हैं.

710
00:31:37,050 --> 00:31:38,490
कहावत मिल पर क्लिक करें.

711
00:31:38,490 --> 00:31:41,060
और यूआरएल नहीं बदला है नोटिस.

712
00:31:41,060 --> 00:31:47,250
लेकिन मैं जाहिरा तौर पर के साथ एक पॉप अप मिला
0.15 डॉलर आज के पैसा शेयर मूल्य.

713
00:31:47,250 --> 00:31:49,062
तो सब बुरा नहीं.

714
00:31:49,062 --> 00:31:52,020
लेकिन अंतर यह है कि किसी भी तरह है
इस डेटा सीधे मेरे पास वापस आया.

715
00:31:52,020 --> 00:31:54,250
लेकिन हम एक कदम की ओर ले चलो
अधिक परिचित कुछ.

716
00:31:54,250 --> 00:31:58,900
इस के संस्करण में, मुझे जाने
बोली जाओ, क्लिक करें मुक्त फिर से टाइप करें,

717
00:31:58,900 --> 00:32:01,146
और ओह now--, यह था
वास्तव में jQuery के संस्करण.

718
00:32:01,146 --> 00:32:03,270
मैं नहीं था me-- तो जाने
काफी काफी दूर तक तेजी से आगे.

719
00:32:03,270 --> 00:32:05,830
, मुझे संस्करण दो के लिए चलते हैं
जो मैं चाहता था, जहां है.

720
00:32:05,830 --> 00:32:07,260
मैं यहाँ क्या किया है सूचना है.

721
00:32:07,260 --> 00:32:10,370
मैं एक वेब एक सुपर page-- है
किसी वेब पेज का सरल संस्करण

722
00:32:10,370 --> 00:32:14,260
आप एक पाठ क्षेत्र के साथ आज का उपयोग हो सकता है
यहाँ मुक्त करने के लिए और उसके बाद जाहिरा तौर पर बस

723
00:32:14,260 --> 00:32:14,880
पाठ.

724
00:32:14,880 --> 00:32:16,860
>> यह जाहिर है, यहां एक रूप नहीं है.

725
00:32:16,860 --> 00:32:19,360
लेकिन मैं क्लिक करें अगर मिल
बोली, अपने वेब पेज नोटिस

726
00:32:19,360 --> 00:32:22,760
हालांकि मैं के रूप में बदलने के बारे में है
बस एक नया इंस्टेंट मैसेज मिला

727
00:32:22,760 --> 00:32:25,360
या मैं बस चले गए, हालांकि के रूप में
नक्शा और अधिक डेटा प्राप्त करने की जरूरत

728
00:32:25,360 --> 00:32:29,220
वेब पेज के लिए गतिशील रूप से जोड़ा
URL बदल कर और उपयोगकर्ता के बिना

729
00:32:29,220 --> 00:32:30,980
अनुभव बाधित हो रही है.

730
00:32:30,980 --> 00:32:35,750
दरअसल, मैं अभी भी कर रहा हूँ
ठीक उसी place-- ajax2.html.

731
00:32:35,750 --> 00:32:39,080
>> तो चलो इस उदाहरण में केवल देखो
और यह हो रहा है कि कैसे देखते हैं.

732
00:32:39,080 --> 00:32:42,490
मुझे ajax2.html में चलते हैं.

733
00:32:42,490 --> 00:32:44,770
और पहले फार्म नोटिस.

734
00:32:44,770 --> 00:32:47,092
>> यहाँ नीचे, मैं बदल रहा हूँ
स्वत: पूर्ण बंद.

735
00:32:47,092 --> 00:32:48,800
कभी कभी यह हो जाता है
ब्राउज़र यदि कष्टप्रद

736
00:32:48,800 --> 00:32:50,508
तुम्हें दिखाने के लिए कोशिश कर रहा है
अपने पूरे इतिहास.

737
00:32:50,508 --> 00:32:53,450
तो आप द्वारा एचटीएमएल में यह कर सकते हैं
बस ऑटो बंद को पूरा कह.

738
00:32:53,450 --> 00:32:57,290
>> मैं इस पाठ क्षेत्र एक दिया है
symbol-- प्रतीक के बजाय, एक आईडी.

739
00:32:57,290 --> 00:32:58,977
और अब, यह एक दिलचस्प सुविधा है.

740
00:32:58,977 --> 00:33:01,310
हम अवधि के बारे में बात नहीं की है
लेकिन आप इसके बारे में सोच सकते हैं

741
00:33:01,310 --> 00:33:03,177
एक पैरा टैग या div टैग की तरह.

742
00:33:03,177 --> 00:33:05,010
यह एक यही कहा जाता है
इन-लाइन तत्व, जो

743
00:33:05,010 --> 00:33:07,415
आप एक पैरा नहीं मिलेगा मतलब
ऊपर और नीचे तोड़ने.

744
00:33:07,415 --> 00:33:11,530
यह सिर्फ बिना लाइन में रहने के लिए जा रहा है
में प्रवेश के बराबर मार.

745
00:33:11,530 --> 00:33:17,980
तो मैं HTML के इस टुकड़ा दे दिया है
एक अद्वितीय पहचानकर्ता निर्धारित किया

746
00:33:17,980 --> 00:33:20,130
मैं मनमाने ढंग से मूल्य कहा जाता है.

747
00:33:20,130 --> 00:33:21,560
और मैं एक सबमिट बटन है.

748
00:33:21,560 --> 00:33:25,420
>> अब ऊपर here-- और यह है क्योंकि
वास्तव में सुपर अद्भुत कैसे छोटे से कोड

749
00:33:25,420 --> 00:33:27,660
आप क्या करने के लिए लिख सकते हैं
things-- अपेक्षाकृत साफ

750
00:33:27,660 --> 00:33:31,800
नोटिस मैं मैं अगर यहाँ क्या किया है
इस पेज के सिर के ऊपर स्क्रॉल.

751
00:33:31,800 --> 00:33:34,970
मैं पहली बार में शामिल किया है
मेरे सिर एक स्क्रिप्ट टैग

752
00:33:34,970 --> 00:33:37,410
कि वास्तव में संदर्भ रूप में एक
जावास्क्रिप्ट कहीं फ़ाइल.

753
00:33:37,410 --> 00:33:39,702
इस संगठन से है
कि, jQuery के लिखता है

754
00:33:39,702 --> 00:33:42,660
और यह सिर्फ आप नवीनतम दे रहा है
उनके jQuery पुस्तकालय का संस्करण.

755
00:33:42,660 --> 00:33:46,305
>> तो इस तेज की तरह की तरह है
सी में शामिल है या PHP में की आवश्यकता होती है.

756
00:33:46,305 --> 00:33:48,900
आप स्क्रिप्ट टैग का उपयोग
एक स्रोत विशेषता के साथ.

757
00:33:48,900 --> 00:33:52,030
लेकिन अब अपना खुद का कोड है
यहाँ में ठीक हो जाएगा.

758
00:33:52,030 --> 00:33:54,170
>> मैं एक समारोह में कहा जाता उद्धरण है नोटिस.

759
00:33:54,170 --> 00:33:56,180
और यह एक छोटे लग रहा है
पहली नज़र में गुप्त.

760
00:33:56,180 --> 00:33:57,305
लेकिन इस के अलावा तंग करते हैं.

761
00:33:57,305 --> 00:33:59,090
मुझे एक चर बुलाया यूआरएल दे.

762
00:33:59,090 --> 00:34:01,390
सचमुच इस स्ट्रिंग यह निरुपित.

763
00:34:01,390 --> 00:34:04,530
तो, एक उद्धरण, डबल उद्धरण में
जावास्क्रिप्ट बस मुझे एक स्ट्रिंग देता है.

764
00:34:04,530 --> 00:34:06,900
प्लस क्या करता है?

765
00:34:06,900 --> 00:34:08,199
कड़ी.

766
00:34:08,199 --> 00:34:12,610
>> तो यह अब jQuery के वाक्य रचना है
जो करने के लिए इस्तेमाल किया जा रहा है एक छोटे से लेता है.

767
00:34:12,610 --> 00:34:18,310
लेकिन यह सिर्फ मेरे डोम मिल जाने का मतलब
जिसका अद्वितीय पहचानकर्ता प्रतीक है नोड.

768
00:34:18,310 --> 00:34:21,929
वहाँ मतलब हैशटैग
अद्वितीय पहचानकर्ता प्रतीक.

769
00:34:21,929 --> 00:34:24,929
>> में डॉलर के हस्ताक्षर
सिर्फ मतलब कोष्ठक, इस लपेट

770
00:34:24,929 --> 00:34:28,510
गुप्त सॉस के jQuery में एक तरह से तो
आप अतिरिक्त कार्यक्षमता मिलता है.

771
00:34:28,510 --> 00:34:31,880
और फिर .val जाहिरा तौर पर है
एक समारोह, या हम अब कहते हैं,

772
00:34:31,880 --> 00:34:35,219
इस नोड के अंदर एक विधि
कि बस आप मूल्य देता है.

773
00:34:35,219 --> 00:34:38,896
, कम बदसूरत और भ्रामक में तो
यह पहली नज़र में लगता है,

774
00:34:38,896 --> 00:34:42,020
यह सिर्फ टाइप किया उपयोगकर्ता के साथ मिल का मतलब
में, स्ट्रिंग के अंत में यह डाल

775
00:34:42,020 --> 00:34:42,880
यह concatenating द्वारा.

776
00:34:42,880 --> 00:34:43,739
बस इतना ही.

777
00:34:43,739 --> 00:34:46,070
>> तो अब, पिछले तीन लाइनों.

778
00:34:46,070 --> 00:34:48,690
आप में से बहुत निचोड़ कर सकते हैं
तीन लाइनों के बाहर कार्यक्षमता.

779
00:34:48,690 --> 00:34:52,199
एक के रूप में यह डॉलर के हस्ताक्षर,
एक तरफ, सिर्फ एक उपनाम है

780
00:34:52,199 --> 00:34:55,800
एक विशेष वैश्विक चर के लिए
jQuery का शाब्दिक बुलाया.

781
00:34:55,800 --> 00:34:57,060
>> डॉलर के हस्ताक्षर सिर्फ अच्छा लग रहा है.

782
00:34:57,060 --> 00:35:00,080
तो jQuery के समुदाय बस की तरह
के अपने विशेष प्रतीक के रूप में इसका इस्तेमाल किया.

783
00:35:00,080 --> 00:35:02,470
यह PHP में मतलब क्या मतलब नहीं है.

784
00:35:02,470 --> 00:35:06,356
जावास्क्रिप्ट में, डॉलर पर हस्ताक्षर
बस वर्णमाला के अक्षर की तरह

785
00:35:06,356 --> 00:35:07,480
या एक चर के लिए एक नंबर.

786
00:35:07,480 --> 00:35:09,000
>> आप बस नाम के रूप में यह हो सकता है.

787
00:35:09,000 --> 00:35:09,770
बस अच्छा लग रहा है.

788
00:35:09,770 --> 00:35:11,890
समुदाय तो
एक उपनाम के रूप में इसे अपनाया

789
00:35:11,890 --> 00:35:13,390
jQuery के बुलाया अपने स्वयं के पुस्तकालय के लिए.

790
00:35:13,390 --> 00:35:15,060
>> और यह सुपर लोकप्रिय है.

791
00:35:15,060 --> 00:35:17,620
तो JSON कि ठीक है कि मिलता है.

792
00:35:17,620 --> 00:35:19,920
यह एक समारोह है कि
jQuery के पर लोगों ने लिखा है

793
00:35:19,920 --> 00:35:23,340
कि एक server-- से JSON हो जाता है
जावास्क्रिप्ट वस्तु संकेतन.

794
00:35:23,340 --> 00:35:25,680
क्या यूआरएल से यह जा रहा है
कि जानकारी पाने के लिए?

795
00:35:25,680 --> 00:35:27,790
जाहिर है यहां इस यूआरएल से.

796
00:35:27,790 --> 00:35:31,180
>> और ब्राउज़र के रूप में क्या करना चाहिए
यह इस प्रतिक्रिया वापस हो जाता है जल्द ही के रूप में?

797
00:35:31,180 --> 00:35:36,500
और यह AJAX का जादू करने के लिए इतना है,
एक्सएमएल में speak-- अतुल्यकालिक जावास्क्रिप्ट.

798
00:35:36,500 --> 00:35:41,320
यह इस तरह के एक साथ देखने के लिए मुश्किल है
हम यहां था ही सरल उदाहरण.

799
00:35:41,320 --> 00:35:44,730
>> लेकिन इस में अतुल्यकालिक था
भावना है कि मेरे कोड जब

800
00:35:44,730 --> 00:35:48,530
के लिए एक संदेश भेजा मार डाला
सर्वर मुझे कुछ JSON मिल जाना.

801
00:35:48,530 --> 00:35:51,340
और यह सुपर फास्ट हुआ
कि मैं एक जवाब नहीं मिला.

802
00:35:51,340 --> 00:35:55,130
लेकिन क्या दिलचस्प बात यह है कि है
कोड की लाइन मेरे कंप्यूटर हैंग नहीं था.

803
00:35:55,130 --> 00:35:56,550
>> मैं एक कताई आइकन नहीं देखा था.

804
00:35:56,550 --> 00:35:59,200
मैं खोना नहीं था
अपने माउस स्थानांतरित करने की क्षमता.

805
00:35:59,200 --> 00:36:01,340
मेरा ब्राउज़र वास्तव में पूरी तरह से ठीक हो गया था.

806
00:36:01,340 --> 00:36:06,290
>> रास्ता जावास्क्रिप्ट संभालती है क्योंकि
निम्नानुसार सर्वर से प्रतिक्रिया है.

807
00:36:06,290 --> 00:36:09,740
आप आप क्या कहते होता रजिस्टर
एक कॉलबैक समारोह, जो

808
00:36:09,740 --> 00:36:12,830
बस, अरे, जावास्क्रिप्ट का मतलब है.

809
00:36:12,830 --> 00:36:16,100
जैसे ही सर्वर के रूप में
JSON के साथ प्रतिक्रिया करता है,

810
00:36:16,100 --> 00:36:18,750
इस अनाम समारोह कॉल करें.

811
00:36:18,750 --> 00:36:23,910
>> और इस समारोह में पारित कृपया
जो कुछ स्ट्रिंग सर्वर थूक

812
00:36:23,910 --> 00:36:26,080
एक तर्क डेटा के रूप में बुलाया.

813
00:36:26,080 --> 00:36:28,360
तो दूसरे शब्दों में, अगर
मैं गतिशील कोडांतरण हूँ

814
00:36:28,360 --> 00:36:33,370
इस में गुजर एक यूआरएल quote.php
नि: शुल्क या GOOG या whatnot तरह प्रतीक,

815
00:36:33,370 --> 00:36:36,830
मैं फिर कह रहा हूँ
जावास्क्रिप्ट कि यूआरएल मिल जाना.

816
00:36:36,830 --> 00:36:39,080
ब्राउज़र कि याद रखें
कुछ वापस जाने के लिए जा रहा है

817
00:36:39,080 --> 00:36:42,680
हम इस earlier-- देखा जैसे कि लग रहा है.

818
00:36:42,680 --> 00:36:45,940
>> और क्या दूसरा तर्क
यहाँ से JSON कह रहा है पाने के लिए

819
00:36:45,940 --> 00:36:48,450
इस समारोह फोन है
जब सर्वर वापस हो जाता है

820
00:36:48,450 --> 00:36:52,440
यह 10 मिलीसेकंड है कि क्या
अब या अब से 10 सेकंड से.

821
00:36:52,440 --> 00:36:55,840
और जैसे ही आप कर के रूप में,
पेज के लिए मूल्य जोड़ने.

822
00:36:55,840 --> 00:36:58,030
इस वाक्य रचना यहाँ बस
नोड मिल जाने का मतलब

823
00:36:58,030 --> 00:37:01,940
जिसका अद्वितीय पहचानकर्ता पेड़ से
हम पहले भी देखा है कि अवधि price-- है.

824
00:37:01,940 --> 00:37:04,320
>> एचटीएमएल नामक यह विधि
बस, की जगह जाना कहते हैं

825
00:37:04,320 --> 00:37:08,770
Data.price साथ है कि वहाँ एचटीएमएल.

826
00:37:08,770 --> 00:37:10,200
Data.price क्या है?

827
00:37:10,200 --> 00:37:12,850
खैर, ब्राउज़र, याद करते हैं,
मुझे यह वापस आ दिखाया.

828
00:37:12,850 --> 00:37:14,540
तो इस डेटा है.

829
00:37:14,540 --> 00:37:18,100
>> और तो यह एक छोटे से गुप्त है
अल्पविराम यहाँ देखने के लिए.

830
00:37:18,100 --> 00:37:19,350
लेकिन वास्तव में, मुझे यह करते हैं.

831
00:37:19,350 --> 00:37:22,890
मुझे बस इस पेस्ट करते हैं
असली तेजी से एडिट में

832
00:37:22,890 --> 00:37:27,240
हम पता चला है की तरह है और यह दिखाने
पहले Zamyla की संरचना.

833
00:37:27,240 --> 00:37:31,610
>> क्या सर्वर वापस भेज रहा है है एक
इस तरह दिखता है कि छोटी सी वस्तु.

834
00:37:31,610 --> 00:37:37,140
और तो data.price है
बस मुझे .1515 दे रही है.

835
00:37:37,140 --> 00:37:39,310
चलती का तो एक बहुत
भागों यहां सभी को एक बार.

836
00:37:39,310 --> 00:37:41,860
>> लेकिन कुंजी takeaways है
हम यह क्षमता है कि

837
00:37:41,860 --> 00:37:44,600
अतिरिक्त HTTP बनाने के लिए
जावास्क्रिप्ट का उपयोग अनुरोध

838
00:37:44,600 --> 00:37:46,090
पृष्ठ को फिर से लोड करने के लिए बिना.

839
00:37:46,090 --> 00:37:49,580
और फिर हम वास्तव में कर सकते हैं
मक्खी पर वेब पेज बदल जाते हैं.

840
00:37:49,580 --> 00:37:51,850
और यह पता चला है कि
जावास्क्रिप्ट और अन्य भाषाओं

841
00:37:51,850 --> 00:37:54,510
अब इस्तेमाल किया जा सकता है न केवल
वेब पृष्ठों के रूप बदलना,

842
00:37:54,510 --> 00:37:57,960
लेकिन वास्तव में सॉफ्टवेयर लिखने के लिए
एक वास्तविक कंप्यूटर में,

843
00:37:57,960 --> 00:38:00,240
बस क्रोम या पसंद करने के लिए ही सीमित नहीं.

844
00:38:00,240 --> 00:38:03,530
>> वास्तव में, आप कोल्टन होगा if--
हमें यहाँ वापस शामिल करना

845
00:38:03,530 --> 00:38:06,100
अपनी प्रयोगशाला कोड, और चांग के साथ-साथ?

846
00:38:06,100 --> 00:38:09,140
के बारे में बात कर रही है, आगे चलते हैं
गुमनाम कार्यों और कॉलबैक

847
00:38:09,140 --> 00:38:13,090
और वास्तव में यहाँ भाग्य लुभाना
रक्तस्राव के साथ एक लाइव डेमो के साथ

848
00:38:13,090 --> 00:38:16,480
अत्याधुनिक तकनीक, में से एक
इन संभ्रांत मोशन उपकरणों.

849
00:38:16,480 --> 00:38:18,940
अब, इस उपकरण, याद करते हैं,
एक छोटी सी यूएसबी डिवाइस है

850
00:38:18,940 --> 00:38:25,620
साथ ही उस beautiful-- है that--
कि अपने यूएसबी पोर्ट में प्लग.

851
00:38:25,620 --> 00:38:29,120
>> और फिर यह इनपुट प्रदान करता है
मानव इशारों के रूप में

852
00:38:29,120 --> 00:38:32,560
अवरक्त मुस्कराते का उपयोग पता लगाने के द्वारा,
अनिवार्य रूप से, अपने हाथ से आंदोलनों.

853
00:38:32,560 --> 00:38:35,150
तो मारिया की कोशिश की क्या जबकि
पर, इससे पहले पेशी थी

854
00:38:35,150 --> 00:38:39,000
वास्तव में बदल रहा है क्या महसूस
आपके हाथ है, इस आधार पर अवरक्त है.

855
00:38:39,000 --> 00:38:44,390
तो यह भीतर आंदोलनों के लिए देख रहा है
एक पैर या तो के क्षेत्र की तरह

856
00:38:44,390 --> 00:38:46,190
युक्ति स्वयं की.

857
00:38:46,190 --> 00:38:48,950
>> तो क्यों मैं नहीं लेते
यह पहली बार में एक वार?

858
00:38:48,950 --> 00:38:53,100
और चलो आगे जाना है और फेंक दो
यहाँ ओवरहेड पर आप ऊपर.

859
00:38:53,100 --> 00:38:56,250
तो चलो यहाँ कोल्टन के लैपटॉप ऊपर डाल दिया.

860
00:38:56,250 --> 00:38:58,360
हम टीवी पर एंड्रयू मिल गया है.

861
00:38:58,360 --> 00:39:00,160
और तुम मुझे पहले ऐसा करने के लिए क्या करना चाहेंगे?

862
00:39:00,160 --> 00:39:02,409
>> COLTON: आगे और बस जाओ
इस आदमी पर अपने हाथ डाल

863
00:39:02,409 --> 00:39:04,430
और आप कुछ शानदार चमक दिखाई देगी.

864
00:39:04,430 --> 00:39:07,230
>> डेविड जे Malan: बहुत अच्छा.

865
00:39:07,230 --> 00:39:11,110
यह सब वास्तविक समय में हो रहा है.

866
00:39:11,110 --> 00:39:11,889
ठीक.

867
00:39:11,889 --> 00:39:12,680
सब ठीक है, और हां.

868
00:39:12,680 --> 00:39:14,119
तो अच्छा.

869
00:39:14,119 --> 00:39:15,410
ठीक है, हम और क्या कर सकते हैं?

870
00:39:15,410 --> 00:39:17,900
>> COLTON: अगली स्क्रीन पर जाने और देखते हैं.

871
00:39:17,900 --> 00:39:19,136
>> डेविड जे Malan: सब ठीक है.

872
00:39:19,136 --> 00:39:21,780
>> COLTON: एक मजाक सा खेल
जहां आप रोबोट बनाने के लिए मिलता है.

873
00:39:21,780 --> 00:39:24,738
>> डेविड जे Malan: सब ठीक है, तो यह
मुझे क्या करना है दिखा नकली हाथ है.

874
00:39:24,738 --> 00:39:27,920
COLTON: हाँ तो आगे चलते हैं
और ब्लॉकों में से एक को पकड़ो

875
00:39:27,920 --> 00:39:30,637
और कि रोबोट के शरीर के ऊपर डाल दिया.

876
00:39:30,637 --> 00:39:32,137
डेविड जे Malan: ओह, मेरा हाथ नहीं है.

877
00:39:32,137 --> 00:39:34,000
ओह.

878
00:39:34,000 --> 00:39:34,780
ठीक है, आराध्य.

879
00:39:34,780 --> 00:39:37,500

880
00:39:37,500 --> 00:39:38,650
ठीक है, एक मिनट रुको.

881
00:39:38,650 --> 00:39:41,320
हम वहाँ जाना.

882
00:39:41,320 --> 00:39:43,590
>> COLTON: मैं दुर्घटना पर एक बना दिया.

883
00:39:43,590 --> 00:39:45,423
>> डेविड जे Malan: ठीक है, मैं इस आदमी को मिलेगा.

884
00:39:45,423 --> 00:39:45,923
लानत है!

885
00:39:45,923 --> 00:39:48,467

886
00:39:48,467 --> 00:39:51,550
हम यह आखिरी अभ्यास कर रहे थे जब
रात, आप इस में न्यागत पता है क्या?

887
00:39:51,550 --> 00:39:54,285
>> इस तरह.

888
00:39:54,285 --> 00:39:55,490
ठीक.

889
00:39:55,490 --> 00:39:55,990
अगले एक?

890
00:39:55,990 --> 00:39:56,860
>> COLTON: यकीन है.

891
00:39:56,860 --> 00:39:58,818
>> डेविड जे Malan: सब ठीक है,
और एक तिहाई है.

892
00:39:58,818 --> 00:40:01,130

893
00:40:01,130 --> 00:40:01,674
ठीक है.

894
00:40:01,674 --> 00:40:03,215
COLTON: और यह एक में, आप to-- मिल

895
00:40:03,215 --> 00:40:04,923
डेविड जे Malan: ओह,
यह एक सुंदर.

896
00:40:04,923 --> 00:40:06,650
COLTON: --yeah, इस फूल के अलावा उठाओ.

897
00:40:06,650 --> 00:40:07,441
डेविड जे Malan: ठीक है.

898
00:40:07,441 --> 00:40:11,170

899
00:40:11,170 --> 00:40:11,670
कोई?

900
00:40:11,670 --> 00:40:14,515
छूटी.

901
00:40:14,515 --> 00:40:15,570
>> COLTON: ओह, वहाँ तुम जाओ.

902
00:40:15,570 --> 00:40:18,680
>> डेविड जे Malan: आह, कि देखो.

903
00:40:18,680 --> 00:40:19,830
बहुत अच्छा.

904
00:40:19,830 --> 00:40:22,470
खैर, हम क्यों ले 'न
यहाँ एक स्वयंसेवक बाहर

905
00:40:22,470 --> 00:40:24,180
जो ऊपर की ओर आने के लिए करना चाहते हैं.

906
00:40:24,180 --> 00:40:27,500
कैसे के बारे में सही वहाँ
हरे रंग में, यह क्या है?

907
00:40:27,500 --> 00:40:30,540
>> सब ठीक है, और के have-- जाने
आप के बजाय, कि कुछ कर के

908
00:40:30,540 --> 00:40:34,590
इस खेल को पता हो सकता है here--
शायद, रस्सी काट?

909
00:40:34,590 --> 00:40:35,100
चलो देखते हैं.

910
00:40:35,100 --> 00:40:37,320
हम यहाँ पर पर हमारे चश्मा है?

911
00:40:37,320 --> 00:40:38,625
>> ठीक.

912
00:40:38,625 --> 00:40:39,270
धन्यवाद.

913
00:40:39,270 --> 00:40:39,380
आपका नाम क्या है?

914
00:40:39,380 --> 00:40:40,350
>> दर्शक: लौरा.

915
00:40:40,350 --> 00:40:41,266
>> डेविड जे Malan: लौरा?

916
00:40:41,266 --> 00:40:42,120
देखकर अच्छा लगा.

917
00:40:42,120 --> 00:40:45,600
तुम डाल मन नहीं है
आपके चश्मे पर गूगल ग्लास.

918
00:40:45,600 --> 00:40:46,970
इस कोल्टन है.

919
00:40:46,970 --> 00:40:47,650
>> COLTON: हाय.

920
00:40:47,650 --> 00:40:48,140
आपसे मिलकर अच्छा लगा.

921
00:40:48,140 --> 00:40:49,600
>> डेविड जे Malan: ठीक है, चारों ओर चलो.

922
00:40:49,600 --> 00:40:52,516
ठीक है, तो आप करने जा रहे हैं
, यहाँ करने से पहले इस खेला होने,

923
00:40:52,516 --> 00:40:55,650
पर अपने हाथ रख दिया है
यहाँ लीप मोशन.

924
00:40:55,650 --> 00:40:57,210
और अब अपने तीर बढ़ना चाहिए.

925
00:40:57,210 --> 00:40:57,710
नहीं, ओह.

926
00:40:57,710 --> 00:40:58,066
>> दर्शक: नहीं.

927
00:40:58,066 --> 00:40:58,780
>> डेविड जे Malan: हम
अभी तक छोड़ने के लिए नहीं करना चाहती.

928
00:40:58,780 --> 00:40:59,280
ठीक है, रुको.

929
00:40:59,280 --> 00:41:01,200
यहाँ पर.

930
00:41:01,200 --> 00:41:03,530
आप पकड़ के रूप में तो नोटिस अपने
किसी बात पर उंगली

931
00:41:03,530 --> 00:41:06,750
माउस हरी जाने के लिए शुरू होता है,
जो आप क्लिक करें कैसे है.

932
00:41:06,750 --> 00:41:08,980
>> तो खेल पर जाएँ.

933
00:41:08,980 --> 00:41:10,970
और सिर्फ एक उंगली ठीक है.

934
00:41:10,970 --> 00:41:13,869
और अब थोड़ा पर क्लिक करें
बाईं तरफ हरे आदमी.

935
00:41:13,869 --> 00:41:15,410
यह हरे रंग भरता है और जब तक अब पकड़.

936
00:41:15,410 --> 00:41:15,640
अच्छा है.

937
00:41:15,640 --> 00:41:16,990
अब, जैसे, ऊपर स्तर एक.

938
00:41:16,990 --> 00:41:20,190
>> दर्शक: हाँ, हम चाहते हैं कि यहां एक स्तर,.

939
00:41:20,190 --> 00:41:21,660
>> डेविड जे Malan: अच्छा.

940
00:41:21,660 --> 00:41:25,500
ठीक है, तो सब आपके पास
रस्सी काट रहा है.

941
00:41:25,500 --> 00:41:28,240
आपका कर्सर वहाँ नीचे एक सफेद है.

942
00:41:28,240 --> 00:41:28,880
>> बहुत अच्छा.

943
00:41:28,880 --> 00:41:31,290

944
00:41:31,290 --> 00:41:32,790
ठीक है, यह कठिन प्राप्त करने के बारे में है.

945
00:41:32,790 --> 00:41:34,800
तो अगली अब पर अपनी उंगली पकड़.

946
00:41:34,800 --> 00:41:37,370

947
00:41:37,370 --> 00:41:39,030
अच्छा है.

948
00:41:39,030 --> 00:41:39,999
यह एक मुश्किल है.

949
00:41:39,999 --> 00:41:40,966
>> दर्शक: ओह बकवास.

950
00:41:40,966 --> 00:41:41,466
ठीक.

951
00:41:41,466 --> 00:41:42,466
यह उस तरह से जाना चाहती है.

952
00:41:42,466 --> 00:41:44,890
ओह बकवास, that--

953
00:41:44,890 --> 00:41:47,120
>> डेविड जे Malan: हाँ.

954
00:41:47,120 --> 00:41:50,700
माध्यमिक लक्ष्य सभी सितारों को मिल रहा है.

955
00:41:50,700 --> 00:41:53,920
सब ठीक है, अगले.

956
00:41:53,920 --> 00:41:57,504
>> आप इस तीसरे एक हो सकता है अगर चलो देखते हैं.

957
00:41:57,504 --> 00:41:58,004
अच्छा है.

958
00:41:58,004 --> 00:42:05,980

959
00:42:05,980 --> 00:42:06,840
ठीक है, वहाँ पर जाना.

960
00:42:06,840 --> 00:42:08,850
>> ज़रूर.

961
00:42:08,850 --> 00:42:11,230
ओह, बहुत अच्छा.

962
00:42:11,230 --> 00:42:11,930
ठीक है.

963
00:42:11,930 --> 00:42:13,534
>> तो क्यों न हम आज यहाँ स्थगित नहीं करते हैं?

964
00:42:13,534 --> 00:42:15,200
किसी को भी खेलना चाहता है जो ऊपर की ओर आने दो.

965
00:42:15,200 --> 00:42:16,880
हमारे स्वयंसेवक लौरा के लिए बहुत बहुत धन्यवाद.

966
00:42:16,880 --> 00:42:18,730
और हम सोमवार को आप देखेंगे.

967
00:42:18,730 --> 00:42:21,190
>> दर्शक: आप शायद इन वापस चाहते हैं.

968
00:42:21,190 --> 00:42:23,640
>> अध्यक्ष 2: अगले CS50-- में

969
00:42:23,640 --> 00:42:35,222