1
00:00:00,000 --> 00:00:00,127

2
00:00:00,127 --> 00:00:01,210
डेविड जे मालन: ठीक है।

3
00:00:01,210 --> 00:00:02,160
हम वापस आ गए।

4
00:00:02,160 --> 00:00:05,810
तो, यह अंतिम सत्र का लक्ष्य
कुछ अधिक अवधारणाओं को लागू करने के लिए है

5
00:00:05,810 --> 00:00:09,290
लेकिन यह भी हर किसी को एक मौका देना
एक तरह से अपनी उंगलियों को फैलाने के लिए

6
00:00:09,290 --> 00:00:11,270
और वास्तव में कुछ करना
एक छोटे हाथ पर।

7
00:00:11,270 --> 00:00:13,897
लक्ष्य नहीं की बारी है
हमें सभी वेब डेवलपर्स में

8
00:00:13,897 --> 00:00:16,230
किसी भी तरह, लेकिन वास्तव में बस के द्वारा
आप में से कुछ की एक स्वाद देने के लिए

9
00:00:16,230 --> 00:00:21,750
क्या के मौलिक निर्माणों की
वेब प्रोग्रामिंग और आज वेब में चला जाता है

10
00:00:21,750 --> 00:00:23,980
विकास, इसलिए
things-- के स्थिर पक्ष

11
00:00:23,980 --> 00:00:26,660
कोई तर्क, कोई प्रोग्रामिंग
भाषा, बस स्थैतिक सामग्री।

12
00:00:26,660 --> 00:00:29,660
और यह हमें एक मौका दे देंगे
वास्तव में देखने के लिए क्या एक वेब सर्वर है,

13
00:00:29,660 --> 00:00:34,140
देखते हैं कि क्या एक HTML फ़ाइल है, क्या देखना
यह HTTP वास्तव में ऊपर की सेवा कर रहा है।

14
00:00:34,140 --> 00:00:38,600
लेकिन इससे पहले कि हम किसी भी पूर्वव्यापी में डुबकी
क्लाउड कंप्यूटिंग के बारे में प्रश्न

15
00:00:38,600 --> 00:00:43,922
या सुरक्षा या बीच में कुछ भी?

16
00:00:43,922 --> 00:00:44,890
>> नहीं?

17
00:00:44,890 --> 00:00:47,181
ठीक है, ठीक है, चलो चलो
सिर्फ मामले में यह करते हैं,

18
00:00:47,181 --> 00:00:49,680
के लिए साइन अप करने की प्रक्रिया
कुछ कुछ मिनट लगते हैं।

19
00:00:49,680 --> 00:00:51,221
हम यह पृष्ठभूमि में यह कर दूँगा।

20
00:00:51,221 --> 00:00:56,860
आगे बढ़ो, अगर तुम सकता है,
इस यूआरएल here-- c9.io. करने के लिए

21
00:00:56,860 --> 00:01:02,810
यह एक तीसरी पार्टी है service--
एक सेवा के रूप में मंच, अगर आप will--

22
00:01:02,810 --> 00:01:05,190
कि आप को आमंत्रित करने के लिए जा रहा है
एक खाते के लिए साइन अप करने,

23
00:01:05,190 --> 00:01:08,650
और यह आप में से प्रत्येक को देने के लिए जा रहा है
तथाकथित बादल में एक खाता

24
00:01:08,650 --> 00:01:11,330
किसी और के बुनियादी ढांचे पर,
एक कंपनी Cloud9 बुलाया।

25
00:01:11,330 --> 00:01:13,350
लेकिन क्या बारे में अच्छा है
यह है कि वे तुम्हें दे रहा है

26
00:01:13,350 --> 00:01:15,990
एक के एक सन्निकटन
वास्तविक वास्तविक दुनिया विकास

27
00:01:15,990 --> 00:01:18,530
पर्यावरण, यद्यपि में
बादल और एक वेब ब्राउज़र में,

28
00:01:18,530 --> 00:01:21,175
और हम वास्तव में करने के लिए इस का उपयोग करेंगे
आज एक सा प्रयोग।

29
00:01:21,175 --> 00:01:27,116

30
00:01:27,116 --> 00:01:30,260
और फिर आगे जाना है और सिर्फ नेविगेट
साइन-अप प्रक्रिया के लिए अपने रास्ते

31
00:01:30,260 --> 00:01:32,630
यदि आपके लिए संभव हो।

32
00:01:32,630 --> 00:01:36,080
इसलिए हम कक्षा में इस का उपयोग करने के लिए होता
मैं हमारे सभी छात्रों के लिए सिखाने के लिए,

33
00:01:36,080 --> 00:01:39,140
दोनों परिसर और अब बंद है, और
यह क्या ऐतिहासिक जगह है

34
00:01:39,140 --> 00:01:41,390
अन्यथा सॉफ्टवेयर डाउनलोड किया गया था।

35
00:01:41,390 --> 00:01:44,620
तो क्या आप के लिए पहुँच प्राप्त कर रहे थे
इन आभासी मशीनों में से एक है,

36
00:01:44,620 --> 00:01:46,460
अनिवार्य रूप से, मैंने पहले बताया कि।

37
00:01:46,460 --> 00:01:50,260
तो इस कंपनी Cloud9 शायद
वास्तव में एक तिहाई party-- से किराए

38
00:01:50,260 --> 00:01:52,760
इस मामले में, एक पूरे Google--
आभासी मशीनों का गुच्छा

39
00:01:52,760 --> 00:01:56,500
वे किसी भी तरह में काट कि
व्यक्तिगत सर्वर का भ्रम

40
00:01:56,500 --> 00:01:58,610
हम में से प्रत्येक को पूरा नियंत्रण खत्म हो गया है।

41
00:01:58,610 --> 00:02:01,640
यह कहना काफी सटीक नहीं है
कि वे आभासी मशीनों रहे हैं,

42
00:02:01,640 --> 00:02:04,550
हालांकि, क्योंकि क्या
Cloud9 वास्तव में उपयोग करता है

43
00:02:04,550 --> 00:02:07,570
कुछ हद तक एक नई तकनीक है
containerization बुलाया।

44
00:02:07,570 --> 00:02:13,150
और मुझे इस तस्वीर को हड़पने चलो
यहाँ इस तस्वीर उभर आती है।

45
00:02:13,150 --> 00:02:16,540
>> एक कंटेनर है, अगर
आप चित्र को याद

46
00:02:16,540 --> 00:02:19,900
हल्का से पहले, एक छोटे से
एक आभासी मशीन से वजन।

47
00:02:19,900 --> 00:02:22,090
वास्तव में, जबकि पिछले
समय के बारे में हम वहाँ बात की

48
00:02:22,090 --> 00:02:25,170
एक ऑपरेटिंग किया जा रहा है
प्रणाली और एक हाइपरविजर

49
00:02:25,170 --> 00:02:28,260
और फिर अतिथि ऑपरेटिंग सिस्टम, अतिथि
ऑपरेटिंग सिस्टम, अतिथि ऑपरेटिंग

50
00:02:28,260 --> 00:02:30,940
प्रणाली, के शीर्ष पर अपने
भौतिक हार्डवेयर,

51
00:02:30,940 --> 00:02:33,740
इस नए के साथ अंतर
प्रौद्योगिकी, containerization,

52
00:02:33,740 --> 00:02:37,290
कि वे सभी किसी न किसी तरह का हिस्सा है
एक ही ऑपरेटिंग सिस्टम।

53
00:02:37,290 --> 00:02:39,970
लेकिन वे अभी भी बना सकते हैं
हर किसी का भ्रम

54
00:02:39,970 --> 00:02:44,590
अपने या अपने विशेष होने
प्रशासनिक अधिकारों और फ़ाइलें

55
00:02:44,590 --> 00:02:45,400
सर्वर पर।

56
00:02:45,400 --> 00:02:48,230
लेकिन वहाँ भी कम समय में सॉफ्टवेयर है
आप और हार्डवेयर के बीच।

57
00:02:48,230 --> 00:02:52,260
जिनमें से परिणाम है, में
सिद्धांत, एक उच्च प्रदर्शन,

58
00:02:52,260 --> 00:02:55,470
क्योंकि आप उपयोग कर रहे हैं या
कम संसाधनों को बर्बाद कर

59
00:02:55,470 --> 00:02:57,360
कि तथाकथित वर्चुअलाइजेशन परत पर।

60
00:02:57,360 --> 00:02:59,420
तो यह कहा जाता है
स्वभाव से containerization

61
00:02:59,420 --> 00:03:02,920
एक प्रौद्योगिकी गोदी श्रमिक कहा जाता है के माध्यम से,
जो बहुत ज्यादा अपने आप में आ रहा है।

62
00:03:02,920 --> 00:03:05,086
और यह कुछ है कि
आपकी कंपनी में इंजीनियर

63
00:03:05,086 --> 00:03:08,610
तरह तरह के की बात शुरू हो सकता है
के बारे में जल्द ही वे पहले से ही नहीं है,

64
00:03:08,610 --> 00:03:11,590
हालांकि वहाँ निश्चित रूप से कोई
कारण किसी भी bandwagons पर कूद करने के लिए।

65
00:03:11,590 --> 00:03:15,410
>> तो साथ ही कहा, क्या
आप शायद अब देखना

66
00:03:15,410 --> 00:03:22,670
एक स्क्रीन है कि इस तरह एक सा दिखता है।

67
00:03:22,670 --> 00:03:23,170
ठीक।

68
00:03:23,170 --> 00:03:25,260
और सिर्फ मुझ पर फोन नहीं तो।

69
00:03:25,260 --> 00:03:27,440
और अगर so-- मैं आ नहीं तो कर देंगे।

70
00:03:27,440 --> 00:03:30,244
आगे बढ़ो और क्लिक करें कि बड़ा
प्लस एक कार्यक्षेत्र बनाने के लिए,

71
00:03:30,244 --> 00:03:31,660
और आप इस तरह एक स्क्रीन देखेंगे।

72
00:03:31,660 --> 00:03:35,020
आप कार्यक्षेत्र कॉल कर सकते हैं
कुछ भी आप के लिए अब चाहते नाम है।

73
00:03:35,020 --> 00:03:38,660
और बस वास्तव में सादगी के लिए,
और-- अच्छी तरह से जाना है, आप में से कुछ

74
00:03:38,660 --> 00:03:39,660
पहले से ही कार्यस्थान हैं।

75
00:03:39,660 --> 00:03:47,050
इसे आप जो व्यवसाय want--,
हार्वर्ड, गुरुवार, जो कुछ भी आप चाहते हैं।

76
00:03:47,050 --> 00:03:48,800
आप एक विवरण जरूरत नहीं है।

77
00:03:48,800 --> 00:03:52,380
आप इसे निजी छोड़ सकते हैं, जब तक आप
पहले से ही कार्यस्थानों का एक गुच्छा है।

78
00:03:52,380 --> 00:03:55,280
आप इसे सार्वजनिक करने के लिए मजबूर कर रहे हैं,
कि आज के उद्देश्यों के लिए ठीक है।

79
00:03:55,280 --> 00:03:56,750
यहां भी, upsells में से एक है।

80
00:03:56,750 --> 00:03:59,939
आप के बाद एक निजी कार्यक्षेत्र मिल
चूक। लेकिन आप और अधिक चाहते हैं,

81
00:03:59,939 --> 00:04:00,980
आप अधिक के लिए भुगतान करना होगा।

82
00:04:00,980 --> 00:04:02,870
अन्यथा, वे के लिए मजबूर
अपने काम को सार्वजनिक करने के लिए।

83
00:04:02,870 --> 00:04:05,600
लेकिन यह है कि ठीक है, क्योंकि वे भी
ओपन-सोर्स समुदायों में इस लक्ष्य

84
00:04:05,600 --> 00:04:07,700
के लिए लोगों को प्रोत्साहित करने के लिए
वास्तव में सहयोग।

85
00:04:07,700 --> 00:04:10,699
>> और आखिरी बात है कि महत्वपूर्ण है,
हालांकि, यह है कि आप एक नाम का चयन करने के बाद

86
00:04:10,699 --> 00:04:17,140
और आप निजी या सार्वजनिक चयन करने के बाद,
एचटीएमएल 5, बड़ा नारंगी आइकन पर क्लिक करें

87
00:04:17,140 --> 00:04:22,430
बाएं से दूसरे, और
तब कार्यस्थान बनाएँ क्लिक करें।

88
00:04:22,430 --> 00:04:24,580
और यह शायद होगा
एक मिनट ले या ऐसा है,

89
00:04:24,580 --> 00:04:26,540
लेकिन आप तो एक होगा
पर्यावरण, आप एक बार

90
00:04:26,540 --> 00:04:30,544
कि, उस की याद ताजा लग रहा है
क्या मैं यहाँ अब स्क्रीन पर है।

91
00:04:30,544 --> 00:04:33,210
लेकिन, फिर से, यह एक मिनट ले सकता है
या उससे अधिक इस स्क्रीन को पाने के लिए

92
00:04:33,210 --> 00:04:34,770
एक बार जब आप क्लिक किया है कार्यस्थान बनाएँ।

93
00:04:34,770 --> 00:04:37,936
लेकिन सिर्फ मुझ पर ध्वज अगर तुम मुझे पसंद हैं
कुछ भी या सलाह पर एक नज़र लेने के लिए।

94
00:04:37,936 --> 00:04:40,191

95
00:04:40,191 --> 00:04:40,690
ठीक है।

96
00:04:40,690 --> 00:04:42,390
इसलिए मैं अब के लिए पृष्ठभूमि को यह जा रहा हूँ।

97
00:04:42,390 --> 00:04:44,260
मुझ पर कॉल करता है, तो आप को लगता है
किसी भी तकनीकी कठिनाइयों है।

98
00:04:44,260 --> 00:04:46,210
लेकिन, फिर से, यह एक ले सकता है
कि खोलने के लिए छोटा सा।

99
00:04:46,210 --> 00:04:49,570
और आगे बढ़ते हैं और के बारे में बात करते हैं क्या
यह वास्तव में एक वेब पेज बनाने के लिए इसका मतलब है,

100
00:04:49,570 --> 00:04:52,780
क्या HTML है, और कैसे यह सब
अब interconnects के रूप में हम शुरू कर रहे हैं

101
00:04:52,780 --> 00:04:54,730
वास्तव में प्रौद्योगिकी से कुछ का उपयोग करने के लिए।

102
00:04:54,730 --> 00:04:58,310
तो यह पता चला है कि मैं कर सकता हूँ
यहां पर मेरे छोटे मैक जाना है,

103
00:04:58,310 --> 00:05:01,650
एक साधारण बुलाया कार्यक्रम खुला
TextEdit, या Windows पर मैं कर सकता

104
00:05:01,650 --> 00:05:04,480
खुले कुछ Notepad.exe बुलाया।

105
00:05:04,480 --> 00:05:08,260
और मैं बस यूँ ही कुछ कर सकता है
this-- "हैलो, दुनिया।" की तरह

106
00:05:08,260 --> 00:05:12,020
और फिर मैं इस रूप में बचा सकता है
hello.txt तो वहाँ कोई जादू।

107
00:05:12,020 --> 00:05:15,200
यह वेब के साथ कुछ नहीं करना है
प्रोग्रामिंग, HTML के साथ कोई लेना देना नहीं।

108
00:05:15,200 --> 00:05:16,790
सिर्फ एक साधारण पाठ फ़ाइल बनाने।

109
00:05:16,790 --> 00:05:20,600
लेकिन यह एक वेब पता चला है कि
पेज सचमुच है कि बस है।

110
00:05:20,600 --> 00:05:24,020
यह एक साधारण पाठ फ़ाइल युक्त पाठ है
है कि आप अपने कीबोर्ड पर टाइप सकता है,

111
00:05:24,020 --> 00:05:30,070
लेकिन यह आम तौर पर, लेकिन हमेशा नहीं
समाप्त होता है .txt नहीं लेकिन .html या .htm।

112
00:05:30,070 --> 00:05:32,050
और तुम बस नहीं है
फ़ाइल में शब्द टाइप करें।

113
00:05:32,050 --> 00:05:35,280
आप वास्तव में कुछ कहा जाता का उपयोग किया है
टैग या अधिक आम तौर पर, कुछ

114
00:05:35,280 --> 00:05:37,190
मार्कअप भाषा कहा जाता है।

115
00:05:37,190 --> 00:05:40,510
>> तो मैं बहुत जल्दी टाइप करने के लिए जा रहा हूँ
और उसके बाद निम्न समझाओ।

116
00:05:40,510 --> 00:05:42,290
मैं पहली बार करने जा रहा हूँ
यह है, जो कहते हैं टाइप करें,

117
00:05:42,290 --> 00:05:45,730
अरे, ब्राउज़र, यहाँ आता है एक
वेब पेज HTML में लिखा।

118
00:05:45,730 --> 00:05:51,850
और ये दो चीजें एक साथ कहते हैं, अरे,
ब्राउज़र, निम्नलिखित वास्तव में HTML है।

119
00:05:51,850 --> 00:05:55,790
अरे, ब्राउज़र, यहाँ आता है
सिर या मेरे पेज के शीर्ष।

120
00:05:55,790 --> 00:05:59,900
अरे, ब्राउज़र के शीर्ष के अंदर
मेरा पेज, एक शीर्षक है कि है, "नमस्ते डाल

121
00:05:59,900 --> 00:06:01,610
विश्व।"

122
00:06:01,610 --> 00:06:08,370
अरे, ब्राउज़र, के बाद से सिर मेरे
पेज, यहाँ मेरे पृष्ठ के शरीर आता है।

123
00:06:08,370 --> 00:06:12,170
और, हे, ब्राउज़र का शव मेरा
पेज का यह भी कहना चाहिए, "हैलो दुनिया।"

124
00:06:12,170 --> 00:06:15,500
तो क्या मुख्य विवरण यहाँ हैं?

125
00:06:15,500 --> 00:06:17,960
यह वही है जो आम तौर पर है
एक डॉक्टर-प्रकार घोषणा कहा जाता है,

126
00:06:17,960 --> 00:06:20,190
और, सच में, यह एक छोटे से है
पहली बार में यह याद करने के लिए मेहनत की है।

127
00:06:20,190 --> 00:06:21,481
आप बस की तरह कॉपी-पेस्ट यह।

128
00:06:21,481 --> 00:06:23,760
यह औपचारिक तरीका है
कह, हे की, ब्राउज़र,

129
00:06:23,760 --> 00:06:28,030
मैं HTML 5 संस्करण का उपयोग कर रहा है जो
कुछ हद तक हाल ही में बाहर आया था।

130
00:06:28,030 --> 00:06:31,380
यह कुछ है कि एक जादुई जादू है
डिजाइन के एक गरीब भावना के साथ मनुष्य

131
00:06:31,380 --> 00:06:33,640
पर डालने का फैसला किया
फ़ाइल के ऊपर से ही।

132
00:06:33,640 --> 00:06:35,473
एक यह है हालांकि
थोड़ा रहस्यमय, वह सब है

133
00:06:35,473 --> 00:06:38,250
यह means-- अरे, ब्राउज़र, यहाँ
HTML के 5 संस्करण के साथ आता है।

134
00:06:38,250 --> 00:06:41,741
>> इस के बाकी हमारे साथ किया गया है
अब कुछ समय के लिए, ऐतिहासिक,

135
00:06:41,741 --> 00:06:44,740
लेकिन यह विकसित किया गया है, और यह है
शायद एक छोटे से सरल हो रही किया गया।

136
00:06:44,740 --> 00:06:47,320
नोटिस में कुछ विशेषताओं
मैं क्या प्रकाश डाला है की।

137
00:06:47,320 --> 00:06:49,890
वहाँ कोण के साथ इन बातों है
बाईं ब्रैकेट brackets--

138
00:06:49,890 --> 00:06:51,040
और सही ब्रैकेट।

139
00:06:51,040 --> 00:06:52,490
और समरूपता यहां नोटिस।

140
00:06:52,490 --> 00:06:57,340
और समरूपता के द्वारा, मैं बस के रूप में मतलब है, मैं
इस शुरू टैग यहाँ या एक खुला टैग है

141
00:06:57,340 --> 00:07:01,560
अगर तुम जाएगा, यहाँ नीचे मैं एक है
करीब टैग या एक अंत टैग है कि

142
00:07:01,560 --> 00:07:06,460
केवल insofar इसे इस रूप में अलग है
शब्द के आरंभ में स्लेश

143
00:07:06,460 --> 00:07:07,360
एचटीएमएल।

144
00:07:07,360 --> 00:07:09,360
और अगर आप सोच सकते हैं
इस रूप में मैं लापरवाही था

145
00:07:09,360 --> 00:07:12,280
, इससे पहले कि प्रस्ताव अरे,
ब्राउज़र, यहाँ कुछ HTML आता है।

146
00:07:12,280 --> 00:07:16,060
और, इसके विपरीत, अरे, ब्राउज़र, कि
यह HTML-- शुरू और अंत के लिए।

147
00:07:16,060 --> 00:07:18,440
>> इस बीच अरे, ब्राउज़र, यहाँ
मेरे पृष्ठ के सिर आता है।

148
00:07:18,440 --> 00:07:20,140
अरे, ब्राउज़र, कि यह सिर के लिए है।

149
00:07:20,140 --> 00:07:22,240
अरे, ब्राउज़र, यहाँ है
मेरे पृष्ठ के शरीर।

150
00:07:22,240 --> 00:07:24,020
अरे, ब्राउज़र, कि यह शरीर के लिए है।

151
00:07:24,020 --> 00:07:26,940
कुछ और के अंदर यह है कि
अब के लिए मनमाने ढंग से पाठ।

152
00:07:26,940 --> 00:07:30,520
और सिर के अंदर, इस बीच,
कुछ मनमाना लेकिन टैग है

153
00:07:30,520 --> 00:07:34,410
तो बात है, पाठ का कहना है कि, शीर्षक
मेरे पृष्ठ के हो जाएंगे "हैलो, दुनिया।"

154
00:07:34,410 --> 00:07:37,470
अब, अब के लिए, आप कर सकते हैं
कि ब्राउज़रों मान

155
00:07:37,470 --> 00:07:41,762
only-- है या यों कहें, वेब पृष्ठों है
केवल दो सिर और शरीर parts--।

156
00:07:41,762 --> 00:07:44,220
और आम तौर पर सिर्फ सिर है
मेनू पट्टी की तरह, सामान

157
00:07:44,220 --> 00:07:45,510
वास्तव में सिर्फ ऊपर से ही।

158
00:07:45,510 --> 00:07:48,910
और शरीर पेज की हिम्मत है,
कि बड़ा आयत में सब कुछ

159
00:07:48,910 --> 00:07:50,239
कि स्क्रीन भरता है।

160
00:07:50,239 --> 00:07:51,780
इसलिए मुझे आगे जाना है और यह करने के लिए जा रहा हूँ।

161
00:07:51,780 --> 00:07:54,400
मैं आगे जाने के लिए जा रहा है और
सहेजें क्लिक करें, फ़ाइल सहेजें।

162
00:07:54,400 --> 00:07:58,580
और मुझे बचाने के लिए जा रहा हूँ
इस hello.html के रूप में,

163
00:07:58,580 --> 00:08:00,870
और मैं बस करने के लिए जा रहा हूँ
अपने डेस्कटॉप पर डाल दिया।

164
00:08:00,870 --> 00:08:03,520
और मैं जाने के लिए जा रहा हूँ
आगे और सहेजें क्लिक करें।

165
00:08:03,520 --> 00:08:05,806
और कम से अपने मैक notice--
कम से कम मुझ पर चिल्ला रहा है।

166
00:08:05,806 --> 00:08:07,180
क्या आप वास्तव में इसे करना चाहते हैं?

167
00:08:07,180 --> 00:08:08,710
और मैं कहता हूँ, हाँ, HTML का उपयोग जा रहा हूँ।

168
00:08:08,710 --> 00:08:10,400
मैं इस मामले में बेहतर जानते हैं।

169
00:08:10,400 --> 00:08:14,686
और अब मैं अपने डेस्कटॉप के लिए जाने के लिए जा रहा हूँ
जहां मैं इस फाइल अचानक लोगों की है।

170
00:08:14,686 --> 00:08:16,060
और मैं इसे डबल क्लिक करने के लिए जा रहा हूँ।

171
00:08:16,060 --> 00:08:18,268
और तुम उस पर ध्यान देंगे, द्वारा
डिफ़ॉल्ट, क्रोम खोला।

172
00:08:18,268 --> 00:08:19,996
वह है कि क्योंकि है
मेरा डिफ़ॉल्ट ब्राउज़र।

173
00:08:19,996 --> 00:08:21,370
और यह सिर्फ कहते हैं, "हैलो, दुनिया।"

174
00:08:21,370 --> 00:08:23,078
लेकिन यह कहते हैं, "हैलो,
दुनिया "दो स्थानों पर।

175
00:08:23,078 --> 00:08:23,979
सूचना है ऊपर छोड़ दिया।

176
00:08:23,979 --> 00:08:25,020
सुंदर है कि खोने के लिए मुश्किल।

177
00:08:25,020 --> 00:08:26,180
यह बड़ा और बोल्ड है।

178
00:08:26,180 --> 00:08:30,690
और कहाँ और यह प्रतीत होता है
कहते हैं, "हैलो, दुनिया"?

179
00:08:30,690 --> 00:08:31,470
>> दर्शकों: टैब।

180
00:08:31,470 --> 00:08:33,100
>> डेविड जे मालन: हाँ, टैब ही।

181
00:08:33,100 --> 00:08:35,159
तो जब मैं के प्रमुख ने कहा
पेज सब कुछ top-- है

182
00:08:35,159 --> 00:08:36,367
और वास्तव में यह शीर्षक है।

183
00:08:36,367 --> 00:08:37,710
यह सिर्फ टैब यहाँ है।

184
00:08:37,710 --> 00:08:40,320
और मैं इस टैब खींच सकते हैं
भ्रमित करने के लिए तो नहीं के रूप में बाहर।

185
00:08:40,320 --> 00:08:43,360
यह सिर्फ एक ही टैब अब है,
और वास्तव में हम देखते हैं "नमस्ते, दुनिया"

186
00:08:43,360 --> 00:08:45,970
यहाँ और "नमस्ते, दुनिया" यहाँ नीचे।

187
00:08:45,970 --> 00:08:47,160
तो बहुत सीधा।

188
00:08:47,160 --> 00:08:49,050
लेकिन यह भी काफी आसान है।

189
00:08:49,050 --> 00:08:50,440
और, वास्तव में, मैं में तेजी से बढ़ी है।

190
00:08:50,440 --> 00:08:53,272
मैं फ़ॉन्ट आकार बस को बदल सकते हैं
पहुँच के लिए बढ़ाना।

191
00:08:53,272 --> 00:08:56,830
लेकिन अब कुछ ऐसा ही करे
एक छोटे से अधिक दिलचस्प है।

192
00:08:56,830 --> 00:08:59,760
>> मैं go-- को वूप्स, चलो जा रहा हूँ
मुझे मेरे पाठ फ़ाइल के लिए वापस जाओ।

