[Powered by Google Translate] [7 सप्ताह जारी रखा]
[डेविड जे Malan, हार्वर्ड विश्वविद्यालय]
[यह CS50 है.] [CS50.TV]
सही सभी. वापस स्वागत है. इस CS50 है,
और यह 7 सप्ताह के अंत में है.
तो इन बेवकूफ छोटी चीजें है कि इंटरनेट के आसपास चला जाता है एक
और हम slurped, और यह अब आप geeky भावना का एक छोटा सा करना चाहिए.
खैर, यह इस आदमी के लिए मजेदार था की तुलना में यह तुम लोगों के लिए था.
की बात हो रही है, ठीक है, दोस्तों,
आज नैट जन्मदिन है.
करने के लिए आप कैसे सिर्फ अच्छा नैट की भावना दे और मैं कर रहे हैं
वेब विकास में सोमवार को वर्ग पर आधारित है और इस पर आधारित है,
मैंने सोचा कि मैं नैट मुख पृष्ठ खींच चाहते हैं, अगर आप अभी तक नहीं देखा है.
यहाँ यह आइए नैट HTML.
तो अपने sourcecode देखने के लिए अगर आप को देखने के लिए कि यह कैसे करना चाहते हैं, और नैट
अगर हम आप बस संक्षेप embarass सकता है, स्टाफ आप एक छोटे से कुछ मिला
अगर आप कुछ यहाँ कक्षा में बच्चों के साथ कुछ मिठाई साझा करना चाहते हैं.
यदि आप पर नीचे आने के लिए करना चाहते हैं.
आप सभी की सराहना और बहुत अच्छे हैं, लेकिन कोई भी कहीं भी नैट के पास बैठा है,
किसी कारण के लिए, कि वापस क्षेत्र में.
तो शायद आप कुछ लोगों को इन के साथ का आनंद लेने के लिए मिल सकता है.
जन्मदिन मुबारक हो, नैट.
>> अतिरिक्त hellos: हम हमारे CS50x छात्रों से एक जोड़े को क्लिप दिखाया.
यदि आप और कौन से देखने के लिए करना चाहते हैं यह दुनिया में है
साथ पीछा कर रहा है, तो आप इस URL के लिए सिर कर सकते हैं,
जहां यूसुफ, एक हमारे TFS के साथ एक तरह की एक असेंबल डाल दिया है
सभी को, जो इन वीडियो प्रस्तुत करने गया है, उन के बीच रिक एस्ले.
और अगर आप इन के माध्यम से स्क्रॉल, यह वास्तव में काफी प्रेरणादायक
देशों और शहरों में से जो लोग जयजयकार कर रहे हैं की विविधता देखने.
तो अगर आप उस पर एक नज़र ले जाना चाहता हूँ, कि सेमेस्टर के अंत के माध्यम से किया जाएगा.
आज हम वेब पर हमारे देखो जारी, वेब प्रोग्रामिंग, HTML और इस तरह,
और हम भी दोपहर के भोजन के इस शुक्रवार आ रहा है
अगर आप चाहें, और विशेष रूप से है, तो इससे पहले नहीं किया होता.
इस शुक्रवार विषय नैट जन्मदिन होगा,
इसलिए यदि आप नैट के साथ जन्मदिन दोपहर के भोजन के लिए करना चाहते हैं
और दूसरों, उद्योग से हमारे दोस्तों के कुछ,
कृपया है कि वहाँ यूआरएल के लिए सिर.
अंतरिक्ष, हमेशा की तरह, सीमित है. इसके अलावा, अगर आप भूल गए हैं,
एहसास अगले सप्ताह 4 मेहतर शिकार सेट समस्या के लिए समय सीमा तय की है कि,
जिससे card.raw से उन jpegs के सभी उबरने के बाद,
आप और आपके साथी अनुभाग, अगर आप चाहते हैं, photographing की कोशिश कर सकते हैं
संभव है कि स्मृति कार्ड से कंप्यूटर वैज्ञानिकों के कई के रूप में,
और आप और आपके अनुभाग तो एक शानदार पुरस्कार जीत जाएगा.
क्या करने के लिए प्रस्तुत करने के लिए और जब से pset 4 विनिर्देशन के लिए वापस देखें.
इसके अलावा, अगर आप चाहते हैं कि आपके करतूत अमर
बेशक वेबसाइट और परिधान के अपने इतिहास पर,
पता चला है कि अब आप का स्वागत कर रहे हैं डिजाइन भेजने शुरू
इस साल के टी - शर्ट और sweatshirts और इस तरह के लिए.
हम अपनी पूरी करने के रूप में कई के रूप में हम कर सकते हैं शामिल हैं,
लेकिन हम कर्मचारियों की समीक्षा के कुछ सदस्यों के डिजाइन के सभी
को यकीन है कि वे विशिष्टताओं के साथ संगत कर रहे हैं,
और हम तो आम तौर पर उनमें से एक मुट्ठी लेने के प्रदर्शित होने के लिए.
तो अगर आप डिजाइन के प्रकार के होते हैं, सिर्फ इतना पता है कि जरूरतों
के लिए ग्राफिक्स PNG, कम - से - कम 200 डीपीआई रहे हैं,
वे अधिक से अधिक 4000 x 4000 पिक्सल नहीं होना चाहिए,
और कोई 10 से अधिक एमबी, लेकिन आप जैसी चीजों का इस्तेमाल स्वागत है
फ़ोटोशॉप या जिम्प या विभिन्न ग्राफिक कार्यक्रमों,
जो कुछ भी आप अपने निपटान में है.
>> क्षितिज पर अंतिम परियोजना है. अंतिम परियोजना वास्तव में 50 के चरमोत्कर्ष है,
जिससे पाठ्यक्रम में सभी कार्य की,
यह वास्तव में आपके अवसर के लिए अपना काम करते हैं.
और कहा कि बस के मनोरंजन के लिए कुछ कर सकते हैं,
यह करने के लिए कुछ अहम समस्या अपने छात्र समूह को हल किया जा सकता है,
कुछ नई वेबसाइट के लिए डेटा के लिए कुछ नया संग्रह तंत्र.
यह Android के लिए एक मोबाइल आवेदन iOS के लिए, हो सकता है.
वास्तव में, आकाश की सीमा है, और अगले कुछ हफ्तों में,
PHP और जावास्क्रिप्ट जैसे इन उच्च स्तर भाषाओं के लिए सी से संक्रमण के रूप में,
आप अपने आप को तेजी से कुछ वास्तविक दुनिया तकनीक के साथ familiarized मिल जाएगा,
कुछ वास्तविक दुनिया उपकरणों का पूरक है, और कि,
पता है कि पाठ्यक्रम में सेमिनार का एक इतिहास है,
अगले कई हफ्तों से अधिक, जिससे शिक्षण स्टाफ के कुछ
और हमारा परिसर में से दोस्त वैकल्पिक सेमिनारों की पेशकश करेगा
जो ऊपर और क्या आम तौर पर अनुभाग में किया है परे जाना
आप Android प्रोग्रामिंग की तरह बातें करने के लिए परिचय,
आप iOS प्रोग्रामिंग की तरह बातें करने के लिए परिचय
या और अधिक उन्नत तकनीकों वेब विकास.
ये पहले से ही ऑनलाइन के पूरे इतिहास है.
यदि आप cs50.net/seminars के लिए जाना है, हम काफी कुछ वर्षों के लिए किया गया है इस कर रही है,
और आप देखेंगे कि PDFs और वीडियो के साथ संग्रहीत और इस तरह
सेमिनार के कई दर्जन वीडियो हैं.
पिछले साल, उदाहरण के लिए, हम अपने तकनीकी साक्षात्कार acing पर एक संगोष्ठी था,
यदि आप वास्तव में से दूर जाने के लिए और एक इंटर्नशिप या पूर्णकालिक टमटम कर देख रहे हैं.
विंडोज मोबाइल विकास, Android विकास, गूगल मैप्स,
एपीआई, सीएसएस, ब्लैकबेरी, Emacs के लिए विकसित कर रहा है.
वास्तव में, आप अपनी सुविधानुसार इन सेमिनारों के किसी पर एक नज़र रखना का स्वागत कर रहे हैं.
और हम कुछ नए लोगों को पकड़ सकता हूँ इस सेमेस्टर, के रूप में अच्छी तरह से.
>> तो क्या अंतिम परियोजना के साथ आगे है?
खैर, सबसे पहले, भले ही इस तिथि के कुछ आसन्न है,
यह वास्तव में सिर्फ एक अंतिम परियोजना के बारे में सोच काफी वास्तविक शुरू करने का अवसर है.
हम क्या हम अभी भी पाठ्यक्रम में कवर हो जाएगा के कुछ ही की शुरुआत पता है,
HTML, PHP और पसंद है, लेकिन आप सभी वेब के साथ परिचित हैं,
और वेब की ओर मैं इस बातचीत पूर्वाग्रह केवल क्योंकि
ज्यादातर लोगों को अंत में वेब आधारित अंतिम परियोजनाओं कर,
लेकिन यह है कि कोई अपेक्षित मतलब द्वारा है.
सी का उपयोग करना ठीक है, उद्देश्य सी, जावा,
किसी भी अन्य भाषा आप जानते हैं या जानना चाहते हो सकता काफी ठीक है.
लेकिन शुरू में रस बह पाने, हम एक preproposal की प्रस्तुत करने की उम्मीद करेंगे
जो, वेबसाइट, जो cs50.net अब पर पीडीएफ के प्रति,
और ऊपर छोड़ दिया पर आप अंतिम परियोजना देखेंगे
अंतिम परियोजना के लिए विनिर्देश है,
और वहाँ preproposal पर विवरण और की तरह हैं.
यह अपने अध्यापन साथी के लिए एक ईमेल करने के लिए बहुत ज्यादा नीचे फोड़े
सिर्फ तुम क्या सोच रहे हैं के बारे में उसे या उसके साथ एक वार्तालाप को हड़ताल करने के लिए.
Projects.cs50.net परिसर में लोगों से विचारों का एक भंडार है
अगर आप कुछ विचार के साथ आने के लिए संघर्ष कर रहे हैं,
और manual.cs50.net/APIs एपीआई के लिए लिंक का एक भंडार है.
>> क्या है, हालांकि, एक एपीआई है?
एक एपीआई क्या है? मैंने यह कहा है कम से कम दो बार,
पिछले कई हफ्तों की टेप के अनुसार.
वह क्या है? [छात्र, unintelligible]
>> ठीक है, अच्छा है. तो कुछ प्रोग्रामिंग इंटरफेस.
अनुप्रयोग प्रोग्रामिंग इंटरफेस है, और यह कई रूपों ले सकते हैं,
लेकिन क्या यह वास्तव में फोड़े नीचे कोड है
कि किसी और या एच एस डेटा लिखा है कि किसी और को एकत्र किया है
कि आप के लिए उपलब्ध कुछ प्रोग्रामेटिक रास्ते में किया जाता है.
आप सी, PHP, अजगर, रूबी में कोड लिख सकते हैं,
जो कुछ भी अपनी पसंद की भाषा आम तौर पर होता है,
और आप किसी भी तरह से किसी और की कार्यक्षमता पर निर्माण कर सकते हैं
या किसी और डेटा सेट है.
उदाहरण के लिए, अगर मैं यहाँ इस लिंक पर जाना है,
और आप बाद में पृष्ठ पर लिंक की एक जोड़ी देखेंगे
हम CS50 खुद के एपीआई, जो बहुत हार्वर्ड केंद्रित कर रहे हैं और फिर तीसरे पक्ष के APIs जिससे है.
तीसरे पक्ष के APIs में वास्तव में उपयोगी बातें कर रहे हैं
एसएमएस करने के लिए लोगों को भेजने के लिए सक्षम होने की तरह,
लोगों से एसएमएस पाठ संदेश प्राप्त करने में सक्षम किया जा रहा.
और चीजों की तरह है कि आप कैसे अपने आप को लागू करने के लिए कोई विचार हो सकता है,
लेकिन सेवाओं के लिए धन्यवाद, कुछ स्वतंत्र और कुछ वाणिज्यिक
आप उन लोगों के ऊपर का निर्माण और आप के लिए ब्याज की कुछ कर सकते हैं.
CS50 APIs इनमें परिसर केंद्रित की तरह बातें कर रहे हैं
हार्वर्ड पाठ्यक्रम, ऊर्जा, घटनाओं, भोजन, नक्शे, समाचार, tweets और Shuttleboy ही है,
और इन APIs कि इस तरह एक छोटे से कुछ हैं.
>> मुझे ऊपर HarvardFood एपीआई खींच.
यदि आप कभी भी HUD वेबसाइट के लिए किया गया है, तो आप शायद वहाँ गया है
बस देखने के रात के खाने के लिए क्या है या देखने के लिए घंटे क्या कुछ घ हॉल के लिए कर रहे हैं.
खैर, यह विशेष रूप से नेविगेट करने में आसान नहीं है,
और इसलिए हम कुछ समय पहले हम था सॉफ्टवेयर लिखा है,
यह PHP, कि वास्तव में स्क्रीन HUD वेबसाइट की सम्पूर्णता scrapes में होना होता है.
परिमार्जन कुछ स्क्रीन PHP की तरह एक भाषा में एक प्रोग्राम लिखने का मतलब
कि एक ब्राउज़र हो सकता है, भले ही आप इसे एक कमांड प्रॉम्प्ट पर चला सकता है दिखावा है,
कि एक ब्राउज़र होने का दिखावा है, एक वेबसाइट के लिए जोड़ता है,
HTML, जिस भाषा में यह लिखा है डाउनलोड,
और फिर इसे पढ़ता है, या अधिक विशेष रूप से, यह parses
ऊपर से नीचे, सही करने के लिए छोड़ दिया है.
और हम क्या था हम इस तरह है कि हमारे कोड लिखा
किसी भी समय हम कि मेनू पर कुछ की तरह देखा है कि HTML में कुछ देखा है,
नाश्ते की तरह, हम तो हमारे अपने डेटाबेस में है कि आयात करेगा.
और किसी भी समय हम पोषण सामग्री को देखा है, हम हमारे अपने डेटाबेस में आयात करेगा.
और हम क्या किया का लाभ उठाने तथ्य था कि HUD वेबसाइट,
भले ही यह हमें मनुष्यों के लिए नेविगेट करने के लिए के लिए एक चुनौती के एक सा हो सकता है
हुड के नीचे, HTML के सभी अपने स्वयं के कंप्यूटर प्रोग्राम द्वारा उत्पन्न होता है.
तो अपने HTML की, भले ही यह गंदा लग सकता है,
हुड के नीचे सबसे वेबसाइटों की तरह यह एक पैटर्न का अनुसरण करता है.
तो हम बस एक दो घंटे बिताए उस पैटर्न लगाना
ताकि अंत में, हम दूर गंदा HTML के सभी फेंक,
बोल्ड का सामना करने की सौंदर्यशास्त्र और इटैलिक और इस तरह के सभी
और हम ऐसा करने में सक्षम हैं तो क्या है कि एक ही डेटा को बेनकाब करने के लिए है.
उदाहरण के लिए, इस तरह से.
तो, हम यहाँ प्रलेखन के अनुसार,
दुनिया है कि यदि आप एक URL का अनुरोध
कि इस तरह दिखता है, / food.cs50.net कुछ,
और आप कुछ मानकों, जो हम आज के बारे में बात करेंगे प्रदान करते हैं,
अंत समय की तारीख, समय शुरू तारीख भोजन, और इतना आगे की तरह,
क्या हमारे सर्वर उदाहरण के लिए, आप के लिए वापस आ जाएगी,
एक CSV फ़ाइल अल्पविराम, Excel फ़ाइल की तरह मान separted,
पिछले साल मार्च में इस विशेष तिथि पर नाश्ते के लिए सब कुछ शामिल
जब मैं इस दस्तावेज लिखने हुआ.
>> परिचित उन लोगों के लिए, CSV केवल फ़ाइल स्वरूप नहीं है.
वहाँ एक और प्रारूप है कि सभी को और अधिक बहुमुखी है
JSON, जावास्क्रिप्ट वस्तु संकेतन बुलाया.
डेटा उस स्वरूप में वापस आ सकते हैं.
तो यहाँ takeaway है कि चाहे आप इस एपीआई में डुबकी
या CS50 या कुछ भी इंटरनेट पर वहाँ से बाहर के किसी भी अन्य,
या बिल्कुल भी एहसास नहीं है, कि दुनिया तेजी के मानकीकरण के लिए शुरू कर दिया है
कैसे मशीनों संग्रह.
हम सीएसवी या JSON तरह मानक डेटा स्वरूपों का उपयोग करें.
और यह आप के लिए इसका मतलब क्या है आप एक कार्यक्रम के दिलचस्प हिस्सा लिख ​​सकते हैं
देता है कि अपने उपयोगकर्ता एक मेनू भोजन हॉल खोज,
देता है कि उन्हें पसंदीदा की सूची बनाने के लिए देता है कि उन्हें पाठ सचेतक
जब उनके पसंदीदा भोजन के लिए कुछ घ हॉल में परोसा जा के बारे में है
उनके APIs के शीर्ष पर किसी और के डेटा सेट और निर्माण का उपयोग करके.
तो सेमिनारों और प्रलेखन कि आप यहाँ है ऑनलाइन के रूप में उस पर अधिक है.
वे तो, तो, एपीआई हैं.
>> कि हमें लाता HTML करने के लिए वापस. त्वरित पुनर्कथन.
HTML क्या है?
[छात्र, unintelligible] >> अच्छा. HyperText मार्कअप भाषा.
किसी और ने, हाइपरटेक्स्ट मार्कअप लैंग्वेज क्या है?
HyperText मार्कअप भाषा.
ठीक है. तो HTML, HyperText.
HyperText सिर्फ सबसे अधिक भाग के लिए वेब के लिए संदर्भित करता है.
मार्कअप मतलब है कि यह वास्तव में एक प्रोग्रामिंग भाषा, HTML नहीं है.
यह एक भाषा है कि आप तर्क अंदर व्यक्त कर सकते हैं नहीं है
यह loops नहीं है. यह परिस्थितियों नहीं है.
यह काम करता है, से प्रति नहीं है.
दरअसल, यह इन टैग कहा या, और अधिक ठीक, तत्वों चीजें हैं.
और उन तत्वों शुरू टैग और अंत टैग है,
या खुले टैग और बंद टैग, और क्या उन टैग आम तौर पर एक ब्राउज़र है के लिए मतलब है,
कुछ कर रही शुरू और फिर कुछ कर बंद करो, यद्यपि वहाँ है कि अपवाद हैं.
कभी कभी यह सिर्फ 'एक पंक्ति विराम डाल दिया,' उदाहरण के लिए.
और हम है कि दूसरे दिन का उदाहरण बोल्ड का सामना करना पड़ के बीच देखा था,
लाइन टूट जाता है, और फिर अन्य टैग के एक जोड़े.
तो HTML जिस भाषा में वेब पृष्ठों लिखा है.
तो अगर मैं Google.com तरह कुछ करने के लिए जाना
और बस अपने मुख पृष्ठ खींच,
याद है कि अगर आप सही क्लिक करें या नियंत्रण क्लिक करें
और देखें पृष्ठ स्रोत पर आम तौर पर देखने के लिए,
यह हुड के नीचे इन दिनों पूरी तरह गड़बड़ है, लेकिन है कि क्योंकि
कंप्यूटर सफेद अंतरिक्ष के बारे में परवाह नहीं है, तो इस सुंदर लग रही करने के लिए नहीं है.
लेकिन अगर हम यह के कुछ हिस्सों पर ज़ूम
सूचना है कि क्रोम, बस अच्छा होगा, रंग बातें कोडित किया गया है.
दरअसल, यह बहुत पहले टैग है कि हम एक वेब पेज में देखा है.
और फिर, HTML 5, इस भाषा के नवीनतम संस्करण,
शुरुआत में इस बात की है,
<! Doctype html, चाहे लोअरकेस या अपरकेस,
लेकिन यह है कि सिर्फ एक मानक है कि कहते हैं, हे दुनिया, यहाँ 5 संस्करण में एक HTML फ़ाइल आता है की तरह है.
>> दिलचस्प हिस्सा यहाँ शुरू होता है. तो <html, और फिर वहाँ दो बच्चे थे
HTML तत्वों की अंतिम समय.
उन दो मुख्य बच्चों क्या कर रहे थे?
सिर और बस एक पल पहले टैटू के साथ आदमी की तरह शरीर.
वेब पेज के दो भागों, सिर और शरीर है,
और याद है, तो है, कि शायद हम कर सकता है सरल वेब पेज इस तरह दिखता है.
और मैं यह दांतेदार बना है बस की तरह साफ और अपने कोड के साथ साफ हो
लेकिन क्या वास्तव में महत्वपूर्ण है कि वहाँ इस के लिए कुछ पदानुक्रम है.
और किसी भी टैग है कि मैं बंद कर दिया है खोल दिया है और कहा कि इसलिए इस समरूपता
मार्कअप है कि मैं बनाया है.
तो पिछली बार जब हम अपने खुद के लैपटॉप पर वेब पृष्ठों लेखन शुरू कर दिया.
मैं पाठ संपादित खोला, मैं hello.html के रूप में फ़ाइल को बचाया,
मैं तो अपने ब्राउज़र पर फ़ाइल घसीटा, और देखा, मैं इंटरनेट पर एक पृष्ठ था.
अब, यह काफी मामले नहीं है, मैं अपने हार्ड ड्राइव पर एक पृष्ठ था,
और मैं सचमुच दुनिया में केवल एक ही व्यक्ति था जो कि एक ब्राउज़र में वेब पेज देखना होगा.
>> आज तो, हम एक वास्तविक वेब सर्वर शुरू
और की धारणा वास्तव में इंटरनेट पर सामग्री की सेवा
और कैसे यह सब एक साथ फिट करने के लिए शुरू होता है.
तो यह CS50 उपकरण में कि यह सब समय बदल जाता है
आप अपने कंप्यूटर पर एक वेब सर्वर पड़ा है.
हम, निष्पक्षता में, केवल यह जीएडिट के लिए प्रयोग किया जाता है, बजना के लिए GDB और इस तरह के लिए,
लेकिन आप के लिए भी उपकरण में हमारे द्वारा एक वेब सर्वर स्थापित किया है,
और है कि वेब सर्वर करने के लिए स्वतंत्र हो, एक खुला स्रोत होता है,
दुनिया में सबसे लोकप्रिय लोगों में, एक अपाचे बुलाया.
इसकी और अधिक तकनीकी नाम httpd है, डेमॉन के लिए किया जा रहा है,
जो एक सर्वर के लिए एक तकनीकी शब्द है.
तो CS50 उपकरण में एक वेब सर्वर स्थापित है, और इसका क्या मतलब है?
खैर, एक वेब सर्वर है, धारणा, कि इंटरनेट वेब सामग्री में कार्य करता है पर कुछ सर्वर.
जब एक फ़ाइल के लिए पूछा, यह बाहर HTML है कि फाइल composes, और voila spits.
तुम कुछ वेबसाइट के होम पेज देखते हैं.
लेकिन एक सर्वर है, और अधिक ठीक, सॉफ्टवेयर का एक टुकड़ा है.
यह एक भौतिक मशीन पर होना जरूरी नहीं है, यह सिर्फ सॉफ्टवेयर चलाने का एक टुकड़ा है.
तो CS50 उपकरण, ज़ाहिर है, सॉफ्टवेयर का एक टुकड़ा है
भले ही यह एक मशीन होने का नाटक करने की तरह है.
यह करने के लिए एक कंप्यूटर का एक कंप्यूटर के अंदर होने का नाटक है,
लेकिन यह है कि बस का अर्थ है कि उपकरण निश्चित रूप से वेब सर्वर की तरह काम चला सकते हैं.
यह वास्तव में ईमेल सर्वर चला सकते हैं.
हम उपकरण में एक त्वरित संदेश सर्वर चलाने के लिए अगर हम चाहते थे,
और वास्तव में, हम एक सर्वर के अन्य प्रकार, एक डाटाबेस सर्वर के रूप में जाना जाता है, mySQL चला है.
लेकिन है कि अगले सप्ताह पर अधिक है.
इसका मतलब यह है कि मैं वास्तव में वेब पृष्ठों की यात्रा कर सकते हैं
उपकरण के अंदर एक ब्राउज़र का उपयोग करके अपने उपकरण के अंदर
या यहाँ तक कि मेरे अपने लैपटॉप पर, मेरे मैक या अपने पीसी.
तो इसका क्या मतलब है? यह पता चला है कि किसी भी समय आप एक Linux कंप्यूटर चल रहे हैं,
अपने उपनाम "स्थानीय मेजबान है."
यह एक डोमेन नाम नहीं है क्योंकि हम एक डोमेन नाम खरीदा नहीं किया है
उपकरण की तरह कुछ के लिए है, तो अपने डिफ़ॉल्ट नाम स्थानीय मेजबान है.
>> लेकिन में आदेश उपकरण प्राप्त करने के लिए वेब पृष्ठों की सेवा शुरू,
हम उन्हें पहले बना है.
तो चलो कि करना. मुझे एक टर्मिनल विंडो में यहाँ जाना
नोटिस और है कि मैं अपने ठेठ जॉन हार्वर्ड प्रांप्ट पर हूँ.
मुझे आगे जाना है और रास लिखें, और हम इस सेमेस्टर से कुछ परिचित बातें देखेंगे,
डेस्कटॉप, डाउनलोड, ड्रॉपबॉक्स और बहुत आगे है,
लेकिन अब हम एक जोड़े को हमारे ध्यान में बदल शुरू करते हैं.
कई Linux वेब सर्वर पर इस सार्वजनिक html फ़ोल्डर बुलाया है,
लेकिन हम अब के लिए है कि एक को छोड़ और इस vhosts, पर ध्यान केंद्रित करने के लिए जा रहे हैं.
किसी को पता है एक vhost क्या है?
बस आभासी मेजबान के लिए बेवकूफ शब्दजाल,
और क्या इसका मतलब यह है कि एक विशिष्ट सर्वर पर
आप वास्तव में कई वेबसाइटों की मेजबानी कर सकते हैं.
आप foo.com तरह एक डोमेन नाम खरीदने के लिए कर सकते हैं, और आप इसे एक सर्वर पर होस्ट कर सकते हैं.
लेकिन आप भी bar.com खरीदने के लिए कर सकते हैं और यह एक ही सर्वर पर होस्ट कर सकते हैं.
कारण किया जा रहा है, ब्राउज़रों काफी स्मार्ट करने के लिए सर्वर को सूचित कर रहे हैं
जब एक उपयोगकर्ता कुछ वेबपेज का अनुरोध कर रहा है, क्या डोमेन नाम उपयोगकर्ता के लिए होमपेज चाहता है.
तो इस बारे में अच्छी बात यह आप की जरूरत है नहीं एक भौतिक सर्वर
या हर वेबसाइट के लिए एक CS50 उपकरण आप बनाना चाहते हो सकता है.
आप एक ही सर्वर का उपयोग कर सकते हैं और एक सौ अलग अलग वेबसाइटों को विकसित कर सकते हैं.
और वास्तव में, यदि आप एक व्यक्ति के लिए एक वेबसाइट शुरू करने की कोशिश कर रहा हैं,
चाहे आनन्द के लिए या व्यापार के लिए, आम तौर पर आप इंटरनेट पर बाहर जाना होगा,
और तुम एक महीने किसी को दस रुपये का भुगतान कर देंगे, एक सौ डॉलर के एक महीने
आप के लिए अपनी वेबसाइट की मेजबानी करने के लिए.
और जिस तरह से काम करता है कि वे अन्य लोगों को चार्ज कर रहे हैं
दस रुपये एक महीने या एक सौ रुपये एक महीने
उनके एक ही सर्वर पर अन्य लोगों की वेबसाइटों की मेजबानी करने के लिए.
कारण है कि वे क्या कर सकते हैं इस bhosts नामक सुविधा की वजह से है,
लेकिन उस पर और अधिक जब यह अंतिम परियोजनाओं के लिए समय आता है.
>> अभी के लिए, चलो बस वहाँ में गोता. तो अगर सीडी vhosts, और मैं अब रास लिखें,
सूचना है कि वहाँ एक स्थानीय मेजबान फ़ोल्डर कहा जाता है.
वह इसलिए कि, डिफ़ॉल्ट रूप से, उपकरण के आंकड़े
आप कभी भी एक उपकरण पर एक वेबसाइट चलाने के लिए जा रहे हैं.
यह वास्तव में असली दुनिया नहीं है, यह एक वास्तविक दुनिया वेब सर्वर नहीं है.
तो मुझे स्थानीय मेजबान में जाना है, और अब हम वहाँ देखेंगे
पिछले एक निर्देशिका HTML बुलाया.
तो यह थोड़ा गहरा, पदानुक्रम है, लेकिन अगर और जब
आप अगले n महीनों या वर्षों में कई वेबसाइटों के विकास शुरू करने का फैसला,
फ़ोल्डर संरचना के इस प्रकार के लिए उपयोगी हो जाता है.
अब चलो HTML में जाने के रूप में मैं सिर्फ किया था,
प्रकार रास, और कुछ भी नहीं है.
तो अब आगे बढ़ो और इस करना. मुझे क्रोम मुक्त
अंदर उपकरण के दो, और मुझे http://localhost के लिए जाना है.
तो सचमुच मेरे उपकरण के लिए नाम, दर्ज करें, और मैं / सूचकांक.
यह वास्तव में मुझे ब्याज की कुछ भी नहीं दिखा रहा है,
लेकिन यह पता चला है कि हम क्या देख रहे हैं कि फ़ोल्डर, HTML है.
उस फ़ोल्डर के अंदर कुछ भी नहीं अब ठीक है,
तो इसके बजाय, मैं ऐसा करने के लिए जा रहा हूँ क्या है 1 एक फाइल बना.
हम सोमवार को किया था की तरह एक HTML फ़ाइल बनाएँ, लेकिन इस बार यह उपकरण के अंदर डाल दिया.
आप में से जो लैपटॉप के साथ पालन करने की कोशिश कर रहे हैं अब,
मुझे अलग है कि एक वेब आधारित pset में शामिल हो जाएगा,
लेकिन आदेश में प्राप्त करने के लिए यह बहुत पहले समय के लिए काम करने के लिए,
sudo सेवा httpd शुरू: आप इस कमांड को चलाने के लिए जा रहे हैं.
और यह, फिर से, पिछले pset में दोहराया जाएगा,
लेकिन अगर आप के साथ घर में खेल रहे हैं, वेब सर्वर
उपकरण में बंद कर दिया, और कहा कि इतना है कि यह राम सार नहीं करता
7 सप्ताह के लिए सेमेस्टर के बाहर स्मृति जब हम यह नहीं की जरूरत नहीं है.
तो आप इस आदेश को एक बार चलाने की जरूरत है, और तुम इस तरह एक उत्पादन मिलेगा.
तो फिर तुम साथ यहाँ खेलने के लिए सक्षम होना चाहिए.
अब चलो इस फ़ोल्डर में वापस जाने के लिए.
यह फ़ोल्डर खाली है, तो मुझे एक फ़ाइल बनाने शुरू,
जीएडिट hello.html.
>> सही सभी. जीएडिट में सामान्य रूप से खुला है. मुझे doctype, html,
html, मुझे खुद से आगे हो और अग्रिम में मेरे टैग बंद शुरू.
अब मैं सिर है. मुझे आगे जाना है और सिर के पास,
मुझे अब पृष्ठ का शीर्षक है, पिछली बार की तरह दुनिया में नमस्ते,
बंद शीर्षक, अब मुझे एक शरीर.
यहाँ मैं हैलो कहते हैं, कुछ exclams के साथ दुनिया
स्पष्ट है कि यह एक अलग स्ट्रिंग है.
शरीर के करीब है, और अब मुझे आगे जाना है और फ़ाइल को बचाने के लिए.
मुझे मेरे टर्मिनल विंडो के लिए वापस जाओ, और अगर मैं रास लिखें,
मैं, शायद, hello.html देखना चाहिए. और मुझे क्या करना है.
इसलिये अब अपने ब्राउज़र को वापस जाने के लिए, पुनः लोड क्लिक करें,
और आप देख सकते हैं कि हम इस HTML फ़ोल्डर के अंदर वास्तव में कर रहे हैं.
मैं एक वेब पेज अभी तक नहीं देख रहा हूँ, यह अपाचे, वेब सर्वर है,
बस मुझे इस निर्देशिका की सूची सामग्री दिखा.
मैक ओएस या विंडोज की तरह आम तौर पर अपने स्थानीय हार्ड ड्राइव पर करना होगा.
तो अगर मैं इस वेब पेज को देखने के लिए चाहते हैं, तो मैं यहाँ इस छोटे लिंक, hello.html क्लिक कर सकते हैं,
और वास्तव में, कि मैं क्या देखने की उम्मीद थी.
अब, फिर से, यह एक यूआरएल है कि आप में से कोई भी सही अब की यात्रा कर सकते हैं नहीं है,
क्योंकि आप के लिए, स्थानीय मेजबान, अगर तुम एक लैपटॉप यहाँ है,
यह उपकरण के अपने स्वयं के उदाहरण का जिक्र है.
यह अपने स्वयं के व्यक्तिगत उपकरण पर है,
लेकिन यह मूक मुझे करने के लिए की तरह है, के लिए है
अपने आप की तरह एक उपयोगकर्ता hello.html पर क्लिक करने के लिए वास्तव में इस पेज की सामग्री देख.
यह पता चला है कि अपाचे वेब सर्वर की तरह आप किसी भी वेब सर्वर के लिए एक डिफ़ॉल्ट फ़ाइल.
यहाँ हम सूचना hello.html है.
लिनक्स में आदेश के लिए एक फ़ाइल का नाम बदलने के क्या है?
>> एमवी, इस कदम के लिए. तो मुझे ऐसा है कि,
और मुझे index.html hello.html का नाम बदलने के.
मुझे रास टाइप पुष्टि करने के लिए यह अब नाम से पुनः नामकरण किया गया है.
अब यह करने के लिए जा रहा है - अगर मैं स्थानीय होस्ट करने के लिए वापस जाओ,
अब लगता है कि मैं स्वचालित रूप से है कि वेब पेज देख रहा हूँ.
यह वास्तव में कर / index.html समान है,
लेकिन अच्छी बात यह है कि अब वेब सर्वर लगाना है,
ओह, अगर तुम एक है कि फ़ाइल है, मानव सम्मेलनों द्वारा index.html कहा जाता है,
मुझे उपयोगकर्ता को दिखाने के डिफ़ॉल्ट रूप से फ़ाइल
बल्कि कुछ बेवकूफ निर्देशिका लिस्टिंग से जो सब में उपयोगकर्ता के अनुकूल नहीं है.
दरअसल, ज्यादातर वेबसाइटों आप इंटरनेट पर यात्रा पर क्लिक करने के लिए फ़ाइलों की एक सूची नहीं है,
वे सिर्फ तुम सामग्री दिखाने के. तो यह है कि है कि कैसे हम कर सकते हैं, index.html.
तो यह सब मज़ा और अच्छा है, लेकिन यह एक बहुत आसान वेब पेज है.
मुझे आगे जाना है और अपने vhosts में index.html खोलने,
स्थानीय मेजबान, html निर्देशिका, और हम अधिक से अधिक ब्याज की कुछ जोड़ने.
तो वहाँ नमस्ते दुनिया है, बजाय चलो कहना है कि यह CS50 है, हार्वर्ड कॉलेज. . '.
तो वहाँ कुछ तरह के पाठ्यक्रम सूची वर्णन की शुरुआत.
अब अगर मैं जस्र्रत से ज्यादा लादना, मैं अपने घर पृष्ठ में यह देखना चाहिए.
ठीक है, और मुझे लगता है कि दिख रहा है, लेकिन लगता है कि मैं अब इस फाइल में कुछ और सामग्री की सूची चाहते हैं.
मैं यहाँ से नीचे जाना सकता है और कहते हैं, किसी और चीज की कोई भी,
हालांकि आप में से कुछ शायद पसंद कर रहे हैं, 'हा हा हा, कोई किसी और चीज की नहीं.'
लेकिन आधिकारिक तौर पर. तो पुनः लोड करें, और अब हम एक ही मोड़ है कि पिछली बार हमने देखा है.
लेकिन ऐसा क्यों है? यह एक सरल तय था.
इस पृष्ठ क्यों टूट गया है?
[छात्र, unintelligible] >> हाँ, हम इस को हल कर दिया है पहले
स्पष्ट रूप से कह रही द्वारा ब्राउज़र एक पंक्ति विराम यहाँ रख दिया. '
और उस वजह से है, फिर से, एक ब्राउज़र केवल करने जा रहा
स्पष्ट रूप से मार्कअप भाषा यह बताता है कि क्या करना है,
तो भले ही आप हिट हो सकता है एक बार या दो बार या भी दस बार दर्ज करें,
यह सम्मेलन के द्वारा सिर्फ एक ही स्थान में सब है कि गठबंधन के लिए जा रहा है.
तो अगर आप वास्तव में एक पंक्ति विराम चाहते हैं, आप br टैग का उपयोग करने के लिए किया है,
और अब नोटिस, सोमवार की तरह, मैं / इस टैग के अंदर डाल दिया,
केवल क्योंकि यह सिर्फ सही नहीं लगता है
एक पंक्ति विराम शुरू तो यह बीच में कुछ भी नहीं के साथ बंद करो.
>> तो HTML में सम्मेलन के लिए खुला है और एक टैग को बंद करने के लिए एक साथ है.
एक अलग रूप में, आप कर रहे हैं कि नहीं पुस्तकों में वेबसाइटों की एक बहुत देखेंगे.
यह सही करने के लिए या यह नहीं है, लेकिन हम बहस होगी
कि डिजाइन के लिहाज से और stylistically, यह सिर्फ बेहतर है
क्योंकि तब हर टैग दोनों खोला और किसी भी तरह से बंद कर दिया है.
तो अब चलो बचाने के लिए और के लिए पुनः लोड. ब्राउज़र में वापस आ जाओ, ठीक है.
अब हम कुछ प्रगति कर रहे हैं, लेकिन यह काफी पर्याप्त नहीं है.
चलो आगे जाना है और पाठ के कुछ देर शरीर में टाइपिंग शुरू.
, तो हम कहते हैं 'एक जल्दी भूरी लोमड़ी आलसी कुत्ते पर कूदता है.'
और अब मुझे बस कॉपी और यह कुछ समय पेस्ट
इतना है कि हम पाठ के एक पैरा है.
मुझे यहाँ पर वापस जाने के लिए. तो यह बहुत अच्छा नहीं लग रहा है.
मैं एक पंक्ति विराम है, तो यह ठीक है,
लेकिन अब, एक बार हम एक वेब पेज होने की बात हो रही है
कि सामग्री के बहुत सारे है और न सिर्फ एकल लाइनों के लिए HTML प्रदर्शित करने के लिए है,
हम वास्तविक पैराग्राफ के रूप में इन बातों के बारे में सोचना शुरू कर सकते हैं.
और हम हमारे वेब पेज के एक छोटे से अधिक सफाई से संरचना करने के लिए शुरू कर सकते हैं.
और वास्तव में, मैं क्या कर सकते हैं यहाँ मेरे शरीर टैग के अंदर जाना है,
और आप जानते हैं कि क्या है, अगर 'यह CS50 है. . '. वास्तव में एक पैरा की शुरुआत demarks,
ठीक है, चलो इसे इस तरह के रूप में टैग.
मुझे पाठ इंडेंट सम्मेलन द्वारा, बस, मुझे कहना है
कि इस पैरा यहाँ समाप्त होता है,
और तो बजाय इस पंक्ति विराम करते मुझे बस कहना है
कि यह वहाँ है और एक नया अनुच्छेद के रूप में अंतर्गत आता है,
और मैं बस जल्दी से इस सामान के सभी clobbering द्वारा इंडेंट हूँ.
>> तो अब हम एक दूरारंभ पैरा वहाँ है,
और अब हमारे मार्कअप एक छोटे से अधिक पाने के लिए शुरू कर रहा है
शब्दार्थ हम क्या करने की कोशिश कर रहे हैं के साथ संगत है.
हम एक पैरा है, तो चलो पी टैग के साथ एक पैरा कॉल.
हम एक दूसरे पैराग्राफ है, तो चलो पी टैग के साथ एक पैरा कॉल.
और अब, ब्राउज़र जो आम तौर पर करना होगा
सिर्फ एक अंग्रेजी किताब या निबंध में करना चाहते हैं,
जहाँ आप आमतौर पर अनुच्छेदों के बीच कुछ पंक्ति विराम देखने.
ब्राउज़र्स कि आप के लिए स्वचालित रूप से करना होगा.
तो अब हम दो पैराग्राफ है और हम इसे जारी रख सकते हैं.
लेकिन जाहिर है, वेब पर, जब आप पाठ का शव
यह आम तौर पर सिर्फ पाठ का भारी blobs नहीं है.
वहाँ अक्सर वहाँ में हाइपरलिंक.
तो अगर हम चाहते हैं, उदाहरण के लिए, वहाँ कुछ लिंक शामिल हैं,
लगता है क्या जो कुछ भी मैं यहाँ पैदा कर रहा हूँ वेब पेज में रुचि का हो सकता है -
मुझे Google.com पर चलते हैं,
और मुझे एक जल्दी भूरी लोमड़ी के लिए खोज कर सकते हैं.
गूगल, छवियों और है, के बारे में कैसे करने के लिए जाओ - यह प्यारा है.
हम इस के साथ जाना होगा. तो यहाँ हम एक आलसी कुत्ते पर एक जल्दी भूरी लोमड़ी कूद है.
इसलिए मैं यहाँ क्या करने जा रहा हूँ बस प्रदर्शन के खातिर,
लगता है कि इस छवि को अपने सर्वर पर था,
और मैं इन छवियों का निर्माण किया गया था.
क्या मैं सिर्फ सही था क्लिक किया या छवि पर क्लिक करें नियंत्रण
और सबसे ब्राउज़रों में आप देखेंगे कि क्या एक छोटे से मेनू है -
कर रही है कि बंद करो - एक छोटे से मेनू है कि आप प्रतिलिपि लिंक स्थान या प्रतिलिपि यूआरएल का चयन करने के लिए अनुमति देता है.
तो चलो मुझे अब वापस अपने HTML, जाओ और लगता है कि मैं चाहता हूँ
अन्य वेब पेज के लिए इस हाइपरलिंक.
>> क्या है कि टैग के लिए बुलाया था?
[छात्र, unintelligible] >> हाँ. तो अति संदर्भ के लिए एक href.
मुझे आगे जाना है और पेस्ट अंदर कि
यह एक बहुत लंबे यूआरएल है, तो मुझे वापस बाहर ज़ूम.
बंद करे कोष्ठक है, तो अब मैं यहाँ पर नोटिस तरह से कर रहा हूँ
क्योंकि कि यूआरएल बहुत लंबे समय हुआ.
चलो मेरे ऊपर स्क्रॉल जल्दी भूरी लोमड़ी का अंत करने के लिए यहाँ,
और फिर मुझे </ a साथ इस टैग को बंद,
जहाँ मैं केवल टैग के नाम पर बंद कर दिया.
अब मुझे आगे जाना है और उस फ़ाइल को बचाने के लिए, वेब पेज पुनः लोड,
और अब, डिफ़ॉल्ट रूप से, कि मेरे लिए नीले रंग में रेखांकित किया जा रहा है,
लेकिन वास्तव में, मैं अब इस और देखा पर क्लिक कर सकते हैं. वहाँ है कि छवि है.
और यह एक छवि नहीं था, यह जोड़ा सकता है
इंटरनेट पर कुछ अन्य यादृच्छिक वेबसाइट.
मैं यह कर, उदाहरण के लिए कर सकता है, CS50 के साथ है, तो पिछले एक उदाहरण यहाँ.
'इस CS50' समझ बनाने के लिए एक href, जा सकता है =
http://www.cs50.net, करीब बोली, करीब लंगर.
तो अब है कि एक भी छोटा यूआरएल, और इस समय हम एक छवि से लिंक करने के लिए नहीं जा रहे हैं.
हम बजाय एक और पेज से लिंक करने के लिए जा रहे हैं.
अब, हम यहाँ एक छवि है.
मुझे लगता है कि हम सिर्फ एक छवि को जोड़ने की तुलना में एक छोटे से बेहतर कर सकते हैं.
क्या होगा अगर हम वास्तव में यह हमारे स्वयं के वेब पेज में अवतार लेना चाहते हैं?
>> खैर, मैं यहाँ क्या कर सकते हैं इस ग्राफिक लिंक है, बजाय,
मुझे बजाय यूआरएल कटौती, और हम हाइपरलिंक से छुटकारा मिलता है और यह साफ करेंगे.
और हम यहाँ नीचे जाना है और इससे छुटकारा पाना.
हम वास्तव में इन सभी वाक्य की जरूरत नहीं है, तो मुझे पेज एक छोटा सा छोटा.
और फिर नीचे यहाँ मुझे एक नया अनुच्छेद में आगे जाना है,
का कहना है कि मैं मूल पाठ इस प्रकार अब नहीं करना चाहती है, मैं एक छवि जिसका स्रोत है कि यूआरएल होने जा रहा है चाहता हूँ.
एक छवि, एक पंक्ति विराम की तरह, या तो वहाँ है या यह नहीं है.
तो मुझे तुरंत कि टैग करीब.
मुझे आगे जाना अब और पैरा है कि मैं अंदर हूँ बंद,
और अगर सब कुछ हैलो, दुनिया, के साथ अच्छी तरह से चला जाता है अगर मैं अब पुनः लोड,
मैं वास्तव में, अपने स्वयं के वेब पेज के अंदर एक छवि देख.
तो अब हम एक छवि टैग, एक लंगर टैग और इस तरह है,
और अच्छे उपाय के लिए, मुझे एक अन्य बात यह है कि अक्सर उपेक्षित है
वेबसाइटों पर इन दिनों: चलो इस छवि के लिए कुछ वर्णनात्मक पाठ प्रदान
जो एक मोबाइल डिवाइस पर हैं लोगों के लिए
और इसलिए इस छवि को बहुत जल्दी से डाउनलोड करने में सक्षम नहीं हो सकता है,
जो अंधे हैं और छवि को देखने में सक्षम नहीं हो सकता है लोगों के लिए
लेकिन वे एक स्क्रीन रीडर है कि उन्हें बताना इस छवि क्या है हो सकता है.
और क्या है कि, वहाँ छवि टैग के लिए एक और विशेषता है
alt वैकल्पिक पाठ के लिए कहा जाता है.
और मैं यहाँ क्या कर सकते कहना है, 'यह एक जल्दी भूरी लोमड़ी है.'
तो भी अगर मानव स्क्रीन पर छवि नहीं देख सकते हैं कि,
वह या वह कम से कम के रूप में सॉफ्टवेयर के कुछ टुकड़े के साथ सुन सकते हैं,
क्या वास्तव में स्क्रीन पर है.
>> कि पेज के सौंदर्यशास्त्र परिवर्तन नहीं होगा,
लेकिन यह निश्चित रूप से उपयोगकर्ताओं के लिए अच्छा अभ्यास है.
ठीक है, हम अपने मौजूदा रूप में इस वेब पेज छोड़,
लेकिन हम देखते हैं कि हम अब नहीं लागू कर सकते हैं
इन वेब पृष्ठों लिखने के लिए कुछ बेहतर दृष्टिकोण,
कुछ सबक है कि हमें अपने पृष्ठों को अधिक से अधिक जटिल हो के रूप में अच्छी तरह से सेवा करने के लिए जा रहे हैं.
हम क्या करने की अगले कुछ हफ्तों में नहीं जा रहे हैं
है आप कई दर्जन HTML टैग कि वहाँ के सभी के माध्यम से चलते हैं.
ज्यादा खरोंच में 0 सप्ताह में वापस करना चाहते हैं, यह शायद पर्याप्त होगा
अवधारणाओं से कुछ की एक उच्च स्तरीय सिंहावलोकन दे,
ब्लॉक आप शायद करने में सक्षम थे में से कुछ की एक त्वरित दौरा,
बहुत आराम से, अपने दम पर नेविगेट करने के लिए, विभिन्न पहेली टुकड़े.
और कहा कि HTML, सबसे अधिक संभावना में फिर से होने जा रहा है,
जिससे वहाँ वेब पर पर्याप्त संसाधन है कि हम तुम पर बात करेंगे,
विभिन्न पाठ्यपुस्तकों, अगर आप एक पाठ्यपुस्तक पढ़ने के लिए पसंद करते हैं,
है कि आप विभिन्न चीजें आप HTML के साथ कर सकते हैं की सभी के माध्यम से चलना होगा,
लेकिन वास्तव में, हम इस प्रकार अब तक बुनियादी अवधारणाओं के सबसे HTML में देखा है.
हम खोला जा रहा है टैग की धारणा है, टैग बंद किया जा रहा है.
कुछ टैग कि दोनों खोला और बंद हो जाती हैं
इस अर्थ में कि वे खाली कर रहे हैं, वहाँ उन के अंदर कुछ भी नहीं होना चाहिए
तरह एक छवि टैग या एक पंक्ति विराम है, जो सिर्फ वहाँ रहे हैं.
हम भी पहले से ही एक विशेषता की धारणा पर Alt या स्रोत की तरह देखा.
सूचना है कि इन शब्दों के लिए जाते हैं, सम्मेलन द्वारा लघु और संक्षिप्त हो.
>> हम विवेक क्या इन बातों को कहा जाता है पर नहीं है,
किसी और जो HTML का आविष्कार इन नामों के साथ आया था.
तो तुम सिर्फ पता है या देखने के लिए, किसी भी समय आप उन्हें जरूरत के लिए शुरू कर दिया है,
नाम क्या इन टैग और विशेषताओं के लिए कर रहे हैं.
इन विशेषताओं के मामले में आम तौर पर जिम्मेदार बताते हैं
कुछ टैग के व्यवहार को संशोधित.
इस मामले में, स्रोत विशेषता छवि टैग कहता
छवि के स्रोत क्या होना चाहिए.
href गुण लंगर टैग क्या यह वास्तव में जोड़ने जाना चाहिए बताता है.
लेकिन एक वेब पेज की संरचना के मामले में भले ही Facebook
और गूगल और एक पूरी गड़बड़ की तरह की तरह देखो
पहली नज़र में हुड, अगर आप इसे माध्यम से पढ़ने के लिए शुरू के नीचे
अधिक प्रक्रिया, वे सब इस बुनियादी, बुनियादी संरचना का पालन करें.
लेकिन हम इन बातों के stylization में सुधार कर सकते हैं.
तो मुझे कुछ उदाहरण है कि मैं पहले से तैयार करने के लिए जाना.
मुझे आगे जाना है और उन्हें अन्य फ़ोल्डर से यहाँ नकल
और उन्हें इस निर्देशिका में डाल दिया.
अग्रिम में, मैं क्या किया था कुछ फाइल तैयार:
search0, search1, search2, और search3 और 4.
मुझे आगे जाना है और उन फ़ाइलों की पहली खुली,
और देखते हैं अगर हम हमारे अपने खोज इंजन बनाने के लिए शुरू नहीं कर सकते.
इस फाइल के शीर्ष पर, जैसा कि आमतौर पर मामला है कक्षा में, बस टिप्पणियों का एक गुच्छा है.
HTML में, हालांकि, साधन है जिसके द्वारा आप एक टिप्पणी शुरू
<- और तब आप एक टिप्पणी, एक टिप्पणी बहु - रेखा के अंदर कर रहे हैं.
- जब आप कि टिप्पणी को रोकने के लिए तैयार कर रहे हैं, तो आप कर सकते हैं.
तो सब कुछ नीले रंग में शीर्ष पर सिर्फ एक टिप्पणी है.
>> यह फिर जो मेरे doctype घोषणा है,
आप बस कॉपी और अब के लिए विश्वास पर पेस्ट कर सकते हैं.
यह बस ब्राउज़र बताता है, 'यहाँ कुछ HTML 5 आता है.'
नीचे है कि, 14 लाइन पर, मेरी वास्तविक टैग के पहले है,
और यह सिर्फ कहते हैं, पहले के रूप में, यहाँ कुछ HTML आता है,
यहाँ मेरे पृष्ठ के सिर आता है, यहाँ शीर्षक आता है,
और फिर, इसके विपरीत, कि यह शीर्षक के लिए है, कि यह सिर के लिए है.
यहाँ अब मेरे पृष्ठ के शरीर आता है.
एक जोड़ी नया टैग अब तो: H1 1 शीर्षक के लिए खड़ा है.
कई वर्षों के लिए वापस HTML में एक परंपरा है
पाठ के विभिन्न आकार के होने की.
और दिन में वापस, हर एक का मतलब है, आम तौर पर, सिर्फ बड़े और बोल्ड.
लेकिन वहाँ भी h2, जो बड़ा है, लेकिन नहीं के रूप में काफी बड़ा और बोल्ड है.
H3, जो तरह का बड़ा है लेकिन लगभग नहीं के रूप में बड़ा और बोल्ड है,
और बहुत आगे है, h6 के लिए सभी तरह से नीचे.
इन दिनों, हालांकि, H1, h2 और h3 वास्तव में होती हैं
करने के लिए उन्हें और अधिक अर्थ अर्थ है,
एक वेब पेज का शीर्षक है, जिससे h1 वास्तव में एक शीर्षक है
या कुछ पाठ की तरह है कि स्तंभ का शीर्षक.
तो मैं जानबूझ h1 CS50 खोज> h1 कहा है
specifiy है कि यह वास्तव में बढ़ रहा है, मेरे पृष्ठ के शीर्षक है.
शीर्षक पट्टी भावना में शीर्षक,
लेकिन शीर्षक है कि आप वास्तव में वेब पेज में ही शरीर में, देखें.
यह अब, आप शायद लगता है कि यह क्या है,
भले ही हम वाक्यविन्यास के कुछ नए टुकड़े है.
यह एक रूप है. तो वेब वास्तव में दिलचस्प हो जाता है
जब वेबसाइटों उपयोगकर्ताओं से इनपुट लेने.
इस वर्ग में, वेब प्रोग्रामिंग पर सेट समस्या में,
हम एक वेबसाइट है, से प्रति बनाने के लिए नहीं जा रहे हैं,
स्थैतिक सामग्री पता चलता है कि फोटो लिया है कि आप के साथ,
या यह अपने को फिर से शुरू, और मेरे बारे में बातें है,
क्योंकि उन बातों को एक साथ रख अपेक्षाकृत आसान कर रहे हैं.
यह मुश्किल है के लिए वेब पर चीजों को सुंदर बनाने के लिए,
लेकिन कम से कम सामग्री डाल बहुत छोटी है.
लेकिन चीजें वास्तव में दिलचस्प हो जब किसी को अपनी वेबसाइट की यात्रा कर सकते हैं
और इनपुट प्रदान और बाहर प्रपत्रों को भरने कर सकते हैं,
जांचपेटी को जाँच कर सकते हैं और अपनी वेबसाइट के साथ बातचीत कर सकते हैं.
और वास्तव में हर वेबसाइट, शायद आप के बारे में परवाह
इन दिनों किसी भी विस्तार में, किसी भी तरह इंटरैक्टिव.
फेसबुक, गूगल, और इस तरह है कि उपयोगकर्ता इनपुट ले
और अनुकूलित उत्पादन का उत्पादन.
>> तो चलो कि अब क्या करना शुरू. चलो अब संक्रमण
बस मार्कअप के लिए HTML स्थैतिक सामग्री का उपयोग करने से
बजाय गतिशील सामग्री के लिए एक तंत्र के रूप में.
और कहा कि अंत की ओर, अपने स्वयं के खोज इंजन को लागू.
चलो यह इस प्रकार है. यहाँ फार्म टैग है.
कार्रवाई विशेषता निर्दिष्ट करता है कि जब उपयोगकर्ता इस फार्म भरता है
अपने कीबोर्ड के साथ, यह इस यूआरएल के लिए प्रस्तुत किया जाएगा.
तो मैं धोखाधड़ी की तरह हूँ. यह करने के लिए हमें थोड़ी देर ले जा रहा है
की तुलना में एक वर्ग पूरे खोज इंजन को लागू करने के लिए,
तो हम सिर्फ सामने अंत करते हैं, तो बात करने के लिए.
हम हिस्सा है कि उपयोगकर्ता की खोज की मदद करते हैं, और हम बाज़ी Google को सुलझा लेंगे
खोज परिणाम पाने के कठिन हिस्सा है,
लेकिन, विशेष रूप से, मैं गूगल के वेब सर्वर से बात करने जा रहा हूँ
एक दो बहुत लोकप्रिय तरीकों में से एक का उपयोग.
एक हो जाओ, जा रहा है एक, कि हम अंत में देखेंगे, पोस्ट किया जा रहा है,
यद्यपि वहाँ दूसरों कि कम अक्सर इस्तेमाल किया जाता है.
तो बस के विचार conjures, मैं करने के लिए कुछ सामग्री प्राप्त करना चाहते हैं, कुछ खोज परिणामों को मिलता है.
यह है, तो आप शायद लगता है कि यह क्या करता है सकते हैं.
इस इनपुट के किसी तरह का है, यह वास्तव में है, एक पाठ क्षेत्र की तरह लग रहा है,
और कि इनपुट, कि चर के नाम का नाम तो बात है,
क्वेरी के लिए सम्मेलन द्वारा क्यू किया जा रहा है.
और फिर, इस इनपुट के प्रकार एक चेकबॉक्स होने नहीं जा रहा है;
यह एक मेनू होने वाला नहीं है, यह एक पाठ क्षेत्र होने जा रहा है
के रूप में यहाँ इस विशेषता है, और इस पाठ बॉक्स के द्वारा चिह्नित किया जाता है,
एक रेखा को तोड़ने की तरह, या तो वहाँ है या नहीं.
तो हम कि टैग के अंदर स्लेश के साथ एक खाली तत्व है.
तो मैं एक पंक्ति विराम डाल के लिए जा रहा हूँ, और आप, शायद लगता है, कर सकते हैं, यह क्या करने जा रहा है.
यह फार्म इनपुट का एक और प्रकार है.
>> यह एक फार्म जमा करने के लिए इस्तेमाल किया जा रहा है.
तो यह बड़े बटन है कि उपयोगकर्ता प्रपत्र सबमिट क्लिक कर सकते हैं होने जा रहा है,
और उस बटन पर लेबल जा रहा है 'CS50 खोज.'
बंद फार्म, शरीर के करीब, करीब HTML.
चलो देखते हैं कि क्या हम इस वेब पेज के रूप में है.
तो मुझे अपने ब्राउज़र के लिए जाना है,
मुझे जाने दो, अभी भी स्थानीय होस्ट करने के लिए,.
यह अभी भी index.html है, यदि ऐसा है तो मैं इस search0 नामक एक फाइल देखना चाहते हैं,
मैं बस / search0.html दर्ज कर सकते हैं -
और अपनी गलतियों से 1.
क्या चल रहा है? मैं स्पष्ट रूप से अनुमति नहीं है
किसी कारण के लिए इस फ़ाइल का उपयोग करने के लिए.
लेकिन यह है कि सी में है, क्योंकि काम के विपरीत हम इस प्रकार दूर किया है,
जहां कार्यक्रमों तुम लिखने के लिए आपके द्वारा runable हो ग्रहण कर रहे हैं,
आपके द्वारा निष्पादन योग्य है, कि वास्तव में वेब पर मामला नहीं है,
जिससे कभी कभी आप एक सर्वर पर फ़ाइलें बनाने के लिए चाहते हो सकता है,
लेकिन आप पूरी दुनिया के लिए उन्हें देखने के लिए सक्षम होने के लिए नहीं करना चाहती.
बल्कि, आप दुनिया कुछ फ़ाइलों को देखने के लिए करना चाहते हैं
लेकिन, सिर्फ गोपनीयता खातिर दूसरों के लिए नहीं.
तो यह एक आधार ऑप्ट में अधिक है जब आप वेब पर बातें कर रहे हैं.
और इसलिए मुझे वास्तव में रास यहाँ टाइप,
और आप फ़ाइलें मैं देखते हैं, लेकिन याद है कि अगर मैं लंबे समय के लिए ls-l करते हैं,
मैं एक लंबी सूची है कि मुझे इन फ़ाइलों के बारे में कुछ और जानकारी देता है मिलेगा
कि अब कर रहे हैं, वास्तव में, पहले हमारे लिए प्रासंगिक समय के लिए.
सूचना है कि अभी तक सही पर मेरी फ़ाइलों के नाम हैं,
और फिर जो समय पर वे अंतिम या संशोधित किया गया है की नकल की.
यहाँ यह नंबर क्या है? क्या आपको याद है?
बाइट में आकार कितना बड़ा फ़ाइल है.
>> इसलिए मैं यहाँ में लोगो के कुछ प्रकार है कि सभी अन्य फ़ाइलों की तुलना में बड़ा है लगते हैं.
यह है कि मैं कौन हूँ, यह है कि मैं क्या कर रहा हूँ और समूह क्या मैं अंदर हूँ
लेकिन फिर, यहाँ पर बाईं तरफ गुप्त अनुक्रम का एक सा है,
और मुझे लगता है कि हम, संक्षेप में अतीत में इस बारे में बात की थी,
लेकिन इस अनुमति के साथ क्या करना है.
और भी है कि अगर एक छोटे से धुंधला है,
आरडब्ल्यू शायद मतलब है कि पढ़ने और लिखने.
तो यह पता चला है कि इन डैश निरूपित करने के लिए अलग अलग लोगों के लिए अनुमति के विभिन्न सेट.
और पैटर्न है, मूलतः, के रूप में इस प्रकार है.
जब आप डैश का एक दृश्य यहाँ देखते हैं, वे इस प्रकार के रूप में देखो.
एक पानी का छींटा है, तो वहाँ तीन और डैश,
तो वहाँ एक और तीन है, तो वहाँ एक और तीन है.
पहले एक या तो एक निर्देशिका के लिए पानी का छींटा यह विज्ञापन है.
इतना है कि एक बहुत आसान है. यदि यह एक फ़ोल्डर है, यह घ कहते हैं, अन्यथा यह एक हैफ़ेन है.
कुछ अन्य मामलों है, लेकिन अब के लिए हम सिर्फ फ़ाइलें और निर्देशिका के बारे में ध्यान देंगे.
ये अगले तीन डैश - मैं और कृत्रिम स्थान डाला है.
वे थे, जाहिर है, जब हम उन्हें एक पल पहले देखा था वहाँ.
ये फ़ाइल मालिक अनुमतियाँ हैं,
और एक पल पहले कि यह पढ़ने और लिखने से याद करते हैं.
क्योंकि मैं, के रूप में व्यक्ति जो इस फाइल को एक पल पहले बनाया था,
मैं, बस डिफ़ॉल्ट रूप से, एक Linux के कंप्यूटर पर,
पढ़ने और लिखने कि फ़ाइल जारी रखने की क्षमता है.
>> तो ऑपरेटिंग सिस्टम सिर्फ मुझे आरडब्ल्यू स्वतः देता है.
बीच लोगों को अपने समूह से संबंधित हैं, छात्रों की,
जो उपकरण पर व्यर्थ की तरह है क्योंकि मैं केवल एक ही व्यक्ति उपकरण का उपयोग कर रहा हूँ.
तो मुझे सिर्फ इतना है कि अब के लिए मेरे हाथ की लहर.
लेकिन पिछले वाले वेब के लिए सबसे महत्वपूर्ण हैं.
इस दुनिया में हर कोई है, और वास्तव
कि कि --- इसका मतलब यह है कि दुनिया में कोई और एक
इस फाइल करने के लिए किसी भी अनुमति है.
जाहिर है एक समस्या है, तो मैं इसे ठीक करने की जरूरत है
किसी भी तरह दुनिया क्या दे? पढ़ें और लिखने के लिए?
वह शायद गूंगा, है ना? मैं वेब पर किसी को भी नहीं करना चाहती
करने के लिए अपने पृष्ठ पर जाएँ और किसी भी तरह कि फ़ाइल को बदलने की है,
भले ही वे वास्तव में एक HTML फ़ाइल के साथ नहीं कर सकता है,
लेकिन सिद्धांत रूप में बस, शायद सिर्फ उन्हें इसे पढ़ने में सक्षम होना चाहता हूँ.
इसे पढ़ने के लिए क्या मतलब है? इसका मतलब यह नहीं है कि वे वास्तविक HTML के बारे में परवाह करने के लिए जा रहे हैं,
लेकिन ब्राउज़र कि मार्कअप भाषा पार्स करने में सक्षम होने की जरूरत है,
ऊपर से नीचे, सही करने के लिए छोड़ दिया है.
तो वेब पर किसी को इसे पढ़ने में सक्षम होने की जरूरत है, तो मैं न्यूनतम यह r देने की जरूरत है.
मैं कुछ अलग तरीके से करते हैं, लेकिन शायद कर सकते हैं
सरल करने के लिए इस आदेश को चलाने के यहाँ है.
Chmod, परिवर्तन मोड, तो एक + r तो दुनिया में हर कोई, पढ़ने के +
और तो फ़ाइल, search0.html के नाम है.
>> अब अगर मैं ls-l फिर से करना, सूचना है कि उस फ़ाइल बदल गया है,
और वास्तव में, मैं r पर हर किसी के लिए बदल दिया है.
मैं यह भी बंद कर दिया है पर अपने समूह के लिए, लेकिन यह ठीक है,
क्योंकि अगर मैं हर किसी के लिए में बदल गया, अपने समूह की एक सबसेट है.
तो वह भी ठीक है. यह सिर्फ मतलब है कि कंप्यूटर अब यह पठनीय बना दिया है.
अब मुझे अपने ब्राउज़र के लिए वापस जाने के लिए, पुनः लोड क्लिक करें.
आह - हा. हम अब CS50 खोज.
सुंदर घृणित खोज इंजन - मैं एक छोटे से कृत्रिम रूप में तेजी से बढ़ी है.
लेकिन हम देखते हैं कि यह वास्तव में काम करता है.
सबसे पहले, मुझे एक त्वरित मानसिक स्वास्थ्य की जांच करते हैं, मुझे नियंत्रण क्लिक करें और पृष्ठ स्रोत देखें.
सूचना है कि क्रोम के भीतर अब हम एक ही HTML देख रहे हैं कि मैं खुद बनाया.
भ्रमित मत जाओ यहाँ हालांकि,. मैं यहाँ कोड बदल नहीं शुरू कर सकते हैं,
क्योंकि ब्राउज़र केवल पढ़ने के लिए इस कोड का एक दृश्य है.
ब्राउज़र सिर्फ एक search0.html नामक एक फ़ाइल के लिए स्थानीय मेजबान पूछा है.
अब यह संयोग ही है कि उपकरण
अपने ब्राउज़र के रूप में एक ही कंप्यूटर पर होना होता है.
मैं सिर्फ equivalently, www.facebook.com/search0.html में टाइप किया है, हो सकता है,
और अगर फेसबुक कि एक फ़ाइल बुलाया था, मैं तो अपने HTML को देखकर किया जाएगा.
और, बेशक, मैं फ़ाइल है कि फेसबुक से वापस आता नहीं बदलने के लिए, या तो कर सकते हैं.
तो अब हम लाइनों धुंधला की तरह कर रहे हैं.
दोनों एक सर्वर उपकरण है, वेब पृष्ठों की सेवा,
लेकिन यह भी अर्थ में एक ग्राहक है कि मैं एक ब्राउज़र का उपयोग कर रहा हूँ
वास्तव में उस सर्वर के लिए बात करते हैं.
तो चलो देखते हैं अगर मेरे गूगल खोज इंजन काम करता है.
मुझे आगे जाना है और जल्दी भूरी लोमड़ी के लिए खोज दर्ज करें.
और देखा, अब मैं अपने स्वयं के खोज इंजन है.
>> लेकिन यह कैसे काम करता है?
एक खंड के बिट, लेकिन और अब तुम ठीक, भाग नहीं देख सकते हैं कि ब्याज की है.
सूचना है कि क्या होता है.
यूआरएल पर ध्यान दें. यह पता चला कि है कि विधि बदल जाता है,
पाने के कहा जाता है, सुपर सरल है.
, जब आप एक के रूप में निर्दिष्ट कर सकते हैं कि आप कुछ सर्वर से परिणाम 'प्राप्त' करना चाहते हैं
यह करने जा रहा है क्या ले जो भी आप के रूप में लिखा गया है
और यह URL में डाल दिया.
यह कैसे यह यूआरएल में डाल दिया जाता है, के रूप में इस प्रकार के मानकीकरण के लिए जा रहा है.
सूचना है कि इस यूआरएल कि मेरे कार्रवाई विशेषता के मूल्य था.
वह है, जहां मैं फार्म को समाप्त करने के लिए करना चाहता था.
लेकिन फिर इस प्रश्न चिह्न नोटिस.
यह वेब पर एक सम्मेलन जिससे उपयोगकर्ता इनपुट प्रदान करने के लिए है
एक वेबसाइट के लिए, आप एक प्रश्न चिह्न यूआरएल के लिए संलग्न है,
और फिर तुम कुंजी मूल्य जोड़े की एक पूरी गुच्छा है.
एक चाबी है, अन्यथा वेब में एक पैरामीटर के रूप में जाना जाता है के नाम,
तो आप एक बराबर चिह्न है, तो आप उस पैरामीटर का मूल्य है.
इसलिए यह अनिवार्य रूप से एक चर नाम और एक चर मूल्य है,
लेकिन उन चर के नाम और मूल्यों HTML फार्म से आया है.
Pluses क्यों कर रहे हैं, आपको लगता है?
क्योंकि मैं + मेरे शब्दों के बीच में टाइप नहीं था.
[छात्र, unintelligible]
>> हाँ, यह सिर्फ रिक्ति के लिए है. बाधाओं रहे हैं, जब भी आप एक यूआरएल को देखा है,
इसमें किसी भी रिक्त स्थान है, कभी नहीं है क्योंकि सिर्फ अगर
अगर वहाँ थे, तुम सच में नहीं है और नकल इसे पेस्ट सकता है
क्योंकि यह एक IM में या एक ईमेल में टूट जाएगा.
आप पूरी बात एक अक्षर का सन्निहित स्ट्रिंग होना चाहता हूँ.
>> तो ब्राउज़र बहुत चालाक के लिए एहसास है, उह, उह.
वहाँ अंतरिक्ष बस नहीं डाल दिया. मुझे कुछ मानक तरीका में अंतरिक्ष सांकेतिक शब्दों में बदलना.
ऐसा करने के लिए सम्मेलनों का ब्राउज़र है
स्वचालित रूप से एक + जहां आप अन्यथा एक जगह है डाल दिया.
तो अब, नोटिस गूगल उपयोगकर्ता के अनुकूल की तरह किया गया है.
मैं निश्चित रूप से इस वेब पेज नहीं बना था,
लेकिन वे अपने स्वयं के पाठ क्षेत्र prepopulated है
क्या, ठीक, मैं अंदर टाइप के साथ
मान लीजिए कि मैं एक आलसी कुत्ते की तरह, कुछ और के लिए खोज करना चाहते हैं.
मैं सिर्फ इस यहाँ टाइप कर सकते हैं, फिर से खोज.
सूचना है कि यूआरएल यहाँ परिवर्तन,
लेकिन फिर लगता है कि मैं वास्तव में कुछ भी मैं चाहता हूँ के लिए खोज कर सकते हैं
सिर्फ URL कैसे काम समझने के द्वारा.
मैं आलसी बिल्ली में प्रवेश कर सकता है,
और अब नोटिस मैं एक बहुत ही आलसी हो रही है - हम चाहिए? मुझे लगता है कि जैसे हम चाहिए.
मैं एक बहुत ही आलसी बिल्ली मिलता है.
सही सभी. यह एक बेवकूफी बातें किया है हम में से एक है.
लेकिन यह है कि एक आलसी बिल्ली है.
किसी भी तरह, क्या कुंजी takeaway यहाँ है?
अब हम HTTP की दुनिया में खेल की तरह कर रहे हैं.
HTML सिर्फ इस मार्कअप भाषा, खुले टैग, करीब टैग है,
कि एक ब्राउज़र कैसे एक वेब पेज पर सामग्री रेंडर करने के लिए कहता है.
लेकिन जब आप इंटरनेट के पार संचारण डेटा शुरू
वेब ब्राउज़र और सर्वर के बीच है कि जहां इस प्रोटोकॉल
के रूप में जाना जाता है हाइपरटेक्स्ट ट्रांसफर प्रोटोकॉल से अधिक लेता है.
यह मानव सम्मेलन की तरह है, जब सैम और मैं सोमवार को हाथ मिलाया,
एक कनेक्शन शुरू करने और फिर एक कनेक्शन, एक ही विचार यहाँ बंद.
Google के परिणाम मेरे लिए वापस आ रहे हैं?
कैसे अपने फार्म जमा करने के लिए जा रहा है?
खैर, दूसरे दिन से याद है कि क्या वास्तव में हो रहा है
हुड जब आप अनुरोध करने के लिए एक वेब पेज के नीचे,
अपने ब्राउज़र की तरह कुछ हद तक गुप्त संदेश भेज रहा है
डिफ़ॉल्ट मुख पृष्ठ के लिए प्राप्त / HTTP/1.1.
>> या, इस मामले में, क्योंकि मैं विशेष रूप से पहले का अनुरोध
search0.html, यह तो कुछ हद तक गुप्त संदेश होगा
कि मेरी ब्राउज़र उपकरण को भेजता है.
या, गूगल के इस मामले में क्या वास्तव में भेजा है
/ खोज, और फिर? q = आलसी बिल्ली के लिए एक अनुरोध के साथ वहाँ से अधिक है.
तो यह संदेश है कि मैं, मानव टाइपिंग, कभी नहीं रहा हूँ,
लेकिन मेरे ब्राउज़र द्वारा भेजा जा रहा है, यह है कि कैसे HTTP होता.
यह हमारे हाथ होने हिल के बराबर है.
यह अनुरोध है, और सर्वर एक प्रतिक्रिया भेजने के बारे में.
तो चलो हुड के नीचे इस पर एक नज़र रखना.
जैसा कि पहले, हम एक ब्राउज़र में इस विशेष क्षेत्र खोल सकते हैं.
पेज देखें, तत्वों का निरीक्षण.
तो तहत तत्व का निरीक्षण, सूचना है कि क्रोम में क्या हुआ है,
और IE और Firefox इसी तरह के तंत्र है,
हम इन डेवलपर उपकरण हमारे लिए सुलभ है.
सामान्य लोगों को इन टैब का प्रयोग नहीं करते.
लेकिन हम अब, क्या हो रहा है में रुचि रखते हैं
नेटवर्क के स्तर पर हुड के नीचे.
तो अगर मैं नेटवर्क के स्तर यहाँ खींच
मुझे आगे जाना है और इस खिड़की का विस्तार,
इस प्रविष्टि यहाँ खोलने के लिए, और हेडर पर देखो.
तो क्या होता है जब मैं एक वेब सर्वर से एक फ़ाइल का अनुरोध
है अपने ब्राउज़र चीजों की एक पूरी गुच्छा भेजता है.
और मुझे स्रोत को देखने. तो अनुरोध हेडर के तहत,
और यह सिर्फ मुझे कुछ नैदानिक ​​उत्पादन दिखा क्रोम है,
तरह की किसी प्रकार की एक डिबगर की तरह,
सूचना है कि मैं यहाँ पर प्रकाश डाला है क्या ठीक है क्या
क्रोम सर्वर के लिए भेज रहा है क्रम में एक search0.html बुलाया फ़ाइल का अनुरोध करते हैं.
यह सर्वर कह रही है कि वह क्या सोचता है कि उसके नाम है,
इस मेजबान बृहदान्त्र क्षेत्र के लिए धन्यवाद, तो वहाँ कुछ है
यहाँ बहुत गूढ़ सामान, दिनांक और समय के साथ क्या करने के लिए कुछ की तरह,
भाषा कि ब्राउज़र को समझता के साथ क्या कुछ है,
लेकिन वास्तव में महत्वपूर्ण लाइनों इन 1 दो यहाँ हैं.
>> क्या सर्वर के साथ प्रतिक्रिया नहीं करता है? खैर, अगर हम यहाँ नीचे स्क्रॉल
और इस बात के स्रोत को देखने, सूचना है कि सर्वर
कुछ हद तक एक गुप्त संदेश के साथ के रूप में अच्छी तरह से जवाब दिया, नहीं संशोधित 304.
यह थोड़ा अजीब है, मुझे वास्तव में यह तय करने की कोशिश है.
मुझे नीचे शिफ्ट पकड़ और यहाँ लोड करें क्लिक करें
ब्राउज़र को मजबूर करने के लिए वास्तव में पहली बार के लिए इस अनुरोध.
तो मुझे में ज़ूम, और हम अब है कि सर्वर की प्रतिक्रिया देखेंगे,
क्योंकि मैं पाली में आयोजित किया है, 200 ठीक है.
तो तुम शायद कभी नहीं देखा है 200 संख्या
वेब के संदर्भ, लेकिन क्या संख्या में
आप कभी कभी एक सर्वर से अप्रत्याशित रूप से देखा है?
404, फ़ाइल नहीं मिला, 403, मना, 500, सर्वर त्रुटि.
तो वहाँ इन अंकीय कोड है कि दुनिया वेब में उपयोग कर रहे हैं
सी कार्यों की तरह त्रुटियों, दर्शाता
त्रुटियों वापसी कर सकते हैं और मुख्य बाहर निकलें कोड वापस कर सकते हैं.
200, हालांकि, आप शायद ही कभी देखने क्योंकि यह मतलब है कि सब कुछ ठीक है.
और 304 आप शायद देख कभी नहीं, क्योंकि यह क्या वाचक है?
कुछ भी नहीं है कि - चलो देखते हैं अगर हम इस पर फिर से अनुकरण कर सकते हैं -
ओह, अब यह सहयोग नहीं है. 304 ने कहा कि संशोधित नहीं,
तो क्यों सर्वर भी जवाब दे रहे थे?
खैर, दक्षता के लिए, आप के लिए एक वेब सर्वर पर स्वचालित,
अगर फ़ाइल नहीं बदला है, यह पूरे HTML फ़ाइल नहीं retransmit जाएगा.
यह सिर्फ ब्राउज़र यह नहीं बदला है बता दूँगा.
बस कॉपी आपके पास पहले से उपयोग करें.
तो वेब पर कैशिंग की इस धारणा है
प्रदर्शन के लिए, ताकि आप समय और अपशिष्ट बैंडविड्थ बर्बाद नहीं करते
फ़ाइलों को फिर से डाउनलोड कर सकते हैं और फिर से अनावश्यक रूप.
>> लेकिन इस वेब पेज, अब, सुपर सरल था,
और यह केवल मुझे HTML से पता चला है कि वापस आ गया.
चलो अब वास्तव में नेटवर्क टैब का उपयोग करने के लिए जल्दी भूरी लोमड़ी की तरह एक Google खोज करते हैं.
चलो मुझे तो CS50 खोज पर क्लिक करें,
और अब, यहाँ नीचे में सामान की एक पूरी गुच्छा नोटिस वापस आया
क्योंकि जब मैं Google.com की तरह एक असली वेबसाइट पर जाएँ,
वे चित्र है, वे मूल पाठ इस प्रकार है, वे एक जावास्क्रिप्ट वहाँ बुलाया भाषा है.
तो यहाँ नीचे इस तालिका में हर पंक्ति
कुछ है कि गूगल मेरी एक अनुरोध के जवाब में बाहर थूक का प्रतिनिधित्व करता है.
मैं एक के बारे में परवाह है, हालांकि, यह पहली एक है.
और अगर मैं खोज करने के लिए जाना है, अनुरोध क्लिक करें, स्रोत यहाँ देख,
नोटिस कि, वास्तव में, गुप्त संदेश है कि अपने ब्राउज़र भेजा
इन दो लाइनों के लिए गूगल यहाँ था,
यहाँ नीचे कुछ रहस्यमय जानकारी है जो हम अब के लिए उपेक्षा करेंगे द्वारा पीछा किया.
लेकिन नोटिस, भी, क्रोम क्या सुंदर के साथ काम है,
यह भी मेरे क्वेरी स्ट्रिंग है कि अंदर भेजा गया था दिखा रहा है
तो बजाय मुझे इस शो, जो सचमुच में भेजा गया था,
अगर मैं यह देखने डीकोड, debugging प्रयोजनों के लिए क्रोम,,
हमारे जैसे डेवलपर्स के लिए, यह सिर्फ मुझे एक मानव के अनुकूल संस्करण दिखा रहा है -
कि कैसे आप लोमड़ी जादू, जाहिरा तौर पर नहीं है.
मैं सिर्फ इस रहा हूँ अब देख रही है - लेकिन यह दिखा रहा है कि मैं क्या, जाहिरा तौर पर लिखा है,.
इस बीच, प्रतिक्रिया है कि सर्वर से वापस आ गया फिर से 200 ठीक है.
लेकिन उस प्रतिक्रिया जाहिर की, शामिल है,
यदि हम वास्तव में पृष्ठ के एचटीएमएल देखने -
खेद है, यह थोड़ा गड़बड़ा गया आज कुंजीपटल शॉर्टकट है.
>> मैं इस के साथ बाद में सौदा होगा. इसलिए यदि हम वास्तव में पृष्ठ के स्रोत को देखने के लिए,
जो मैं यहाँ नीचे प्रतिक्रिया पर क्लिक करके कर सकते हैं,
यह है कि क्या वास्तव में वापस थूक था कि गुप्त 200 सर्वर से ठीक संदेश के अलावा.
एक छोटी सी गुप्त है, लेकिन जहां यह सब से आ रहा है?
ठीक है, यहाँ एक दूसरी बात करते हैं. एक अन्य आदेश कुछ हद तक गुप्त,
लेकिन इस एक स्वच्छ की तरह है कि यह हमें पता चलता है कि क्या वास्तव में हुड के नीचे जा रहा है.
इसलिए मैं अपने मैक पर वापस यहाँ हूँ, मैं जुड़ा है
एक SSH, सुरक्षित शैल नामक कार्यक्रम के माध्यम से, एक और सर्वर से
क्योंकि हार्वर्ड कंप्यूटर के सबसे आदेश ब्लॉक को चलाने के बारे में हम कर रहे हैं
क्योंकि वहाँ कुछ सर्वर पर यह आदेश traceroute कहा जाता है
है कि आप एक और ख अंक के बीच के मार्ग का पता लगाने के लिए अनुमति देता है,
और इस प्रकार अब तक हम के लिए दी किया गया है पूरी तरह से ले जा रहा
कि मैं Google.com में लिख सकते हैं और किसी भी तरह डेटा वापस मिल सकता है
आधे रास्ते देश भर में या दुनिया भर में आधे रास्ते से.
Traceroute के साथ हम वास्तव में थोड़ा गहरा गोता कर सकते हैं
कैसे इंटरनेट का काम करता है के रूप में देखते हैं, और क्या हुड के नीचे जा रहा है.
तो चलो आगे जाना है और मनमाने ढंग से करने के लिए एक मार्ग का पता लगाने, कहते हैं, Stanford.edu
जो देश भर में है, और हिट दर्ज करें.
इस आदेश सुपर फास्ट या सुपर धीमी हो सकता है,
लेकिन अब हम क्या देख रहे हैं, लाइन से लाइन,
हर एक या कदम हमें और पालो अल्टो, या स्टैनफोर्ड के बीच hops की है,
जहां वे अपने वेब सर्वर है.
तो क्या इन लाइनों में से प्रत्येक अधिक concretely का प्रतिनिधित्व करता है, हालांकि?
इंटरनेट से शब्दजाल का एक टुकड़ा है? [छात्र, unintelligible]
>> क्या है? [छात्र, unintelligible]
>> ओह, तो कई बार कर रहे हैं, लेकिन प्रत्येक पंक्ति क्या है - क्या है कि मैं हॉप से ​​मतलब है?
>> खैर, वहाँ इंटरनेट पर इन बातों routers बुलाया हैं.
और routers, जैसा कि नाम से पता चलता है, बिंदु से मार्ग जानकारी एक बी बात करने के लिए.
लेकिन वहाँ एक और ख से परे कई अंक हैं.
सी और डी और ई और 1 पंक्ति के बीच च है,
जो मेरे कंप्यूटर के आईपी पते के लिए होता है,
या मेरे संख्यात्मक पते, जो विशिष्ट रूप से मेरे कंप्यूटर को पहचानती है,
और 15 कदम है, जो वास्तव में 6 वेब सर्वर है,
जाहिरा तौर पर, जो मैं इस से inferring रहा हूँ, या अपने वेब सर्वर के स्टैनफोर्ड में संस्करण 6.
लेकिन क्या साफ है की तरह है, तो हम रास्ता देख सकते हैं
कि मेरे 0 और 1 स्टैनफोर्ड के लिए अपने कंप्यूटर से ले रहे हैं.
तो चरण 1 मेरे अपने कंप्यूटर का पता है.
इंटरनेट पर हर कंप्यूटर एक अद्वितीय पहचानकर्ता है कि इस तरह दिखता है.
Number.number.number.number.
इस परिसर में कहीं, शायद विज्ञान केंद्र में,
एक रूटर कोर गेटवे 2 te83 है, जो कुछ भी मतलब है कि कहा जाता है,
तो यह हार्वर्ड बड़ा फैंसी routers कि अपने यातायात के एक बहुत मार्गों में से एक है.
यहाँ हार्वर्ड routers के एक है, यह एक बॉर्डर गेटवे है,
सीमा अर्थ यह परिसर की परिधि पर शायद कहीं है.
तो फिर वहाँ एक nox, 4 पंक्ति, है जो उत्तरी चौराहे है,
जो एक बड़ा आईएसपी, इंटरनेट सेवा प्रदाता है,
हार्वर्ड की तरह है कि स्थानों को जोड़ने.
लेकिन फिर चीजें 6 लाइन में एक रोचक सा मिलता है.
कहाँ मेरे बिट्स अचानक? कान्सास.
दुनिया इन बातों का एक बहुत में एयरपोर्ट कोड का उपयोग करने की आदत है,
या राज्यों या शहरों के लिए कम से कम संक्षिप्ताक्षर पर,
तो यह की तरह लग रहा है, सिर्फ 60 ms में,
जानकारी का एक पैकेट, 0 और 1 मेरे लैपटॉप से
कान्सास के लिए सभी तरह से, और फिर 60 एमएस में मिला है.
>> इसके अलावा, कान्सास के बाद, वे ह्यूस्टन के माध्यम से एक दौरे शायद ले लिया,
जैसा कि इस सर्वर के नाम से सुझाव दिया गया है.
तो बस के रूप में इंटरनेट पर एक सर्वर एक संख्यात्मक पता होना चाहिए,
यह भी, वैकल्पिक कर सकते हैं, एक से थोड़ा अधिक मानव के अनुकूल पता है कि मनुष्य के साथ आया है.
अब, चरण 8 में, हम नहीं पता है कि यह क्या है.
कभी कभी routers बस की तरह तुम्हें उपेक्षा,
और वे सिर्फ सवाल का जवाब नहीं है तो, वह ठीक है.
कदम के बाद एक 8 जहां जाहिरा तौर पर है? एल.ए.
केवल 78 एमएस में सूचना, क्या हमें लगता है 6 + घंटे की तरह मनुष्य के लिए शारीरिक रूप से करना है,
इंटरनेट एमएस 78 पर जानकारी के पैकेट लेता है कि अब तक की यात्रा है.
10 कदम के रूप में अच्छी तरह से ला में है, और 11 कदम के लिए उत्तर में चले गए हैं, स्टैनफोर्ड के पास लगता है.
यह उनकी सीमा रूटर, या बॉर्डर रूटर है.
स्टैनफोर्ड में एक दो कदम है कि हमें की अनदेखी कर रहे हैं,
और अंत में, हम सिर्फ 87 एमएस में वेब सर्वर तक पहुँचने.
अब, इन नंबरों के एक अलग रूप में, सभी,
सिर्फ तुम्हें बता कितना समय लेता है के लिए मुझ से डेटा प्राप्त करने के लिए
इन routers के एक है, और यह संचयी नहीं है.
इस कार्यक्रम क्या करता है, यह पहली बार एक संदेश भेजता है, अनिवार्य रूप से पहले रूटर.
फिर एक दूसरे रूटर, एक तो 3 रूटर,
प्रत्येक समय को मापने. इसलिए सिद्धांत रूप में, इन दिनों बढ़ जाएगा
या कम से कम बहुत एक दूसरे के करीब
और वास्तव में, लोगों को है कि परिसर पर सही यहाँ हैं सुपर छोटे हैं.
जैसे ही आप देश भर में जा रहा शुरू, यह डेटा लेता है
अब एक छोटे से यात्रा, 100 एमएस के करीब, दे या ले.
लेकिन दूसरी दिशा अब जाना. ब्रिटेन में कैम्ब्रिज विश्वविद्यालय के बारे में कैसे?
मुझे बजाय www.cam कैम्ब्रिज के लिए traceroute चलाने,
शैक्षिक के लिए एसी., ब्रिटेन, और हिट दर्ज करें.
यह सुंदर बहुत तेजी से किया गया था.
मेरे डेटा सचमुच उस समय के दूसरे विभाजन में कैम्ब्रिज, इंग्लैंड के लिए चला गया.
>> तो चलो रास्ता है कि इसे ले लिया.
हार्वर्ड, हार्वर्ड, हार्वर्ड, उत्तरी चौराहे,
जो एक आईएसपी है, और फिर इस उत्तरी चौराहे, और फिर बेम.
चरण 6 और 7, रूटर 6 और 7 के बीच में क्या है?
अटलांटिक महासागर. और हम इस तथ्य से इस inferring रहे हैं कि
हम 20 एमएस यहाँ से 80 एमएस के लिए यहाँ जाओ.
तो कुछ 60 एमएस लिया, दे या ले, के लिए खत्म हो.
और कहा कि शायद पानी का एक बड़ा शरीर था.
उसके बाद क्या हो जाता है? खैर, हम यहाँ लंदन में हैं,
बाद में सिर्फ 88 एमएस. लंदन, लंदन,
यकीन है, नहीं है जहां यह है, लेकिन हम यह मान लेंगे कि यह लंदन के बाहर है,
यहाँ कैम्ब्रिज, और हम अंत - सचमुच, कैम्ब्रिज विश्वविद्यालय
. Something.net, और फिर, अंत में, 16 लाइन में
जाहिरा तौर पर अपने वेब सर्वर वृश्चिक कहा जाता है
हुड के नीचे, भले ही हम इसे www के रूप में जानते हैं.
प्रकार का मन उड़ाने, मुझे लगता है. पहली बार मैं कभी भी यह किया है, यह पूरी तरह से मेरे दिमाग उड़ा दिया.
दुर्भाग्य से, हार्वर्ड यातायात की, आम तौर पर, नेटवर्क पर इस तरह रोकता है.
तो आप यह सुपर आसानी से नहीं कर सकते हैं.
एहसास है, हालांकि, यहां यह संभव है.
सही सभी. चलो हमारे यहाँ 5 मिनट का ब्रेक ले. हम वापस आ गया और गहराई में डुबकी हूँ.
तो हम वापस आ रहे हैं, और हम किस तरह का कुछ अलग अलग दिशाओं में यहाँ के बारे में ambled.
तो चलो वास्तव में क्या हो गया है यहाँ पर जा रहा है संक्षेप में प्रस्तुत करना.
हम इस HTML बुलाया भाषा के बारे में बात कर बातचीत शुरू कर दिया.
फिर, एक प्रोग्रामिंग भाषा नहीं यह सिर्फ एक मार्कअप भाषा है
कि एक वेबपेज के रूप में और सामग्री की संरचना सौंदर्यशास्त्र के बारे में काफी हद तक है.
लेकिन HTML, इसलिए, तंत्र के कुछ प्रकार की जरूरत है
वेब ब्राउज़र और सर्वर के बीच यात्रा के लिए.
HTML इसलिए इस अन्य भाषा के शीर्ष पर सवारी की तरह है,
या अधिक ठीक से, एक प्रोटोकॉल, HTTP के रूप में जाना जाता है.
>> और HTTP, के रूप में हम इसे इस प्रकार अब तक देखा है,
किस तरह का हाथ मिलाने के इस मानव सम्मेलन अनुरूप है.
, जब एक ब्राउज़र करने के लिए एक सर्वर से एक पृष्ठ का अनुरोध करना चाहता है
यह भेजता है कि ब्राउज़र से सर्वर के लिए अनुरोध "मिल",
और उसके बाद सर्वर 200 की तरह एक नंबर के साथ जवाब है, सब ठीक है,
HTML या 404 जैसे कुछ बुरी संख्या के रूप में के रूप में अच्छी तरह से मिला, फ़ाइल नहीं.
लेकिन इस बीच, HTTP ही इंटरनेट, प्रति से नहीं है.
HTTP सिर्फ एक सेवा है, इंटरनेट की सुविधा
जी चैट की तरह ज्यादा एक और सेवा है, ज्यादा ईमेल की तरह एक और सेवा है.
वहाँ बातें हम इंटरनेट पर कर सकते हैं की सभी प्रकार की है.
HTTP सिर्फ एक उन अनुप्रयोगों के.
तो के शीर्ष पर HTTP कुछ और के शीर्ष पर
जो हम नाम से उल्लेख नहीं किया है, तो आप नाम से, टीसीपी / आईपी के बारे में सुना हो सकता है.
तो हम सिर्फ वहाँ को बताया कहानी के बारे में सब है
कैसे डेटा बिंदु से एक बी बात करने के लिए यात्रा है.
और इस मामले में, हम एक बहुत कम स्तर पर देखा
रूटर रूटर रूटर रूटर करने के लिए,
डेटा वास्तव में कैसे फैलता है किया जा रहा है.
लेकिन जिस तरह से साथ, यह विभिन्न बाधाओं का सामना करने के लिए जा रहा है.
इन routers के अलावा, इंटरनेट पर फायरवॉल नामक बातें कर रहे हैं,
और इसलिए डेटा, जैसे कि हम सिर्फ संचारण रहे थे
मुझ से स्टैनफोर्ड, मुझ से कैम्ब्रिज
इस स्तर पर, भेजा, कुछ एक आईपी पता कहा जाता है.
हम इस एक पल पहले देखा था, और एक आईपी पता
प्रपत्र w.x.y.z की संख्यात्मक पता है,
जहां इनमें से प्रत्येक के बीच है, दे या ले, 0 और 255,
हालांकि आप काफी उन लोगों की संख्या के सभी उपयोग नहीं कर सकते.
लेकिन इन जगह धारकों के प्रत्येक 0 और 255 के बीच एक नंबर है.
एक आईपी पते तो इन दिनों 32 बिट है.
>> अब, कि हमें कितने संभव दुनिया में आईपी पते देता है?
लगभग 4 अरब, क्योंकि किसी भी समय हम 2 की शक्तियों में भरोसा कर रहे हैं
32 करने के लिए सब कुछ की तरह, कि आम तौर पर हमारे 4 अरब देता है.
तो यह है कि आईपी पतों की एक बहुत कुछ है, लेकिन आप पढ़ा है हो सकता है,
या आप अब लोकप्रिय प्रेस में सूचना हो सकती है,
आईपी ​​का एक नया संस्करण की ओर एक धक्का IPv6 बुलाया.
अभी हम 4 संस्करण का उपयोग कर रहे हैं.
वहाँ वास्तव में एक 5 संस्करण नहीं किया गया है, हम सिर्फ 6 से कर रहे हैं सही कूद.
संस्करण 6 आईपी पते, जो भारी गुस्सा है के लिए 128 बिट का उपयोग करने के लिए जा रहा है.
हम कुछ समय के लिए अब बाहर नहीं चलाना चाहिए,
लेकिन हम संस्करण 4 आईपी पते से बाहर चलाने के लिए शुरू कर दिया है,
क्योंकि हम सभी लैपटॉप और डेस्कटॉप की तरह न केवल बातें हैं,
हम में से बहुत फोन है, हम में से एक बहुत कुछ अन्य उपकरणों
TiVo और जैसे जैसे कि आईपी पते खुद को.
हार्वर्ड ही कंप्यूटर के हजारों की दसियों है.
तो दुनिया आईपी पतों की सही मायने में बाहर चल रहे हैं, कम से कम इस फार्म का.
तो अगले कुछ वर्षों में, आप पते को देखने के लिए जा रहे हैं
अपने स्वयं के कंप्यूटर पर शायद धीरे धीरे परिवर्तन
के रूप में अधिक से अधिक कंपनियों और विश्वविद्यालयों के नए संस्करण का समर्थन करने के लिए शुरू करते हैं.
लेकिन एक आईपी पता एक कंप्यूटर कंप्यूटर ख से डेटा का अनुरोध करने के लिए पर्याप्त नहीं है.
क्योंकि कंप्यूटर ख एक सर्वर हो सकता है,
और एक सर्वर, जैसा कि मैंने पहले कहा, चीजों के bunches कर सकते हैं.
यह वेब पृष्ठों की मेजबानी कर सकते हैं, यह एक ईमेल सर्वर हो सकता है,
यह एक स्काइपे सर्वर हो सकता है, यह एक जी चैट सर्वर हो सकता है.
>> ये सभी अलग सेवाओं है कि एक सर्वर पर प्रदान किया जा सकता है
सभी, शारीरिक रूप से कर सकता है, एक ही मशीन पर हो.
तो आईपी पते के अलावा,
दुनिया बातें इंटरनेट पर बंदरगाहों बुलाया है.
एक बंदरगाह सिर्फ एक संख्या है, तो वहाँ HTTP के लिए एक अद्वितीय संख्या है.
इसकी संख्या 80 है.
HTTP भी 443 नंबर का उपयोग करता है, लेकिन और अधिक विशेष एन्क्रिप्टेड HTTPS के लिए,.
जब भी आप सुरक्षित के लिए है, देखते हैं, कि एक अलग संख्या का उपयोग कर रहा है.
वहाँ 25 जैसे अन्य संख्या, SMTP बुलाया कुछ के लिए प्रयोग किया जाता है, अन्यथा ईमेल के रूप में जाना जाता हैं.
SSH के लिए 22 बुलाया कुछ है,
और वहाँ से बाहर अन्य बंदरगाहों की एक पूरी गुच्छा है.
अब, हम इंसानों शायद ही कभी इन नंबरों को देखते हैं.
हालाँकि, जब आप http://www.facebook.com तरह एक पते में टाइप करें,
ब्राउज़र चुपके से 80 डालने है, क्योंकि आप HTTP का उपयोग कर रहे हैं.
यदि आप, बजाय, प्रकार HTTPS, यह चुपके 443 डालने है.
और हम इस मैन्युअल देखने के की तरह कर सकते हैं अगर मैं एक brower खींच
और http://www.facebook.com:80 के लिए जाना है.
इसलिए स्पष्ट रूप से सिर्फ वेबसाइट का नाम नहीं का हवाला देते हुए
लेकिन बंदरगाह है कि मैं बात करने के लिए करना चाहते हैं, और हिट दर्ज करें.
यह गायब हो जाता है, क्योंकि ब्राउज़र मानता है, सूचना
ओह, 80, मैं भी आप को दिखा रहा है कि परेशान नहीं जा रहा हूँ.
लेकिन इस के लिए कारण यह है कि अगर मैं वास्तव में किसी एक ईमेल भेजना चाहते थे,
मैं वास्तव में उन्हें यह भेजने के पोर्ट 25 पर, किया जा कि SMTP जा रहा है.
एक oversimplification की एक सा है, लेकिन आप में से कुछ दोस्त हैं
जो वास्तव में Facebook पर काम करते हैं, और वे, इसी तरह, सर्वर है कि ईमेल प्राप्त है.
>> किसी भी समय आपको एक ईमेल भेज, जीमेल आप के लिए क्या कर रही है
या Outlook या कार्यक्रम जो भी आप उपयोग,
यह चुपके कि संख्या के रूप में अच्छी तरह से डालने, उस मामले में 25, की तरह है.
यह आईपी पते और संख्या है जो अनोखे पहचानती है के इस संयोजन है
इंटरनेट पर एक कंप्यूटर और उस कंप्यूटर पर एक विशिष्ट सेवा.
अब, बेशक, हम में से ज्यादातर शायद लिखे गए एक आईपी पते को मैन्युअल कभी नहीं.
शायद तुम उपकरण में है, लेकिन असली दुनिया में है, इतना नहीं.
हम ब्राउज़रों में क्यों लिखें आईपी पते नहीं?
यह काम करते हैं, वास्तव में, हम यह देख सकते हैं, मुझे तुम्हें दिखाने
एक अन्य आदेश है कि सबसे कहीं भी हार्वर्ड परिसर पर एक मैक या पीसी पर काम करना चाहिए.
इस आदेश nslookup, सर्वर लुकअप नाम बुलाया है.
अगर मैं www.cnn.com देखो, यह पता चला है कि सीएनएन - ओह दिलचस्प.
सीएनएन अमेज़न वेब सेवाओं का उपयोग शुरू कर दिया है.
आप क्लाउड कंप्यूटिंग, क्लाउड कंप्यूटिंग में बड़े खिलाड़ियों के एक अमेज़न के बारे में पता कर सकते हैं.
मैंने अभी क्या था, मैंने कहा, 'मुझे सीएनएन वेब सर्वर का पता दे दो'
लेकिन यह पता चला है कि सीएनएन वेब सर्वर अमेज़न द्वारा प्रबंधित किया जाता है,
अमेज़न वेब सेवाओं, यह पता चलता है.
और उस सर्वर का पता यह यहाँ है.
तो मुझे यकीन है कि अगर यह काम करेंगे नहीं कर रहा हूँ, क्योंकि वे करने के लिए अमेज़न का उपयोग नहीं किया था.
लेकिन इस कोशिश, http://, आईपी पता, दर्ज करें, और -
यह काम करने जा रहे हैं?
हां. यह काम करने जा रहा है. इंटरनेट आज सुपर धीमी है.
लेकिन, एक पल में, आप कुछ समाचार कहानी देखेंगे.
हम वहाँ जाते हैं. बैंक ऑफ अमेरिका को जारी किया जा रहा है. सही सभी.
>> यह इसलिए है क्योंकि इस आईपी पते www.cnn.com साथ पर्याय के लिए होता है.
बेशक, यह भयानक विपणन करने के लिए कहते हैं, वेब पर हमें 50.112.94.127 पर जाएँ.
तुम कभी नहीं याद था. तो भी इन दिनों आप बातें याद हो सकता है
1-800-COLLECT या mnemonics की तरह दुनिया के साथ फोन नंबर के लिए आया था.
जो, सेल फोन से पहले, बल्कि मुश्किल याद करने के लिए गए थे
जब तक आप सिर्फ यह लिखें में कर सकता है और इसके बारे में भूल जाओ.
वेब तो भी, नाम और आईपी पते के इस सम्मेलन है,
और इन बातों को बाहर DNS सर्वर कहा जाता है,
डोमेन नाम सिस्टम सर्वर, कि नाम और इसके विपरीत में आईपी पते अनुवाद.
तो है कि क्या हुड के नीचे जा रहा है.
अंत में, हम टीसीपी / आईपी, जो यह बहुत कम स्तर प्रोटोकॉल है
कि, वास्तव में, सिर्फ 0 और 1 इंटरनेट के पार हो जाता है,
और यह उन्हें एक आभासी लिफाफे में डाल द्वारा ऐसा करता है,
अगर तुम जाएगा, और लिफाफे के बाहर लेखन
गंतव्य के IP पते, के रूप में के रूप में अच्छी तरह से संख्यात्मक पोर्ट संख्या
कि गंतव्य है कि यह करने के लिए बात करना चाहता है पर सेवा की.
इस बीच, लिफाफे पर भी एक वापसी पते के रूप में जाना जाता है कुछ है,
जो आपके अपने आईपी पते है, ताकि जब आप सीएनएन से जानकारी का एक पैकेट हो जाता है
इस आभासी लिफाफे को खोलता है, देखता है कि आप घर पृष्ठ चाहते हैं,
यह इस आभासी लिफाफा जिसे HTML वापस भेजने के प्रेषक भाग से जानता है.
तो चलो एक छोटे से अधिक विस्तार में इस पर एक नज़र रखना.
यह एक Ericson नामक कंपनी से है, कुछ साल पहले से है.
और वे कैसे इंटरनेट वास्तव में काम करता है के साथ कुछ स्वतंत्रता ले लिया है,
लेकिन यह मात्र यहाँ चाक तुलना में एक अधिक दृश्य चित्र पेंट.
इसलिए मैं आप "इंटरनेट के एक बिट." दे
>> इतिहास में पहली बार के लिए [] अनाउन्सार,
लोगों और मशीनरी के साथ काम कर रहे हैं, एक सपने को साकार.
एक को एकजुट करने की शक्ति है कि कोई भौगोलिक सीमाओं को जानता है.
जाति, धर्म, रंग, या संबंध के बिना.
एक नए युग में जहां संचार वास्तव में लोगों को एक साथ लाता है.
यह वह जगह है
नेट के डॉन.
पता है कि यह कैसे काम करता है? यहाँ क्लिक करने के लिए नेट में अपनी यात्रा शुरू करने के लिए.
अब, वास्तव में क्या हुआ जब आप उस लिंक पर क्लिक किया?
आप जानकारी का एक प्रवाह शुरू कर दिया.
यह जानकारी अपनी खुद की निजी mailroom में नीचे यात्रा
श्री आईपी संकुल जहां, यह लेबल, और यह अपने रास्ते पर भेजता है.
प्रत्येक पैकेट अपने आकार में सीमित है.
मेल कमरे में तय करना होगा कैसे विभाजित करने के लिए जानकारी
और कैसे यह पैकेज के लिए.
अब, पैकेज एक महत्वपूर्ण जानकारी युक्त लेबल की जरूरत है
प्रेषक के पते, रिसीवर, पता, और पैकेट की तरह यह है के रूप में इस तरह के.
क्योंकि इस विशेष पैकेट इंटरनेट पर बाहर जा रहा है,
यह भी प्रॉक्सी सर्वर के लिए एक पता हो जाता है,
जो एक विशेष समारोह है, के रूप में हम बाद में देखेंगे.
पैकेट अब अपने स्थानीय क्षेत्र नेटवर्क या लैन पर शुरू की है.
इस नेटवर्क के लिए सभी स्थानीय कंप्यूटर से कनेक्ट करने के लिए प्रयोग किया जाता है '
routers, प्रिंटर, इमारत के भौतिक दीवारों के भीतर जानकारी के आदान प्रदान के लिए, वगैरह.
लैन एक सुंदर अनियंत्रित जगह है, और दुर्भाग्य से,
दुर्घटनाओं हो सकता है.
लैन के राजमार्ग सभी प्रकार की जानकारी के साथ पैक किया जाता है.
आईपी ​​पैकेट, नोवेल पैकेट, AppleTalk पैकेट हैं.
वे यातायात के खिलाफ जा रहे हैं, सामान्य रूप से.
स्थानीय रूटर पता पढ़ता है और यदि आवश्यक हो,
दूसरे नेटवर्क के लिए पैकेट हटाया.
आह, रूटर. एक मालूम होता है बेतरतीब दुनिया में नियंत्रण का एक प्रतीक है.
[रूटर बड़बड़ा और ही करने के लिए बात कर]
>> [अनाउन्सार] वहाँ वह है, व्यवस्थित, uncaring, व्यवस्थित,,
रूढ़िवादी है, और कभी कभी काफी नहीं है के लिए गति.
लेकिन कम से कम वह सबसे अधिक भाग के लिए सटीक है.
के रूप में पैकेट रूटर छोड़ देते हैं, वे कॉर्पोरेट इंटरनेट में अपनी जगह बना
और रूटर स्विच करने के लिए सिर.
एक रूटर की तुलना में अधिक कुशल सा, रूटर स्विच आईपी पैकेट के साथ तेजी से और ढीला निभाता है,
चतुराई से उन्हें अपने रास्ते के साथ मार्ग.
एक डिजिटल 'पिनबॉल जादूगर,' अगर तुम जाएगा.
[रूटर ही करने के लिए बात कर स्विच]
अनाउन्सार [] पैकेट अपने गंतव्य पर पहुंचने के रूप में,
वे नेटवर्क इंटरफ़ेस द्वारा उठाया रहे हैं,
अगले स्तर के लिए भेजा जा तैयार है.
इस मामले में, प्रॉक्सी.
प्रॉक्सी कई कंपनियों द्वारा एक मध्यम आदमी की तरह के रूप में प्रयोग किया जाता है
आदेश में इंटरनेट कनेक्शन पर लोड कम करने के लिए
और सुरक्षा कारणों के लिए है, के रूप में अच्छी तरह से.
जैसा कि आप देख सकते हैं, अपनी सामग्री के आधार पर विभिन्न आकार के पैकेट को सभी कर रहे हैं.
प्रॉक्सी पैकेट खोलता है और वेब पते या URL के लिए लग रहा है.
क्या पता स्वीकार्य है पर निर्भर करता है,
पैकेट पर इंटरनेट के लिए भेजा है.
वहाँ रहे हैं, तथापि, कुछ पते जो प्रॉक्सी के अनुमोदन के साथ पूरा नहीं करते.
यह कहना है, कंपनी या प्रबंधन के दिशा निर्देशों.
सरसरी तौर पर इन के साथ पेश कर रहे हैं.
हम उस में से कोई होगा.
जो लोग इसे बनाने के लिए, यह सड़क पर फिर से है.
>> अगले ऊपर, फ़ायरवॉल.
कॉर्पोरेट फ़ायरवॉल दो उद्देश्यों में कार्य करता है.
यह इंटरनेट से इंट्रानेट में आने से कुछ नहीं बल्कि घटिया बातें रोकता है,
और यह भी किया जा रहा है इंटरनेट पर बाहर भेजे जाने से संवेदनशील कॉर्पोरेट जानकारी रोक सकते हैं.
फ़ायरवॉल के माध्यम से एक बार, एक रूटर पैकेट उठाता है
और यह एक बहुत संकरा, सड़क, या बैंडविड्थ पर देता है, जैसा हम कहते हैं.
जाहिर है, काफी व्यापक करने के लिए उन सभी को ले सड़क नहीं है.
अब, आप आश्चर्य हो सकता है कि उन सभी पैकेट जो इसे जिस तरह से साथ नहीं बनाते हैं क्या होता है.
खैर, जब श्री आईपी एक पावती प्राप्त नहीं करता
कि एक पैकेट के कारण समय में प्राप्त किया गया है,
वह बस एक प्रतिस्थापन पैकेट भेजता है.
हम अब इंटरनेट की दुनिया में प्रवेश करने के लिए तैयार कर रहे हैं.
परस्पर नेटवर्क है जो हमारी पूरी दुनिया अवधि की एक spiderweb.
यहाँ, routers और स्विच नेटवर्क के बीच संबंध स्थापित करते हैं.
अब, नेट एक पूरी तरह से अलग वातावरण से आप मिल जाएगा
अपने लैन के सुरक्षा दीवारों के भीतर.
यहाँ बाहर, यह वाइल्ड वेस्ट है.
अंतरिक्ष के बहुत सारे अवसरों के बहुत सारे,
बातों का पता लगाने के और जगहों पर जाने के बहुत सारे.
बहुत कम नियंत्रण और नियमन के लिए धन्यवाद,
नए विचारों के लिए उपजाऊ मिट्टी उनकी संभावनाओं के लिफाफे धक्का लगता.
लेकिन इस स्वतंत्रता की वजह से, कुछ खतरों दुबकना भी.
तुम कभी नहीं पता चल जाएगा जब आप मौत का खतरनाक पिंग मिलेंगे,
एक सामान्य अनुरोध पिंग का एक विशेष संस्करण,
जो कुछ बेवकूफ पहले से न सोचा मेजबान गड़बड़ करने के लिए सोचा.
पथ हमारे पैकेट ले उपग्रह के माध्यम से हो सकता है,
टेलीफोन लाइनों, वायरलेस, या ट्रांसओशनिक केबल.
वे हमेशा सबसे तेज या कम से कम मार्गों संभव नहीं लेते हैं,
लेकिन वे वहाँ अंततः मिल जाएगा.
शायद यही वजह है कि यह कभी कभी कहा जाता है, "वर्ल्ड वाइड रुको."
लेकिन जब सब कुछ सुचारू रूप से काम कर रहा है,
आप दुनिया एक टोपी के ड्रॉप में पांच बार से अधिक कर सकते हैं को दरकिनार सचमुच,.
और सभी एक स्थानीय कॉल या उससे कम की लागत के लिए.
अपने गंतव्य के अंत के पास, हम एक और फ़ायरवॉल मिल जाएगा.
>> एक डाटा पैकेट के रूप में अपने परिप्रेक्ष्य पर निर्भर करता है,
फ़ायरवॉल सुरक्षा या एक खतरनाक दुश्मन के एक गढ़ हो सकता है.
यह सब पर निर्भर करता है जो पक्ष आप पर कर रहे हैं और अपने इरादे क्या हैं.
फ़ायरवॉल को केवल उन पैकेट कि अपने मानदंडों को पूरा करने में जाने के लिए बनाया गया है.
इस फ़ायरवॉल 80 और 25 बंदरगाहों पर काम कर रहा है.
सभी अन्य बंदरगाहों के माध्यम से प्रवेश करने का प्रयास व्यापार के लिए बंद हो जाती हैं.
पोर्ट 25 मेल के पैकेट के लिए प्रयोग किया जाता है,
जबकि 80 बंदरगाह इंटरनेट से वेब सर्वर के पैकेट के लिए प्रवेश द्वार है.
फ़ायरवॉल के अंदर, पैकेट अधिक अच्छी तरह से जांच कर रहे हैं.
कुछ पैकेट यह आसानी से बनाने के लिए सीमा शुल्क के माध्यम से,
जबकि दूसरों को बस थोड़ा संदिग्ध लग रही है.
अब, फ़ायरवॉल अधिकारी आसानी से बेवकूफ़ नहीं बनाया है,
जैसे जब मौत पैकेट के इस पिंग करने के लिए खुद को एक सामान्य पिंग पैकेट के रूप में छिपाने की कोशिश करता है.
[फ़ायरवॉल पैकेट के लिए बात कर अधिकारी]
अनाउन्सार [] उन काफी भाग्यशाली इसे इस दूर कर पैकेट के लिए,
यात्रा लगभग खत्म हो गया है.
यह सिर्फ इंटरफेस पर एक लाइन के लिए वेब सर्वर में रखा जाना है.
आजकल, एक वेब सर्वर कई बातों पर चला सकते हैं,
एक mainframe से अपने डेस्क पर कंप्यूटर के लिए एक वेब कैम के लिए.
क्यों नहीं, आपके फ्रिज?
उचित सेटअप के साथ, आप पता लगाना यदि आप कमाई कर सकते हैं
चिकन Cacciatore के लिए, या यदि आप खरीदारी के लिए जाना है.
याद रखें, यह नेट की भोर है.
लगभग कुछ भी संभव है.
एक एक करके, पैकेट प्राप्त कर रहे हैं,
खोला, और unpacked.
जानकारी वे होते हैं, वह है, जानकारी के लिए अपने अनुरोध
वेब सर्वर अनुप्रयोग के लिए भेजा है.
पैकेट ही पुनर्नवीनीकरण है,
के लिए फिर से इस्तेमाल किया है, और अपनी जानकारी का अनुरोध के साथ भरा करने के लिए तैयार है,
को संबोधित किया, और अपने रास्ते पर बाहर भेजा आप को वापस.
पीछे अतीत फ़ायरवॉल, routers, और के माध्यम से इंटरनेट पर.
वापस अपने कॉर्पोरेट फ़ायरवॉल के माध्यम से
और अपने इंटरफेस पर,
जानकारी का अनुरोध के साथ अपने वेब ब्राउज़र की आपूर्ति करने के लिए तैयार हैं.
यही कारण है, इस फिल्म.
उनके प्रयासों के साथ खुश है, और बेहतर दुनिया पर भरोसा,
हमारे भरोसेमंद डाटा पैकेट बंद blissfully की सवारी, एक और दिन के सूर्यास्त में
जानते हुए भी पूरी तरह से वे अपने स्वामी की सेवा की है और अच्छी तरह से.
अब, कि एक सुखद अंत नहीं है?
[Malan] ठीक है, यह काफी है. हम अगले सप्ताह आप देखेंगे.
[CS50.TV]