193
00:08:59,760 --> 00:09:02,400
मैं वापस जा रहा हूँ मेरे
पाठ फ़ाइल है, और मैं जा रहा हूँ

194
00:09:02,400 --> 00:09:06,320
इस परिवर्तन और कहने के लिए
"हैलो, डिज्नी वर्ल्ड।"

195
00:09:06,320 --> 00:09:07,970
बचाना।

196
00:09:07,970 --> 00:09:10,919
और करने के लिए वापस जाना मेरी
ब्राउज़र और पुनः लोड क्लिक करें।

197
00:09:10,919 --> 00:09:12,710
और अब, जाहिर है, यह
कहते हैं, "डिज्नी वर्ल्ड।"

198
00:09:12,710 --> 00:09:15,500
और मैं कृत्रिम रूप से ज़ूम करने के लिए जा रहा हूँ
बस इतना में यह देखने के लिए आसान है।

199
00:09:15,500 --> 00:09:19,012
तो अब, दुर्भाग्य से, मैं एक तरह से चाहते हैं
है-- वास्तव में, कि एक मैक सुविधा है।

200
00:09:19,012 --> 00:09:21,720
मैं डिज्नी वर्ल्ड पर क्लिक करें
और disney.com की तरह कहीं जाना है,

201
00:09:21,720 --> 00:09:23,290
लेकिन वह काम नहीं करता।

202
00:09:23,290 --> 00:09:26,850
तो वेब की एक बुनियादी सिद्धांत है
हाइपरलिंक, लिंक है कि कहीं और जाना।

203
00:09:26,850 --> 00:09:28,390
इसलिए मुझे लगता है कि कैसे करते हो?

204
00:09:28,390 --> 00:09:34,690
खैर, मैं सिर्फ कह सकते हैं,
"हैलो, http://www.disney.com।"

205
00:09:34,690 --> 00:09:36,110
इसे बचाएं।

206
00:09:36,110 --> 00:09:37,620
लोड करें।

207
00:09:37,620 --> 00:09:39,400
लेकिन यह भी, क्लिक करने योग्य नहीं है।

208
00:09:39,400 --> 00:09:42,930
और क्या, यहाँ अच्छा है, भले ही
यह अभी तक कार्य नहीं है,

209
00:09:42,930 --> 00:09:45,930
ऐसा लगता है कि वह यह है कि
ब्राउज़र सचमुच ही करता है

210
00:09:45,930 --> 00:09:46,950
मुझे क्या करना है यह बताओ।

211
00:09:46,950 --> 00:09:50,110
तो अगर मैं सिर्फ इस तरह एक यूआरएल टाइप करें,
यह सिर्फ मेरे यूआरएल को दिखाने के लिए जा रहा है।

212
00:09:50,110 --> 00:09:54,270
मैं टैग या मार्कअप का उपयोग करने की जरूरत है
भाषा वास्तव में बताने के लिए

213
00:09:54,270 --> 00:09:55,621
ब्राउज़र भी अधिक करने के लिए।

214
00:09:55,621 --> 00:09:57,870
तो मैं आगे जाने के लिए जा रहा हूँ और
एक पल के लिए इसे हटाना।

215
00:09:57,870 --> 00:10:00,980
और मैं कहने जा रहा हूँ, हे,
ब्राउज़र, यहाँ एक लंगर शुरू,

216
00:10:00,980 --> 00:10:02,650
एक लिंक तो बात है।

217
00:10:02,650 --> 00:10:07,500
और अति संदर्भ, गंतव्य
कि लंगर की, इस URL होना चाहिए।

218
00:10:07,500 --> 00:10:08,750
और मेरे उद्धरण नोटिस।

219
00:10:08,750 --> 00:10:11,590
मैं एक उद्धरण का इस्तेमाल कर सकते हैं, भी,
लेकिन आप लगातार होना है,

220
00:10:11,590 --> 00:10:14,270
और मैं आम तौर पर सिर्फ प्रयोग करेंगे
डबल कोट्स इसे सरल रखने के लिए।

221
00:10:14,270 --> 00:10:16,820
सूचना मैंने टैग बंद करने के लिए जा रहा हूँ।

222
00:10:16,820 --> 00:10:21,160
और फिर यहाँ मैं जा रहा हूँ
कहते हैं, "डिज्नी वर्ल्ड।"

223
00:10:21,160 --> 00:10:26,890
और अब मैं कुछ symmetry-- जरूरत
खुले ब्रैकेट, / ए, ब्रैकेट बंद कर दिया।

224
00:10:26,890 --> 00:10:28,090
>> तो मैं क्या पेश किया है?

225
00:10:28,090 --> 00:10:30,100
हम कुछ टैग पहले से ही लिया है।

226
00:10:30,100 --> 00:10:32,410
एचटीएमएल, प्रमुख, शीर्षक, शरीर,
सभी टैग कर रहे हैं, तो बात है,

227
00:10:32,410 --> 00:10:34,280
खुले और बंद समकक्षों के साथ।

228
00:10:34,280 --> 00:10:36,530
लेकिन नोटिस, इस प्रकार है
के मौलिक रूप से अलग।

229
00:10:36,530 --> 00:10:39,140
यह हम क्या कहते हैं जाएगा
HTML में एक विशेषता।

230
00:10:39,140 --> 00:10:41,451
और एक विशेषता है
सिर्फ एक महत्वपूर्ण मूल्य जोड़ी।

231
00:10:41,451 --> 00:10:43,950
यह एक आम बात है
कंप्यूटर science-- महत्वपूर्ण मूल्य जोड़ी।

232
00:10:43,950 --> 00:10:45,770
यह व्यापार के उपकरण की तरह है।

233
00:10:45,770 --> 00:10:47,040
एक चाबी और एक मूल्य।

234
00:10:47,040 --> 00:10:49,390
एक शब्द है और फिर कुछ
अन्य शब्द या शब्दों।

235
00:10:49,390 --> 00:10:53,790
और इस मामले में, कुंजी href है,
और मूल्य है कि पूर्ण यूआरएल है।

236
00:10:53,790 --> 00:10:57,890
और क्या एक विशेषता यह है करता है
एक टैग के व्यवहार को प्रभावित करती है।

237
00:10:57,890 --> 00:11:01,010
और इस मामले में, हम को प्रभावित करने की जरूरत है
लंगर टैग के व्यवहार,

238
00:11:01,010 --> 00:11:04,140
क्योंकि हम लंगर की जरूरत
कहीं के लिए इस लिंक।

239
00:11:04,140 --> 00:11:06,960
और आप कैसे यह है कि ऐसा
विशेषता के माध्यम से।

240
00:11:06,960 --> 00:11:08,970
>> तो मैं आगे जाने के लिए जा रहा हूँ
और अब फाइल को बचाने के।

241
00:11:08,970 --> 00:11:11,300
वापस अपने ब्राउज़र और फिर से लोड करने के लिए जाओ।

242
00:11:11,300 --> 00:11:14,580
और, देखा, अब हम
एक वैध वेब पेज की शुरुआत।

243
00:11:14,580 --> 00:11:18,420
सुपर सरल है, लेकिन खत्म करता है, तो मैं उड़ना
नीचे बाएँ कोने में this-- नोटिस

244
00:11:18,420 --> 00:11:19,830
यह सुपर छोटा है।

245
00:11:19,830 --> 00:11:21,730
लेकिन आप www.disney.com देखते हैं।

246
00:11:21,730 --> 00:11:27,076
और अगर मैं इसे क्लिक करें, वास्तव में यह
मेरे disney.com को दूर whisks।

247
00:11:27,076 --> 00:11:29,380
अब, दिलचस्प बात
यहाँ है कि यह नहीं है

248
00:11:29,380 --> 00:11:33,940
सबसे ज्यादा बिक्री यूआरएल best--, लेकिन
क्योंकि इस फाइल नहीं करता है वह ठीक है

249
00:11:33,940 --> 00:11:35,360
वर्ल्ड वाइड वेब पर मौजूद हैं।

250
00:11:35,360 --> 00:11:39,740
यह जाहिरा तौर पर में एक स्थानीय फ़ाइल के रूप में मौजूद है
अपने उपयोगकर्ताओं directory-- / jharvard--

251
00:11:39,740 --> 00:11:41,890
जॉन Harvard-- / डेस्कटॉप के लिए।

252
00:11:41,890 --> 00:11:42,634
लेकिन यह एक यूआरएल है।

253
00:11:42,634 --> 00:11:43,800
यह सिर्फ स्थानीय होना होता है।

254
00:11:43,800 --> 00:11:47,050
दुर्भाग्य से, आप में से कोई भी यात्रा कर सकते हैं
इसका कारण यह है कि आप इस यूआरएल टाइप करते हैं, तो

255
00:11:47,050 --> 00:11:49,980
यदि आप अपने ब्राउज़र कह रही होगी
एक फ़ाइल कहा जाता hello.html के लिए देखो

256
00:11:49,980 --> 00:11:50,772
अपनी हार्ड ड्राइव पर।

257
00:11:50,772 --> 00:11:53,271
और जाहिर है, जब तक आप है
मैन्युअल के साथ पालन किया गया,

258
00:11:53,271 --> 00:11:54,530
यह वहाँ मौजूद नहीं जा रहा है।

259
00:11:54,530 --> 00:11:55,190
>> तो वह ठीक है।

260
00:11:55,190 --> 00:11:57,815
हम अभी भी एक तरह की जरूरत है, अंत में
वेब में इस फाइल को पाने के लिए,

261
00:11:57,815 --> 00:12:01,180
लेकिन हम में से एक जोड़ी के अलावा तंग करते हैं
की सुरक्षा के निहितार्थ क्या हम सिर्फ

262
00:12:01,180 --> 00:12:04,850
देखा है और इसे वापस टाई पहले करने के लिए
आज सुबह से चर्चा।

263
00:12:04,850 --> 00:12:08,200
यह पता चला है कि, अगर एक
ब्राउज़र सचमुच सिर्फ करता है

264
00:12:08,200 --> 00:12:12,560
मुझे क्या करना है यह बताने, और ऐसा लगता है
मामला एक लंगर टैग है कि हो

265
00:12:12,560 --> 00:12:17,380
के मान से प्रभावित
इस विशेषता को बुलाया href

266
00:12:17,380 --> 00:12:20,810
लेकिन यह इस प्रदर्शित करता है
पाठ, इस प्रतीत होता है

267
00:12:20,810 --> 00:12:26,520
समझा जाए कि मैं यूआरएल डाल सकता है
दोनों स्थानों में और उसके बाद फिर से लोड

268
00:12:26,520 --> 00:12:29,100
और अब यूआरएल को देखते हैं और URL पर जाएं।

269
00:12:29,100 --> 00:12:32,680
सूचना, अगर मैं नीचे बाएँ पर जाएँ,
मैं वास्तव में disney.com करने के लिए अभी भी जा रहा हूँ।

270
00:12:32,680 --> 00:12:38,340
>> तो अगर आप कभी गया है
phished-- पी-एच-मैं-एस-एच-ई-D--

271
00:12:38,340 --> 00:12:42,820
उन फर्जी ईमेल के साथ
पेपैल के लिए अपने बैंक की तरह से,

272
00:12:42,820 --> 00:12:46,470
आप शायद लिंक के अंदर मिल गया है
ईमेल को आप पढ़ रहे हैं कि इस बात का

273
00:12:46,470 --> 00:12:49,970
आप यहां क्लिक के लिए कहता है की पुष्टि जाना
आपका पासवर्ड या अपनी जन्मतिथि की पुष्टि

274
00:12:49,970 --> 00:12:53,840
या सामाजिक या कुछ और सामाजिक रूप से
खुलासा करने के लिए आप इंजीनियरिंग

275
00:12:53,840 --> 00:12:54,920
जानकारी।

276
00:12:54,920 --> 00:12:57,625
खैर, मैं एक तरह से ले सकता है
इस का लाभ, मैं नहीं कर सकता?

277
00:12:57,625 --> 00:13:01,240
मैं कुछ कह सकते हैं
जैसे, www.paypal.com।

278
00:13:01,240 --> 00:13:11,340
और disney.com के बजाय, मैं
करने के लिए, जैसे, badguy.com जा सकते हैं।

279
00:13:11,340 --> 00:13:12,850
लोड करें।

280
00:13:12,850 --> 00:13:16,620
और कितना आसान शिकार करने के लिए है,
विशेष रूप से एक गैर तकनीकी पाठक

281
00:13:16,620 --> 00:13:20,649
या एक सरसरी तौर पर पढ़ने
क्लिक करने के लिए की तुलना में पाठक

282
00:13:20,649 --> 00:13:23,940
जो अगर मैं it-- क्लिक करें इस तरह एक कड़ी है,
मैं वास्तव में badguy.com जाने के लिए नहीं करना चाहती।

283
00:13:23,940 --> 00:13:25,398
मैं क्या वास्तव में वहाँ है पता नहीं है।

284
00:13:25,398 --> 00:13:30,080
तो paypal.com, सूचना, है
क्या यह कहते हैं कि यह करने के लिए जा रहा है,

285
00:13:30,080 --> 00:13:33,210
लेकिन ज़ाहिर है, अगर मैं नीचे देखो
सुपर कम, यह एक छोटे से धुँधली है,

286
00:13:33,210 --> 00:13:34,230
लेकिन यह badguy.com कहते हैं।

287
00:13:34,230 --> 00:13:38,644
यही कारण है कि केवल सही अब बताओ
कि मैं गलत जगह पर जा रहा हूँ।

288
00:13:38,644 --> 00:13:41,560
और जब मैंने पहले कहा है कि बैंकों
वास्तव में प्रोत्साहित करते हैं या ट्रेन नहीं करना चाहिए

289
00:13:41,560 --> 00:13:44,510
क्लिक लिंक में उपयोगकर्ताओं, इस
यह सिर्फ एक मिसाल है।

290
00:13:44,510 --> 00:13:45,430
और यह इतना आसान है।

291
00:13:45,430 --> 00:13:48,120
अब आप एक विरोधी है, तो
आप कुछ इस तरह करते

292
00:13:48,120 --> 00:13:51,000
और एक उपयोगकर्ता चाल की कोशिश
अपनी वेबसाइट पर जाकर में।

293
00:13:51,000 --> 00:13:53,320
लेकिन अब के लिए, हम रखेंगे
बातों अच्छा और साफ।

294
00:13:53,320 --> 00:13:55,640
हम आगे जाने के लिए जा रहे हैं
और इन परिवर्तनों को उल्टा।

295
00:13:55,640 --> 00:13:56,530
पृष्ठ को पुन: लोड करें।

296
00:13:56,530 --> 00:13:57,740
और मैं वापस disney.com के पास जाओ।

297
00:13:57,740 --> 00:14:00,660
>> चलो देखते हैं अगर हम तंग नहीं कर सकता
इस के अलावा एक छोटे से अधिक।

298
00:14:00,660 --> 00:14:04,160
तो "हैलो, डिज्नी वर्ल्ड।"

299
00:14:04,160 --> 00:14:05,950
मैं यहाँ नीचे कहने जा रहा हूँ।

300
00:14:05,950 --> 00:14:08,220
शायद मैं कुछ जगह बनाने के लिए जा रहा हूँ।

301
00:14:08,220 --> 00:14:12,730
"हमें उम्मीद है कि आप अपने प्रवास का आनंद ले रहे हैं!"

302
00:14:12,730 --> 00:14:13,830
बचाना।

303
00:14:13,830 --> 00:14:15,850
लोड करें।

304
00:14:15,850 --> 00:14:19,010
ऐसा नहीं है rea-- नहीं कर रहा है
क्या मैं सही इरादा?

305
00:14:19,010 --> 00:14:21,870
मेरा मतलब है, अगर मैं अपने पाठ इलाज कर रहा हूँ
एक शब्द संसाधक तरह फ़ाइल,

306
00:14:21,870 --> 00:14:24,894
क्या आप यहाँ क्या होगा आशा थी?

307
00:14:24,894 --> 00:14:27,060
हाँ, मैं वहाँ की तरह लग रहा है
एक पंक्ति विराम यहाँ होना चाहिए,

308
00:14:27,060 --> 00:14:28,799
तो यह किसी तरह से छोटी गाड़ी लगता है।

309
00:14:28,799 --> 00:14:31,090
लेकिन यह है कि वास्तव में जानबूझकर है,
क्योंकि बस के रूप में पहले,

310
00:14:31,090 --> 00:14:33,381
ब्राउज़र केवल करने के लिए जा रहा है
क्या आप ऐसा करने में बताऊँ।

311
00:14:33,381 --> 00:14:34,806
मैं यह नहीं बताया है कि लाइनों को तोड़ने के लिए।

312
00:14:34,806 --> 00:14:37,930
मैं इसे नीचे स्थानांतरित करने के लिए, नहीं भी बता दिया है
हालांकि, intuitively, मुझे लगता है जैसे मैंने किया।

313
00:14:37,930 --> 00:14:39,805
तो यह पता चला हम की जरूरत है
एक छोटे से अधिक मार्कअप,

314
00:14:39,805 --> 00:14:41,390
और मैं के रूप में इसे ठीक करने के लिए जा रहा हूँ।

315
00:14:41,390 --> 00:14:46,160
मैं पहली बार इस प्रस्तावना को नमस्ते जा रहा हूँ
क्या एक पैरा टैग कहा जाता है के साथ।

316
00:14:46,160 --> 00:14:48,920
और फिर मैं आगे जाने के लिए जा रहा हूँ
और यह अन्य की सजा को कपड़े में लपेटकर

317
00:14:48,920 --> 00:14:54,370
एक और पैरा टैग में, भले ही
वे सुपर-छोटे पैराग्राफ रहे हैं।

318
00:14:54,370 --> 00:14:55,930
अब मैं बचाने के लिए जा रहा हूँ।

319
00:14:55,930 --> 00:14:57,160
लोड करें।

320
00:14:57,160 --> 00:14:59,070
और अब हम उस राशि
अंतरिक्ष, और हम एक तरह से

321
00:14:59,070 --> 00:15:01,680
का अर्थ विज्ञान है
दो अलग-अलग पैराग्राफ।

322
00:15:01,680 --> 00:15:05,290
>> यही कारण है कि सब ठीक है और अच्छा है, लेकिन यह होगा
इस पृष्ठ पर एक छवि को जोड़ने के लिए अच्छा होगा,

323
00:15:05,290 --> 00:15:08,710
तो मैं देखने के लिए जाना जा रहा हूँ
गूगल छवियाँ पर मिकी माउस।

324
00:15:08,710 --> 00:15:12,830
और सिर्फ मनोरंजन के लिए, मैं हूँ
इस छवि को हड़पने के लिए जा रहा है।

325
00:15:12,830 --> 00:15:15,350
अब मैं आगे जाने के लिए जा रहा हूँ और
इस छवि का URL ले लो,

326
00:15:15,350 --> 00:15:16,510
हालांकि अलग-अलग है
उपाय यह है।

327
00:15:16,510 --> 00:15:18,520
अभी के लिए, मैं सिर्फ यूआरएल को कॉपी करने के लिए जा रहा हूँ।

328
00:15:18,520 --> 00:15:24,770
मैं अपने पाठ में वापस जाने के लिए जा रहा हूँ
फ़ाइल, और मैं यहाँ कहने जा रहा हूँ,

329
00:15:24,770 --> 00:15:31,160
img src = बोली गंदें शब्द बोलना
कि यूआरएल, सुपर लंबे समय।

330
00:15:31,160 --> 00:15:34,580
और फिर एक की धारणा
छवि एक छोटे से अलग है।

331
00:15:34,580 --> 00:15:38,640
वहाँ वास्तव में शुरू की कोई धारणा है
एक छवि और एक छवि को समाप्त,

332
00:15:38,640 --> 00:15:40,630
एक शुरुआत की तरह एक अंत टैग टैग।

333
00:15:40,630 --> 00:15:43,840
तो यह थोड़ा करने के लिए अजीब लगता है
मेरे शब्दार्थ यह करने के लिए,

334
00:15:43,840 --> 00:15:45,390
एक करीबी छवि टैग के लिए है।

335
00:15:45,390 --> 00:15:46,780
यह गलत नहीं है।

336
00:15:46,780 --> 00:15:48,840
यह पूरी तरह से सही है,
और इसे प्रोत्साहित किया है,

337
00:15:48,840 --> 00:15:50,870
लेकिन वहाँ आशुलिपि संकेतन है।

338
00:15:50,870 --> 00:15:53,780
मैं एक साथ की तरह कर सकते हैं
खोलने के लिए और एक ही टैग बंद करते हैं,

339
00:15:53,780 --> 00:15:55,510
और उस ब्राउज़र को खुश कर देगा।

340
00:15:55,510 --> 00:15:56,950
तो यह सिर्फ एक छोटा सा है
बातों के लिए अधिक संक्षिप्त

341
00:15:56,950 --> 00:15:59,408
धारणात्मक वास्तव में नहीं है कि
समझ में शुरू और अंत करने के लिए बनाते हैं।

342
00:15:59,408 --> 00:16:01,190
वे बस देखते हैं, या वे नहीं कर रहे हैं।

343
00:16:01,190 --> 00:16:06,020
>> इसलिए मैं इस बचाने के लिए और वापस जाने के लिए जा रहा हूँ
मेरी "हैलो, दुनिया" पेज और पुनः लोड करने के लिए।

344
00:16:06,020 --> 00:16:09,880
और यह नियंत्रण से बाहर एक छोटे से है,
क्योंकि उस छवि वास्तव में है

345
00:16:09,880 --> 00:16:12,210
एक छोटे बड़े, लेकिन यह ठीक है।

346
00:16:12,210 --> 00:16:13,710
मैं एक कार्यक्रम में इसे आकार सकता है।

347
00:16:13,710 --> 00:16:14,900
या फिर आप क्या जानते हैं।

348
00:16:14,900 --> 00:16:17,350
बस प्रदर्शित करने के लिए, मैं हूँ
वास्तव में कहने जा रहा

349
00:16:17,350 --> 00:16:21,760
है कि इस बात की चौड़ाई चाहिए
केवल 200 पिक्सल, 200 डॉट्स हो।

350
00:16:21,760 --> 00:16:24,360
मुझे आगे जाना है और बचाने के लिए करते हैं
और फिर से लोड, और अब पेज

351
00:16:24,360 --> 00:16:25,690
एक छोटे से अधिक उचित लग रहा है।

352
00:16:25,690 --> 00:16:27,260
लेकिन पैटर्न नोटिस।

353
00:16:27,260 --> 00:16:30,030
खैर, मैं एक तरह से सिखाया है कि आप सभी
कुछ समझ में HTML के, कम से कम

354
00:16:30,030 --> 00:16:33,531
धारणात्मक है, क्योंकि सभी HTML है
इन खुले टैग, टैग बंद कर दिया tags--,

355
00:16:33,531 --> 00:16:35,280
और विशेषताओं है कि
उनके व्यवहार को संशोधित।

356
00:16:35,280 --> 00:16:38,380
और, जाहिर है, हर
टैग शून्य या एक हो सकता है

357
00:16:38,380 --> 00:16:43,005
या दो या अधिक गुण है, में से प्रत्येक के
जो कुछ थोड़ा अलग है।

358
00:16:43,005 --> 00:16:44,380
अब, आप कैसे जानते हैं कि क्या अस्तित्व है?

359
00:16:44,380 --> 00:16:46,800
तुम सिर्फ किसी को सुनने के लिए
मैं आपको बता दूँ की तरह क्या मौजूद है,

360
00:16:46,800 --> 00:16:50,860
या आप बस एक ट्यूटोरियल के लिए चारों ओर गूगल
एचटीएमएल पर, और यह वास्तव में यह आसान है।

361
00:16:50,860 --> 00:16:54,030
>> सच में, जब मैं एक छात्र था
साल पहले और एचटीएमएल सीखा है,

362
00:16:54,030 --> 00:16:56,530
मेरी गणित शिक्षण में से एक
सहायकों बस खर्च

363
00:16:56,530 --> 00:16:59,600
मेरे पढ़ा समय का एक छोटा सा
जैसे आधे घंटे के लिए, एक घंटा,

364
00:16:59,600 --> 00:17:00,660
और फिर मैं अपने रास्ते पर था।

365
00:17:00,660 --> 00:17:03,300
मैं बनाने की ओर अपने रास्ते पर था
कभी सबसे घृणित वेबसाइटों,

366
00:17:03,300 --> 00:17:05,549
जो, जाहिर है, मैं नहीं किया है
वास्तव में आगे प्रगति।

367
00:17:05,549 --> 00:17:09,849
लेकिन मुद्दा यह है कि, एक बार आप
इन सरल ideas-- को समझने

368
00:17:09,849 --> 00:17:13,450
यदि रहस्यमय text-- लेकिन इन सरल
एक विचार शुरू करने के विचारों

369
00:17:13,450 --> 00:17:15,960
और एक सोचा बंद करने, रखने
सब कुछ अच्छी तरह से, संतुलित

370
00:17:15,960 --> 00:17:19,150
कुछ देख, संशोधित
कि टैग के व्यवहार, कि वास्तव में सभी के लिए है

371
00:17:19,150 --> 00:17:20,079
वहाँ यह है।

372
00:17:20,079 --> 00:17:28,140
और वास्तव में, हम अब के लिए जाना है
वास्तव में google.com-- तरह कुछ है,

373
00:17:28,140 --> 00:17:31,920
की एक जगह के लिए एक छोटे से अधिक चलते हैं
reasonable-- stanford.edu।

374
00:17:31,920 --> 00:17:37,800
और मैं, देखें में जाने के लिए जा रहा हूँ
डेवलपर, स्रोत देखें।

375
00:17:37,800 --> 00:17:41,400
यह बदसूरत है, लेकिन notice--
और मैं नोटिस में ज़ूम करता हूँ

376
00:17:41,400 --> 00:17:43,432
कुछ सामान है कि पहले से ही परिचित है।

377
00:17:43,432 --> 00:17:45,140
इस, यहाँ हो रहा है
जो एक ब्राउज़र है।

378
00:17:45,140 --> 00:17:46,800
यहाँ एचटीएमएल 5 आता है।

379
00:17:46,800 --> 00:17:47,634
वहाँ HTML है।

380
00:17:47,634 --> 00:17:49,550
जाहिरा तौर पर, वहाँ है
विशेषता यह है कि मैं नहीं था

381
00:17:49,550 --> 00:17:51,540
का उपयोग करें कि निर्दिष्ट करता है
पेज की भाषा,

382
00:17:51,540 --> 00:17:54,380
और यह स्वत: के साथ मदद कर सकता है
अनुवाद और सामान है कि पसंद है।

383
00:17:54,380 --> 00:17:55,546
यहाँ पेज के सिर है।

384
00:17:55,546 --> 00:17:57,790
यहाँ स्टैनफोर्ड के पृष्ठ का शीर्षक है।

385
00:17:57,790 --> 00:17:59,832
वहाँ एक टैग मैंने नहीं किया है
yet-- मेटा टैग के बारे में बात करते हैं।

386
00:17:59,832 --> 00:18:01,540
यह बस की तरह है
पृष्ठभूमि की जानकारी।

387
00:18:01,540 --> 00:18:04,210
यह एसईओ के साथ मदद करता है, या
खोज इंजिन अनुकूलन,

388
00:18:04,210 --> 00:18:06,320
या गूगल-खोज परिणामों या पसंद है।

389
00:18:06,320 --> 00:18:09,029
लेकिन अगर हम तलाश में रहते हैं, रख
तलाश में, यहाँ शरीर टैग है।

390
00:18:09,029 --> 00:18:11,570
और वहाँ अन्य के गुच्छों है
टैग हम अभी तक के बारे में बात नहीं की है।

391
00:18:11,570 --> 00:18:13,750
लेकिन डिव एक के लिए एक है
पेज का विभाजन।

392
00:18:13,750 --> 00:18:16,680
यह एक अदृश्य आयत की तरह है
आप की तरह मानसिक रूप से करना चाहते हैं

393
00:18:16,680 --> 00:18:20,160
में अपने पेज को विभाजित
विभिन्न इकाइयों ऑनलाइन।

394
00:18:20,160 --> 00:18:22,650
और फिर divs के बहुत सारे मैं
देखते हैं, कुछ वर्ग कहा जाता है,

395
00:18:22,650 --> 00:18:24,440
लेकिन हम वापस आ जाएगा।

396
00:18:24,440 --> 00:18:26,200
>> इस interesting-- रूपों है।

397
00:18:26,200 --> 00:18:27,730
फार्म सभी वेब पर कर रहे हैं।

398
00:18:27,730 --> 00:18:30,310
किसी भी खोज बॉक्स आप कर रहे हैं
कभी इस्तेमाल एक रूप है।

399
00:18:30,310 --> 00:18:31,490
और, हां, वास्तव में देखते हैं।

400
00:18:31,490 --> 00:18:32,790
प्रपत्र।

401
00:18:32,790 --> 00:18:33,910
कार्रवाई।

402
00:18:33,910 --> 00:18:37,660
इस फार्म की कार्रवाई की है, जो कुछ के लिए
ऐतिहासिक कारणों से, कि यूआरएल है।

403
00:18:37,660 --> 00:18:38,840
विधि "पोस्ट है।"

404
00:18:38,840 --> 00:18:44,060
पता चला है कि HTTP अनुरोध उपयोग कर सकते हैं
क्रिया "मिलता है," जैसे हम पहले देखा था,

405
00:18:44,060 --> 00:18:45,070
या "के बाद।"

406
00:18:45,070 --> 00:18:47,030
और कोई फर्क देखेंगे
एक पल में इस बात का।

407
00:18:47,030 --> 00:18:48,363
चलो वास्तव में देखते हैं कि यह क्या है।

408
00:18:48,363 --> 00:18:49,830
मुझे वापस स्टैनफोर्ड के पृष्ठ पर चलते हैं।

409
00:18:49,830 --> 00:18:53,330
क्या फार्म वे बात कर रहे हैं
के बारे में, आप क्या सोचते हैं?

410
00:18:53,330 --> 00:18:54,485
क्या तुम पर बाहर कूदता है?

411
00:18:54,485 --> 00:18:54,970
>> दर्शकों: खोज बॉक्स।

412
00:18:54,970 --> 00:18:55,845
>> डेविड जे मालन: हाँ।

413
00:18:55,845 --> 00:18:58,410
ऊपर सही में तो
यहाँ इस खोज बॉक्स है।

414
00:18:58,410 --> 00:19:02,441
और है कि कैसे वे it-- एक कार्यान्वित किया है
टैग सचमुच खुले ब्रैकेट रूप है कि।

415
00:19:02,441 --> 00:19:03,940
और फिर कुछ के लिए खोज करते हैं।

416
00:19:03,940 --> 00:19:09,220
चलो, एक की तलाश के लिए खोज करते हैं
mine-- "निक Parlante।" की

417
00:19:09,220 --> 00:19:11,380
दर्ज।

418
00:19:11,380 --> 00:19:13,750
और हां, यह करने के लिए चला गया
एक अलग URL।

419
00:19:13,750 --> 00:19:15,140
मुझे यहाँ वापस जाओ।

420
00:19:15,140 --> 00:19:18,960
के लिए खोज करने दें "पाठ्यक्रमों।"

421
00:19:18,960 --> 00:19:19,460
लानत है।

422
00:19:19,460 --> 00:19:20,484
एक अलग यूआरएल के लिए गया था।

423
00:19:20,484 --> 00:19:23,400
तो, स्टैनफोर्ड की कुछ जादू जोड़ने
कि वे मेरे यूआरएल के लिए नहीं ले जा रहे

424
00:19:23,400 --> 00:19:25,820
हम में देखा है कि
कार्रवाई नहीं बताते हैं।

425
00:19:25,820 --> 00:19:32,480
लेकिन इस फॉर्म को यहां विशुद्ध रूप से कार्यान्वित किया जाता है
यहाँ इस मार्कअप के माध्यम से, इन टैग।

426
00:19:32,480 --> 00:19:35,710
वास्तव में, यहाँ के लिए इनपुट है
खोज के प्रकार है कि आप चाहते हैं।

427
00:19:35,710 --> 00:19:38,940
यहां के लिए इनपुट है
खोज का एक और प्रकार।

428
00:19:38,940 --> 00:19:41,960
यहाँ स्ट्रिंग खुद के लिए इनपुट है।

429
00:19:41,960 --> 00:19:45,394
और तो लक्ष्य को लपेटने के लिए नहीं है
इन टैग के चारों ओर हमारे मन

430
00:19:45,394 --> 00:19:46,060
लेकिन सिर्फ देखने के लिए।

431
00:19:46,060 --> 00:19:48,300
यह सिर्फ उद्घाटन और समापन है
टैग और चीजों को देख।

432
00:19:48,300 --> 00:19:48,560
हाँ?

433
00:19:48,560 --> 00:19:48,920
विक्टोरिया?

434
00:19:48,920 --> 00:19:49,795
>> दर्शकों: [सुनाई]

435
00:19:49,795 --> 00:19:51,925

436
00:19:51,925 --> 00:19:53,550
डेविड जे मालन: यह एक अच्छा सवाल है।

437
00:19:53,550 --> 00:19:54,660
यही कारण है कि देखने के लिए थोड़ा पेचीदा मामला है।

438
00:19:54,660 --> 00:19:56,300
मुझे उस पर वापस आते हैं
बस कुछ ही मिनटों में सवाल

439
00:19:56,300 --> 00:19:59,000
जब हम कुछ देखो बुलाया
सीएसएस, या व्यापक स्टाइल शीट्स,

440
00:19:59,000 --> 00:20:02,500
और हम अनुमान की कोशिश कर सकते
पेज से ज्यादा के रूप में।

441
00:20:02,500 --> 00:20:08,090
तो अगर हम अब google.com पर एक नज़र रखना,
चलो देखते हैं उनकी पेज की तरह दिखता है क्या करते हैं।

442
00:20:08,090 --> 00:20:09,840
तुम्हें पता है कि आज प्यारा है they're-- जाएगा।

443
00:20:09,840 --> 00:20:12,490

444
00:20:12,490 --> 00:20:12,990
ठीक।

445
00:20:12,990 --> 00:20:13,690
सब कुछ कर दिया।

446
00:20:13,690 --> 00:20:15,260
ठीक है, तो स्रोत देखें।

447
00:20:15,260 --> 00:20:19,590
आप गूगल है सोचना होगा
वास्तव में अच्छा स्रोत कोड।

448
00:20:19,590 --> 00:20:24,970
तो, जाहिर है, पर क्या यहाँ हो रहा है?

449
00:20:24,970 --> 00:20:27,880
और वास्तव में, यह भी HTML नहीं है।

450
00:20:27,880 --> 00:20:30,930
यह कुछ जावास्क्रिप्ट कहा जाता है।

451
00:20:30,930 --> 00:20:32,344
और हम जा रहे हैं और जारी रखते हैं।

452
00:20:32,344 --> 00:20:34,010
मैं यह भी नहीं पता है, जहां पेज शुरू होता है।

453
00:20:34,010 --> 00:20:37,240
मैं आदेश का उपयोग करने के लिए जा रहा हूँ
एफ, खुला ब्रैकेट एचटीएमएल।

454
00:20:37,240 --> 00:20:38,200
ठीक है, वहाँ यह है।

455
00:20:38,200 --> 00:20:44,150
मैं पृष्ठ के शुरू पाया, और
यहाँ में इतना सामान है।

456
00:20:44,150 --> 00:20:45,310
>> क्या वास्तव में हो रहा है?

457
00:20:45,310 --> 00:20:47,460
ठीक है, तुम जानते हो क्या,
हम यह साफ कर सकते हैं।

458
00:20:47,460 --> 00:20:52,109
मैं बजाय के लिए जाना है इस का निरीक्षण
टूलबार, इस विशेष नैदानिक ​​उपकरण,

459
00:20:52,109 --> 00:20:54,150
और नेटवर्क के लिए नहीं जाना है,
जहां हम आज चलते रहो,

460
00:20:54,150 --> 00:20:56,420
लेकिन अगर मैं तत्वों के लिए जाना है,
क्या वास्तव में अच्छा है

461
00:20:56,420 --> 00:20:59,990
एक ब्राउज़र एक बहुत है कि है
ज्यादा बेहतर आँखों से मुझे क्या करना।

462
00:20:59,990 --> 00:21:02,670
और ब्राउज़र पढ़ सकते हैं
एक वेब पेज के उस गंदगी,

463
00:21:02,670 --> 00:21:04,700
कि HTML मेल हम बस
देखा, और यह कर सकते हैं

464
00:21:04,700 --> 00:21:08,340
यह पार्स या पढ़ा है और
यह विश्लेषण और यह reformat

465
00:21:08,340 --> 00:21:09,910
एक अच्छा मानव के अनुकूल तरीके से।

466
00:21:09,910 --> 00:21:11,740
तो क्या अब मैं देख रहा हूँ
इस स्क्रीन में यहाँ

467
00:21:11,740 --> 00:21:15,470
तत्वों के तहत, सटीक एक ही सामग्री,
लेकिन वे सब कुछ खिसका हुआ है,

468
00:21:15,470 --> 00:21:18,140
वे इसे colorized है, लेकिन
यह ठीक उसी पाठ है

469
00:21:18,140 --> 00:21:19,620
मैं सर्वर से डाउनलोड किया है।

470
00:21:19,620 --> 00:21:23,630
>> और क्या अच्छा है अब मैं देख सकता है
शरीर में, instance-- सूचना के लिए,

471
00:21:23,630 --> 00:21:26,480
पेज अभी भी बना है
का सिर्फ एक सिर और एक शरीर है,

472
00:21:26,480 --> 00:21:28,660
और मैं पदानुक्रम में यहाँ गोता लगा सकता हूँ।

473
00:21:28,660 --> 00:21:32,420
सूचना है गूगल के लिए लगता है कि
इस एक है और यह एक divs-- करने के लिए।

474
00:21:32,420 --> 00:21:33,310
मुझे लगता है कि विस्तार कर सकते हैं।

475
00:21:33,310 --> 00:21:35,370
वहाँ अन्य divs की एक पूरी गुच्छा है।

476
00:21:35,370 --> 00:21:36,900
तो यह थोड़ा जटिल है।

477
00:21:36,900 --> 00:21:37,400
लेकिन रुकें।

478
00:21:37,400 --> 00:21:40,970
यह इतना अधिक लगती है
पठनीय, अपेक्षाकृत, इस से।

479
00:21:40,970 --> 00:21:43,840
क्यों गूगल शर्मनाक है
खुद को सिर्फ भेजकर

480
00:21:43,840 --> 00:21:50,400
कुछ के कोड के इस विशाल गड़बड़
क्रमबद्ध सिर्फ कुछ को लागू करने के लिए

481
00:21:50,400 --> 00:21:53,640
कि पहली नज़र में इतना आसान लग रहा है?

482
00:21:53,640 --> 00:21:55,270
की तरह, क्यों वे अधिक खाली स्थान न?

483
00:21:55,270 --> 00:21:56,811
क्यों वे हिट दर्ज नहीं किया जैसे मैंने किया था?

484
00:21:56,811 --> 00:21:59,110
देखो कितना अच्छा रहा था
एक वेब पेज लिखने में।

485
00:21:59,110 --> 00:22:00,680
मैं इतनी लगन हिट दर्ज करें।

486
00:22:00,680 --> 00:22:03,760
मैं तो सब कुछ दांतेदार
इतनी सुंदर और पठनीय है।

487
00:22:03,760 --> 00:22:08,463
क्यों गूगल नहीं एक ही अभ्यास करता है?

488
00:22:08,463 --> 00:22:11,409
>> दर्शकों: [सुनाई]

489
00:22:11,409 --> 00:22:12,305

490
00:22:12,305 --> 00:22:13,180
डेविड जे मालन: अच्छा।

491
00:22:13,180 --> 00:22:14,270
बहुत ही उचित।

492
00:22:14,270 --> 00:22:16,650
वे कुछ भी नहीं है
गूगल पर व्यक्ति मैन्युअल

493
00:22:16,650 --> 00:22:18,160
मुख पृष्ठ अब और अद्यतन।

494
00:22:18,160 --> 00:22:20,010
यह 1999 अब और नहीं है।

495
00:22:20,010 --> 00:22:21,140
इसलिए वे सॉफ्टवेयर है।

496
00:22:21,140 --> 00:22:25,397
वे अन्य उपकरण है कि
गतिशील वे HTML रहे उत्पन्न करते हैं।

497
00:22:25,397 --> 00:22:27,480
बेशक, कि कोड ही
मनुष्यों द्वारा लिखा गया था,

498
00:22:27,480 --> 00:22:30,220
लेकिन वास्तविकता यह है,
यह काफी कहना उचित है,

499
00:22:30,220 --> 00:22:33,340
ब्राउज़र निश्चित रूप से नहीं करता है
परवाह कैसे गन्दा कोड है।

500
00:22:33,340 --> 00:22:35,940
लेकिन वहाँ एक और भी है
सम्मोहक तकनीकी कारण

501
00:22:35,940 --> 00:22:42,580
गूगल अपने एचटीएमएल वितरित करता है कि
इस तरह के एक मैला में कोड, मालूम होता है

502
00:22:42,580 --> 00:22:48,350
भारी जिस तरह से सभी एक साथ पैक
बहुत कम way-- बहुत कम के साथ

503
00:22:48,350 --> 00:22:51,274
स्वरूपण जैसे मैंने किया था के रास्ते में।

504
00:22:51,274 --> 00:22:52,570
>> दर्शकों: [सुनाई]

505
00:22:52,570 --> 00:22:53,528
>> डेविड जे मालन: तेजी से है?

506
00:22:53,528 --> 00:22:54,040
क्यूं कर?

507
00:22:54,040 --> 00:22:55,680
और तुमने क्या कहा, लिडा?

508
00:22:55,680 --> 00:22:56,240
और तेज?

509
00:22:56,240 --> 00:22:57,281
क्यों तेजी से?

510
00:22:57,281 --> 00:22:58,156
दर्शकों: [सुनाई]

511
00:22:58,156 --> 00:23:00,522

512
00:23:00,522 --> 00:23:02,230
डेविड जे मालन: वहाँ है
कोई जगह पढ़ने के लिए।

513
00:23:02,230 --> 00:23:02,730
हाँ।

514
00:23:02,730 --> 00:23:04,560
तो क्या एक जगह नहीं है के बारे में सोचते हैं।

515
00:23:04,560 --> 00:23:08,394
तो कीबोर्ड पर प्रत्येक चरित्र लेता है
अंतरिक्ष की कुछ राशि का प्रतिनिधित्व करने के लिए,

516
00:23:08,394 --> 00:23:10,560
या तो शारीरिक रूप से, यह पसंद है
बहुत जगह है कि ऊपर ले जाता है,

517
00:23:10,560 --> 00:23:13,250
या किसी भी तरह के नीचे
डाकू, कि स्मृति की आवश्यकता है।

518
00:23:13,250 --> 00:23:15,740
और एक aside-- के रूप में और हम करेंगे
इस tomorrow-- बारे में अधिक बात

519
00:23:15,740 --> 00:23:19,930
कीबोर्ड पर हर चरित्र
आम तौर पर 8 बिट्स, या एक बाइट की आवश्यकता है।

520
00:23:19,930 --> 00:23:23,360
तो 8 शून्य का एक पैटर्न या
लोगों, या सिर्फ 1 बाइट, हम के रूप में

521
00:23:23,360 --> 00:23:24,720
मनुष्य आम तौर पर कहना चाहूँगा।

522
00:23:24,720 --> 00:23:27,690
तो यह है कि छोटा है, लेकिन
यह अभी भी गैर शून्य है।

523
00:23:27,690 --> 00:23:29,940
यह अभी भी अंतरिक्ष में से कुछ राशि है।

524
00:23:29,940 --> 00:23:36,082
तो अगर एक इंजीनियर या गूगल हिट
अंतरिक्ष बार सिर्फ एक बार, और लगता है

525
00:23:36,082 --> 00:23:38,540
Google-- यह सुपर popular--
मान लीजिए कि एक अरब है कि लोग

526
00:23:38,540 --> 00:23:40,780
एक दिन उनके घर पृष्ठ पर जाएँ,
या लोगों में से कुछ नंबर

527
00:23:40,780 --> 00:23:43,290
यात्रा के मुख पृष्ठ पर एक
अरब बार एक दिन,

528
00:23:43,290 --> 00:23:48,890
कितने अतिरिक्त बाइट्स है
सॉफ्टवेयर इंजीनियर सिर्फ गूगल का खर्च

529
00:23:48,890 --> 00:23:51,310
एक बार अपने या अपने अंतरिक्ष बार मार से?

530
00:23:51,310 --> 00:23:52,692
>> दर्शकों: [सुनाई]

531
00:23:52,692 --> 00:23:54,150
डेविड जे मालन: काफी है कि बुरा नहीं है।

532
00:23:54,150 --> 00:23:57,070
बस एक बाइट बार एक अरब।

533
00:23:57,070 --> 00:23:57,871
तो एक--

534
00:23:57,871 --> 00:23:59,120
दर्शकों: 8 अरब गीगाबाइट।

535
00:23:59,120 --> 00:24:00,370
डेविड जे मालन: ऐसा नहीं है 8 अरब।

536
00:24:00,370 --> 00:24:01,240
8 अरब बाइट्स।

537
00:24:01,240 --> 00:24:02,410
लेकिन 1 गीगाबाइट।

538
00:24:02,410 --> 00:24:04,080
1 गीगाबाइट मापने की इकाई होगी।

539
00:24:04,080 --> 00:24:08,240
अगर वह या वह दो करता है
रिक्त स्थान, 2 गीगाबाइट।

540
00:24:08,240 --> 00:24:09,030
तीन गीगाबाइट।

541
00:24:09,030 --> 00:24:09,530
सही?

542
00:24:09,530 --> 00:24:11,860
यह खर्च तराजू।

543
00:24:11,860 --> 00:24:16,150
और तो गूगल जैसे मामलों में,
जो दी, चरम मामलों रहे हैं,

544
00:24:16,150 --> 00:24:21,450
वहाँ अन्य मुद्दों है कि अभी पैदा कर रहे हैं
बहुत ही उचित निर्णय लेने के द्वारा

545
00:24:21,450 --> 00:24:25,744
या बहुत सरल मानवीय कार्यों ले रही है,
यह इस बढ़ाया प्रभाव पड़ता है क्योंकि।

546
00:24:25,744 --> 00:24:27,660
कारणों में से एक तो
यह ऐसा लग रहा है संकुचित

547
00:24:27,660 --> 00:24:30,660
बिल्कुल के रूप में विक्टोरिया said-- यह था
बस वैसे भी कंप्यूटर द्वारा उत्पन्न।

548
00:24:30,660 --> 00:24:31,900
तो कोई बड़ी बात नहीं।

549
00:24:31,900 --> 00:24:33,309
ब्राउज़र यह समझ से बाहर हैं।

550
00:24:33,309 --> 00:24:35,350
लेकिन यह भी जानबूझ
ज्यादा जगह नहीं है,

551
00:24:35,350 --> 00:24:36,766
क्योंकि अंतरिक्ष आवश्यक नहीं है।

552
00:24:36,766 --> 00:24:38,250
और अंतरिक्ष वास्तव में पैसा खर्च होता है।

553
00:24:38,250 --> 00:24:40,670
>> यह या तो समय की लागत,
क्योंकि सिर्फ पुश करने के लिए

554
00:24:40,670 --> 00:24:44,670
से बाहर है कि बहुत अधिक डेटा
google.com के मुख्यालय सिर्फ

555
00:24:44,670 --> 00:24:47,710
के कुछ राशि लेने के लिए मिल गया है
समय, भले ही वह मिसे है

556
00:24:47,710 --> 00:24:51,190
या microseconds, लेकिन उस के लिए कहते हैं
तो कई उपयोगकर्ताओं से अधिक है, या अधिक संभावना है,

557
00:24:51,190 --> 00:24:52,270
यह शायद पैसा खर्च होता है।

558
00:24:52,270 --> 00:24:54,690
गूगल शायद करने के लिए जोड़ता
दुनिया, एक में किसी और को

559
00:24:54,690 --> 00:24:56,398
उन में से peering
अंक, और अगर वे

560
00:24:56,398 --> 00:24:59,880
वित्तीय संबंध में किसी तरह का
जिससे उनके डाटा पैसा खर्च होता है,

561
00:24:59,880 --> 00:25:01,730
वे अच्छी तरह से हो सकता है के रूप में
कितना डाटा को कम

562
00:25:01,730 --> 00:25:04,530
वे पर बाहर थूकना रहे हैं
अपने इंटरनेट कनेक्शन।

563
00:25:04,530 --> 00:25:07,630
>> तो अजीब बात है, हालांकि, अंत में,
या हो सकता है आश्वस्त बात है,

564
00:25:07,630 --> 00:25:11,030
कि भले ही यह बहुत अच्छा लग रहा है
भारी, दिन के अंत में,

565
00:25:11,030 --> 00:25:16,750
यह अभी भी रूप में सटीक एक ही सिद्धांत है
यह बहुत ही सरल एक HTML के यहां पेज

566
00:25:16,750 --> 00:25:17,390
पृष्ठ।

567
00:25:17,390 --> 00:25:20,610
तो बस संक्षेप में और इतनी है कि आप
अगर तुम नहीं थे एक विहित संस्करण है

568
00:25:20,610 --> 00:25:25,900
यहाँ पसंद से साथ निम्नलिखित, यहाँ
वेब पृष्ठों की सबसे सरल हो सकता है,

569
00:25:25,900 --> 00:25:28,240
तो कुछ शायद बाद में साथ खेलने के लिए।

570
00:25:28,240 --> 00:25:30,790
>> ठीक है, चलो एक परिचय
अब अन्य विचारों की जोड़ी।

571
00:25:30,790 --> 00:25:33,420
हम कर रहे हैं के बारे में लागू करने के लिए
कुछ एक शैली टैग कहा जाता है।

572
00:25:33,420 --> 00:25:38,110
हम इस पेज stylize सकते हैं
अधिक दिलचस्प तरीके में।

573
00:25:38,110 --> 00:25:40,860
तो, जबकि HTML ईमेल
सब के बारे में अंकन किया गया है

574
00:25:40,860 --> 00:25:44,470
डेटा, की तरह एक करने के लिए निर्दिष्ट करने के
ब्राउज़र कैसे डेटा संरचना करने के लिए,

575
00:25:44,470 --> 00:25:48,110
जहां डाल करने के लिए यह, सीएसएस, या
व्यापक शैली पत्रक,

576
00:25:48,110 --> 00:25:52,640
एक दूसरी भाषा है कि
आम तौर पर HTML के साथ मिश्रित हो जाता है

577
00:25:52,640 --> 00:25:55,670
हम see-- करेंगे लेकिन हम साफ कर सकते हैं के रूप में
कि ऊपर एक moment-- कि लेता है

578
00:25:55,670 --> 00:25:59,850
यह अंतिम मील, और यह stylizes।

579
00:25:59,850 --> 00:26:02,460
यह रंग सिर्फ सही हो जाता है,
फ़ॉन्ट सिर्फ सही आकार,

580
00:26:02,460 --> 00:26:03,860
स्थिति सिर्फ सही।

581
00:26:03,860 --> 00:26:06,510
यह सौंदर्यशास्त्र के बारे में सब है
या स्वरूपण, के बारे में नहीं

582
00:26:06,510 --> 00:26:08,330
मौलिक डेटा ही।

583
00:26:08,330 --> 00:26:11,390
और आसान तरीका दिखाने के लिए
इस उदाहरण से शायद है।

584
00:26:11,390 --> 00:26:15,320
तो मैं पर जाने के लिए जा रहा हूँ
मेरे सरल पाठ फ़ाइल के लिए।

585
00:26:15,320 --> 00:26:17,970
और बस एक पल में, मैं हूँ
प्रक्रिया के माध्यम से हमें चलना

586
00:26:17,970 --> 00:26:19,360
की अपने आप को इस कर रही है।

587
00:26:19,360 --> 00:26:23,310
>> मैं अपनी फाइल करने के लिए वापस जाने के लिए जा रहा हूँ
यहाँ और बस पृष्ठ को फिर से लोड

588
00:26:23,310 --> 00:26:25,800
इस बात की पुष्टि के लिए यह कैसा लग रहा है।

589
00:26:25,800 --> 00:26:27,190
यही कारण है कि जहां हम अब कम हो रहा है।

590
00:26:27,190 --> 00:26:31,170
मुझे लगता है कि बच्चों को पसंद करता है की तरह
इस वेब पेज के लिए कुछ रंग कर रही है।

591
00:26:31,170 --> 00:26:34,480
तो मैं यहाँ तक जाने के लिए जा रहा हूँ
पेज के सिर में।

592
00:26:34,480 --> 00:26:38,130
और मैं शैली, / शैली क्या करने जा रहा हूँ।

593
00:26:38,130 --> 00:26:44,060
और फिर इस के अंदर, मैं जा रहा हूँ
मेरे page-- के शरीर को बताने के लिए

594
00:26:44,060 --> 00:26:46,870
और इस स्वरूपण पर है
पहली नज़र में, शायद एक छोटे से

595
00:26:46,870 --> 00:26:49,400
अजीब है, लेकिन पारंपरिक।

596
00:26:49,400 --> 00:26:55,010
मैं पृष्ठभूमि कि कहने जा रहा हूँ
इस पेज के रंग हरा होना चाहिए।

597
00:26:55,010 --> 00:26:57,960
और यह दुर्भाग्य है
एक तरह से नहीं सबसे अच्छा डिजाइन।

598
00:26:57,960 --> 00:27:00,710
सूचना है कि पहले से
एचटीएमएल की दुनिया में,

599
00:27:00,710 --> 00:27:03,190
कि गुण मैंने कहा
इन महत्वपूर्ण मूल्य जोड़े हैं।

600
00:27:03,190 --> 00:27:05,760
कुछ बोली के बराबर होती है
गंदें शब्द बोलना "कुछ और।"

601
00:27:05,760 --> 00:27:08,810
सीएसएस की दुनिया है, जो था
कुछ अलग अलग लोगों द्वारा डिजाइन,

602
00:27:08,810 --> 00:27:11,020
वे कहते हैं कि फैसला किया है, उनके
दुनिया, महत्वपूर्ण मूल्य जोड़े

603
00:27:11,020 --> 00:27:13,920
शब्द पेट के कुछ होगा।

604
00:27:13,920 --> 00:27:15,220
तो यह एक ही विचार है, यद्यपि।

605
00:27:15,220 --> 00:27:18,620
यह एक मूल्य जोड़ रहा है
कुछ महत्वपूर्ण यह है कि किसी भी तरह के साथ

606
00:27:18,620 --> 00:27:20,330
इस पेज के व्यवहार को प्रभावित करती।

607
00:27:20,330 --> 00:27:21,901
>> और आप शायद अनुमान लगा सकते हैं।

608
00:27:21,901 --> 00:27:24,150
क्या यह शायद जा रहा है
भले ही आप कभी नहीं किया है क्या करने के लिए

609
00:27:24,150 --> 00:27:27,867
पहले HTML या सीएसएस देखा है?

610
00:27:27,867 --> 00:27:29,450
दर्शकों: पृष्ठभूमि रंग बदलें।

611
00:27:29,450 --> 00:27:30,560
डेविड जे मालन: हाँ,
पृष्ठभूमि का रंग बदल जाते हैं।

612
00:27:30,560 --> 00:27:33,280
और विशेष रूप से
शरीर की पृष्ठभूमि का रंग।

613
00:27:33,280 --> 00:27:36,290
लेकिन जहां तक
अब के लिए शरीर वेब है

614
00:27:36,290 --> 00:27:38,870
page-- यह केवल एक चीज है
शीर्षक पट्टी really-- नीचे

615
00:27:38,870 --> 00:27:40,870
यह शायद करने के लिए जा रहा है
एक ही बात को प्रभावित करते हैं।

616
00:27:40,870 --> 00:27:41,430
तो चलो देखते हैं।

617
00:27:41,430 --> 00:27:42,490
चलो इस बचा लो।

618
00:27:42,490 --> 00:27:44,310
यहाँ जाओ और पुनः लोड।

619
00:27:44,310 --> 00:27:46,140
यह बहुत घृणित है।

620
00:27:46,140 --> 00:27:48,070
और बताओ क्या
यहाँ एक पक्ष प्रभाव है।

621
00:27:48,070 --> 00:27:49,850
मैं तो बस इस छवि को बेतरतीब ढंग से चुना है।

622
00:27:49,850 --> 00:27:53,305
क्यों नहीं हरा है
मिकी के पीछे permeating?

623
00:27:53,305 --> 00:27:54,180
दर्शकों: [सुनाई]

624
00:27:54,180 --> 00:27:56,880

625
00:27:56,880 --> 00:27:57,880
डेविड जे मालन: बिल्कुल।

626
00:27:57,880 --> 00:28:01,750
ऐसा नहीं है कि छवियों पता चला है, सुंदर
ज्यादा सभी छवियों है कि हम इस्तेमाल कर सकते हैं,

627
00:28:01,750 --> 00:28:03,670
आयतों के सभी rectangles-- हैं।

628
00:28:03,670 --> 00:28:07,710
यहां तक ​​कि अगर मिकी कुछ घटता है
खुद के लिए और एक पृष्ठभूमि है,

629
00:28:07,710 --> 00:28:09,330
कि पृष्ठभूमि कुछ हो गया है।

630
00:28:09,330 --> 00:28:10,280
यह सफेद हो गया है।

631
00:28:10,280 --> 00:28:11,910
यह काला या कुछ और हो गया है।

632
00:28:11,910 --> 00:28:13,650
यह पारदर्शी हो सकता है।

633
00:28:13,650 --> 00:28:16,100
और वास्तव में, मैं कर सकता
यहाँ मिकी माउस खोलने

634
00:28:16,100 --> 00:28:18,590
कहा जाता है फ़ोटोशॉप में एक कार्यक्रम में
या कुछ इसी तरह

635
00:28:18,590 --> 00:28:21,176
और कहा कि सफेद सब बदल
पारदर्शी पृष्ठभूमि,

636
00:28:21,176 --> 00:28:22,550
इसलिए हरी माध्यम से चमक जाएगी।

637
00:28:22,550 --> 00:28:25,980
लेकिन जो कुछ मैं की आवश्यकता होगी
अपने आप को या एक ग्राफिक कलाकार के पूछने के लिए

638
00:28:25,980 --> 00:28:28,130
या कम से एक डिजाइनर मेरी
कंपनी, उदाहरण के लिए,

639
00:28:28,130 --> 00:28:31,490
ऐसा करने के लिए, खासकर के बाद से मैं सिर्फ
इंटरनेट से यह एक उधार लिया।

640
00:28:31,490 --> 00:28:33,030
लेकिन यह है कि यह क्यों हो रहा है।

641
00:28:33,030 --> 00:28:34,980
>> तो और क्या हम क्या करना चाहते हो सकता है?

642
00:28:34,980 --> 00:28:41,040
खैर, हम हम कहना चाहते हो सकता है
वास्तव में आप अपने प्रवास का आनंद उम्मीद है।

643
00:28:41,040 --> 00:28:44,150
और जोर देने के लिए, मैं चाहता हूँ
इस मजबूत बनाने के लिए,

644
00:28:44,150 --> 00:28:48,310
और इसलिए मैं कहूँगा खुला और मजबूत
मजबूत बंद हैं और फिर पुनः लोड।

645
00:28:48,310 --> 00:28:50,320
और यह थोड़ा मुश्किल है
प्रोजेक्टर पर देखने के लिए

646
00:28:50,320 --> 00:28:53,250
लेकिन शायद वास्तव में अब
थोड़ा और अधिक तुम पर बाहर कूदता है।

647
00:28:53,250 --> 00:28:56,180
तो अगर आप इस में इटैलिक में जोड़ सकते हैं
जिस तरह से, इस तरह से बोल्ड सामना करना पड़।

648
00:28:56,180 --> 00:28:57,500
हम रंग बदल सकता है।

649
00:28:57,500 --> 00:29:01,610
वास्तव में, बस kicks के लिए, मैं हूँ
आगे जाना है और यह करने के लिए जा रहा है।

650
00:29:01,610 --> 00:29:05,120
मैं सच में कैसे पसंद नहीं है मेरी
पैराग्राफ एक साथ इस बंद कर रहे हैं,

651
00:29:05,120 --> 00:29:06,870
इसलिए मैं इस तरह से कुछ कर सकता है।

652
00:29:06,870 --> 00:29:13,310
मैं ब्राउज़र बताने जा रहा हूँ,
हर पैरा टैग बदलने के लिए है,

653
00:29:13,310 --> 00:29:16,952
वास्तव में say-- आप जानते हैं कि क्या करते हैं,
चलो यह text-align, केंद्र संरेखित करते हैं।

654
00:29:16,952 --> 00:29:19,410
और फिर, मैं यह सिर्फ इतना पता है
क्योंकि किसी को यह मुझे सिखाया

655
00:29:19,410 --> 00:29:21,118
या मैं इसे ऊपर देखा में
एक ऑनलाइन संदर्भ।

656
00:29:21,118 --> 00:29:22,450
तो मुझे यह बचाने के लिए करते।

657
00:29:22,450 --> 00:29:25,070
और, आह, अब मैं
वहाँ छवि केंद्रित।

658
00:29:25,070 --> 00:29:28,490
और वास्तव में, आप जानते हैं कि क्या है, अगर
मैं एक पैराग्राफ में मेरी छवि को स्थानांतरित

659
00:29:28,490 --> 00:29:34,510
tag-- तो एक तीसरे पैरा,
यहां तक ​​कि यह पाठ नहीं है, हालांकि।

660
00:29:34,510 --> 00:29:36,917
का है कि बचाने के लिए और फिर से लोड करते हैं।

661
00:29:36,917 --> 00:29:40,000
अब पेज तरह लग शुरू होता है
of-- मेरा मतलब है, यह अभी भी बहुत बदसूरत,

662
00:29:40,000 --> 00:29:43,180
लेकिन कम से कम यह लग रहा है जैसे मैं बिताया
के बजाय दो मिनट एक मिनट

663
00:29:43,180 --> 00:29:43,950
इसे बना रहे हैं।

664
00:29:43,950 --> 00:29:47,200
>> और हां, तो संवर्द्धित, हम कर सकते हैं
पृष्ठ के लिए अब इन सौंदर्य बदलाव?

665
00:29:47,200 --> 00:29:50,860
मैं वास्तव में नहीं है में डेटा को बदल दिया है
शब्द वास्तव में जोड़ने के अलावा अन्य पेज।

666
00:29:50,860 --> 00:29:52,650
मैं मेटाडाटा, अगर तुम जाएगा जोड़ दिया है।

667
00:29:52,650 --> 00:29:54,830
अरे, ब्राउज़र, बनाना
शब्द "वास्तव में" बोल्ड।

668
00:29:54,830 --> 00:29:56,940
लेकिन डेटा मजबूत नहीं है।

669
00:29:56,940 --> 00:29:57,830
यही कारण है कि मेटाडाटा है।

670
00:29:57,830 --> 00:29:59,410
डेटा "वास्तव में है।"

671
00:29:59,410 --> 00:30:02,200
इसलिए हम अभी भी के कुछ है
एक ही अवधारणाओं के रूप में पहले।

672
00:30:02,200 --> 00:30:05,990
अब जाहिर है, यह नहीं वेब पर है,
तो मैं एक अंतिम कदम यहाँ करने के लिए जा रहा हूँ।

673
00:30:05,990 --> 00:30:10,300
>> मैं hello.html के लिए जाने के लिए जा रहा हूँ
और सिर्फ प्रकाश डाला और इस कॉपी।

674
00:30:10,300 --> 00:30:12,285
और अब मैं जा रहा हूँ
Cloud9, में जाने के जो

675
00:30:12,285 --> 00:30:13,910
मैं बस एक पल में आप के माध्यम से चलना होगा।

676
00:30:13,910 --> 00:30:17,080
और बाधाओं, यदि आप जल्द ही हो जाएगा रहे हैं
पहले से ही नहीं, इस तरह एक स्क्रीन पर।

677
00:30:17,080 --> 00:30:21,080
और मुझे तो बस आप एक त्वरित दे
क्या Cloud9 वास्तव में है के दौरे।

678
00:30:21,080 --> 00:30:26,590
तो फिर क्लाउड 9 है
इस क्लाउड-आधारित सेवा

679
00:30:26,590 --> 00:30:30,580
कि तुम्हारे और मेरे भ्रम देता है
के बारे में हमारी खुद की आभासी मशीन होने

680
00:30:30,580 --> 00:30:33,090
बादल में, तकनीकी रूप से
बादल में एक कंटेनर,

681
00:30:33,090 --> 00:30:35,160
हम पूर्ण है
प्रशासनिक विशेषाधिकारों के लिए।

682
00:30:35,160 --> 00:30:37,130
इसलिए सिद्धांत रूप में, कोई नहीं
दुनिया में चुना गया है

683
00:30:37,130 --> 00:30:39,152
स्क्रीन मैं कर रहा हूँ करने के लिए उपयोग
अभी देख,

684
00:30:39,152 --> 00:30:40,860
शायद लोगों को छोड़कर
जो साइट चलाने के लिए,

685
00:30:40,860 --> 00:30:43,470
क्योंकि तकनीकी रूप से वे राशि
शारीरिक का उपयोग और बहुत आगे है।

686
00:30:43,470 --> 00:30:44,740
>> इसलिए हम इस माहौल में क्या देखते हैं?

687
00:30:44,740 --> 00:30:46,230
मैं बाहर ज़ूम करने के लिए जा रहा हूँ,
यह एक छोटे से छोटा है, क्योंकि।

688
00:30:46,230 --> 00:30:48,104
और मुझ पर बात कर देना
यहां सिर्फ एक पल के लिए।

689
00:30:48,104 --> 00:30:53,210
के बाएं हाथ की तरफ मेरी और आपकी
स्क्रीन, वहाँ छोड़ दिया पर एक फ़ाइल ब्राउज़र है।

690
00:30:53,210 --> 00:30:55,362
तो भावना में समान
मैक ओएस और Windows के लिए।

691
00:30:55,362 --> 00:30:57,070
इन सब के सब हैं
अपने खाते में फ़ाइलों।

692
00:30:57,070 --> 00:30:59,250
और डिफ़ॉल्ट रूप से, अगर आपके
खाते, खान की तरह है

693
00:30:59,250 --> 00:31:05,090
आप देखेंगे या जल्द ही मिलते हैं
helloworld.html और readme.md।

694
00:31:05,090 --> 00:31:07,950
यहीं पर खत्म हो गया है, यह है
जहाँ मेरे पाठ फ़ाइलों को जाने के लिए जा रहे हैं।

695
00:31:07,950 --> 00:31:11,620
क्या आपने कभी माइक्रोसॉफ्ट का इस्तेमाल किया गया है
वर्ड या नोटपैड या TextEdit,

696
00:31:11,620 --> 00:31:14,100
इस शब्द मेरे संपादन है
फाइल का जाना जा रहा है।

697
00:31:14,100 --> 00:31:16,540
और फिर सबसे रहस्यमय
इस माहौल की सुविधा

698
00:31:16,540 --> 00:31:20,100
हम वास्तव में उपयोग करने के लिए है की जरूरत नहीं होगी कि
यहाँ नीचे एक टर्मिनल विंडो कहा जाता है।

699
00:31:20,100 --> 00:31:23,390
आप से डॉस इस्तेमाल किया गया है
पुराने, यह लिनक्स है

700
00:31:23,390 --> 00:31:25,450
या डॉस के लिनक्स बराबर।

701
00:31:25,450 --> 00:31:28,190
यह एक पाठ आधारित interface-- है
कोई माउस क्लिक करता है, कोई खींच रहा है।

702
00:31:28,190 --> 00:31:30,770
सब आप कर सकते टाइप है
आदेशों, लेकिन उन आदेशों

703
00:31:30,770 --> 00:31:34,400
, फाइल बना सकते हैं फ़ाइलों को स्थानांतरित, खुले
निर्देशिका, बंद निर्देशिका,

704
00:31:34,400 --> 00:31:35,740
चीजों की कोई संख्या नहीं है।

705
00:31:35,740 --> 00:31:38,060
लेकिन अब के लिए, हम सिर्फ हूँ
यहाँ हमारे समय खर्च करते हैं।

706
00:31:38,060 --> 00:31:39,050
>> और तो चलो यह करते हैं।

707
00:31:39,050 --> 00:31:41,008
आप इस में हैं
पर्यावरण, जो आपको चाहिए

708
00:31:41,008 --> 00:31:45,900
यदि आप एक कार्यक्षेत्र बनाया हो
पहले से ही, आगे बढ़ो और सिर्फ ऊपर जाना

709
00:31:45,900 --> 00:31:48,690
फाइल करने के लिए, एक पल के लिए नई।

710
00:31:48,690 --> 00:31:51,740
और कहा कि आप एक नया दे देंगे
टैब सही बीच में यहाँ।

711
00:31:51,740 --> 00:31:54,250
और मैं just-- दो और
आगे जाना है और यह करते हैं।

712
00:31:54,250 --> 00:31:59,910
आगे बढ़ते हैं और अब फाइल करते हैं, को बचाने करते हैं
और आगे जाना है और यह hello.html कहते हैं,

713
00:31:59,910 --> 00:32:02,740
साथ भ्रमित नहीं होना चाहिए
helloworld.html, जो

714
00:32:02,740 --> 00:32:06,910
, अपने नए मुक्त खाते के साथ आया था
जो सिर्फ एक नमूना फाइल है।

715
00:32:06,910 --> 00:32:11,020
आप इसे अचानक प्रकट होते देखेंगे,
बाएं हाथ की ओर सबसे अधिक संभावना है,

716
00:32:11,020 --> 00:32:12,810
और टैब अभी भी खुला हो जाएगा।

717
00:32:12,810 --> 00:32:21,300
और मुझे विश्राम करने के लिए अब आपको प्रोत्साहित करते हैं
इस फ़ाइल या उसके कुछ वेरिएंट।

718
00:32:21,300 --> 00:32:24,607
और अगर आप काफी पर इसे देख नहीं कर सकते हैं अगर
स्क्रीन, इस स्लाइड के समान है

719
00:32:24,607 --> 00:32:26,190
आप शायद एक और टैब में है।

720
00:32:26,190 --> 00:32:29,296
>> तो संक्षेप में, अपने पहले वेब पेज बनाना
बचाने के लिए यह, और फिर बस एक पल में,

721
00:32:29,296 --> 00:32:31,170
मैं आपको बताएंगे कि कैसे आप करेंगे
वास्तव में यह देख सकते हैं।

722
00:32:31,170 --> 00:32:32,970
लेकिन कम से कम एक बात बदल जाते हैं।

723
00:32:32,970 --> 00:32:35,400
करने के लिए HelloWorld बदलें
अपनी खुद की पसंद के कुछ और,

724
00:32:35,400 --> 00:32:39,821
इतनी है कि आप आश्वस्त कर रहे हैं कि यह आपकी है
फाइल और नहीं एक मैं अभी बनाया।

725
00:32:39,821 --> 00:32:40,320
ठीक है।

726
00:32:40,320 --> 00:32:43,804
और आप कोई ready-- रहे हैं जब
rush-- जब आप तैयार हैं,

727
00:32:43,804 --> 00:32:46,220
आगे जाना है और फाइल को बचाने के
एक बार जब आप इन परिवर्तन किए हैं।

728
00:32:46,220 --> 00:32:49,540
और अगर आप क्लिक करें
भागो बटन ऊपर, इस

729
00:32:49,540 --> 00:32:53,610
एक नया टैब कि बता देंगे खोलने चाहिए
आप क्या यूआरएल आप पर अपनी फ़ाइल यात्रा कर सकते हैं,

730
00:32:53,610 --> 00:32:56,380
लेकिन यह करने के लिए एक क्षण ले सकता है
बोली "अपाचे शुरू," गंदें शब्द बोलना जो

731
00:32:56,380 --> 00:32:58,820
वेब सर्वर का नाम है।

732
00:32:58,820 --> 00:33:02,430
तो क्या वास्तव में क्या करने के लिए सावधान रहना होगा
जो अंततः फ़ाइल में है।

733
00:33:02,430 --> 00:33:04,610
इसलिए अभी, मैं में ज़ूम करेंगे।

734
00:33:04,610 --> 00:33:07,780
अगर मैं टाइपिंग शुरू
खुले ब्रैकेट एचटीएमएल, नोटिस

735
00:33:07,780 --> 00:33:09,650
यह मेरे विचार खत्म करने के लिए मेरे उत्साह है।

736
00:33:09,650 --> 00:33:13,750
और अगर मैं मेरे विचार समाप्त हो यह,
स्वचालित रूप से मेरे बंद टैग देता है।

737
00:33:13,750 --> 00:33:17,190
लेकिन उम्मीद तो मैं मारा हूँ है
दर्ज करें, और फिर वहाँ के अंदर ले जाने के लिए

738
00:33:17,190 --> 00:33:21,180
और अंदर सिर करना और
फिर मैं शरीर के अंदर से करते हैं।

739
00:33:21,180 --> 00:33:24,430
और यह पहली बार में थोड़ा अजीब है,
क्योंकि यह आप के लिए काम कर रहा है,

740
00:33:24,430 --> 00:33:27,110
लेकिन अंततः का एहसास है कि
यह आप कीस्ट्रोक्स बचाता है।

741
00:33:27,110 --> 00:33:30,500
और वास्तव में, एक की बहुत आम सुविधा
प्रोग्रामिंग इन दिनों वातावरण

742
00:33:30,500 --> 00:33:33,260
दोनों तरह वेब विकास के लिए
इस और वास्तविक प्रोग्रामिंग,

743
00:33:33,260 --> 00:33:36,960
जो हम कल के बारे में बात करेंगे,
इन स्वत: पूर्ण सुविधाओं है,

744
00:33:36,960 --> 00:33:39,710
चीजें हैं जो सिर्फ एक की अनुमति देते हैं
प्रोग्रामर या एक डिजाइनर

745
00:33:39,710 --> 00:33:42,010
करने के लिए कम कीस्ट्रोक्स टाइप करने के लिए
एक ही बात को पूरा।

746
00:33:42,010 --> 00:33:43,176
कभी कभी यह अच्छा है, यद्यपि।

747
00:33:43,176 --> 00:33:44,560
कभी कभी यह सिर्फ कष्टप्रद है।

748
00:33:44,560 --> 00:33:49,290

749
00:33:49,290 --> 00:33:54,010
और, फिर, एक बार आप लिखित गए
स्लाइड या उसके कुछ संस्करण,

750
00:33:54,010 --> 00:33:57,360
आप शीर्ष तक चला बटन क्लिक कर सकते हैं।

751
00:33:57,360 --> 00:33:59,910
और फिर नीचे में
खिड़की, आपको सूचित किया जाएगा

752
00:33:59,910 --> 00:34:04,290
क्या URL पर आप अपने वेब पेज पर जा सकते।

753
00:34:04,290 --> 00:34:08,790
मेरा, उदाहरण के लिए, पर है
business-daharvard.c9users.io

754
00:34:08,790 --> 00:34:11,480
इत्यादि।

755
00:34:11,480 --> 00:34:14,580
ठीक है, तो, me-- किसी भी सवाल करते हैं?

756
00:34:14,580 --> 00:34:19,460
सिर्फ होने के बारे में किसी भी अन्य प्रश्न
इस काम करने से पहले हम सुविधाओं को जोड़ने?

757
00:34:19,460 --> 00:34:21,692
और, मेरे प्रस्ताव चलो बस
लोगों comfortable-- पाने के लिए

758
00:34:21,692 --> 00:34:24,400
क्योंकि यह सिर्फ एक बात है
आँख बंद करके कॉपी-पेस्ट मैंने क्या किया है।

759
00:34:24,400 --> 00:34:27,177
लेकिन सिर्फ इतना है कि लोगों को कुश्ती इसलिए
करने के लिए करते कम से कम एक साथ,

760
00:34:27,177 --> 00:34:28,510
मैं कुछ संगीत पर बारी करने के लिए जा रहा हूँ।

761
00:34:28,510 --> 00:34:32,630
मैं की एक सूची का प्रस्ताव करने जा रहा हूँ
चीजें आप संभावित जोड़ सकते हैं।

762
00:34:32,630 --> 00:34:34,086
और आप निश्चित रूप से गूगल का उपयोग कर सकते हैं।

763
00:34:34,086 --> 00:34:36,210
और क्यों नहीं हम बस
प्रस्ताव है कि आप को हल करने की कोशिश

764
00:34:36,210 --> 00:34:38,710
कम से कम एक विशेष समस्या है यहाँ।

765
00:34:38,710 --> 00:34:45,090
तो टैग के मामले में,
मुझे इस यहाँ पुन: उपयोग करते हैं।

766
00:34:45,090 --> 00:34:48,280
>> वास्तव में, मुझे डाल दिया
यह एक शाब्दिक रूप में।

767
00:34:48,280 --> 00:35:02,380
का कहना है कि हो सकता है कि हम टैग के बीच चलो
यहाँ का उपयोग यहाँ पर कुछ टैग कर रहे हैं।

768
00:35:02,380 --> 00:35:06,090
हम पैरा टैग देखा है।

769
00:35:06,090 --> 00:35:07,850
अब यह स्वत: पूर्ण करने के लिए जा रहा है।

770
00:35:07,850 --> 00:35:12,220
अनुच्छेद टैग, लंगर टैग।

771
00:35:12,220 --> 00:35:15,250
कहते हैं कि आप करना चाहते हैं
कुछ बड़ा करना,

772
00:35:15,250 --> 00:35:19,480
ताकि आप like-- सकता है
अवधि टैग कर सकते हैं।

773
00:35:19,480 --> 00:35:23,010
वैसे, अगर आप कुछ मदद की जरूरत हो सकती है
कि बस एक पल में लिए।

774
00:35:23,010 --> 00:35:24,830
हम div देखा है।

775
00:35:24,830 --> 00:35:26,170
आप वहाँ तालिका दिखाई देगी।

776
00:35:26,170 --> 00:35:27,928
कुछ वहाँ टीआर कहा जाता है, टीडी।

777
00:35:27,928 --> 00:35:30,736

778
00:35:30,736 --> 00:35:32,860
गु, टीडी।

779
00:35:32,860 --> 00:35:34,770
एक पल में वापस आ।

780
00:35:34,770 --> 00:35:36,590
और क्या काम किया जा सकता है?

781
00:35:36,590 --> 00:35:38,310
वहाँ मजबूत है।

782
00:35:38,310 --> 00:35:43,640
वहाँ जोर है, या बल्कि उन्हें।

783
00:35:43,640 --> 00:35:50,110
There's-- और क्या
आप यहाँ कल्पना कर सकते हैं?

784
00:35:50,110 --> 00:35:51,930
खैर, हम एक ले लेंगे
उस पर एक साथ देखो।

785
00:35:51,930 --> 00:35:53,230
रूप है, जो हमने देखा है।

786
00:35:53,230 --> 00:35:54,130
वहाँ रूप है।

787
00:35:54,130 --> 00:35:56,500
वहाँ इनपुट और कुछ अन्य लोगों के लिए है।

788
00:35:56,500 --> 00:35:58,924

789
00:35:58,924 --> 00:36:00,090
ठीक है, तो चलो यह करते हैं।

790
00:36:00,090 --> 00:36:02,330
एक विक्टोरिया की जवाब देने के लिए
सवाल है, मुझे पहले देना

791
00:36:02,330 --> 00:36:05,020
सिर्फ यकीन है कि हर कोई कर
उनकी हैलो काम पाने के लिए सक्षम है।

792
00:36:05,020 --> 00:36:06,900
तो फिर मुझे परिचय
कुछ अन्य विचारों।

793
00:36:06,900 --> 00:36:09,209
तो फिर हम लोगों का समाधान दूँगा
अपने दम पर कुछ समस्या है।

794
00:36:09,209 --> 00:36:11,500
तो फिर हम वास्तव में वापस आ गया हूँ
एक फार्म की उस धारणा को,

795
00:36:11,500 --> 00:36:14,950
और हम वास्तव में फिर से लागू करेंगे
एक साथ सामने के अंत इंटरफेस,

796
00:36:14,950 --> 00:36:16,450
इतनी बात करने के लिए गूगल से खुद के लिए।

797
00:36:16,450 --> 00:36:19,700
हम पीछे के अंत के रूप में गूगल का इस्तेमाल करेंगे और जाने
उन्हें कड़ी मेहनत करते हैं, खोज,

798
00:36:19,700 --> 00:36:22,760
लेकिन हम सामने के छोर को विश्राम करेंगे
गूगल और खोज के रूप में

799
00:36:22,760 --> 00:36:24,520
वे अपने स्वयं के मुख पृष्ठ पर है।

800
00:36:24,520 --> 00:36:27,050
और इसलिए हम करने के लिए वापस आ गया हूँ
बस एक पल में इन टैग।

801
00:36:27,050 --> 00:36:30,270
>> तो यह था कि मैं क्या
बस एक पल पहले प्रस्ताव रखा।

802
00:36:30,270 --> 00:36:33,940
हम एक के लिए stylization जोड़ सकते हैं
इस शैली टैग के अंदर पृष्ठ

803
00:36:33,940 --> 00:36:36,950
और हम पृष्ठभूमि stylize सकते हैं
रंग, पाठ संरेखण,

804
00:36:36,950 --> 00:36:39,000
चाहे वह केंद्र या छोड़ दिया है या सही है।

805
00:36:39,000 --> 00:36:41,630
लेकिन बहुत जल्दी तुम करोगी
खोजने के लिए या एक वेब डिजाइनर

806
00:36:41,630 --> 00:36:44,060
मिल जाएगा यह है कि
एक छोटे बोझल हो जाता है,

807
00:36:44,060 --> 00:36:48,330
क्योंकि तुम क्या कर रहे है
मिश्रण सामग्री बुलाया

808
00:36:48,330 --> 00:36:50,120
प्रस्तुति के साथ क्या है।

809
00:36:50,120 --> 00:36:53,756
आप अपने डेटा मिश्रण कर रहे हैं
और सौंदर्यशास्त्र क्या है।

810
00:36:53,756 --> 00:36:56,380
और वास्तव में, अगर आप समझते हैं
क्या time-- खत्म होने जा रहा है

811
00:36:56,380 --> 00:36:58,350
यह एक बहुत ही छोटा है
वेब पेज, बिल्कुल।

812
00:36:58,350 --> 00:37:01,590
लेकिन अगर मैं इस पेज के लिए सामग्री जोड़ने
और मैं इस पृष्ठ पर शैली को जोड़ने,

813
00:37:01,590 --> 00:37:04,650
पेज बहुत जल्दी हो जाता है
अब और अब और लंबी है।

814
00:37:04,650 --> 00:37:07,510
और लगता है कि मैं चाहता हूँ
एक दूसरे वेब पेज है कि

815
00:37:07,510 --> 00:37:09,010
इन विशेषताओं में से कुछ शेयरों।

816
00:37:09,010 --> 00:37:12,350
के लिए मेरी दूसरी वेब पेज मान लीजिए मेरा
site-- भी, मैं सब कुछ केंद्र चाहते हैं,

817
00:37:12,350 --> 00:37:14,960
और मैं भी सब कुछ चाहते हैं
एक हरे रंग की पृष्ठभूमि के साथ।

818
00:37:14,960 --> 00:37:17,940
मैं बहुत ज्यादा करने के लिए जा रहा हूँ
कॉपी और इन पंक्तियों के कुछ पेस्ट

819
00:37:17,940 --> 00:37:20,730
कि दूसरी फाइल है, जो ठीक लगता है में।

820
00:37:20,730 --> 00:37:22,030
यह समस्या का समाधान होगा।

821
00:37:22,030 --> 00:37:26,060
>> लेकिन क्या अगर मैं एक तिहाई पेज चाहते हैं
या एक 30 पेज या 40 वीं पेज?

822
00:37:26,060 --> 00:37:28,730
अब मैं कॉपी करने जा रहा हूँ और
डुप्लीकेट कोड का एक बहुत चिपकाने

823
00:37:28,730 --> 00:37:30,430
कई फाइलों में।

824
00:37:30,430 --> 00:37:32,600
और ऐसा लगता है कि
मैं तय या मुझे बताया गया है,

825
00:37:32,600 --> 00:37:34,780
अरे, हम का उपयोग नहीं कर रहे हैं
अब और हरे रंग की पृष्ठभूमि।

826
00:37:34,780 --> 00:37:36,380
हम नारंगी का उपयोग शुरू करने जा रहे हैं।

827
00:37:36,380 --> 00:37:38,690
क्या आप को बदलने की क्या ज़रूरत है?

828
00:37:38,690 --> 00:37:42,900
खैर, आप उस शैली को बदलना होगा
नारंगी हरे रंग से कितने स्थानों में?

829
00:37:42,900 --> 00:37:44,920
30 या 40 स्थानों की तरह।

830
00:37:44,920 --> 00:37:45,900
यह थकाऊ है।

831
00:37:45,900 --> 00:37:47,039
यह त्रुटि की संभावना है।

832
00:37:47,039 --> 00:37:49,580
वहाँ कारणों की एक संख्या है
आप को प्रेरित करने के लिए नहीं चाहेगा जहां

833
00:37:49,580 --> 00:37:51,840
खुद के लिए दर्द की तरह।

834
00:37:51,840 --> 00:37:54,760
और तो यह अच्छा नहीं होगा
अगर हम ले सकता है क्या मैं बस

835
00:37:54,760 --> 00:37:58,240
इन दोनों के बीच पीले रंग डाल
टैग, इन शैली टैग,

836
00:37:58,240 --> 00:38:04,050
इसे बाहर कारक है, और के सभी डाल मेरी
एक केंद्रीय फ़ाइल में stylization

837
00:38:04,050 --> 00:38:08,470
कि सभी 30 या 40 मेरे अन्य फाइलों की
से उधार लेने या किसी भी तरह का संदर्भ,

838
00:38:08,470 --> 00:38:11,640
नेटवर्किंग के विपरीत नहीं
आरेख हम पहले कर रहे थे?

839
00:38:11,640 --> 00:38:15,030
>> तो अगर मैं यहाँ में जाओ, मैं कर रहा हूँ
वास्तव में प्रस्ताव करने जा रहा

840
00:38:15,030 --> 00:38:17,880
हम जगह है कि
कुछ के साथ शैली टैग

841
00:38:17,880 --> 00:38:21,620
लिंक टैग कहा जाता है, जो
बुरी, बुरी नाम पर है,

842
00:38:21,620 --> 00:38:24,370
क्योंकि आप प्रयोग नहीं करते
लिंक टैग क्या बनाने के लिए

843
00:38:24,370 --> 00:38:26,380
हम इंसानों के लिए एक वेब पेज में एक कड़ी के रूप में जानते हैं।

844
00:38:26,380 --> 00:38:29,750
उस के लिए, आप जो टैग का उपयोग करें?

845
00:38:29,750 --> 00:38:31,464
कैसे आप एक वेब पेज में एक लिंक बना सकता हूँ?

846
00:38:31,464 --> 00:38:32,130
दर्शकों: एक।

847
00:38:32,130 --> 00:38:34,870
डेविड जे मालन: एक, या लंगर
टैग, उससे पहले डिज्नी के लिए चला गया।

848
00:38:34,870 --> 00:38:39,090
लिंक यहाँ टैग कह रहा है
नामक एक फाइल करने के लिए लिंक this--

849
00:38:39,090 --> 00:38:44,350
styles.css, रिश्ते जो करने के लिए
कि यह मेरे स्टाइलशीट है होने जा रहा है।

850
00:38:44,350 --> 00:38:48,290
तो इस में एस में से एक है
CSS-- व्यापक स्टाइल शीट।

851
00:38:48,290 --> 00:38:50,490
शैली sheet-- सीएसएस में एस के दो।

852
00:38:50,490 --> 00:38:52,550
शैली पत्रक व्यापक।

853
00:38:52,550 --> 00:38:58,640
यह बस का अर्थ है, हे, ब्राउज़र, जाना
स्थानीय सर्वर पर styles.css खोजना

854
00:38:58,640 --> 00:39:01,870
और अपनी शैली पत्रक के रूप में उपयोग करते हैं,
जो कि फ़ाइल के अंदर का मतलब

855
00:39:01,870 --> 00:39:05,310
सभी को होने जा रहा है
stylizations है कि हम सिर्फ किया है।

856
00:39:05,310 --> 00:39:07,396
और तो क्या है कि फाइल
इसका कारण यह है की तरह लग सकता है।

857
00:39:07,396 --> 00:39:10,020
और मैं सिर्फ इस एक त्वरित है करूँगा
उदाहरण के लिए, क्योंकि हम की जरूरत नहीं

858
00:39:10,020 --> 00:39:12,000
मातम यहाँ में बहुत अधिक पाने के लिए।

859
00:39:12,000 --> 00:39:17,840
लेकिन अगर मैं इस कॉपी, क्या मैं प्रस्ताव कर रहा हूँ
एक प्रोग्रामर एक नई फ़ाइल बनाने कि है,

860
00:39:17,840 --> 00:39:24,450
उन lines-- में पेस्ट
whoops-- उन पंक्तियों में पेस्ट,

861
00:39:24,450 --> 00:39:32,270
styles.css के रूप में इसे बचाने के लिए, और फिर, में
अन्य फ़ाइल, कि सभी को हटा दें

862
00:39:32,270 --> 00:39:35,450
और यह बजाय की जगह
इस लिंक टैग के साथ।

863
00:39:35,450 --> 00:39:43,090
इसलिए कि अगर मैं लिंक href = "styles.css"
रिश्ते "स्टाइलशीट" हो जाएगा

864
00:39:43,090 --> 00:39:44,170
बंद टैग।

865
00:39:44,170 --> 00:39:45,250
बचाओ।

866
00:39:45,250 --> 00:39:47,000
मेरे HelloWorld के लिए वापस जाओ।

867
00:39:47,000 --> 00:39:48,690
लोड करें।

868
00:39:48,690 --> 00:39:51,290
>> सचमुच कुछ नहीं हुआ है।

869
00:39:51,290 --> 00:39:54,710
यह एक अच्छी बात है, क्योंकि यह
यह वास्तव में सभी काम कर रहा है इसका मतलब है।

870
00:39:54,710 --> 00:39:58,860
के रूप में ज्यादा साबित करने के लिए, मान लीजिए मैं एक बना
टाइपो, और मैं इस "styles.css" कॉल

871
00:39:58,860 --> 00:40:03,080
एक राजधानी एस, जो है साथ
गलत है, और फिर पुनः लोड।

872
00:40:03,080 --> 00:40:05,470
अब आप इसे सिर्फ काम नहीं करता देख सकते हैं।

873
00:40:05,470 --> 00:40:06,362
अभी क्यों?

874
00:40:06,362 --> 00:40:08,070
ठीक है, चलो एक का उपयोग करें
पहले से तकनीक।

875
00:40:08,070 --> 00:40:10,153
मुझे आगे चलते हैं और में,
अपने ब्राउज़र, क्रोम में, मैं हूँ

876
00:40:10,153 --> 00:40:12,900
कि विशेष को खोलने के लिए जा रहा
नेटवर्क टैब के रूप में पहले,

877
00:40:12,900 --> 00:40:15,560
और मेरे पेज को फिर से लोड करते हैं।

878
00:40:15,560 --> 00:40:19,341
क्या आप अब देख कर हैरान नहीं हैं?

879
00:40:19,341 --> 00:40:20,840
या हो सकता है आप इसे देख कर हैरान हो रहे हैं।

880
00:40:20,840 --> 00:40:23,225
किसी भी तरह से, क्या तुम अब देखते हैं?

881
00:40:23,225 --> 00:40:24,100
दर्शकों: [सुनाई]

882
00:40:24,100 --> 00:40:24,770
डेविड जे मालन: यह नहीं पाया है।

883
00:40:24,770 --> 00:40:25,680
क्यों यह नहीं पाया जाता है?

884
00:40:25,680 --> 00:40:28,480
खैर, Styles.css-- राजधानी
S-- मौजूद नहीं है।

885
00:40:28,480 --> 00:40:29,230
मैं इसे misnamed।

886
00:40:29,230 --> 00:40:30,430
सरल टाइपो।

887
00:40:30,430 --> 00:40:33,816
लेकिन मैं समझ नहीं पा रहा अब एक हो रही है
404, क्योंकि सर्वर कह रहा है, हे,

888
00:40:33,816 --> 00:40:34,440
यह नहीं मिला है।

889
00:40:34,440 --> 00:40:36,300
सचमुच, मैं नहीं जानता
जहां कि फाइल है।

890
00:40:36,300 --> 00:40:38,880
तो एक परिणाम के रूप में, ब्राउज़र
आप क्या कर सकते हैं यह पता चलता है,

891
00:40:38,880 --> 00:40:42,860
पेज की सामग्री कच्चे,
जो एक 200, एचटीएमएल था,

892
00:40:42,860 --> 00:40:45,390
लेकिन stylization नहीं कर सकते
उसके बाद से जोड़ा जा।

893
00:40:45,390 --> 00:40:47,120
और यह है कि व्यापक से मतलब है।

894
00:40:47,120 --> 00:40:49,070
आप की तरह यह भी जोड़ सकते हैं
के बाद, और यह एक तरह से

895
00:40:49,070 --> 00:40:50,874
वेब पेज के सौंदर्यशास्त्र को परिष्कृत।

896
00:40:50,874 --> 00:40:53,790
और अगर आप भी उन ओवरराइड कर सकते हैं
अभी तक अन्य स्टाइलशीट फाइलों के साथ शैलियों

897
00:40:53,790 --> 00:40:54,700
अगर तुम चाहो।

898
00:40:54,700 --> 00:40:57,780
यह इस मामले में नहीं मिला है, हालांकि,
क्योंकि निश्चित रूप से, मैं इसे misnamed।

899
00:40:57,780 --> 00:41:00,330
तो मैं पहली बार है कि ठीक करने के लिए होगा।

900
00:41:00,330 --> 00:41:04,667
>> तो चलो आगे चलते हैं और
निम्नलिखित प्रस्ताव।

901
00:41:04,667 --> 00:41:07,410

902
00:41:07,410 --> 00:41:11,140
आगे बढ़ते हैं और यह करते हैं।

903
00:41:11,140 --> 00:41:14,220
शायद के साथ शुरू
अपने HelloWorld फ़ाइल,

904
00:41:14,220 --> 00:41:17,740
मुझे सिर्फ एक जोड़े को आमंत्रित करते हैं
के सुझाव शामिल हैं।

905
00:41:17,740 --> 00:41:20,400
तो, विक्टोरिया, तुम चाहते थे
कुछ पाठ बड़ा, सही?

906
00:41:20,400 --> 00:41:24,555
ठीक है, तो हम कर सकते हैं
पाठ बड़ा बना है।

907
00:41:24,555 --> 00:41:26,860
और हम एक बंद बांधना करेंगे
सिर्फ एक ही समस्या को हल करने के लिए।

908
00:41:26,860 --> 00:41:30,867
पाठ बड़ा बना।

909
00:41:30,867 --> 00:41:32,700
मैं परेशान करने के लिए नहीं जा रहा हूँ
जब हम यह लिख

910
00:41:32,700 --> 00:41:35,600
सही यहाँ पर गोली प्रौद्योगिकी है।

911
00:41:35,600 --> 00:41:39,970
तो कुछ समस्याएं हैं।

912
00:41:39,970 --> 00:41:44,670
इसलिए हम कोशिश करने के लिए जा रहे हैं
पाठ बड़ा बनाने के लिए।

913
00:41:44,670 --> 00:41:45,170
ठीक है।

914
00:41:45,170 --> 00:41:48,360
किसी और क्या प्रस्ताव होगा?

915
00:41:48,360 --> 00:41:50,332
और क्या हम चाहते हो सकता है
एक वेब पेज में क्या करना है?

916
00:41:50,332 --> 00:41:52,040
चलो एक साथ आते हैं
चीजों की संक्षिप्त सूची

917
00:41:52,040 --> 00:41:55,366
और फिर प्रतिनिधि
समूह यह पता लगाने के लिए।

918
00:41:55,366 --> 00:41:56,270
>> दर्शकों: [सुनाई]

919
00:41:56,270 --> 00:42:02,251
>> डेविड जे मालन: ठीक है, स्थिति पाठ
पेज के विभिन्न पक्षों पर?

920
00:42:02,251 --> 00:42:02,750
ठीक है।

921
00:42:02,750 --> 00:42:04,620
कुछ और।

922
00:42:04,620 --> 00:42:05,784
>> दर्शकों: [सुनाई]

923
00:42:05,784 --> 00:42:06,700
डेविड जे मालन: यह है।

924
00:42:06,700 --> 00:42:08,720
तो एक GIF सिर्फ एक है
अलग फ़ाइल स्वरूप।

925
00:42:08,720 --> 00:42:12,830
हम सिर्फ इस्तेमाल किया है, क्या है, एक
PNG या एक जेपीजी शायद?

926
00:42:12,830 --> 00:42:14,480
हम एक जेपीजी इस्तेमाल किया।

927
00:42:14,480 --> 00:42:16,780
आप जिज्ञासु, एक अत्यधिक रहे हैं
आपके सवाल का जवाब

928
00:42:16,780 --> 00:42:19,404
एक jpg आम तौर पर के लिए प्रयोग किया जाता है
तस्वीरें, क्योंकि यह समर्थन करता है

929
00:42:19,404 --> 00:42:21,500
रंग या 24-बिट रंग के लाखों लोगों की।

930
00:42:21,500 --> 00:42:26,930
एक GIF आम तौर पर, जैसे के लिए प्रयोग किया जाता है
इंटरनेट memes इन days-- एनिमेशन,

931
00:42:26,930 --> 00:42:28,810
की तरह एनिमेटेड GIFs।

932
00:42:28,810 --> 00:42:32,320
लेकिन यह एक छोटे रंग का उपयोग करने के लिए होता है
पैलेट, केवल 256 संभव रंग,

933
00:42:32,320 --> 00:42:35,230
लेकिन यह समर्थन करता है
पारदर्शिता और एनीमेशन।

934
00:42:35,230 --> 00:42:40,330
और फिर वहाँ है पीएनजी, जो समर्थन करता है
पारदर्शिता और अधिक रंग

935
00:42:40,330 --> 00:42:41,300
लेकिन नहीं एनीमेशन।

936
00:42:41,300 --> 00:42:42,133
तो यह एक व्यापार बंद है।

937
00:42:42,133 --> 00:42:44,144

938
00:42:44,144 --> 00:42:46,060
तो, एक GIF जोड़ने हालांकि,
कार्यात्मक होगा

939
00:42:46,060 --> 00:42:48,396
एक PNG या एक jpg जोड़ने के बराबर है।

940
00:42:48,396 --> 00:42:49,110
हाँ।

941
00:42:49,110 --> 00:42:50,550
छवि स्रोत के बराबर होती है।

942
00:42:50,550 --> 00:42:51,590
तो कुछ और ही है।

943
00:42:51,590 --> 00:42:57,288
चलो कुछ के साथ आते हैं कि
हम विक्टोरिया को भेजी यहाँ करने के लिए।

944
00:42:57,288 --> 00:42:59,209
>> दर्शकों: एक फार्म के लिए बटन जोड़ें।

945
00:42:59,209 --> 00:43:00,000
डेविड जे मालन: ठीक है।

946
00:43:00,000 --> 00:43:02,179
तो एक फार्म के लिए बटन जोड़ने।

947
00:43:02,179 --> 00:43:03,470
और हम हैं कि एक साथ मिलकर कर देंगे।

948
00:43:03,470 --> 00:43:07,220
तो यह है कि एक आदर्श segue हो जाएगा
सही इस चुनौती के बाद।

949
00:43:07,220 --> 00:43:10,357
और कुछ?

950
00:43:10,357 --> 00:43:11,440
क्या आप करना चाहते हो सकता है?

951
00:43:11,440 --> 00:43:14,040

952
00:43:14,040 --> 00:43:16,516
वेब बहुत underwhelming लगता है
अगर यह सब है कि हम क्या कर सकते हैं।

953
00:43:16,516 --> 00:43:18,140
दर्शकों: पाठ का रंग बदलना।

954
00:43:18,140 --> 00:43:19,500
डेविड जे मालन: क्या परिवर्तन?

955
00:43:19,500 --> 00:43:20,666
दर्शकों: पाठ का रंग।

956
00:43:20,666 --> 00:43:22,311
डेविड जे मालन: पाठ का रंग बदलना।

957
00:43:22,311 --> 00:43:22,810
ठीक है।

958
00:43:22,810 --> 00:43:23,790
तो, चलो यह करते हैं।

959
00:43:23,790 --> 00:43:27,209
बस फिर इतनी है कि आप नहीं कर रहे हैं, बस
रटने से, वास्तव में कर रही है कि मैं क्या कर रहा हूँ,

960
00:43:27,209 --> 00:43:29,500
मैं संगीत को चालू करने के लिए जा रहा हूँ
शायद पाँच मिनट के लिये यहां के लिए।

961
00:43:29,500 --> 00:43:30,450
आप गूगल का उपयोग करने के लिए स्वागत कर रहे हैं।

962
00:43:30,450 --> 00:43:33,130
तुम मुझे पूछने के लिए स्वागत कर रहे हैं, और
मैं अपने कान में एक संकेत कानाफूसी करेंगे।

963
00:43:33,130 --> 00:43:35,171
आप देखने के लिए स्वागत कर रहे हैं
ओवर की दूसरी कंधों पर।

964
00:43:35,171 --> 00:43:37,340
लेकिन इन समस्याओं का सिर्फ एक ही हल।

965
00:43:37,340 --> 00:43:40,190
लेकिन हम पिछले एक, करूँगा
एक साथ एक रूपों, अगर हम कर सकते थे।

966
00:43:40,190 --> 00:43:42,790
तो पांच मिनट के हल करने के लिए
इन समस्याओं में से किसी एक को

967
00:43:42,790 --> 00:43:46,780
गूगल, अंतर्ज्ञान का उपयोग कर, या किसी
अन्य आप के लिए उपलब्ध साधन।

968
00:43:46,780 --> 00:43:48,630
>> [संगीत बजाना]

969
00:43:48,630 --> 00:43:49,130
ठीक है।

970
00:43:49,130 --> 00:43:50,838
कोई चिंता नहीं है अगर आप चाहते हैं
छेड़छाड़ रखने के लिए,

971
00:43:50,838 --> 00:43:53,880
लेकिन मैं कुछ खराब कर देंगे
इन सवालों के जवाब।

972
00:43:53,880 --> 00:43:57,986
से पहला सुझाव तो
विक्टोरिया पाठ बड़ा बनाने के लिए किया गया था।

973
00:43:57,986 --> 00:43:59,360
तो वहाँ यह करने के लिए कुछ तरीके हैं।

974
00:43:59,360 --> 00:44:01,530
मैं वर्तमान में बहाल कर दिया है
इस आकार के लिए मेरी स्क्रीन,

975
00:44:01,530 --> 00:44:04,310
हालांकि मैं में तेजी से बढ़ी गए
कृत्रिम रूप से सिर्फ बातें देखने के लिए।

976
00:44:04,310 --> 00:44:07,470
और चलो यह करते हैं।

977
00:44:07,470 --> 00:44:11,380
मुझे आगे और हड़पने चलते हैं
कुछ सामान्य लैटिन पाठ

978
00:44:11,380 --> 00:44:19,540
अभी तो हम साथ काम करने के लिए कुछ है।

979
00:44:19,540 --> 00:44:20,715
तो मुझे बस एक पल दे।

980
00:44:20,715 --> 00:44:21,840
मैं तीन पैराग्राफ कर दूँगा।

981
00:44:21,840 --> 00:44:53,430

982
00:44:53,430 --> 00:44:53,930
ठीक।

983
00:44:53,930 --> 00:44:55,560
यह एक बेहतर उदाहरण होगा।

984
00:44:55,560 --> 00:44:57,840
इतना उत्सुक के लिए, में
मेरे hello.html, मैं तो बस

985
00:44:57,840 --> 00:45:01,645
चिपकाया तीन अतर्कसंगत
लैटिन पैराग्राफ

986
00:45:01,645 --> 00:45:03,270
अभी तो हम साथ काम करने के लिए कुछ पाठ है।

987
00:45:03,270 --> 00:45:06,720
और विक्टोरिया के लक्ष्य के लिए था
पाठ के कुछ बड़ा करना।

988
00:45:06,720 --> 00:45:09,879
इसलिए मुझे लगता है, के रूप में पहले, में यहां जा सकते हैं।

989
00:45:09,879 --> 00:45:11,170
और मुझे इसे सही तरीके से करते हैं।

990
00:45:11,170 --> 00:45:13,253
मैं एक कड़ी के लिए जा रहा हूँ
टैग है कि एक फाइल करने के लिए अंक

991
00:45:13,253 --> 00:45:20,560
कहा जाता है "styles.css," संबंध
जिनमें से फिर से "स्टाइलशीट है।"

992
00:45:20,560 --> 00:45:25,221
और फिर मैं उस को बचाने के लिए जा रहा हूँ
और इस "styles.css।" खोल

993
00:45:25,221 --> 00:45:28,940
>> तो, इससे पहले के रूप में, मैं
इस सीएसएस फ़ाइल में क्षमता

994
00:45:28,940 --> 00:45:31,569
वास्तव में डिफ़ॉल्ट ओवरराइड करने के लिए
एक वेब पेज के सौंदर्यशास्त्र,

995
00:45:31,569 --> 00:45:33,860
और डिफ़ॉल्ट सौंदर्यशास्त्र,
जाहिर है, बहुत सुस्त हैं।

996
00:45:33,860 --> 00:45:36,943
यह सामान्य फ़ॉन्ट आकार की तरह, काला है
पाठ, सफेद पृष्ठभूमि, और बहुत आगे है।

997
00:45:36,943 --> 00:45:39,440
ऐसा लगता है मैं करना चाहता हूँ
इस पाठ के सभी बड़ा है।

998
00:45:39,440 --> 00:45:40,460
मैं कुछ चीजें कर सकता है।

999
00:45:40,460 --> 00:45:43,750
मेरे styles.css फाइल में, मैं
आप जानते हैं कि क्या कह सकते हैं,

1000
00:45:43,750 --> 00:45:46,950
के लिए निम्न लागू
मेरे पृष्ठ के शरीर।

1001
00:45:46,950 --> 00:45:51,390
आगे बढ़ो और कर
फ़ॉन्ट आकार 24 अंक,

1002
00:45:51,390 --> 00:45:54,130
जो एक संख्या मैं हो सकता है
माइक्रोसॉफ्ट वर्ड में उपयोग करें।

1003
00:45:54,130 --> 00:45:57,620
मुझे मेरे वेब के लिए वापस जाओ
यहाँ पेज और फिर से लोड,

1004
00:45:57,620 --> 00:45:59,640
और आप देख सकते हैं कि
यह पहले से ही बहुत बड़ा है।

1005
00:45:59,640 --> 00:46:02,223
और हम एक छोटे से पागल हो सकता है,
जैसे हम एक desktop-- पर कर सकते हैं

1006
00:46:02,223 --> 00:46:03,670
यह 96 अंक हैं।

1007
00:46:03,670 --> 00:46:04,950
लोड करें।

1008
00:46:04,950 --> 00:46:07,610
और यह एक छोटे से हो रही है
इस बिंदु पर बोझल।

1009
00:46:07,610 --> 00:46:09,500
>> लेकिन मैं एक छोटे से अधिक सटीक हो सकता है।

1010
00:46:09,500 --> 00:46:14,530
इसके बजाय इस लागू करने की
मेरे पृष्ठ के शरीर के लिए स्टाइलशीट,

1011
00:46:14,530 --> 00:46:21,740
और क्या मैं बजाय के लिए इसे लागू कर सकते हैं,
क्या अन्य टैग है कि अभी भी हो सकता है

1012
00:46:21,740 --> 00:46:25,445
एक ही रास्ते में समारोह?

1013
00:46:25,445 --> 00:46:26,444
>> दर्शकों: p टैग?

1014
00:46:26,444 --> 00:46:27,360
डेविड जे मालन: पी टैग।

1015
00:46:27,360 --> 00:46:29,350
तो सिर नहीं होगा
सही है, क्योंकि सिर,

1016
00:46:29,350 --> 00:46:31,300
आप वास्तव में नहीं कर सकते
के सौंदर्यशास्त्र नियंत्रित करते हैं।

1017
00:46:31,300 --> 00:46:32,700
वहाँ या तो सामग्री नहीं है या नहीं।

1018
00:46:32,700 --> 00:46:36,760
लेकिन पी tag-- मैं एक छोटी सी में गोता लगा सकता हूँ
गहरी, तो बात है, पैरा करने के लिए

1019
00:46:36,760 --> 00:46:37,350
टैग।

1020
00:46:37,350 --> 00:46:41,600
और फिर भी वहाँ तीन हैं,
कि क्योंकि सीएसएस में पूरी तरह से ठीक है,

1021
00:46:41,600 --> 00:46:44,900
जब मैं सिर्फ कहते हैं कि "पी," इस
निम्नलिखित लागू करने का मतलब

1022
00:46:44,900 --> 00:46:48,300
कि इस मैच किसी भी टैग के लिए
चयनकर्ता, चयनकर्ता सिर्फ

1023
00:46:48,300 --> 00:46:49,430
टैग के नाम पर किया जा रहा है।

1024
00:46:49,430 --> 00:46:52,350
तो भी आप एक देखना
"पी" फ़ॉन्ट आकार लागू होते हैं,

1025
00:46:52,350 --> 00:46:55,222
और हम यह अधिक बनाते हैं
उचित again-- 24 बिंदु।

1026
00:46:55,222 --> 00:46:56,930
और क्या आपको पता है,
सिर्फ अच्छे उपाय के लिए,

1027
00:46:56,930 --> 00:46:59,810
रंग बनाते हैं
पल के लिए लाल बस।

1028
00:46:59,810 --> 00:47:03,740
और अब अगर मैं फिर से लोड, अब हम
तीन बदसूरत पैराग्राफ देखें।

1029
00:47:03,740 --> 00:47:07,180
>> लेकिन अब लगता है कि मैं तरह कर रहा हूँ
of-- मैं पहले पैराग्राफ चाहते हैं

1030
00:47:07,180 --> 00:47:08,210
उपयोगकर्ता पर बाहर कूद करने के लिए।

1031
00:47:08,210 --> 00:47:11,150
मैं सिर्फ बढ़ाने के लिए नहीं करना चाहती
सब कुछ के फ़ॉन्ट आकार।

1032
00:47:11,150 --> 00:47:16,105
और इसलिए मैं वास्तव में पहचान करना चाहते हैं या
इन अनुच्छेदों के बीच भेद।

1033
00:47:16,105 --> 00:47:18,730
तो चलो लाल से छुटकारा,
क्योंकि है कि बस की तरह कठिन है,

1034
00:47:18,730 --> 00:47:23,885
और आगे बढ़ते हैं और बनाते हैं
फ़ॉन्ट आकार 12 सूत्री डिफ़ॉल्ट रूप से,

1035
00:47:23,885 --> 00:47:26,260
इतना है कि हम वापस करने के लिए कुछ कर रहे हैं
एक छोटे से अधिक उचित।

1036
00:47:26,260 --> 00:47:29,190
और अब मैं सिर्फ बढ़ाना चाहते हैं
पहले पैराग्राफ का फ़ॉन्ट आकार।

1037
00:47:29,190 --> 00:47:31,440
मैं कुछ ऐसा कर सकते हैं
तरीके हैं, लेकिन एक ही रास्ता है कि

1038
00:47:31,440 --> 00:47:37,180
शायद ज्यादा से ज्यादा अनुदेशात्मक
पल निम्नलिखित करना है।

1039
00:47:37,180 --> 00:47:43,280
मुझे आगे चलते हैं और कहते हैं, इस
पैरा "पहले।" की एक अद्वितीय पहचान है

1040
00:47:43,280 --> 00:47:45,000
मैं यह कुछ भी मैं चाहता हूँ कह सकते हैं।

1041
00:47:45,000 --> 00:47:46,874
मैं इस "foo" कह सकते हैं
या किसी अन्य शब्द,

1042
00:47:46,874 --> 00:47:49,290
लेकिन मैं इसे कुछ देने के लिए जा रहा हूँ
शब्दार्थ सार्थक नाम

1043
00:47:49,290 --> 00:47:50,320
जैसे "पहले।"

1044
00:47:50,320 --> 00:47:54,790
इस अनूठी पहचानकर्ता है,
आईडी, मेरे पहले पैराग्राफ के लिए।

1045
00:47:54,790 --> 00:47:59,360
>> क्या अब मैं अपनी शैली में क्या कर सकते हैं
एक छोटे से अधिक सटीक होना है।

1046
00:47:59,360 --> 00:48:02,330
कह के बजाय, लागू
पी टैग करने के बाद,

1047
00:48:02,330 --> 00:48:04,890
मैं कह सकता हूँ following--
निम्नलिखित लागू होते हैं,

1048
00:48:04,890 --> 00:48:11,000
या चयन, HTML तत्व
कि "पहले।" की एक अद्वितीय पहचान है

1049
00:48:11,000 --> 00:48:12,350
क्या मैं इसे करने के लिए आवेदन करना चाहते हैं?

1050
00:48:12,350 --> 00:48:15,250
24-बिंदु के एक फ़ॉन्ट आकार।

1051
00:48:15,250 --> 00:48:16,640
तो अब मैं दो चयनकर्ताओं की है।

1052
00:48:16,640 --> 00:48:19,690
एक के सभी बनाता है
12 सूत्री पैराग्राफ।

1053
00:48:19,690 --> 00:48:24,960
लेकिन यह एक है, खासकर के बाद से यह आता है
second-- यह file-- में पिछले आता है

1054
00:48:24,960 --> 00:48:27,090
यह एक व्यापक प्रभाव पड़ता है।

1055
00:48:27,090 --> 00:48:30,200
मैं बस के सभी कर दिया है मेरी
पैरा टैग 12 सूत्री,

1056
00:48:30,200 --> 00:48:34,350
लेकिन यह अब और झरने
ओवरराइड करें कि किसी भी तत्व के लिए

1057
00:48:34,350 --> 00:48:38,800
पृष्ठ में, पेज जिसका में किसी भी टैग
अद्वितीय पहचान बोली गंदें शब्द बोलना है "पहले।"

1058
00:48:38,800 --> 00:48:41,720
और इस संदर्भ में हैशटैग
बस "अद्वितीय पहचानकर्ता मतलब है।"

1059
00:48:41,720 --> 00:48:43,750
मैं यह HTML फ़ाइल में मत डालो।

1060
00:48:43,750 --> 00:48:46,880
मैं, यहाँ पर, बस का कहना है
बोली गंदें शब्द बोलना "पहले।"

1061
00:48:46,880 --> 00:48:48,470
>> तो मुझे फिर से लोड करते हैं।

1062
00:48:48,470 --> 00:48:49,919
और अब मैं देख रहा हूँ, आह, ठीक है।

1063
00:48:49,919 --> 00:48:51,710
मेरा मतलब है, यह नहीं है कि
सुंदर, लेकिन यह एक तरह है

1064
00:48:51,710 --> 00:48:53,600
एक की प्रस्तावना की तरह
किताब या ऐसा कुछ,

1065
00:48:53,600 --> 00:48:55,100
जहां पहले पैराग्राफ बड़ा है।

1066
00:48:55,100 --> 00:48:57,933
साथ और भी अधिक सटीक हो सकता है
सिर्फ पहला पत्र है, लेकिन कम से कम

1067
00:48:57,933 --> 00:48:59,110
मैं और अधिक नियंत्रण प्रयोग किया है।

1068
00:48:59,110 --> 00:49:04,760
अब maybe-- शायद मैं ऐसा करना चाहते हैं
कभी कभी जो भी कारण के लिए,

1069
00:49:04,760 --> 00:49:09,010
और इसलिए मैं यह नहीं करना चाहते हैं
सिर्फ एक एचटीएमएल टैग करने के लिए लागू होते हैं।

1070
00:49:09,010 --> 00:49:15,110
बल्कि, चलो चलो चलो say--
यह भी निम्नलिखित है।

1071
00:49:15,110 --> 00:49:18,810
वर्ग = "आयात करते हैं।"

1072
00:49:18,810 --> 00:49:23,970
एक आईडी अनोखे करने के लिए इस्तेमाल किया जाता है जबकि
एक बात है, एक टैग की पहचान है,

1073
00:49:23,970 --> 00:49:30,190
अपने वेब पेज में, एक वर्ग के लिए होती है
तत्वों या टैग के किसी भी नंबर पर इस्तेमाल किया

1074
00:49:30,190 --> 00:49:30,950
अपने वेब पेज पर।

1075
00:49:30,950 --> 00:49:31,710
तो यह पुन: प्रयोज्य है।

1076
00:49:31,710 --> 00:49:33,090
एक आईडी पुन: प्रयोज्य नहीं है।

1077
00:49:33,090 --> 00:49:34,450
एक वर्ग पुन: प्रयोज्य है।

1078
00:49:34,450 --> 00:49:37,830
>> और आप जानते हैं कि क्या है, जो कुछ के लिए
दार्शनिक reasons--

1079
00:49:37,830 --> 00:49:40,180
मैं खत्म नहीं किया है मेरी
thought-- मैं कहने जा रहा हूँ

1080
00:49:40,180 --> 00:49:44,300
कि पहले पैराग्राफ और
दूसरे पैराग्राफ महत्वपूर्ण हैं।

1081
00:49:44,300 --> 00:49:48,600
तो मैं कक्षा बुलाया लागू करने के लिए जा रहा हूँ
"महत्वपूर्ण" है कि, अगर मैं अपनी फाइल को बचाने के

1082
00:49:48,600 --> 00:49:51,510
और फिर से लोड, कोई है
अभी तक कार्यात्मक प्रभाव।

1083
00:49:51,510 --> 00:49:53,780
लेकिन मैं कुछ जोड़ दिया है
फाइल करने के लिए मेटाडाटा,

1084
00:49:53,780 --> 00:49:56,610
कुछ अलग की तरह
फ़ाइल का मूल डेटा से,

1085
00:49:56,610 --> 00:50:02,300
तो यह है कि अब मेरे स्टाइलशीट में, अगर मैं
बजाय कहते हैं कि ".important" - तुम्हें पता है,

1086
00:50:02,300 --> 00:50:07,110
कुछ भी है कि महत्वपूर्ण है, मैं हूँ
font-रंग बनाने के लिए जा रहे हैं, red--

1087
00:50:07,110 --> 00:50:09,930
या यों कहें font-रंग, सिर्फ रंग नहीं।

1088
00:50:09,930 --> 00:50:12,930
वहाँ विसंगतियों है
सीएसएस में दुर्भाग्य से।

1089
00:50:12,930 --> 00:50:14,120
और पुनः लोड।

1090
00:50:14,120 --> 00:50:17,640
अब पहले नोटिस
दो पैराग्राफ लाल कर रहे हैं

1091
00:50:17,640 --> 00:50:20,880
लेकिन तीसरे नहीं, क्योंकि मैं केवल
के वर्ग के लिए आवेदन किया "महत्वपूर्ण"

1092
00:50:20,880 --> 00:50:25,020
उन चीजों में से पहले दो के लिए।

1093
00:50:25,020 --> 00:50:28,030
>> आईडी में तो, आप की क्षमता है
बहुत ठीक निर्दिष्ट करने के लिए।

1094
00:50:28,030 --> 00:50:30,110
वर्गों के साथ, आप reusability है।

1095
00:50:30,110 --> 00:50:33,800
लेकिन दोनों ही मामलों में, नोटिस
अच्छे डिजाइन सिद्धांत की तरह

1096
00:50:33,800 --> 00:50:39,072
जहां मैं बाहर के सभी सकारात्मक असर
मेरे styles.css फाइल करने के लिए सौंदर्यशास्त्र।

1097
00:50:39,072 --> 00:50:40,280
तो यहाँ कोई messiness है।

1098
00:50:40,280 --> 00:50:44,490
वहाँ लाल का कोई जिक्र नहीं है या
बोल्ड का सामना करना पड़ या इस फाइल में फ़ॉन्ट आकार।

1099
00:50:44,490 --> 00:50:49,430
बल्कि मैं शब्दार्थ है,
सार्थक अपने डेटा के रूप में होती,

1100
00:50:49,430 --> 00:50:51,240
यहाँ कुछ महत्वपूर्ण डेटा है।

1101
00:50:51,240 --> 00:50:52,800
यहाँ कुछ और महत्वपूर्ण डेटा है।

1102
00:50:52,800 --> 00:50:56,500
इसके अलावा, यहाँ है
मेरे महत्वपूर्ण डेटा की "पहले"।

1103
00:50:56,500 --> 00:51:01,050
तो HTML के बारे में सब प्रकार है
टैगिंग, सचमुच, शब्दों का

1104
00:51:01,050 --> 00:51:05,270
और पैराग्राफ और निर्माणों अपने
इन छोटे संकेत के साथ पेज, आप अगर

1105
00:51:05,270 --> 00:51:07,640
होगा, कि आप कर सकते हैं
किसी भी तरह का उपयोग कर लाभ उठाने

1106
00:51:07,640 --> 00:51:10,880
इस तरह से सीएसएस जैसे अन्य तकनीकों।

1107
00:51:10,880 --> 00:51:14,760
>> तो विक्टोरिया के प्रश्न के जवाब में,
हम पाठ कि रास्ते में बड़ा बना सकते हैं।

1108
00:51:14,760 --> 00:51:18,380
वहाँ तो कई अन्य तरीके हैं, लेकिन
फ़ॉन्ट tag-- खुला ब्रैकेट "फ़ॉन्ट" -

1109
00:51:18,380 --> 00:51:19,770
वास्तव में कई साल पुराना है।

1110
00:51:19,770 --> 00:51:21,410
और इस समस्या है,
भी, केवल निर्भर के साथ

1111
00:51:21,410 --> 00:51:23,485
ऑनलाइन resources-- पर
वे पुराना हो जाते हैं।

1112
00:51:23,485 --> 00:51:26,110
और वास्तव में, कि बहिष्कार किया गया है,
क्योंकि दुनिया का एहसास है,

1113
00:51:26,110 --> 00:51:28,970
"Font-size = 7" क्या मतलब है?

1114
00:51:28,970 --> 00:51:29,670
यह नहीं है।

1115
00:51:29,670 --> 00:51:32,770
और इतने सालों के लिए और करने के लिए
इस तरफ से एक day--

1116
00:51:32,770 --> 00:51:36,060
यहाँ लिखते हैं कि यह वास्तव में है
अविश्वसनीय रूप से दर्दनाक अब भी कभी कभी

1117
00:51:36,060 --> 00:51:38,900
के लिए स्थलों को विकसित करने के लिए
वेब, क्योंकि माइक्रोसॉफ्ट

1118
00:51:38,900 --> 00:51:44,220
और गूगल और मोज़िला और
दूसरों को अक्सर कैसे रूप में असहमत

1119
00:51:44,220 --> 00:51:47,480
HTML की तरह एक विनिर्देश व्याख्या करने के लिए।

1120
00:51:47,480 --> 00:51:52,490
>> वहाँ HTML के लिए एक नियम पुस्तिका है कि
आम तौर पर क्या हर टैग का मतलब है कहते हैं।

1121
00:51:52,490 --> 00:51:55,690
लेकिन कभी कभी यह करने के लिए छोड़ दिया है
कार्यान्वयन के विवेक,

1122
00:51:55,690 --> 00:51:57,290
माइक्रोसॉफ्ट के विवेक और गूगल।

1123
00:51:57,290 --> 00:52:00,000
और तो आप बहुत बार करेंगे
एक वेबसाइट पर देख कुछ

1124
00:52:00,000 --> 00:52:04,954
एक पीसी पर अलग दिखता है
की तुलना में यह एक मैक पर करता है,

1125
00:52:04,954 --> 00:52:06,995
और कहा कि वास्तव में है, क्योंकि,
दिन के अंत में,

1126
00:52:06,995 --> 00:52:08,891
वे यह परीक्षण नहीं किया
अच्छी तरह से दोनों प्लेटफार्मों पर।

1127
00:52:08,891 --> 00:52:11,390
लेकिन यह भी है क्योंकि उचित है,
चालाक लोग असहमत नहीं होगा

1128
00:52:11,390 --> 00:52:14,970
और कंपनियों असहमत नहीं होगा, और इसलिए
प्रोग्रामिंग की चुनौतियों में से एक

1129
00:52:14,970 --> 00:52:16,980
वेब डिजाइनिंग के लिए या
वेब के लिए चीजों को

1130
00:52:16,980 --> 00:52:21,700
एक तरह से अपनी वेबसाइट लिख रही है
कि हर वेब ब्राउज़र पर काम करता है।

1131
00:52:21,700 --> 00:52:23,410
लेकिन यह भी है कि अनुचित है, है ना?

1132
00:52:23,410 --> 00:52:27,807
इतने सारे के इतने संस्करणों रहे हैं
वहाँ से बाहर है कि ब्राउज़रों, कुछ बिंदु पर,

1133
00:52:27,807 --> 00:52:30,890
आप भी एक निर्णय फोन बनाने के लिए है
और आप एक कंपनी के रूप में फैसला करना है,

1134
00:52:30,890 --> 00:52:33,082
विशेष रूप से ई-वाणिज्य-शैली के लिए
साइटों जहाँ आप कर रहे हैं

1135
00:52:33,082 --> 00:52:36,290
नवीनतम और सबसे बड़ी उपयोग करने की कोशिश
प्रौद्योगिकियों में एक बहुत अच्छा उपयोगकर्ता देने के लिए

1136
00:52:36,290 --> 00:52:37,110
अनुभव।

1137
00:52:37,110 --> 00:52:41,019
लेकिन अपने उपयोगकर्ताओं का कुछ प्रतिशत हो सकता है
अभी भी इंटरनेट एक्सप्लोरर 6 या 7 का उपयोग हो

1138
00:52:41,019 --> 00:52:43,810
या 8, खासकर पर निर्भर करता है
देश है कि वे से आ रहे हैं।

1139
00:52:43,810 --> 00:52:46,760
>> और तो बहुत सामान्य
परामर्श में कुछ है

1140
00:52:46,760 --> 00:52:50,920
"की तरह वेब ब्राउज़र आँकड़े।"

1141
00:52:50,920 --> 00:52:56,560
और अगर हम ऐसा है-- जाना विकिपीडिया देख
और देखते हैं कि अप-टू-डेट इस चार्ट है

1142
00:52:56,560 --> 00:52:59,320
यदि वहाँ एक है।

1143
00:52:59,320 --> 00:53:02,420
यहाँ तो आप देख सकते हैं
जहां ब्राउज़र वास्तव में

1144
00:53:02,420 --> 00:53:06,160
दिसंबर 2015 के अनुसार, कर रहे हैं,
अमेरिकी सरकार के अनुसार।

1145
00:53:06,160 --> 00:53:11,170
क्रोम, 42% शेयर बाजार पर है पीछा किया
मोटे तौर पर कॉर्पोरेट सेटिंग में आईई द्वारा

1146
00:53:11,170 --> 00:53:14,490
या पीसी सेटिंग्स, ज़ाहिर है,
फ़ायरफ़ॉक्स द्वारा पीछा किया,

1147
00:53:14,490 --> 00:53:17,440
तब सफारी, ओपेरा तो नहीं किया है
यहां किसी कारण के लिए नक्शा बनाने,

1148
00:53:17,440 --> 00:53:18,210
और फिर दूसरों को।

1149
00:53:18,210 --> 00:53:19,500
हो सकता है कि यह दूसरों के तहत है।

1150
00:53:19,500 --> 00:53:27,700
लेकिन उस से अधिक समस्याग्रस्त है-
चलो देखते हैं अगर विकिपीडिया भी है

1151
00:53:27,700 --> 00:53:35,194
ब्राउज़रों के संस्करणों version--

1152
00:53:35,194 --> 00:53:36,160

1153
00:53:36,160 --> 00:53:39,190
>> के ब्राउज़र आंकड़ों के चलते हैं।

1154
00:53:39,190 --> 00:53:40,680
अर्थात।

1155
00:53:40,680 --> 00:53:42,030
यहाँ तक कि वह पर्याप्त नहीं है।

1156
00:53:42,030 --> 00:53:44,854
ब्राउज़र आँकड़े।

1157
00:53:44,854 --> 00:53:45,353
मेरा संस्करण।

1158
00:53:45,353 --> 00:53:48,980

1159
00:53:48,980 --> 00:53:50,540
यह सही होने के लिए नहीं जा रहा है।

1160
00:53:50,540 --> 00:53:53,414
चलो संस्करणों में देखते हैं।

1161
00:53:53,414 --> 00:53:54,830
ब्राउज़र बाजार में हिस्सेदारी।

1162
00:53:54,830 --> 00:53:57,110
चलो देखते हैं अगर यह ऊपर आता है।

1163
00:53:57,110 --> 00:53:57,610
ठीक।

1164
00:53:57,610 --> 00:54:00,010
अब यह हो रही है
एक छोटे से अधिक उपयोगी है।

1165
00:54:00,010 --> 00:54:04,870
तो यहाँ, नोटिस हम सब की है कि
ब्राउज़रों के विभिन्न संस्करणों।

1166
00:54:04,870 --> 00:54:09,887
और, मेरे भगवान, तुम क्रोम look-- यदि
48, क्रोम 47, क्रोम 31, क्रोम 45।

1167
00:54:09,887 --> 00:54:12,970
मेरा मतलब है, तेजी से अद्यतन ब्राउज़रों,
और कभी-कभी उन परिवर्तनों में से कुछ

1168
00:54:12,970 --> 00:54:16,430
में महत्वपूर्ण हैं
कार्यक्षमता की दृष्टि से।

1169
00:54:16,430 --> 00:54:20,630
और तो कुछ बिंदु पर,
उत्पाद प्रबंधकों या इंजीनियर

1170
00:54:20,630 --> 00:54:23,620
एक decision-- बनाने की जरूरत है आप
पता है क्या, दुनिया का केवल 1%

1171
00:54:23,620 --> 00:54:24,740
अभी भी IE 7 उपयोग कर रहा है।

1172
00:54:24,740 --> 00:54:25,490
उन लोगों के साथ भाड़ में जाए।

1173
00:54:25,490 --> 00:54:27,470
हम सिर्फ करने के लिए नहीं जा रहे हैं
कि ब्राउज़र समर्थन करते हैं।

1174
00:54:27,470 --> 00:54:28,740
और क्या इसे समर्थन नहीं करने के लिए क्या मतलब है?

1175
00:54:28,740 --> 00:54:31,170
इसका मतलब यह हो सकता है कि बटन
अपने वेब पेज पर काम नहीं करते,

1176
00:54:31,170 --> 00:54:33,050
या यह मतलब हो सकता है
स्वरूपण पूरी तरह से बंद है।

1177
00:54:33,050 --> 00:54:35,091
या आप बनाने के लिए हो सकता है
कि एक ही निर्णय फोन

1178
00:54:35,091 --> 00:54:39,089
मोबाइल इन दिनों, कहाँ, हम कर रहे हैं में
अब और आईओएस 5 समर्थन करने के लिए नहीं जा रहा।

1179
00:54:39,089 --> 00:54:40,380
तो लोगों को बस का उन्नयन किया है।

1180
00:54:40,380 --> 00:54:45,850
या फिर हम कप केक का समर्थन करने के लिए नहीं जा रहे हैं
एंड्रॉयड उपकरणों के लिए एंड्रॉयड ओएस पर,

1181
00:54:45,850 --> 00:54:48,629
क्योंकि जैसा कि world-- के रूप में
तकनीक की दुनिया आगे बढ़ना चाहता है,

1182
00:54:48,629 --> 00:54:51,170
यह एक तरह से खींचें करने के लिए चाहता है
इसके साथ दुनिया इतनी है कि वे नहीं है

1183
00:54:51,170 --> 00:54:53,295
होना करने के लिए जारी रखने के लिए
पीछे संगत वे ऐसा

1184
00:54:53,295 --> 00:54:54,920
नई और अच्छी सुविधाओं की पेशकश कर सकते हैं।

1185
00:54:54,920 --> 00:54:57,878
यह वास्तव में कारणों में से एक है
यही कारण है कि इतनी सारी कंपनियों को बाहर चल रहे हैं

1186
00:54:57,878 --> 00:55:01,440
स्वत: अद्यतन और मजबूर कर के प्रकार
हम पर सॉफ्टवेयर के नवीनतम संस्करण।

1187
00:55:01,440 --> 00:55:04,010
और भी कंपनियों
एप्पल की तरह की तरह का होगा

1188
00:55:04,010 --> 00:55:07,280
आप लगभग बल या मजबूर
आप बाजार की शक्तियों के संदर्भ में

1189
00:55:07,280 --> 00:55:11,164
एक नया फोन खरीदने के लिए है क्योंकि वे बस
अब अपने पुराने फोन अद्यतन नहीं होगा।

1190
00:55:11,164 --> 00:55:13,330
तो तुम पर बाहर याद आती है
नवीनतम और सबसे बड़ी सुविधाओं,

1191
00:55:13,330 --> 00:55:17,520
यह एक के रूप में उन्हें महंगा है, क्योंकि
कंपनी पुराने बनाए रखने के लिए, यकीनन

1192
00:55:17,520 --> 00:55:19,330
सॉफ्टवेयर के अवर संस्करणों।

1193
00:55:19,330 --> 00:55:23,660
लेकिन शुद्ध प्रभाव यह है कि
हम भी इस रूप में अच्छी तरह से पीड़ित हैं।

1194
00:55:23,660 --> 00:55:26,550
>> तो चलो बस पर एक नजर डालते हैं
अंतिम चीजों की एक जोड़ी यहाँ।

1195
00:55:26,550 --> 00:55:29,740
के असली तेजी से दस्तक जाऊं
उन अन्य गोलियां, उत्सुक हैं।

1196
00:55:29,740 --> 00:55:33,440
तो आप करने की कोशिश कर रहे थे,
उदाहरण के लिए, स्थिति के लिए

1197
00:55:33,440 --> 00:55:36,420
के विभिन्न पक्षों पर पाठ
पेज, मैं एक त्वरित तरीका क्या करने जा रहा हूँ,

1198
00:55:36,420 --> 00:55:38,360
लेकिन वहाँ अलग है
इस काम को करने के तरीके।

1199
00:55:38,360 --> 00:55:42,610
मुझे आगे जाना है और eliminate-- चलो
इस सरल प्रकार है।

1200
00:55:42,610 --> 00:55:45,330
मुझे बस को वापस जाओ मेरी
सरल, साधारण पैराग्राफ।

1201
00:55:45,330 --> 00:55:47,760
मुझे मेरे styles.css करने के लिए वापस जाओ।

1202
00:55:47,760 --> 00:55:51,040
और मैं सिर्फ simple-- का उपयोग करने के लिए जा रहा हूँ
आप गूगल पर देखा है हो सकता है

1203
00:55:51,040 --> 00:55:54,430
या earlier-- से याद
सही पाठ संरेखित।

1204
00:55:54,430 --> 00:55:56,220
और इस पृष्ठ पुनः लोड।

1205
00:55:56,220 --> 00:55:58,470
अब सब कुछ लगती है
सही गठबंधन हो सकता है,

1206
00:55:58,470 --> 00:56:00,770
जैसा कि आप यहाँ ओवरहेड पर देख सकते हैं।

1207
00:56:00,770 --> 00:56:04,470
>> हम इसे देखो कर सकते हैं एक छोटे से अधिक
किताब की तरह है, और हम कह सकते हैं "का औचित्य साबित"

1208
00:56:04,470 --> 00:56:05,640
और पुनः लोड।

1209
00:56:05,640 --> 00:56:09,870
अब यह अच्छा है और दोनों पर वर्ग है
पक्ष है, जो एक तरह से अच्छा है।

1210
00:56:09,870 --> 00:56:12,220
एक और लक्ष्य है कि हम यहाँ था
पाठ का रंग बदल गया था।

1211
00:56:12,220 --> 00:56:13,650
इसलिए हम देखा कि मेरे लाल पाठ के साथ।

1212
00:56:13,650 --> 00:56:15,630
और अब एक फार्म के लिए बटन जोड़ने।

1213
00:56:15,630 --> 00:56:19,390
तो क्यों न हम वास्तव में ऐसा करने की कोशिश क्यों नहीं करते?

1214
00:56:19,390 --> 00:56:23,656
लेकिन पहले मुझे एक साइट पर जाना है कि चलो
हम में से ज्यादातर गूगल day-- हर का उपयोग करें।

1215
00:56:23,656 --> 00:56:25,780
और चलो पर एक नज़र रखना
कैसे गूगल वास्तव में काम करता है।

1216
00:56:25,780 --> 00:56:26,821
लेकिन मैं यह करने के लिए जा रहा हूँ।

1217
00:56:26,821 --> 00:56:31,930
पहले मुझे यह in-- करना हां करते हैं,
मेरे गूगल के पहले चलते हैं।

1218
00:56:31,930 --> 00:56:34,530
मैं जाने के लिए जा रहा हूँ
Google सेटिंग में,

1219
00:56:34,530 --> 00:56:40,660
क्योंकि मैं निष्क्रिय करना चाहते हैं
कुछ तुरंत परिणाम बुलाया।

1220
00:56:40,660 --> 00:56:43,580
>> तो अगर आप में देखा हो सकता है
गूगल इन मुझे वापस जाने दिया days--

1221
00:56:43,580 --> 00:56:44,850
और इस मोड़ पर।

1222
00:56:44,850 --> 00:56:47,900
तो अगर मैं खोज शुरू
इस तरह "बिल्ली" के लिए,

1223
00:56:47,900 --> 00:56:50,120
सूचना है कि केवल ऐसा नहीं
मैं ऑटो-पूरा मिल

1224
00:56:50,120 --> 00:56:54,520
शीर्ष पर, अचानक, पृष्ठ ही
बहुत जल्दी के रूप में अच्छी तरह से बदल रहा है,

1225
00:56:54,520 --> 00:56:58,750
और कहा कि गूगल के लिए एक भाषा का प्रयोग है
मददगार बनने की कोशिश कर जावास्क्रिप्ट बुलाया।

1226
00:56:58,750 --> 00:57:01,540
लेकिन दुर्भाग्य से, यह एक तरह
के बारे में हमारी चर्चा को खराब करता है

1227
00:57:01,540 --> 00:57:04,010
क्या वास्तव में क्या हो रहा है की
हुड यहाँ के नीचे।

1228
00:57:04,010 --> 00:57:09,070
तो मैं बस की तरह जल्दी से कर रहा हूँ
तुरंत परिणाम बंद कर देते हैं।

1229
00:57:09,070 --> 00:57:11,510
और मुझे बचाने के क्लिक करने के लिए जा रहा हूँ।

1230
00:57:11,510 --> 00:57:13,930
और अब मैं खोलने के लिए जा रहा हूँ
कि नैदानिक ​​उपकरण पट्टी है कि मैं

1231
00:57:13,930 --> 00:57:16,150
नेटवर्क टैब के तहत उद्घाटन रहते हैं।

1232
00:57:16,150 --> 00:57:17,720
तो चलो यह करते हैं।

1233
00:57:17,720 --> 00:57:21,960
चलो me-- whoops--
इस थोड़ा नीचे स्क्रॉल करें।

1234
00:57:21,960 --> 00:57:24,410
और मेरे लिए खोज करते हैं "बिल्लियों।"

1235
00:57:24,410 --> 00:57:26,790
>> और अब notice-- वास्तव में,
यह एक अच्छा अवसर है

1236
00:57:26,790 --> 00:57:28,840
एक पल के लिए चर्चा की।

1237
00:57:28,840 --> 00:57:32,460
पल मैं type-- इसे रोकने पर ध्यान दें।

1238
00:57:32,460 --> 00:57:35,250
इसे रोक।

1239
00:57:35,250 --> 00:57:35,790
ठीक।

1240
00:57:35,790 --> 00:57:40,870
पल सूचना मैंने अक्षर टाइप
सी, स्क्रीन के नीचे देखो।

1241
00:57:40,870 --> 00:57:48,600
ए टी एस क्या नीचे करता है
इस स्क्रीन की, मेरे नेटवर्क टैब,

1242
00:57:48,600 --> 00:57:53,320
सुझाव है कि प्रत्येक हो रहा है
बार मैं एक अक्षर टाइप?

1243
00:57:53,320 --> 00:57:57,700
दुर्भाग्य से, मेंढक बहुत है
ध्यान भंग आज या तिपतिया

1244
00:57:57,700 --> 00:58:00,339
या वह जो कुछ भी है।

1245
00:58:00,339 --> 00:58:01,880
क्या हर बार मैं टाइप हो रहा था?

1246
00:58:01,880 --> 00:58:04,230
और मुझे स्पष्ट करते हैं
बफर और इसे फिर से लिखें।

1247
00:58:04,230 --> 00:58:06,580
So-- वूप्स।

1248
00:58:06,580 --> 00:58:13,280
हर बार जब मैं एक पत्र लिखें, सी ए T--
इसलिए एक नई पंक्ति जाहिर दिखने रहता है।

1249
00:58:13,280 --> 00:58:16,530
उन पंक्तियों में से प्रत्येक क्या प्रतिनिधित्व करता है,
हम क्या देखा और चर्चा की है पर आधारित

1250
00:58:16,530 --> 00:58:17,339
अब तक?

1251
00:58:17,339 --> 00:58:18,130
दर्शकों: एक खोज?

1252
00:58:18,130 --> 00:58:21,770
डेविड जे मालन: एक खोज, या
अधिक सामान्य रूप से, एक HTTP अनुरोध

1253
00:58:21,770 --> 00:58:23,125
सर्वर के लिए अपने ब्राउज़र से।

1254
00:58:23,125 --> 00:58:29,090
ठीक है, क्यों अपने ब्राउज़र एक HTTP कर रही है
हर बार मैं एक अक्षर टाइप अनुरोध?

1255
00:58:29,090 --> 00:58:30,502
>> दर्शकों: [सुनाई]

1256
00:58:30,502 --> 00:58:33,210
डेविड जे मालन: हाँ, यह दे रही है
मुझे इन स्वत: पूर्ण परिणाम है।

1257
00:58:33,210 --> 00:58:35,190
की तरह, जहां इन करना
खोज परिणामों से आते हैं?

1258
00:58:35,190 --> 00:58:38,120
खैर, हर बार जब मैं एक टाइप
पत्र, गूगल और अधिक भेजता

1259
00:58:38,120 --> 00:58:40,460
और अधिक से अधिक की
शब्द मैं टाइप कर रहा हूँ।

1260
00:58:40,460 --> 00:58:41,040
क्यूं कर?

1261
00:58:41,040 --> 00:58:44,540
वे मुझे एक देना चाहता हूँ क्योंकि
बेहतर और बेहतर, बेहतर सुझाव है,

1262
00:58:44,540 --> 00:58:48,880
सुझावों की एक सूची, क्या शब्द के लिए
मैं वास्तव में पूरा करने की कोशिश कर रहा हूँ।

1263
00:58:48,880 --> 00:58:53,030
तो यह सचमुच हर कहने के लिए है
चरित्र आप गूगल में टाइप

1264
00:58:53,030 --> 00:58:56,900
भेजा जा रहा है, अंततः में
थोक, लेकिन यह भी कभी कभी एक

1265
00:58:56,900 --> 00:59:00,620
आदेश को लागू करने में एक समय में
इन स्वत: पूर्ण सुविधाओं जब

1266
00:59:00,620 --> 00:59:03,000
डेटा, ज़ाहिर है, वेब पर।

1267
00:59:03,000 --> 00:59:08,780
>> अब, क्या वास्तव में एक नज़र रखना
जब मैं गूगल खोज क्लिक होता है।

1268
00:59:08,780 --> 00:59:10,420
और फिर हम यह अपने आप का लाभ उठाने देंगे।

1269
00:59:10,420 --> 00:59:15,320
तो अगर मैं बहुत करने के लिए अब नीचे स्क्रॉल
पहली अनुरोध है कि बस हो गया।

1270
00:59:15,320 --> 00:59:17,130
निम्नलिखित नोटिस।

1271
00:59:17,130 --> 00:59:25,550
यह एक काफी लंबे समय के लिए भेजा गया था URL--
https://www.google.com/search?

1272
00:59:25,550 --> 00:59:27,100
और फिर सामान की एक पूरी गुच्छा।

1273
00:59:27,100 --> 00:59:29,620
चलो यह वास्तव में अब देखना
ब्राउज़र टैब अपने आप में।

1274
00:59:29,620 --> 00:59:31,310
यहाँ उपकरण पट्टी से छुटकारा मिलता है।

1275
00:59:31,310 --> 00:59:33,140
यहाँ खोज परिणामों के पृष्ठ है।

1276
00:59:33,140 --> 00:59:34,790
और नोटिस यहाँ यूआरएल है।

1277
00:59:34,790 --> 00:59:37,430
अब, आप शायद अनुमान लगा सकते हैं
किस हिस्से में हो रहा है यहाँ।

1278
00:59:37,430 --> 00:59:39,090
तो सब से पहले, एक परिभाषा।

1279
00:59:39,090 --> 00:59:42,570
यह जाहिरा तौर पर गंतव्य है
जहां फार्म प्रस्तुत है।

1280
00:59:42,570 --> 00:59:44,910
तो जब मैं में टाइप
शब्द "बिल्ली" और हिट दर्ज करें,

1281
00:59:44,910 --> 00:59:48,460
जाहिरा तौर पर गूगल भेजा
इस यूआरएल के लिए मेरे पाठ इनपुट

1282
00:59:48,460 --> 00:59:50,770
कि मैं प्रकाश डाला है
वहाँ, खोज स्लेश।

1283
00:59:50,770 --> 00:59:56,530
पता चला है, एक यूआरएल, कुछ भी है कि में
के बाद एक प्रश्न चिह्न है होता है,

1284
00:59:56,530 --> 01:00:01,270
जैसा कि हम कह रखने के लिए, एक महत्वपूर्ण मूल्य जोड़ी
उस रूप में या किसी भी तरह टाइप किया गया था

1285
01:00:01,270 --> 01:00:04,500
से प्रेषित
सर्वर से ब्राउज़र।

1286
01:00:04,500 --> 01:00:07,180
>> इसलिए किसी भी समय आप इनपुट टाइप
वेब पर एक फार्म में

1287
01:00:07,180 --> 01:00:10,000
और यह रूप में हम है भेजा है
, पर चर्चा की गई एक मिल के माध्यम से,

1288
01:00:10,000 --> 01:00:12,400
इन में से एक आभासी
लिफाफे, सामग्री

1289
01:00:12,400 --> 01:00:15,510
की है कि हाँ envelope--, रख
शारीरिक रूप से भरवां हो रही है

1290
01:00:15,510 --> 01:00:19,010
कक्षा में लिफाफे में
आज, लेकिन तकनीकी रूप से

1291
01:00:19,010 --> 01:00:21,110
यह वास्तव में URL में डाल रहा है।

1292
01:00:21,110 --> 01:00:22,940
वास्तव में तो, मुझे इस के माध्यम से झारना करते हैं।

1293
01:00:22,940 --> 01:00:25,010
आप उपयोगकर्ता इनपुट कहाँ देखते हैं?

1294
01:00:25,010 --> 01:00:27,490
जहाँ आप कुछ देख पा रहे हैं
कि मैं अपने आप को यहाँ टाइप?

1295
01:00:27,490 --> 01:00:32,100

1296
01:00:32,100 --> 01:00:33,491
हाँ, तो "बिल्लियों।"

1297
01:00:33,491 --> 01:00:33,990
सही?

1298
01:00:33,990 --> 01:00:36,380
तो मुझे यह गढ़ने चलो
सरल कुछ में।

1299
01:00:36,380 --> 01:00:39,917
मैं के बारे में सब कुछ नष्ट करने के लिए जा रहा हूँ
इस यूआरएल है कि मुझे समझ नहीं आता,

1300
01:00:39,917 --> 01:00:42,250
और मैं बस छोड़ने के लिए जा रहा हूँ
यह this-- के रूप में / खोज? q = बिल्लियों।

1301
01:00:42,250 --> 01:00:45,640

1302
01:00:45,640 --> 01:00:47,890
हम जहां क्यू देखेंगे
एक पल में से आता है,

1303
01:00:47,890 --> 01:00:51,220
लेकिन लगता है कि कम से कम की तरह लगता है
जानकारी की मात्रा है कि मैं प्रदान की है।

1304
01:00:51,220 --> 01:00:53,050
और अब मैं हिट दर्ज करने के लिए जा रहा हूँ।

1305
01:00:53,050 --> 01:00:55,520
और यह अभी भी काम करता है नोटिस।

1306
01:00:55,520 --> 01:00:57,950
हम अभी भी बिल्लियों की एक पूरी गुच्छा वापस जाओ।

1307
01:00:57,950 --> 01:01:00,340
तो गूगल शौक़ीन है
इस से इन दिनों।

1308
01:01:00,340 --> 01:01:01,934
यह 2016, 1999 नहीं है।

1309
01:01:01,934 --> 01:01:04,600
तो वहाँ अन्य सामान है कि मेरे
ब्राउज़र सर्वर को भेज रहा है।

1310
01:01:04,600 --> 01:01:07,100
लेकिन यह न्यूनतम है
कि सभी आवश्यक है।

1311
01:01:07,100 --> 01:01:08,380
>> तो क्या चल रहा है?

1312
01:01:08,380 --> 01:01:14,320
खैर, सबसे पहले मुझे आगे जाना है और चलते हैं
वापस Cloud9 करने के लिए और मुझे आगे चलते हैं

1313
01:01:14,320 --> 01:01:15,620
और पहले मेरी टैब बंद करें।

1314
01:01:15,620 --> 01:01:18,230
और मैं इस पर पूरी कोशिश करूँगा
बस एक पल के लिए ही है।

1315
01:01:18,230 --> 01:01:20,730
मैं आगे जाने के लिए जा रहा हूँ
और नई फ़ाइल बनाएँ।

1316
01:01:20,730 --> 01:01:23,739
और मैं google.html के रूप में इसे बचाने के लिए जा रहा हूँ।

1317
01:01:23,739 --> 01:01:26,280
और मैं जा रहा हूँ बहुत quickly--
मैं चोरी करने के लिए जा रहा हूँ, वास्तव में,

1318
01:01:26,280 --> 01:01:28,510
इस पाठ के कुछ ही समय बचाने के लिए।

1319
01:01:28,510 --> 01:01:30,610
मैं यहाँ में इस पेस्ट करने जा रहा हूँ।

1320
01:01:30,610 --> 01:01:33,850
मैं के साथ परेशान करने के लिए नहीं जा रहा हूँ
किसी भी stylization इस बार।

1321
01:01:33,850 --> 01:01:38,340
हम इस फोन करने के लिए जा रहे हैं "मेरा गूगल।"

1322
01:01:38,340 --> 01:01:41,230
और मैं छुटकारा पाने के लिए जा रहा हूँ
शरीर में सब कुछ की।

1323
01:01:41,230 --> 01:01:42,740
और मैं निम्नलिखित क्या करने जा रहा हूँ।

1324
01:01:42,740 --> 01:01:45,690
मुझ में ज़ूम करते हैं।

1325
01:01:45,690 --> 01:01:50,620
action-- फार्म और मैं संक्षेप में उल्लेख किया है
whoops-- मैं संक्षेप के रूप में earlier--

1326
01:01:50,620 --> 01:01:54,130
पहले उल्लेख किया, एक की कार्रवाई
फार्म जहाँ आप करने के लिए डेटा भेज रहा है।

1327
01:01:54,130 --> 01:01:56,620
तो google.com/search।

1328
01:01:56,620 --> 01:01:59,390
और विधि मैं उपयोग करना चाहते हैं
दो चीजों में से एक हो सकता है।

1329
01:01:59,390 --> 01:02:02,870
यह या तो "मिलता है," हो सकता है के रूप में हम रख
पर चर्चा है, या यह हो सकता है 'के बाद। "

1330
01:02:02,870 --> 01:02:05,340
अभी के लिए, मौलिक
फर्क है, अगर आप का उपयोग करें "मिलता है,"

1331
01:02:05,340 --> 01:02:09,590
जानकारी है कि सभी को
उपयोगकर्ता URL में भेजा जाता है प्रदान करता है।

1332
01:02:09,590 --> 01:02:13,530
>> यही कारण है कि खोज की तरह चीजों के लिए अच्छा है
इंजन और कुछ अन्य अनुप्रयोगों

1333
01:02:13,530 --> 01:02:17,080
लेकिन क्या इन परिस्थितियों होगा
आप बाहर एक फार्म भरने के लिए नहीं चाहता

1334
01:02:17,080 --> 01:02:21,620
और जानकारी को खत्म कर दिया है
यूआरएल, अपने ब्राउजर के एड्रेस बार में पसंद है?

1335
01:02:21,620 --> 01:02:25,470

1336
01:02:25,470 --> 01:02:26,605
रूपों में से किस तरह you-- करना

1337
01:02:26,605 --> 01:02:27,480
दर्शकों: [सुनाई]

1338
01:02:27,480 --> 01:02:28,450
डेविड जे मालन: हाँ, क्या पसंद है?

1339
01:02:28,450 --> 01:02:29,270
दर्शकों: पासवर्डों।

1340
01:02:29,270 --> 01:02:31,936
डेविड जे मालन: हाँ, तो आप लॉग इन करें
फेसबुक या कुछ वेबसाइट में।

1341
01:02:31,936 --> 01:02:34,395
यही से उपयोगकर्ता इनपुट है
एक रूप है, एक पाठ बॉक्स,

1342
01:02:34,395 --> 01:02:37,020
लेकिन आप शायद यह नहीं चाहते
ब्राउज़र का यूआरएल में दिखा।

1343
01:02:37,020 --> 01:02:38,121
क्यूं कर?

1344
01:02:38,121 --> 01:02:40,870
मेरा मतलब है, शायद वहाँ कुछ कर रहे हैं
नेटवर्क पर सुरक्षा निहितार्थ

1345
01:02:40,870 --> 01:02:44,830
लेकिन चाहते more--, अधिक बस, फिर क्या हुआ अगर
अपने रूममेट, अपने महत्वपूर्ण दूसरे,

1346
01:02:44,830 --> 01:02:47,710
अपने बच्चों, अपने पति लग रहा है
अपने ब्राउज़र इतिहास के माध्यम से?

1347
01:02:47,710 --> 01:02:50,762
वहाँ अपना पासवर्ड सही है
आपके ब्राउज़र के इतिहास में वहाँ।

1348
01:02:50,762 --> 01:02:52,220
यह अच्छा डिजाइन की तरह महसूस नहीं करता है।

1349
01:02:52,220 --> 01:02:54,500
या और भी अधिक तकनीकी रूप से,
लगता है तुम कोशिश कर रहे हैं

1350
01:02:54,500 --> 01:02:59,180
फ़्लिकर के लिए एक तस्वीर अपलोड करने के लिए
या फेसबुक या wherever--

1351
01:02:59,180 --> 01:03:03,010
कि, उपयोगकर्ता इनपुट है, भले ही
यह interesting-- कैसे एक छोटे से अधिक है

1352
01:03:03,010 --> 01:03:05,530
मैं यूआरएल बार में एक छवि रटना है?

1353
01:03:05,530 --> 01:03:06,730
आप की तरह की तरह नहीं कर सकते।

1354
01:03:06,730 --> 01:03:07,396
आप की तरह कर सकते हैं।

1355
01:03:07,396 --> 01:03:10,210
लेकिन, वास्तव में, मैं कठिन दौर से गुजर रहा हूँ
कर रही है कि कल्पना करना।

1356
01:03:10,210 --> 01:03:13,470
इसलिए मुझे लगता है के लिए एक और विधि की जरूरत
एक वेबसाइट पर फोटो अपलोड करने,

1357
01:03:13,470 --> 01:03:15,657
और कहा कि अन्य विधि "के बाद।" कहा जाता है

1358
01:03:15,657 --> 01:03:18,740
लेकिन अब के लिए, हम बस के बारे में बात करेंगे
"मिलता है," जो दो की मदद की है।

1359
01:03:18,740 --> 01:03:21,100
यह सिर्फ कहते हैं सब
URL में उपयोगकर्ता इनपुट।

1360
01:03:21,100 --> 01:03:22,830
>> तो यहाँ प्रपत्र मैं पैदा कर रहा हूँ।

1361
01:03:22,830 --> 01:03:24,070
मैं एक इनपुट चाहते हैं।

1362
01:03:24,070 --> 01:03:24,820
और क्या आपको पता है?

1363
01:03:24,820 --> 01:03:26,111
मैं यहाँ एक अनुमान लेने के लिए जा रहा हूँ।

1364
01:03:26,111 --> 01:03:31,600
मुझे याद है करने जा रहा हूँ मेरे
इनपुट के लिए 'क्यू' 'क्वेरी। "

1365
01:03:31,600 --> 01:03:34,970
और मुझे लगता है कि इस में से एक है
मूल डिजाइन, शायद, 1999 से।

1366
01:03:34,970 --> 01:03:39,560
और फिर इस इनपुट के प्रकार
सिर्फ होने जा रहा है "पाठ।"

1367
01:03:39,560 --> 01:03:43,040
और फिर मैं एक और इनपुट के लिए जा रहा हूँ
कि एक नाम की जरूरत नहीं है, जैसा कि हम जल्द ही करेंगे

1368
01:03:43,040 --> 01:03:45,120
देखते हैं, जिनमें से प्रकार है "भेजें।"

1369
01:03:45,120 --> 01:03:47,070
और यह करने के लिए जा रहा है
मुझे एक विशेष बटन दे।

1370
01:03:47,070 --> 01:03:48,320
और बस।

1371
01:03:48,320 --> 01:03:50,790
>> तो मुझे आगे जाना है और इस फाइल को बचाने के लिए करते हैं।

1372
01:03:50,790 --> 01:03:54,910
मैं करने के लिए वापस जाने के लिए जा रहा हूँ मेरे
ब्राउज़र और google.html के पास जाओ।

1373
01:03:54,910 --> 01:03:56,140
दर्ज।

1374
01:03:56,140 --> 01:03:59,680
और यह विरल की तरह है
कम से कम कहने के लिए।

1375
01:03:59,680 --> 01:04:03,110
लेकिन मुझे आगे चलते हैं
और के लिए खोज "बिल्लियों।"

1376
01:04:03,110 --> 01:04:06,510
और नोटिस मैं वर्तमान में हूँ
इस Cloud9 URL पर।

1377
01:04:06,510 --> 01:04:09,240
लेकिन इस समय मैं इस पर क्लिक करें,
जहां आप आशा है कि मैं अंत होगा?

1378
01:04:09,240 --> 01:04:10,160
>> दर्शकों: गूगल।

1379
01:04:10,160 --> 01:04:11,118
>> डेविड जे मालन: गूगल।

1380
01:04:11,118 --> 01:04:12,740
तो चलो सबमिट क्लिक करें।

1381
01:04:12,740 --> 01:04:15,200
और मैं वास्तव में गूगल को फिर से क्रियान्वित किया है।

1382
01:04:15,200 --> 01:04:15,700
सही?

1383
01:04:15,700 --> 01:04:16,480
यह आसान है।

1384
01:04:16,480 --> 01:04:17,120
यह हल्का है।

1385
01:04:17,120 --> 01:04:20,350
मेरा मतलब है, मेरे कोड को स्पष्ट रूप से बेहतर है
उनकी, गंदगी से हम पहले देखा था।

1386
01:04:20,350 --> 01:04:21,100
और क्या आपको पता है?

1387
01:04:21,100 --> 01:04:22,610
मैं यह एक छोटा सा मसाला करने के लिए जा रहा हूँ।

1388
01:04:22,610 --> 01:04:23,860
मैं यह पहले उल्लेख नहीं किया।

1389
01:04:23,860 --> 01:04:27,860
वहाँ एच 1 की तरह टैग, 1 शीर्षक के लिए कर रहे हैं,
एक पेज में सबसे महत्वपूर्ण शीर्षक।

1390
01:04:27,860 --> 01:04:30,570
"मेरे गूगल," मैं इस फोन करता हूँ।

1391
01:04:30,570 --> 01:04:31,940
मेरे फिर से लोड करते हैं।

1392
01:04:31,940 --> 01:04:33,772
यह पहले से ही एक छोटे से बेहतर लग रही है।

1393
01:04:33,772 --> 01:04:34,980
और, वास्तव में, तुम जानते हो क्या?

1394
01:04:34,980 --> 01:04:36,430
मैं already-- मैं झूठ बोला है।

1395
01:04:36,430 --> 01:04:40,200
मैंने कहा कि मैं इस शैली के लिए नहीं जा रहा था,
लेकिन मैं पहले की तरह इस शैली के लिए जा रहा हूँ।

1396
01:04:40,200 --> 01:04:46,860
और मेरा शरीर है, होने जा रहा है
हम कहते हैं कि पाठ के अनुरूप केंद्र करते हैं।

1397
01:04:46,860 --> 01:04:48,800
यह और अधिक गूगल की तरह पहले से ही लग रही है।

1398
01:04:48,800 --> 01:04:51,090
>> मैं एक लाइन को तोड़ने की जरूरत है, हालांकि,
इसके लिए बटन सबमिट करें।

1399
01:04:51,090 --> 01:04:52,798
और यह पता चला है, तो आप
पैराग्राफ उपयोग कर सकते हैं,

1400
01:04:52,798 --> 01:04:57,320
या आप अधिक सचमुच सिर्फ कह सकते हैं,
मुझे एक पंक्ति विराम बीआर टैग here-- दे।

1401
01:04:57,320 --> 01:04:59,319
और अगर मैं इस पुनः लोड है, अब यह वहाँ चला जाता है।

1402
01:04:59,319 --> 01:05:01,610
यह एक छोटे से बदसूरत है, तो मैं
कई लाइन टूट कर सकता है,

1403
01:05:01,610 --> 01:05:03,310
लेकिन यहाँ भी लालची नहीं मिलता है।

1404
01:05:03,310 --> 01:05:06,430
तो अब देखते हैं अगर इसके लिए काम करता है "कुत्तों।"

1405
01:05:06,430 --> 01:05:08,640
यह रूप में अच्छी तरह "कुत्तों," के लिए काम करने लगता है।

1406
01:05:08,640 --> 01:05:10,780
तो क्या सम्मोहक takeaway यहाँ है?

1407
01:05:10,780 --> 01:05:13,600
One-- करने के लिए एक बड़ी छलांग नहीं था
, कुछ और टैग परिचय

1408
01:05:13,600 --> 01:05:15,370
इनपुट टैग में प्रपत्र टैग की तरह।

1409
01:05:15,370 --> 01:05:17,120
लेकिन अधिक मौलिक
है, हम सभी कर रहे हैं

1410
01:05:17,120 --> 01:05:20,610
हमारी समझ को विस्तार दे रहा है
HTTP और तथ्य की

1411
01:05:20,610 --> 01:05:24,900
कि रूपों अंततः बदल
ब्राउज़र की URL में क्या है,

1412
01:05:24,900 --> 01:05:28,540
और हां, तो इसलिए, हम कर सकते हैं
यंत्रवत् एक सर्वर के लिए इनपुट प्रदान

1413
01:05:28,540 --> 01:05:33,600
एक HTML फार्म बनाने और जानने के द्वारा
उस सर्वर HTTP समझता है,

1414
01:05:33,600 --> 01:05:36,890
सिर्फ हमारे शरीर है, समझता है की तरह की तरह है,
मेरे हाथ मिलाते हुए, कि एक ही प्रोटोकॉल,

1415
01:05:36,890 --> 01:05:40,920
और इसलिए हम प्रतिक्रिया वापस पाने के
हम उम्मीद करते हैं कि अंततः।

1416
01:05:40,920 --> 01:05:44,050
>> तो चलो एक करने की कोशिश करते हैं
आखिरी बात अब मोबाइल के साथ,

1417
01:05:44,050 --> 01:05:47,052
और मैं make-- हूँ मैं जोड़ देंगे
स्लाइड्स के लिए इस कोड।

1418
01:05:47,052 --> 01:05:49,760
आप टिंकर करने के लिए, आप चाहें तो अगर
निश्चित रूप से वहाँ से ले सकते हैं।

1419
01:05:49,760 --> 01:05:51,551
लेकिन मैं जाने के लिए जा रहा हूँ
आगे और एक काम करो।

1420
01:05:51,551 --> 01:05:54,120
मैं आगे जाने के लिए जा रहा हूँ और
मेरे सूचकांक page-- ऊपर खुला

1421
01:05:54,120 --> 01:05:59,030
मेरे हैलो पेज के रूप में पहले, जो
यह अशुद्ध लैटिन पाठ का एक बहुत है

1422
01:05:59,030 --> 01:06:05,470
या व्यर्थ लैटिन पाठ, और has--
यह इस फ़ॉन्ट आकार में इस तरह दिखता है।

1423
01:06:05,470 --> 01:06:07,850
लेकिन मुझे आगे जाना है और यह करते हैं।

1424
01:06:07,850 --> 01:06:09,300
मैं Cloud9 में जाने के लिए जा रहा हूँ।

1425
01:06:09,300 --> 01:06:10,380
और अगर आप इस कदम करने के लिए नहीं है।

1426
01:06:10,380 --> 01:06:11,420
मैं सिर्फ यह खुद कर लेंगे।

1427
01:06:11,420 --> 01:06:12,890
मैं साझा क्लिक करने के लिए जा रहा हूँ।

1428
01:06:12,890 --> 01:06:15,170
और यह एक विशेषता है
सिर्फ Cloud9, जिससे की

1429
01:06:15,170 --> 01:06:17,710
मैं अपने पर्यावरण सार्वजनिक बना सकते हैं।

1430
01:06:17,710 --> 01:06:20,240
>> और बस की खातिर
प्रदर्शन, मुझे यह करते हैं।

1431
01:06:20,240 --> 01:06:22,870
मैं अपने आवेदन को सार्वजनिक करने के लिए जा रहा हूँ।

1432
01:06:22,870 --> 01:06:25,230
सूचना है कि यह मुझे चेतावनी है, कर रहा हूँ
मुझे यकीन है कि मैं ऐसा करना चाहते हैं,

1433
01:06:25,230 --> 01:06:28,438
क्योंकि यह हर किसी के बनाने जा रही है
दुनिया में, चाहे वे अब यहाँ कर रहे हैं

1434
01:06:28,438 --> 01:06:33,560
या पर बाद में वीडियो देख रहा
इंटरनेट सक्षम देखने के लिए मैं क्या देखते हैं।

1435
01:06:33,560 --> 01:06:34,440
लेकिन यह ठीक है।

1436
01:06:34,440 --> 01:06:37,870
मैं कहने जा रहा हूँ "हो गया।"

1437
01:06:37,870 --> 01:06:42,080
और, मेरे लिए प्रोत्साहित करते हैं, तो मैंने किया
यह मेरे लिए यह पहला परीक्षण करते हैं correctly--।

1438
01:06:42,080 --> 01:06:45,590
आगे बढ़ो, अगर आप mind-- नहीं है
अपने कंप्यूटर पर एक ब्राउज़र में,

1439
01:06:45,590 --> 01:06:49,900
इस यूआरएल के लिए जाना है, और उम्मीद है कि
तुम मेरे लैटिन पाठ देखेंगे।

1440
01:06:49,900 --> 01:06:52,820
और स्पष्ट हो, यह
अपने लैपटॉप पर नहीं चल रहा है।

1441
01:06:52,820 --> 01:06:53,610
यह बादल में है।

1442
01:06:53,610 --> 01:06:58,120
यह सचमुच, Cloud9 पर है, लेकिन
मैं अपने कार्यक्षेत्र सार्वजनिक कर दिया है

1443
01:06:58,120 --> 01:07:03,450
तो यह है कि इंटरनेट पर किसी को भी
मेरे लैटिन घर पृष्ठ का उपयोग कर सकते हैं।

1444
01:07:03,450 --> 01:07:07,209
>> पर उसी यूआरएल पर जाएं
अपने फोन को, अगर तुम सकता है।

1445
01:07:07,209 --> 01:07:09,750
यदि यह आप, हालांकि, आप खर्च होगा
सिर्फ एक कंधे पर देख सकते हैं।

1446
01:07:09,750 --> 01:07:40,688

1447
01:07:40,688 --> 01:07:42,467
दर्शकों: [सुनाई]

1448
01:07:42,467 --> 01:07:43,550
डेविड जे मालन: मैं माफी चाहता हूँ?

1449
01:07:43,550 --> 01:07:45,390
दर्शकों: [सुनाई]

1450
01:07:45,390 --> 01:07:47,710
डेविड जे मालन: बस लैटिन शब्द।

1451
01:07:47,710 --> 01:07:48,210
बस इतना ही।

1452
01:07:48,210 --> 01:07:49,250
लेकिन यह है कि आप क्या देखना चाहिए है।

1453
01:07:49,250 --> 01:07:49,875
>> दर्शकों: हाँ।

1454
01:07:49,875 --> 01:07:50,790
डेविड जे मालन: हाँ।

1455
01:07:50,790 --> 01:07:51,300
हाँ।

1456
01:07:51,300 --> 01:07:51,540
ठीक।

1457
01:07:51,540 --> 01:07:53,530
इसलिए मुझे पकड़ कर सकते हैं अपने
बस एक पल के लिए फोन?

1458
01:07:53,530 --> 01:07:57,504
इसलिए, उम्मीद है, आप तक पहुँच रहे हैं
यह है, यह लगभग अपठनीय दिखना चाहिए।

1459
01:07:57,504 --> 01:07:59,920
यह still-- मेरा मतलब है, यह है
लैटिन की वजह से अपठनीय।

1460
01:07:59,920 --> 01:08:01,920
लेकिन यह भी अस्पष्ट है
क्या अन्य कारण के लिए?

1461
01:08:01,920 --> 01:08:03,775
की तरह, क्या आप इस बारे में displeases?

1462
01:08:03,775 --> 01:08:04,650
दर्शकों: यह छोटा है।

1463
01:08:04,650 --> 01:08:06,420
डेविड जे मालन: यह सुपर सुपर छोटा है।

1464
01:08:06,420 --> 01:08:07,920
इसलिए हम यह कैसे तय कर सकता है?

1465
01:08:07,920 --> 01:08:09,730
यह सुपर सुपर छोटा है
विक्टोरिया के फोन पर

1466
01:08:09,730 --> 01:08:11,400
और, आप खींच लिया है, तो
इसे अपने आप को, शायद

1467
01:08:11,400 --> 01:08:14,660
अपने फोन पर छोटे रूप में अच्छी तरह से, आप जब तक
पहुंच सेटिंग्स सक्षम है।

1468
01:08:14,660 --> 01:08:15,530
वह क्या है?

1469
01:08:15,530 --> 01:08:18,497
तुम बस चुटकी सकता है और
जूम, जो व्यावहारिक है,

1470
01:08:18,497 --> 01:08:20,330
लेकिन तब आप केवल देखना
एक समय में कुछ शब्द।

1471
01:08:20,330 --> 01:08:20,859
तो एक मिनट रुको।

1472
01:08:20,859 --> 01:08:21,720
मैं यह कैसे तय करने के लिए जानते हैं।

1473
01:08:21,720 --> 01:08:22,219
सही?

1474
01:08:22,219 --> 01:08:26,130
मैं सीएसएस इस्तेमाल कर सकते हैं, और मैं बदल सकता है
12-बिंदु से 24 सूत्री के लिए फ़ॉन्ट आकार।

1475
01:08:26,130 --> 01:08:29,020
लेकिन उस के पक्ष प्रभाव,
जाहिर है, अब होने जा रहा है,

1476
01:08:29,020 --> 01:08:32,630
एक डेस्कटॉप या लैपटॉप पर,
अब पाठ में बड़े रूप में दो बार है।

1477
01:08:32,630 --> 01:08:35,810
और तो यह एक तरह से अच्छा होगा
उपकरणों के बीच भेद करने के लिए,

1478
01:08:35,810 --> 01:08:37,840
और यह वहाँ पता चला है
कर रही है कि के तरीके हैं।

1479
01:08:37,840 --> 01:08:39,590
बहुत सारे है
अलग अलग तरीकों से, वास्तव में,

1480
01:08:39,590 --> 01:08:44,189
जिससे सीएसएस और शौक़ीन सुविधाओं का उपयोग
कि हम महान विस्तार में नहीं जाऊँगा,

1481
01:08:44,189 --> 01:08:46,960
आप अनिवार्य रूप से क्वेरी कर सकते हैं
ब्राउज़र और कहते हैं,

1482
01:08:46,960 --> 01:08:51,550
अगर आपके स्क्रीन इस से छोटा होता है
कई पिक्सल, इस फ़ॉन्ट आकार का उपयोग करें।

1483
01:08:51,550 --> 01:08:55,180
यदि आपकी स्क्रीन इस से भी बड़ा है
कई पिक्सल, यह अन्य फ़ॉन्ट आकार का उपयोग करें।

1484
01:08:55,180 --> 01:08:57,080
>> आप अभी भी शौक़ीन हो सकता है।

1485
01:08:57,080 --> 01:09:00,140
आप कभी भी दौरा किया गया है एक
वेब पेज है कि, एक डेस्कटॉप पर,

1486
01:09:00,140 --> 01:09:04,404
शायद के लिए रवाना एक बड़ी सूची है
पक्ष, और फिर सामग्री के सभी

1487
01:09:04,404 --> 01:09:07,029
कि के पक्ष में है menu--
कि एक आम प्रतिमान की तरह है।

1488
01:09:07,029 --> 01:09:09,670
छोड़ दिया, सामग्री पर मेनू
ठीक है, या ठीक इसके विपरीत है।

1489
01:09:09,670 --> 01:09:13,569
वास्तव में मोबाइल पर काम नहीं करता है जब आपके
स्क्रीन केवल यह कई पिक्सल चौड़ा है।

1490
01:09:13,569 --> 01:09:16,233
इसलिए अधिक आम मोबाइल है पर,
अपने मेनू अचानक मिल जाएगा

1491
01:09:16,233 --> 01:09:18,399
ध्वस्त हो गई, और आप के लिए है
एक बटन को क्लिक करें यह देखने के लिए,

1492
01:09:18,399 --> 01:09:22,404
या वेबसाइट मेनू डाल देंगे
यह ऊपर और नीचे सामग्री डाल दिया।

1493
01:09:22,404 --> 01:09:24,779
और अगर आप इन लागू कर सकते हैं
कई मायनों में बातें भी।

1494
01:09:24,779 --> 01:09:28,340
आप अपने प्रोग्रामर पूछ सकते हैं,
अरे, टीम, किसी भी समय

1495
01:09:28,340 --> 01:09:34,450
आप एक Android से एक HTTP अनुरोध देखना
डिवाइस, एक माइक्रोसॉफ्ट डिवाइस, एक गूगल

1496
01:09:34,450 --> 01:09:39,930
डिवाइस, एक एप्पल डिवाइस, इस का उपयोग
फ़ॉन्ट आकार और यह मेनू लेआउट का उपयोग,

1497
01:09:39,930 --> 01:09:42,670
वरना यह डिफ़ॉल्ट बड़ा लेआउट का उपयोग करें।

1498
01:09:42,670 --> 01:09:45,410
>> अब, उपयोग क्या
मौलिक तकनीक आज

1499
01:09:45,410 --> 01:09:48,529
इंजीनियरों इस्तेमाल कर सकते हैं
पता है कि यह है कि क्या

1500
01:09:48,529 --> 01:09:53,660
एक iPhone, एक Android फोन, एक लैपटॉप,
एक डेस्कटॉप कंपनी के सर्वर का दौरा?

1501
01:09:53,660 --> 01:09:55,310
जिसमें वे कहते हैं कि जानकारी प्राप्त करते हैं?

1502
01:09:55,310 --> 01:09:56,080
>> दर्शकों: हैडर?

1503
01:09:56,080 --> 01:09:57,740
>> डेविड जे मालन: हाँ, HTTP हेडर।

1504
01:09:57,740 --> 01:10:01,714
तो हर HTTP अनुरोध से आ रही
अपने ग्राहकों को अपने सर्वर को

1505
01:10:01,714 --> 01:10:03,880
कि आभासी अंदर शामिल
लिफाफा, एक पूरी गुच्छा

1506
01:10:03,880 --> 01:10:08,260
HTTP हेडर की है, जिनमें से एक है
ब्राउज़र और ऑपरेटिंग सिस्टम

1507
01:10:08,260 --> 01:10:10,290
यहां तक ​​कि, आप के लिए परवाह है
विस्तार के उस स्तर।

1508
01:10:10,290 --> 01:10:13,790
अब, यह एक गुप्त दिखने स्ट्रिंग है, लेकिन
सॉफ्टवेयर है कि वहां मौजूद सिर्फ होगा

1509
01:10:13,790 --> 01:10:18,530
को आसान बनाने कि, और तुम सिर्फ पूछ सकते हैं
प्रोग्रामिंग code-- पीएचपी, जावा, सी ++ में,

1510
01:10:18,530 --> 01:10:23,650
whatever-- क्या फोन this-- है
क्या डिवाइस का उपयोग कर इस उपयोगकर्ता है?

1511
01:10:23,650 --> 01:10:27,501
और फिर आप कह सकते हैं, उन्हें इस शो
वेबसाइट के संस्करण में अगर यह एक फोन है।

1512
01:10:27,501 --> 01:10:30,250
उनमें से इस संस्करण दिखाएँ
वेबसाइट अगर यह एक लैपटॉप या डेस्कटॉप है।

1513
01:10:30,250 --> 01:10:32,316
लेकिन तुम भी जरूरत नहीं है
सर्वर साइड जटिलता।

1514
01:10:32,316 --> 01:10:33,940
आप चीजों की भी सरल कर सकते हैं।

1515
01:10:33,940 --> 01:10:34,815
>> मैं यह करने के लिए जा रहा हूँ।

1516
01:10:34,815 --> 01:10:38,995
मैं में आगे जाने के लिए जा रहा हूँ
मेरे Cloud9 पर्यावरण,

1517
01:10:38,995 --> 01:10:41,370
और मैं एक और टैग को जोड़ने के लिए जा रहा हूँ
है कि आप पहले गूगल में देखा था।

1518
01:10:41,370 --> 01:10:42,770
यह मेटाटैग कहा जाता है।

1519
01:10:42,770 --> 01:10:45,520
और मैं इस एक याद कभी नहीं, इसलिए
मैं इसे यहाँ टाइप करने के लिए जा रहा हूँ।

1520
01:10:45,520 --> 01:10:50,552
मेटा नाम = "व्यूपोर्ट" और फिर
सामग्री = "चौड़ाई = डिवाइस चौड़ाई, intital

1521
01:10:50,552 --> 01:11:02,060
पैमाने = 1 "और यह बात है।

1522
01:11:02,060 --> 01:11:06,230
>> तो यह भी हो सकता है
एक जादुई जादू की तरह।

1523
01:11:06,230 --> 01:11:11,300
यह सब है कि स्पष्ट नहीं है, लेकिन यह है
व्यूपोर्ट के साथ क्या कुछ,

1524
01:11:11,300 --> 01:11:15,070
और व्यूपोर्ट सिर्फ एक के शरीर है
वेब पेज, आयताकार क्षेत्र है कि

1525
01:11:15,070 --> 01:11:16,690
पेज के सबसे परिभाषित करता है।

1526
01:11:16,690 --> 01:11:19,060
और यह सिर्फ कह रही है
ब्राउज़र, तुम जानते हो क्या?

1527
01:11:19,060 --> 01:11:22,589
इस पृष्ठ की चौड़ाई बनाओ
प्रभावी ढंग से युक्ति चौड़ाई के बराबर है।

1528
01:11:22,589 --> 01:11:25,380
दूसरे शब्दों में, यह है कि मान नहीं है
आप असीमित अंतरिक्ष की तरह है।

1529
01:11:25,380 --> 01:11:29,920
मान लें कि आप केवल के रूप में ज्यादा है
युक्ति स्वयं के रूप में अंतरिक्ष बड़ा है।

1530
01:11:29,920 --> 01:11:34,454
और इसलिए अब, अगर मैं यह फिर से लोड
अपने ब्राउज़र में, मैं कोई परिवर्तन नहीं देखते हैं।

1531
01:11:34,454 --> 01:11:37,370
लेकिन अगर मैं इस correctly-- किया था और
मुझे मेरे fingers-- को पार करते हैं, तो आप सभी

1532
01:11:37,370 --> 01:11:42,920
अपने फोन को फिर से लोड, तुम क्या
एक सम्मोहक परिवर्तन देखते हैं?

1533
01:11:42,920 --> 01:11:43,620
हाँ, that-- है

1534
01:11:43,620 --> 01:11:45,067
>> दर्शकों: [सुनाई]

1535
01:11:45,067 --> 01:11:45,900
डेविड जे मालन: हां।

1536
01:11:45,900 --> 01:11:46,400
ठीक।

1537
01:11:46,400 --> 01:11:47,850
तो यकीनन अधिक पठनीय अब?

1538
01:11:47,850 --> 01:11:53,070
अभी भी छोटे, निष्पक्ष हो, लेकिन नहीं
इतनी के रूप में छोटे असहनीय होने के लिए।

1539
01:11:53,070 --> 01:11:56,920
और मैं निश्चित रूप से इस पर हावी हो सकता है
आगे सीएसएस के साथ या सर्वर साइड पर,

1540
01:11:56,920 --> 01:12:00,120
लेकिन तेजी से आप क्या कर रहे हैं
देखकर अधिक से अधिक सुविधाओं है

1541
01:12:00,120 --> 01:12:02,900
में जोड़ा जा रहा
क्लाइंट साइड environments--

1542
01:12:02,900 --> 01:12:06,530
जावास्क्रिप्ट, के रूप में हम चर्चा करेंगे
कल, सीएसएस, और इसलिए HTML--

1543
01:12:06,530 --> 01:12:09,190
इन प्रश्नों के सभी कि
ग्राहक पर किया जा सकता है

1544
01:12:09,190 --> 01:12:11,910
इतनी के रूप में परेशान करने के लिए
सर्वर एक बहुत कम है और नहीं

1545
01:12:11,910 --> 01:12:14,530
के लिए साथ रखने के लिए, के लिए है
उदाहरण के लिए, लगातार हमले

1546
01:12:14,530 --> 01:12:17,210
नए ऑपरेटिंग सिस्टम की
संस्करण, नई ब्राउज़र संस्करणों।

1547
01:12:17,210 --> 01:12:20,190
तुम बस ब्राउज़र में दे सकते हैं
डिवाइस से पूछते हैं, कितना बड़ा है, आप कर रहे हैं

1548
01:12:20,190 --> 01:12:22,890
और फिर कुछ हद तक तार्किक बनाना
उस पर आधारित निर्णय।

1549
01:12:22,890 --> 01:12:25,140
लेकिन हम और अधिक अवसर देखेंगे
तार्किक निर्णय के लिए

1550
01:12:25,140 --> 01:12:27,223
इस संदर्भ में कल
एक प्रोग्रामिंग भाषा का।

1551
01:12:27,223 --> 01:12:29,800

1552
01:12:29,800 --> 01:12:32,760
>> तो, किसी भी सवाल है, तो,
वेब विकास पर?

1553
01:12:32,760 --> 01:12:36,130
आज वेब प्रोग्रामिंग, प्रति नहीं है
एसई, के बाद से सबसे सब कुछ हमने किया

1554
01:12:36,130 --> 01:12:38,370
अगर तुम जाएगा, बहुत सौंदर्य था।

1555
01:12:38,370 --> 01:12:41,750
वहाँ में कोई निर्णय लेने की है
कोड है कि हमने लिखा है,

1556
01:12:41,750 --> 01:12:44,990
और इतना है कि क्यों एचटीएमएल मार्कअप है
भाषा नहीं, एक प्रोग्रामिंग भाषा।

1557
01:12:44,990 --> 01:12:47,140
लेकिन कल हम ले लेंगे
एक त्वरित देखो, अंत में,

1558
01:12:47,140 --> 01:12:49,340
जावास्क्रिप्ट पर है, जो है
एक वास्तविक प्रोग्रामिंग

1559
01:12:49,340 --> 01:12:54,220
हमें थोड़ा और अधिक करने की सुविधा देता है कि भाषा।

1560
01:12:54,220 --> 01:12:56,800
>> कोई सवाल?

1561
01:12:56,800 --> 01:13:00,480
खैर, मुझे दो का प्रस्ताव
होमवर्क के लिए वैकल्पिक अवसरों।

1562
01:13:00,480 --> 01:13:02,900
इनमें से एक Cloud9 है-
खातों समाप्त नहीं होगा।

1563
01:13:02,900 --> 01:13:04,669
आप का उपयोग करने के लिए स्वागत कर रहे हैं
उनके साथ टिंकर करने के लिए।

1564
01:13:04,669 --> 01:13:05,960
यह सेवा से मुक्त स्तर है।

1565
01:13:05,960 --> 01:13:08,754
एहसास है कि, अगर जब बनाने
अपने कार्यक्षेत्र, आप इसे सार्वजनिक किया

1566
01:13:08,754 --> 01:13:11,670
उस पर है कि किसी को क्या मतलब है
इंटरनेट क्या आप टाइप कर रहे हैं देख सकते हैं।

1567
01:13:11,670 --> 01:13:15,104
तो शायद अभी विचार
अपने आप को शर्मिंदा नहीं

1568
01:13:15,104 --> 01:13:18,020
आप अपनी पहली वेब डाल रहे हैं
वहाँ से बाहर पेज सार्वजनिक रूप से गलती से,

1569
01:13:18,020 --> 01:13:20,134
लेकिन कोई नहीं जा रहा है
वहाँ वैसे भी देखने के लिए पता।

1570
01:13:20,134 --> 01:13:23,760
>> और मुझे टॉस जाने two--
इस यूआरएल के रूप में अच्छी तरह से,

1571
01:13:23,760 --> 01:13:28,250
आप आज एक में आया है, खासकर अगर
थोड़ा दूसरों की तुलना में कम आराम से,

1572
01:13:28,250 --> 01:13:30,430
अनिश्चित क्या यह सब सामान का मतलब है।

1573
01:13:30,430 --> 01:13:36,780
लगता है कि ज्यादा इस वीडियो से अधिक महसूस,
जो दोनों एक अच्छा तरीका सो जाते है

1574
01:13:36,780 --> 01:13:39,380
और यह भी, जबकि हंसी के लिए
ऐसा करने से, यह भी है

1575
01:13:39,380 --> 01:13:44,300
societally दिलचस्प का एक बहुत
और सुरक्षा प्रासंगिक विचार विमर्श

1576
01:13:44,300 --> 01:13:47,370
उसमें जॉन ओलिवर से,
एक हास्य अभिनेता यद्यपि।

1577
01:13:47,370 --> 01:13:55,456
>> लेकिन अगर आगे कोई सवाल नहीं कर रहे हैं,
कि स्वागत के लिए लाता है।

1578
01:13:55,456 --> 01:13:56,830
तो क्यों मैं संगीत पर बारी नहीं है।

1579
01:13:56,830 --> 01:13:58,610
यहां पेय होना चाहिए
और बाहर नाश्ता।

1580
01:13:58,610 --> 01:14:00,220
मैं के रूप में करने के लिए आपस में मिलना खुश हूँ
लंबे समय तक लोगों की तरह होता है,

1581
01:14:00,220 --> 01:14:01,600
सवाल अधिक पर एक-एक जवाब।

1582
01:14:01,600 --> 01:14:03,330
लेकिन, अन्यथा, तुम्हारा स्वागत है
किसी भी बिंदु पर बंद लेने के लिए,

1583
01:14:03,330 --> 01:14:05,740
और हम तुम्हें फिर से देख लेंगे
थोड़ा और अधिक के लिए कल सुबह।

1584
01:14:05,740 --> 01:14:07,290
ठीक है धन्यवाद।

1585
01:14:07,290 --> 01:14:10,428