1 00:00:00,000 --> 00:00:07,440 2 00:00:07,440 --> 00:00:08,180 >> टॉमस REIMERS: हाय, सब लोग. 3 00:00:08,180 --> 00:00:09,250 मेरा नाम टॉमस Reimers. 4 00:00:09,250 --> 00:00:10,500 >> माइक Rizzo: और मैं माइक Rizzo हूँ. 5 00:00:10,500 --> 00:00:12,990 >> टॉमस REIMERS: हम CS50s टीएस के दो हैं. 6 00:00:12,990 --> 00:00:18,910 और आज हम पर संगोष्ठी अग्रणी रहे हैं जावास्क्रिप्ट और वेब Apps के लिए सीएसएस. 7 00:00:18,910 --> 00:00:22,140 आप के साथ पालन करना चाहते हैं, लिंक सही वहाँ पर है. 8 00:00:22,140 --> 00:00:25,190 और आप इसे डाल करना चाहते हैं कंप्यूटर संक्षिप्त पर? 9 00:00:25,190 --> 00:00:27,460 >> कड़ी है. 10 00:00:27,460 --> 00:00:30,390 यह करने के लिए संपर्क किया है, जो एक छोटी सी साइट है, हम हो जा रहे सभी संसाधनों 11 00:00:30,390 --> 00:00:36,490 आज भी आप ओर इशारा करते हुए और का एक बहुत है हमारे द्वारा लिखित उपयोगी जानकारी 12 00:00:36,490 --> 00:00:39,680 तुम वापस जाने के लिए जब गहराई में अधिक पढ़ा, और तुम याद करने की कोशिश कर रहे हैं 13 00:00:39,680 --> 00:00:42,166 वास्तव में हम आप क्या थे, क्या कहना वगैरह, के बारे में बात कर. 14 00:00:42,166 --> 00:00:43,870 >> माइक Rizzo: सब ठीक है. 15 00:00:43,870 --> 00:00:44,890 तो चलो शुरू करें. 16 00:00:44,890 --> 00:00:45,700 >> टॉमस REIMERS: तो आप शुरू करना चाहते हैं? 17 00:00:45,700 --> 00:00:45,970 ठीक है. 18 00:00:45,970 --> 00:00:47,170 >> माइक Rizzo: हाँ. 19 00:00:47,170 --> 00:00:51,730 इसलिए हम पहले एक व्यापक साथ शुरू करना चाहता था इंटरनेट के बारे में अवलोकन और 20 00:00:51,730 --> 00:00:54,240 वेबसाइट डिजाइन जब फ़ाइल प्रकार. 21 00:00:54,240 --> 00:00:57,550 इस प्रस्तुति में हम करना चाहते हैं, जबकि जावास्क्रिप्ट में एक बहुत ज्यादा में मिलता है 22 00:00:57,550 --> 00:01:00,320 बाद में, हम साथ शुरू करना चाहता था बस, एक तरह से, जैसे एक विहंगम दृश्य 23 00:01:00,320 --> 00:01:03,270 क्या एक वेबसाइट है और कैसे की एक डिजाइन के बारे में सोचने के लिए 24 00:01:03,270 --> 00:01:04,800 शुरुआत के लिए वेबसाइट. 25 00:01:04,800 --> 00:01:08,370 >> इस बिंदु पर तो तुम लोग, - यह साथ शुक्रवार की रात जा रहा है - होना चाहिए 26 00:01:08,370 --> 00:01:11,000 अपने CS50 वित्त प्रस्तुत समस्या खेलें. 27 00:01:11,000 --> 00:01:15,260 उम्मीद है, कि एक अच्छा स्वाद था क्या की वेब प्रोग्रामिंग किया जा सकता है. 28 00:01:15,260 --> 00:01:18,261 लेकिन यहां हम एक तरह से देना चाहता हूँ आप एक और स्वाद के रूप में अच्छी तरह से. 29 00:01:18,261 --> 00:01:23,190 >> टॉमस REIMERS: तो बस क्या संक्षिप्त करने के लिए आप अपने यूआरएल के लिए में टाइप करते हैं, तो क्या होता 30 00:01:23,190 --> 00:01:26,650 कृपया अपने वेब ब्राउजर, कि यूआरएल हो जाता है कंप्यूटर में देखा. 31 00:01:26,650 --> 00:01:28,590 और आपके कंप्यूटर का जुड़ाव किसी अन्य कंप्यूटर पर, 32 00:01:28,590 --> 00:01:29,890 जो कि वेबसाइट मेजबान. 33 00:01:29,890 --> 00:01:33,150 आप google.com जब जाना ठीक है, तो आप कर रहे हैं गूगल के एक से जुड़ा 34 00:01:33,150 --> 00:01:36,496 जो है कंप्यूटर, google.com के लिए फ़ाइलें. 35 00:01:36,496 --> 00:01:38,750 >> यह तो एक विशिष्ट फ़ाइल के लिए पूछता है. 36 00:01:38,750 --> 00:01:40,020 तो अगर आप के लिए जाने - 37 00:01:40,020 --> 00:01:41,550 मैं नहीं जानता कि - 38 00:01:41,550 --> 00:01:48,170 example.com / index.html या / test.html, आप के लिए पूछने के लिए जा रहे हैं 39 00:01:48,170 --> 00:01:49,340 कि विशिष्ट फ़ाइल. 40 00:01:49,340 --> 00:01:52,780 और वेब सर्वर की जा रही यह आप पर लौटने के लिए. 41 00:01:52,780 --> 00:01:54,910 >> फिर, आप उस फ़ाइल के माध्यम से जाने के एक बार - 42 00:01:54,910 --> 00:01:57,750 43 00:01:57,750 --> 00:01:59,950 आप कर रहे हैं एक बार कंप्यूटर हो जाता है कि फ़ाइल - यह शुरू हो रहा है 44 00:01:59,950 --> 00:02:00,820 एक वेब पेज बनाने के लिए. 45 00:02:00,820 --> 00:02:03,020 तो अब यह HTML फ़ाइल है, तरह की तरह है जो 46 00:02:03,020 --> 00:02:05,170 वेब पेज की संरचना. 47 00:02:05,170 --> 00:02:08,620 एचटीएमएल फाइल भी संदर्भ सकता है जो परिभाषित सीएसएस फ़ाइलें, 48 00:02:08,620 --> 00:02:09,889 वेब पेज की शैली. 49 00:02:09,889 --> 00:02:12,970 >> जावास्क्रिप्ट फाइलें, जो परिभाषित करता है वेब पेज के साथ बातचीत. 50 00:02:12,970 --> 00:02:15,200 सिर्फ तस्वीरें हैं जो छवि फ़ाइलें,. 51 00:02:15,200 --> 00:02:19,450 और संभवत: अन्य एचटीएमएल फाइल करने के लिए लिंक जो तुम तो यात्रा कर सकते हैं. 52 00:02:19,450 --> 00:02:22,656 53 00:02:22,656 --> 00:02:24,380 >> माइक Rizzo: ठीक है, महान. 54 00:02:24,380 --> 00:02:28,980 तो तुम लोग, शायद, सब है बड़ी मेहनत से अपने स्थानीय होस्ट की स्थापना 55 00:02:28,980 --> 00:02:30,810 अपने वर्चुअल मशीन पर. 56 00:02:30,810 --> 00:02:35,650 और कहा कि अभी की तरह, स्थानीय है आपके कंप्यूटर केवल कि मेजबान डोमेन 57 00:02:35,650 --> 00:02:38,760 अपने स्वयं के आईपी पते पर आप के लिए. 58 00:02:38,760 --> 00:02:43,300 >> इसलिए कि भीतर, तो आप जोड़ सकते हैं यह करने के लिए अपने स्वयं के वेब पन्नों. 59 00:02:43,300 --> 00:02:47,655 मेरा मतलब है, CS50 वित्त में, आपके पास होना चाहिए जो कर रहे हैं जोड़ा कुछ HTML पृष्ठों,, 60 00:02:47,655 --> 00:02:49,410 एक तरह से, पीएचपी आवरण में लिपटे. 61 00:02:49,410 --> 00:02:54,690 लेकिन अंततः, क्या आपके PHP पृष्ठों outputting गया एचटीएमएल था. 62 00:02:54,690 --> 00:02:58,210 >> लेकिन बहुत शुरुआत में वापस सोच PSET की, हम स्थापित करने के लिए था 63 00:02:58,210 --> 00:03:00,890 सब कुछ के लिए अनुमतियाँ, है ना? 64 00:03:00,890 --> 00:03:07,270 तो यह सिर्फ मूल रूप से हमें पता देता है जो संभवतः पढ़ने, लिखने, और कर सकते हैं 65 00:03:07,270 --> 00:03:08,730 फ़ाइलों में से प्रत्येक को अंजाम. 66 00:03:08,730 --> 00:03:11,870 एचएम - तो हम एक त्वरित करने के लिए जा रहे हैं? 67 00:03:11,870 --> 00:03:15,660 >> टॉमस REIMERS: तो हम जा रहे हैं एक त्वरित प्रदर्शन करना है. 68 00:03:15,660 --> 00:03:19,560 तो जब आप बस, आप को याद दिलाना गूगल के कंप्यूटर से कनेक्ट - 69 00:03:19,560 --> 00:03:20,690 जो कोई भी - 70 00:03:20,690 --> 00:03:24,060 और सबसे पहले, एक फ़ाइल के लिए कंप्यूटर पूछना सुनिश्चित करें कि आप अधिकृत कर रहे हैं बनाने की जरूरत 71 00:03:24,060 --> 00:03:28,790 वास्तव में करने के लिए कि फ़ाइल को देखने या पढ़ा है कि आप बस पूछ नहीं सकते क्योंकि इस 72 00:03:28,790 --> 00:03:30,430 उस कंप्यूटर पर किसी भी फ़ाइल के लिए, सही है? 73 00:03:30,430 --> 00:03:32,260 यह एक सुरक्षा खतरा हो जाएगा. 74 00:03:32,260 --> 00:03:37,020 >> जैसे हम उपयोग प्रणाली, इसलिए फाइलें इस CS50 उपकरण, तीन है 75 00:03:37,020 --> 00:03:39,200 हो सकता है, जो सामान्य लोग कुछ करने के लिए अनुमतियाँ. 76 00:03:39,200 --> 00:03:41,610 पहली वास्तविक है कहा फ़ाइल का मालिक. 77 00:03:41,610 --> 00:03:43,820 दूसरा समूह है कि फाइल के अंतर्गत आता है. 78 00:03:43,820 --> 00:03:46,090 हम ध्यान केंद्रित करने के लिए नहीं जा रहे हैं उस पर बहुत अधिक. 79 00:03:46,090 --> 00:03:50,010 और आखिरी बात की तरह है, की तरह है, दुनिया या है, जो हर किसी की तरह 80 00:03:50,010 --> 00:03:54,130 उस फ़ाइल के लिए विशिष्ट नहीं है और नहीं इस पर किसी भी मालिकाना हक है. 81 00:03:54,130 --> 00:04:05,650 >> इसलिए हम स्वामी हैं, समूह, और फिर दुनिया. 82 00:04:05,650 --> 00:04:10,510 और फिर, आप इन समूहों में से प्रत्येक के लिए तीन अनुमतियों में से एक हो सकता है, 83 00:04:10,510 --> 00:04:13,010 ठीक है, या उनमें से कई. 84 00:04:13,010 --> 00:04:15,070 आप पढ़ अनुमतियाँ हो सकता है. 85 00:04:15,070 --> 00:04:16,560 आप की अनुमति कर सकते हैं. 86 00:04:16,560 --> 00:04:18,880 और आप अनुमतियाँ निष्पादित कर सकते हैं. 87 00:04:18,880 --> 00:04:22,060 >> इसलिए वास्तविक फ़ाइल प्रकारों के मामले में पढ़ा अनुमति वास्तव में पढ़ने की तरह है 88 00:04:22,060 --> 00:04:23,250 फाइल की सामग्री. 89 00:04:23,250 --> 00:04:24,730 एक सही अनुमति लिख रही है फाइल करने के लिए कहा. 90 00:04:24,730 --> 00:04:28,370 एक निष्पादित अनुमति चल रहा है आप में से एक को चलाने जब आप कर जैसे फ़ाइल 91 00:04:28,370 --> 00:04:29,620 अपने CS50 परियोजनाओं. 92 00:04:29,620 --> 00:04:32,190 93 00:04:32,190 --> 00:04:38,820 >> हम फाइलों के बारे में सोच रहे हैं तो जब जैसे हम एक HTML पढ़ने की जरूरत है जब 94 00:04:38,820 --> 00:04:41,790 दुनिया किए जाने की आवश्यकता है कि फाइल, पठनीय, सही? 95 00:04:41,790 --> 00:04:44,420 मुमकिन है, भी मालिक चाहता है उस फ़ाइल को संपादित करने में सक्षम हो. 96 00:04:44,420 --> 00:04:46,610 तो मालिक की जरूरत जा रहा है पढ़ने के लिए और अनुमतियाँ लिखें. 97 00:04:46,610 --> 00:04:48,710 वे वास्तव में अमल की जरूरत नहीं है. 98 00:04:48,710 --> 00:04:50,950 >> समूह, हम इलाज के लिए जा रहे हैं अब के लिए दुनिया के रूप में ही. 99 00:04:50,950 --> 00:04:54,610 तो वे पठन अनुमतियाँ की जरूरत है. 100 00:04:54,610 --> 00:04:57,310 लेकिन वे लिखने की जरूरत नहीं है या अनुमतियाँ निष्पादित. 101 00:04:57,310 --> 00:05:01,920 और अब, हम पूर्व वापस करने के लिए अगर आपको लगता है PSETs, क्या हमें पता है कि इन प्रकार है 102 00:05:01,920 --> 00:05:03,360 द्विआधारी की तरह लग रही है, है ना? 103 00:05:03,360 --> 00:05:04,210 1 हां के लिए खड़ा है. 104 00:05:04,210 --> 00:05:05,040 0 कोई लिए. 105 00:05:05,040 --> 00:05:06,870 और हम वास्तव में अनुवाद कर सकते हैं इस बाइनरी. 106 00:05:06,870 --> 00:05:10,478 >> तो द्विआधारी में 110 6 होगा. 107 00:05:10,478 --> 00:05:13,270 100 4 होगा. 108 00:05:13,270 --> 00:05:14,690 दुनिया के साथ भी. 109 00:05:14,690 --> 00:05:20,846 तो नंबर पर आप के लिए मिल जाएगा इस के लिए अनुमतियों 644 होगा. 110 00:05:20,846 --> 00:05:24,400 >> आप के लिए वापस लगता है और अगर माइक Rizzo आप कुछ chmoded जब, मेरा मानना ​​है कि 111 00:05:24,400 --> 00:05:28,980 वे सेट समस्या में दे दी आप कर सकते हैं, जहां का उदाहरण 112 00:05:28,980 --> 00:05:36,470 chmod 644 की तरह कुछ और फिर फ़ाइल का नाम. 113 00:05:36,470 --> 00:05:39,980 644 तो, अब आप सीधे देख सकते हैं कि कहाँ से आता है. 114 00:05:39,980 --> 00:05:42,840 तो उम्मीद है कि बनाता है कि एक छोटे से अधिक स्पष्ट. 115 00:05:42,840 --> 00:05:45,600 >> और फिर तुम लड़के की स्पष्टता के लिए - 116 00:05:45,600 --> 00:05:48,200 अरे हाँ, यहाँ यह फिर से है. 117 00:05:48,200 --> 00:05:53,260 तो 600 तो सिर्फ उदाहरण होगा हम मालिक है जहां यहां छोड़ दिया 118 00:05:53,260 --> 00:05:56,360 पढ़ने के लिए और सही अनुमतियों जबकि समूह और दुनिया के किसी भी अनुमति नहीं है 119 00:05:56,360 --> 00:05:58,145 फ़ाइल का उपयोग करने के लिए. 120 00:05:58,145 --> 00:06:01,500 >> टॉमस REIMERS: और फिर हम एक त्वरित है आम अनुमतियों की सूची. 121 00:06:01,500 --> 00:06:05,250 तो निर्देशिकाओं, आप चाहते हैं वास्तव में 711 chmod करने के लिए. 122 00:06:05,250 --> 00:06:08,930 एक तरफ त्वरित - पास के लिए एक निर्देशिका के लिए निष्पादन योग्य अनुमति सक्षम होने का मतलब 123 00:06:08,930 --> 00:06:11,680 निर्देशिका को खोलने के लिए. 124 00:06:11,680 --> 00:06:15,280 छवियाँ, सीएसएस, जावास्क्रिप्ट, एचटीएमएल आवश्यकताओं 644, बुनियादी तौर पर, दुनिया, क्योंकि 125 00:06:15,280 --> 00:06:16,400 आवश्यकताओं अनुमतियाँ पढ़ा. 126 00:06:16,400 --> 00:06:20,960 >> और तुम लोगों को देखा है जो पीएचपी, हम इसके बारे में बात नहीं की जाएगी, हालांकि 127 00:06:20,960 --> 00:06:24,880 सख्ती से आम तौर पर साथ chmoded है अनुमति 600 इसके साथ चलाते है क्योंकि 128 00:06:24,880 --> 00:06:26,540 स्वामी की अनुमति. 129 00:06:26,540 --> 00:06:27,790 उपकरण पर कम से कम. 130 00:06:27,790 --> 00:06:30,200 131 00:06:30,200 --> 00:06:36,870 >> माइक Rizzo: तो अगर आप ऐसा नहीं विशेष रूप से निर्दिष्ट किस प्रकार की फ़ाइल 132 00:06:36,870 --> 00:06:39,480 आप वास्तव में स्थापित करने में चाहते हैं इस प्रस्तुति - 133 00:06:39,480 --> 00:06:43,490 हम इस के साथ एक समस्या थी क्योंकि सब कुछ सही ढंग से chmoded नहीं किया गया था - 134 00:06:43,490 --> 00:06:47,550 आप किस तरह की, एक पाने के लिए जा रहे हैं मना त्रुटि है कि वेबसाइट 135 00:06:47,550 --> 00:06:49,700 वास्तव में अनुमति नहीं है जो भी फाइल का उपयोग करने के लिए 136 00:06:49,700 --> 00:06:51,370 आप इसे उपयोग करना चाहते हैं. 137 00:06:51,370 --> 00:06:54,780 और जाहिर है, कि तय किया जा सकता है - समस्या में सेट के रूप में - बदलकर 138 00:06:54,780 --> 00:06:56,405 अनुमतियाँ उचित. 139 00:06:56,405 --> 00:06:59,620 >> टॉमस REIMERS: और के लिए अंतिम टिप्पणी जल्दी स्थानीय विकास है - हम 140 00:06:59,620 --> 00:07:02,000 इस लाया, लेकिन हम सिर्फ चाहते थे यह फिर से ऊपर लाने के लिए - 141 00:07:02,000 --> 00:07:06,230 आप एक सर्वर के लिए पूछना अगर - तो स्थानीय होस्ट, उदाहरण के लिए, एससी या जो भी हो. - 142 00:07:06,230 --> 00:07:09,170 और आप एक विशिष्ट फ़ाइल निर्दिष्ट नहीं करते हैं, अपने कंप्यूटर जा रहा है कि फाइल 143 00:07:09,170 --> 00:07:11,540 index.html कहा जाता है के लिए पूछने के लिए. 144 00:07:11,540 --> 00:07:12,790 या कि अस्तित्व में नहीं है, तो index.php. 145 00:07:12,790 --> 00:07:15,560 146 00:07:15,560 --> 00:07:16,350 >> कूल. 147 00:07:16,350 --> 00:07:19,560 तो यह है कि अभी सब कुछ का एक संक्षिप्त है, उम्मीद है, हम में शामिल किया गया है कि 148 00:07:19,560 --> 00:07:22,800 खंड, और व्याख्यान, और अब तक CS50 में. 149 00:07:22,800 --> 00:07:26,110 और अब हम बात कर शुरू करने जा रहे हैं के बारे में विशेष रूप से पुस्तकालयों. 150 00:07:26,110 --> 00:07:30,270 जावास्क्रिप्ट और सीएसएस पुस्तकालयों वेब Apps के लिए. 151 00:07:30,270 --> 00:07:36,350 >> तो हम क्यों एक त्वरित कारण पुस्तकालयों प्रोग्रामिंग है - 152 00:07:36,350 --> 00:07:39,000 समस्याओं में से एक बहुत कुछ है popping रखने जो प्रोग्रामिंग, 153 00:07:39,000 --> 00:07:40,570 फिर से, और फिर, और फिर से. 154 00:07:40,570 --> 00:07:43,870 आप देख सकते हैं कि वेबसाइटों की एक बहुत ड्रॉप डाउन करने की क्षमता की जरूरत 155 00:07:43,870 --> 00:07:49,100 मेनू, उदाहरण के लिए, या क्षमता की जरूरत एक बहुत मानक बटन है 156 00:07:49,100 --> 00:07:51,400 नहीं हो सकता जो शैली, आसान बात. 157 00:07:51,400 --> 00:07:54,670 अब आप, एचटीएमएल में पाने के लिए शुरू कि एहसास है कि बटन कर सकते हैं वास्तव में 158 00:07:54,670 --> 00:07:57,720 वास्तव में बदसूरत देखो तुम अगर कुछ भी नहीं है. 159 00:07:57,720 --> 00:08:00,830 >> तो बहुत से लोगों को लिखा है पुस्तकालयों कहा जाता है. 160 00:08:00,830 --> 00:08:02,990 और इस संदर्भ में, वे कर रहे हैं भी व्यवस्थाएं कहा जाता है. 161 00:08:02,990 --> 00:08:04,790 हम प्रयोग करने जा रहे हैं दूसरे के स्थान पर दो. 162 00:08:04,790 --> 00:08:07,360 और क्या वे कर रहे हैं कि वे मूल रूप से कर रहे है कोड की premade टुकड़े - 163 00:08:07,360 --> 00:08:09,130 सीएसएस या जावास्क्रिप्ट या तो - 164 00:08:09,130 --> 00:08:13,240 इस बात का एक बहुत दूर ले आप कोडिंग में है टीम. 165 00:08:13,240 --> 00:08:17,290 >> इसलिए वे एक कक्षाओं का गुच्छा या पूर्व परिभाषित के लिए कार्य का एक गुच्छा पूर्व परिभाषित 166 00:08:17,290 --> 00:08:20,110 जावास्क्रिप्ट का मामला है, जो आप बाद में कॉल कर सकते हैं. 167 00:08:20,110 --> 00:08:22,690 और फिर तुम, की तरह, प्राप्त कर सकते हैं बिना इस कोड का उपयोग 168 00:08:22,690 --> 00:08:23,710 कुछ भी करने के लिए कर रही है. 169 00:08:23,710 --> 00:08:27,750 पुस्तकालय का एक उदाहरण CS50.H. था यही कारण है कि हम तुम्हें वापस करने के लिए दिया एक पुस्तकालय था 170 00:08:27,750 --> 00:08:32,090 एक सप्ताह में, जो आपको ऐसा करने की अनुमति कि GetInt और GetString की तरह बातें 171 00:08:32,090 --> 00:08:35,237 लिखने के बिना किसी भी कोड अपने आप को. 172 00:08:35,237 --> 00:08:36,179 >> माइक Rizzo: सब ठीक है. 173 00:08:36,179 --> 00:08:40,299 तो यहाँ, बस जैसे हम शामिल करने के लिए किया था हमारे ग में अलग अलग फ़ाइलों 174 00:08:40,299 --> 00:08:46,570 पुस्तकालयों, हम भी में शामिल होना चाहिए हमारे HTML विभिन्न पुस्तकालयों फ़ाइलें. 175 00:08:46,570 --> 00:08:50,310 उदाहरण के लिए, हम में शामिल करना चाहता था यहाँ एक विशिष्ट जावास्क्रिप्ट पुस्तकालय, 176 00:08:50,310 --> 00:08:52,850 शायद, एक हम लिखा है कि खुद यह स्थानीय स्तर पर होस्ट के रूप में 177 00:08:52,850 --> 00:08:56,000 कहा जाता script.js, हम बस इस संकेतन का उपयोग करें. 178 00:08:56,000 --> 00:08:59,500 >> इसलिए हम स्क्रिप्ट प्रकार के बराबर होती है जावास्क्रिप्ट स्रोत के बराबर होती है 179 00:08:59,500 --> 00:09:01,260 JavaScript.js. 180 00:09:01,260 --> 00:09:05,190 और अगर आप अपने CS50 के लिए वापस अगर आपको लगता है आप में देखा अगर वित्त समस्या, सेट 181 00:09:05,190 --> 00:09:09,190 टेम्पलेट फ़ोल्डर में header.php, आपको देखना चाहिए था 182 00:09:09,190 --> 00:09:10,970 इनमें से कुछ शामिल है. 183 00:09:10,970 --> 00:09:13,250 तो यह पहली बार एक - लिपियों - 184 00:09:13,250 --> 00:09:16,080 एक जावास्क्रिप्ट पुस्तकालय सहित है. 185 00:09:16,080 --> 00:09:18,760 एक सीएसएस पुस्तकालय भी शामिल है अलग एक छोटा सा. 186 00:09:18,760 --> 00:09:21,430 >> इधर, बजाय स्क्रिप्ट की आप लिंक टैग की जरूरत है टैग. 187 00:09:21,430 --> 00:09:27,110 और फिर, पाठ सीएसएस प्रकार एक छोटे से अलग है. 188 00:09:27,110 --> 00:09:29,270 तुम हमेशा शामिल करने के लिए नहीं है रिलायंस एनर्जी शैली पत्रक. 189 00:09:29,270 --> 00:09:30,970 लेकिन मुझे लगता है कि यह आम तौर पर, लगता है अच्छा अभ्यास. 190 00:09:30,970 --> 00:09:35,810 >> और फिर अंत में, href, जो आप शायद जोड़ने के लिए अपने ATAGs में देखा 191 00:09:35,810 --> 00:09:39,440 अलग लिंक अभी यह निर्दिष्ट में खोजने के लिए कि जहां की कड़ी. 192 00:09:39,440 --> 00:09:42,250 उदाहरण के लिए, हम चाहते थे कि अगर एक लिंक करने के लिए अलग पुस्तकालय - चलो बस कहना है - 193 00:09:42,250 --> 00:09:49,330 कि styles.css में रहते थे. 194 00:09:49,330 --> 00:09:54,030 और हम है कि में उस लिंक करना चाहता था वेब पर होस्ट, हम उस की नकल होगा. 195 00:09:54,030 --> 00:09:58,834 और फिर जो कुछ में पेस्ट हम बजाय यहीं है. 196 00:09:58,834 --> 00:10:01,340 >> टॉमस REIMERS: ठीक है, उम्मीद है कि आप लोग पहले से ही परिचित हैं 197 00:10:01,340 --> 00:10:02,410 सीएसएस लिंक करने के लिए कैसे साथ. 198 00:10:02,410 --> 00:10:04,000 तुम उस पर करना था अपने पिछले ब्राउन सेट. 199 00:10:04,000 --> 00:10:07,110 जावास्क्रिप्ट, आप में से कुछ शायद साथ कुछ अनुभव है. 200 00:10:07,110 --> 00:10:07,980 आप में से कुछ नहीं हो सकता. 201 00:10:07,980 --> 00:10:12,190 >> तो अब के लिए, पता है कि एक जावास्क्रिप्ट फ़ाइल बहुत ज्यादा में एक सीएसएस फ़ाइल की तरह है 202 00:10:12,190 --> 00:10:15,640 आप इसे लिंक कर सकते हैं या उस भावना आप आंतरिक रूप से इसे शामिल कर सकते हैं. 203 00:10:15,640 --> 00:10:17,360 और यह स्क्रिप्ट बातें करने के लिए आप की अनुमति देता है. 204 00:10:17,360 --> 00:10:21,820 और हम एक के माध्यम से चलना जा रहे हैं बाद में जावास्क्रिप्ट का थोड़ा सा. 205 00:10:21,820 --> 00:10:23,560 >> इसलिए एक पुस्तकालय का उपयोग कर - 206 00:10:23,560 --> 00:10:26,150 आप इसे शामिल करने के बाद, यह रूप है सचमुच बुला के रूप में सरल 207 00:10:26,150 --> 00:10:29,640 कार्यों या जोड़ने वर्ग के नाम यह करने के लिए. 208 00:10:29,640 --> 00:10:32,220 हम बात करना चाहते पिछले बात पुस्तकालय के मामले में के बारे में - 209 00:10:32,220 --> 00:10:34,180 और यह एक तकनीकी नोट की अधिक है - 210 00:10:34,180 --> 00:10:35,860 खुला स्रोत लाइसेंस है. 211 00:10:35,860 --> 00:10:41,550 तो आप इन वास्तविक पुस्तकालयों मिल जाए, आप की सोच हो सकती है 212 00:10:41,550 --> 00:10:47,630 सवाल यह है कि मैं अभी कर रहा हूँ कि ठीक है पसंद किसी और के कोड का उपयोग कर, विशेष रूप से 213 00:10:47,630 --> 00:10:51,970 कि हम बहुत ज्यादा कुछ है क्योंकि इस पाठ्यक्रम में ऐसा नहीं करने के लिए कहा था. 214 00:10:51,970 --> 00:10:55,790 >> , खुला स्रोत लाइसेंस के मामले में तो डेवलपर्स के एक बहुत - 215 00:10:55,790 --> 00:10:57,540 वे एक पुस्तकालय लिखा है एक बार, वे हो सकता है जो 216 00:10:57,540 --> 00:10:59,450 अन्य लोगों के लिए उपयोगी - 217 00:10:59,450 --> 00:11:02,420 वेब पर प्रकाशित करेंगे और यह एक लाइसेंस दे. 218 00:11:02,420 --> 00:11:06,620 और एक लाइसेंस मूल रूप से मैं इसके द्वारा यह कहते हैं अन्य को देने की अनुमति 219 00:11:06,620 --> 00:11:11,250 लोग सॉफ्टवेयर के इस टुकड़े का उपयोग करने के लिए निम्नलिखित प्रकार के साथ 220 00:11:11,250 --> 00:11:13,230 शर्तों. 221 00:11:13,230 --> 00:11:16,100 >> हम एक अच्छा साइट के लिए एक लिंक शामिल किया है आप में लाइसेंस को समझने में मदद 222 00:11:16,100 --> 00:11:17,720 आप उन्हें में भाग मामला. 223 00:11:17,720 --> 00:11:21,680 आम शर्तों की तरह बातें कर रहे हैं आप मेरे पुस्तकालय का उपयोग करने के लिए स्वागत कर रहे हैं तो 224 00:11:21,680 --> 00:11:23,000 आप मुझे ऋण देने के लिए लंबे समय के रूप में. 225 00:11:23,000 --> 00:11:25,670 तुम मेरे पुस्तकालय का उपयोग करने के लिए आपका स्वागत है यह टूट जाता है जब इतनी के रूप में लंबे समय तक 226 00:11:25,670 --> 00:11:26,790 आप मुझे दोष नहीं है. 227 00:11:26,790 --> 00:11:30,310 आप इतने लंबे समय मेरे पुस्तकालय का उपयोग करने के लिए आपका स्वागत है आप पैसे बनाने के लिए इसका इस्तेमाल नहीं करते 228 00:11:30,310 --> 00:11:31,910 खुद के लिए. 229 00:11:31,910 --> 00:11:34,130 ये आम प्रकार के होते हैं शर्तों. 230 00:11:34,130 --> 00:11:37,780 >> इस CS50 अंतिम परियोजना के लिए, वे सुपर प्रासंगिक नहीं होना चाहिए, क्योंकि 231 00:11:37,780 --> 00:11:41,440 तुम लोग का उपयोग करने वाले परियोजनाएं हैं शायद बल्कि, की तरह जाना जाता है. 232 00:11:41,440 --> 00:11:44,170 लेकिन आप वास्तव में बाहर जाने के लिए जब दुनिया और पुस्तकालयों, का उपयोग शुरू जो 233 00:11:44,170 --> 00:11:48,100 या के रूप में अच्छी तरह से लागू किया जा सकता है और नहीं हम कर रहे हैं और अधिक लोकप्रिय लोगों में से कुछ 234 00:11:48,100 --> 00:11:49,780 के माध्यम से जा रहा जा रहा है. 235 00:11:49,780 --> 00:11:53,310 यह समझने में सक्षम होना अच्छा है इन लाइसेंसों और को 236 00:11:53,310 --> 00:11:54,560 वे क्या मतलब समझते हैं. 237 00:11:54,560 --> 00:11:58,120 238 00:11:58,120 --> 00:11:58,586 और वापस जा रहा. 239 00:11:58,586 --> 00:12:00,960 >> माइक Rizzo: ठीक है. 240 00:12:00,960 --> 00:12:04,850 तो अब उदाहरणों पर चलती वास्तविक सीएसएस की. 241 00:12:04,850 --> 00:12:07,770 इस बिंदु पर अब तक, तुम हो सकता है इस सामना करना पड़ा है नहीं. 242 00:12:07,770 --> 00:12:10,300 लेकिन आप में यह सामना करना पड़ा है हो सकता है अपनी रोजमर्रा की जिंदगी में जहां कुछ 243 00:12:10,300 --> 00:12:13,160 कि एक ब्राउज़र पर एक तरह दिखता है एक ही नहीं लग सकता है 244 00:12:13,160 --> 00:12:14,880 अन्य ब्राउज़र में जिस तरह से. 245 00:12:14,880 --> 00:12:17,400 >> यह ब्राउज़र ब्राउज़र कहा जाता है संगतता. 246 00:12:17,400 --> 00:12:20,780 और तेजी से यह अधिक से होता जा रहा है खासकर के रूप में, एक समस्या के और अधिक 247 00:12:20,780 --> 00:12:25,260 ब्राउज़रों अधिक से अधिक स्वतंत्रता लेना वे चाहते हैं कि चीजों के रूप में लागू करने के लिए. 248 00:12:25,260 --> 00:12:28,440 तो उस पर काबू पाने के लिए, वहाँ वास्तव में है Normalize.CSS नामक एक महान पुस्तकालय. 249 00:12:28,440 --> 00:12:32,236 250 00:12:32,236 --> 00:12:33,770 >> टॉमस REIMERS: हम कड़ी शामिल थे. 251 00:12:33,770 --> 00:12:36,210 इस बिंदु पर, यह उपयोगी है अगर तुम वहाँ में अपने लैपटॉप है 252 00:12:36,210 --> 00:12:38,740 साइट पर देख रहे हैं. 253 00:12:38,740 --> 00:12:42,580 और हम सही करने के लिए आप इस दे रहे हैं अब सिर्फ इसलिए कि CS50 अंतिम 254 00:12:42,580 --> 00:12:44,370 परियोजना वास्तव में जा रहा है इसे लागू करने के लिए आप से पूछना 255 00:12:44,370 --> 00:12:45,860 इसी प्रकार और ब्राउज़र के माध्यम से. 256 00:12:45,860 --> 00:12:49,250 >> तो बस अपने की पीठ में रखने के लिए सिर, यह एक अद्भुत पुस्तकालय है 257 00:12:49,250 --> 00:12:51,170 यह होगा क्योंकि, की तरह, बातें प्रमाण के. 258 00:12:51,170 --> 00:12:54,230 Firefox में, कुछ दिखा सकते हैं बाईं ओर एक पिक्सेल के रूप में. 259 00:12:54,230 --> 00:12:58,390 और फिर क्रोम है कि वास्तव में फैसला कर सकते हैं क्या आप का मतलब 10 पिक्सल था 260 00:12:58,390 --> 00:12:59,380 बाईं ओर. 261 00:12:59,380 --> 00:13:01,030 और तुम इस मानकीकरण करना चाहते हैं. 262 00:13:01,030 --> 00:13:05,360 मानक के अनुसार वास्तव में एक बहुत अच्छा नहीं होगा यकीन है कि बनाने के काम आपकी साइट 263 00:13:05,360 --> 00:13:08,070 ब्राउज़रों में एक ही लग रहा है. 264 00:13:08,070 --> 00:13:10,660 >> हम चाहते थे इसलिए अगर सिर्फ माइक Rizzo वास्तव में जल्दी और शो लिंक पर क्लिक करें 265 00:13:10,660 --> 00:13:13,140 आपको क्या लगता है कि, आप की तरह लग रहा है का उपयोग कर इसे डाउनलोड कर सकते हैं 266 00:13:13,140 --> 00:13:14,670 विशाल डाउनलोड बटन. 267 00:13:14,670 --> 00:13:18,520 या मैं इसके बारे में और अधिक पढ़ने के लिए प्रोत्साहित निचले हिस्से में इस लिंक पर क्लिक करके 268 00:13:18,520 --> 00:13:19,310 दाएँ हाथ के कोने. 269 00:13:19,310 --> 00:13:22,420 >> टॉमस REIMERS: और अगर आप वास्तव में अधिक सही पढ़ा क्लिक करें - 270 00:13:22,420 --> 00:13:24,340 GitHub पर स्रोत पर क्लिक करें - 271 00:13:24,340 --> 00:13:31,720 आप वास्तव में खुला स्रोत देखेंगे सही वहाँ LICENSE.md पर लाइसेंस. 272 00:13:31,720 --> 00:13:35,740 और आप देखेंगे है बहुत लोकप्रिय एमआईटी लाइसेंस. 273 00:13:35,740 --> 00:13:38,940 फिर, आप पाठ के माध्यम से पढ़ा है, आप साइट पर इसे खोजने के लिए सक्षम हो जाएगा 274 00:13:38,940 --> 00:13:42,550 हम पहले संदर्भित और करने में सक्षम हो पढ़ने के लिए बिना इसे समझने 275 00:13:42,550 --> 00:13:45,920 कानूनी शब्दजाल के माध्यम से. 276 00:13:45,920 --> 00:13:46,850 >> माइक Rizzo: ठीक है, महान. 277 00:13:46,850 --> 00:13:47,940 इसलिए कि सामान्यकरें है. 278 00:13:47,940 --> 00:13:49,190 हम आपको देना चाहता था कि वास्तव में जल्दी. 279 00:13:49,190 --> 00:13:50,030 ओह, आप एक सवाल है? 280 00:13:50,030 --> 00:13:53,013 >> दर्शक: तो आप इसे डाउनलोड करते हैं, तो आप बस है कि वे उस कोड का पालन करें 281 00:13:53,013 --> 00:13:54,098 डाउनलोड बटन के तहत? 282 00:13:54,098 --> 00:13:55,860 >> टॉमस REIMERS: हाँ, तो जब आप डाउनलोड - 283 00:13:55,860 --> 00:13:58,130 >> माइक Rizzo: ओह, यह एक बड़ी बात है. 284 00:13:58,130 --> 00:14:00,700 तो सवाल यह करते हैं कि कैसे था हम वास्तव में इसे डाउनलोड? 285 00:14:00,700 --> 00:14:03,260 हम लिंक पर क्लिक करें यदि हां, तो हम देखते हैं यह वास्तव में है कि ऊपर चबूतरे 286 00:14:03,260 --> 00:14:05,030 स्रोत कोड पर. 287 00:14:05,030 --> 00:14:08,550 तो यह करने के लिए, क्या हम कर सकते थे बस के रूप में सहेजें क्लिक करना है. 288 00:14:08,550 --> 00:14:10,830 इस रूप में सहेजें और कहा कि ऐसा करना चाहिए एक फ़ाइल को ले आओ. 289 00:14:10,830 --> 00:14:14,160 और फिर हम बचाने के लिए चुन सकते हैं यह normalize.CSS के रूप में. 290 00:14:14,160 --> 00:14:15,810 और फिर आप में लिंक करने के लिए होगा - 291 00:14:15,810 --> 00:14:18,660 >> टॉमस REIMERS: एक ही तरीका है कि आप किसी भी अन्य फ़ाइल में लिंक. 292 00:14:18,660 --> 00:14:22,250 आप इसे में लिंक और एक बार, महान क्या है सामान्यकरें के बारे में यह वास्तव में होगा 293 00:14:22,250 --> 00:14:25,920 सभी को कड़ी का ख्याल रखना स्वयं के द्वारा काम करते हैं. 294 00:14:25,920 --> 00:14:27,730 तुम नहीं है जिसका अर्थ है कि किसी भी वर्ग को जोड़ने के लिए. 295 00:14:27,730 --> 00:14:29,690 >> आप अजीब कुछ भी करने की जरूरत नहीं है. 296 00:14:29,690 --> 00:14:34,590 यह तुम्हारे बिना मानक के अनुसार होगा आगे कुछ भी कर रहे हैं. 297 00:14:34,590 --> 00:14:36,083 हाँ, आप इसे शामिल करने के लिए है. 298 00:14:36,083 --> 00:14:38,990 299 00:14:38,990 --> 00:14:40,240 गूगल क्रोम जवाब नहीं है. 300 00:14:40,240 --> 00:14:43,270 301 00:14:43,270 --> 00:14:44,860 >> एक तरफ सिर्फ एक जल्दी - 302 00:14:44,860 --> 00:14:46,800 मुझे लगता है हम इस में कूद पड़ा देखा. 303 00:14:46,800 --> 00:14:49,010 इस प्रस्तुति के बाकी है एक त्वरित अवलोकन होने जा रहा. 304 00:14:49,010 --> 00:14:50,380 पुस्तकालयों के एक सर्वेक्षण. 305 00:14:50,380 --> 00:14:52,710 >> असल में, वे क्या कर रहे हैं. 306 00:14:52,710 --> 00:14:53,350 वे क्या करते हैं. 307 00:14:53,350 --> 00:14:54,060 वे उपयोगी रहे हैं. 308 00:14:54,060 --> 00:14:56,540 आप उन्हें लागू कैसे हो सकता है. 309 00:14:56,540 --> 00:14:59,730 आप उन्हें देख शुरू करना चाहते हैं, साथ निम्नलिखित, और के माध्यम से पढ़ 310 00:14:59,730 --> 00:15:01,990 उन्हें, मैं अत्यधिक है कि प्रोत्साहित करेगा. 311 00:15:01,990 --> 00:15:07,620 >> वैकल्पिक रूप से, आप को भी स्वागत है उन्हें डाउनलोड करने और सहित शुरू 312 00:15:07,620 --> 00:15:11,400 एक नजर में उन्हें सिर्फ वे क्या देखने के लिए की तरह लग रहा है या क्या आपके पास अगर वे करते हैं 313 00:15:11,400 --> 00:15:12,270 आप के सामने अपना लैपटॉप. 314 00:15:12,270 --> 00:15:14,650 यदि नहीं, तो आप को बनाए रखने के लिए स्वागत है हमें सुन बात करते हैं. 315 00:15:14,650 --> 00:15:15,500 हम बात कर रखने के लिए जा रहे हैं. 316 00:15:15,500 --> 00:15:18,680 और हमें उम्मीद है, अंत में समय है हम वास्तव में आप दिखा में मिल जाएगा 317 00:15:18,680 --> 00:15:20,946 क्या इन पुस्तकालयों में से कुछ जैसे दिखते हो. 318 00:15:20,946 --> 00:15:22,320 >> माइक Rizzo: कूल. 319 00:15:22,320 --> 00:15:25,466 ठीक है, तो अब हम बात करते हैं विस्मयकारी बारे फ़ॉन्ट. 320 00:15:25,466 --> 00:15:30,480 >> टॉमस REIMERS: तो फ़ॉन्ट भयानक एक है खासकर उन लोगों के लिए सच में स्वच्छ साइट, 321 00:15:30,480 --> 00:15:32,450 कम कलात्मक हैं जो हम में से प्रतिभावान. 322 00:15:32,450 --> 00:15:36,330 323 00:15:36,330 --> 00:15:38,880 बहुत बढ़िया नाम फ़ॉन्ट उपेक्षा कर, यह देता है आप जो कर रहे हैं माउस, की एक गुच्छा 324 00:15:38,880 --> 00:15:41,050 बहुत उपयोगी. 325 00:15:41,050 --> 00:15:45,950 तो कई बार आप एक को लागू करेंगे तुम तो एक अच्छा एक्स की तरह चाहते हो सकता है आइकन 326 00:15:45,950 --> 00:15:47,170 आप कुछ बंद कर सकते हैं कि. 327 00:15:47,170 --> 00:15:49,910 >> या फिर आप संपादन बटन के कुछ प्रकार चाहते हो सकता है जैसे एक पेंसिल ड्राइंग के साथ 328 00:15:49,910 --> 00:15:50,940 हर किसी की है. 329 00:15:50,940 --> 00:15:53,850 आपको यह जानकर कि और है कि जब उन माउस ड्राइंग हो सकता है 330 00:15:53,850 --> 00:15:55,510 बहुत कठिन और मुश्किल है. 331 00:15:55,510 --> 00:15:59,160 फ़ॉन्ट विस्मयकारी - अगर आप वास्तव में साइट पर जाना - 332 00:15:59,160 --> 00:16:02,892 नीचे आप माउस की एक बहुत कुछ देता है शीर्ष पर प्रतीक. 333 00:16:02,892 --> 00:16:06,980 हाँ, बस ऊपर. 334 00:16:06,980 --> 00:16:09,030 यह आपको एक बहुत कुछ दे देंगे मुक्त करने के लिए माउस की. 335 00:16:09,030 --> 00:16:15,210 >> यहाँ तो आप हम एक तरह बातें देखना तारांकन, बार, एक बिजली बोल्ट, एक 336 00:16:15,210 --> 00:16:19,750 कैलेंडर, एक बग, एक पुस्तक, वगैरह. 337 00:16:19,750 --> 00:16:21,110 यह बहुत उपयोगी हो सकता है. 338 00:16:21,110 --> 00:16:24,290 आप इस में शामिल हैं जिस तरह से आप में शामिल है सचमुच सीएसएस फ़ाइल. 339 00:16:24,290 --> 00:16:29,760 और बाद आप सीएसएस फ़ाइल शामिल किया है क्या आप कर सकते हैं आप बना है एक 340 00:16:29,760 --> 00:16:33,430 के लिए मैं यह satands बुलाया टैग वर्ग एफए के साथ आइकन 341 00:16:33,430 --> 00:16:34,460 बहुत बढ़िया फ़ॉन्ट के लिए खड़ी है. 342 00:16:34,460 --> 00:16:36,330 और फिर, जो कुछ वर्ग में आप चाहते हैं. 343 00:16:36,330 --> 00:16:41,220 >> मैं इस प्लस के एक आइकन चाहता था तो अगर यहीं स्क्वायर, मैं देना होगा 344 00:16:41,220 --> 00:16:43,290 यह वर्ग एफए. 345 00:16:43,290 --> 00:16:46,230 और फिर एफए हाइफ़न प्लस हाइफ़न वर्ग. 346 00:16:46,230 --> 00:16:50,325 347 00:16:50,325 --> 00:16:53,710 >> माइक Rizzo: ठीक है, अच्छा है. 348 00:16:53,710 --> 00:16:56,980 >> टॉमस REIMERS: और फिर, पिछले सीएसएस पुस्तकालय हम हम कर रहे हैं के माध्यम से प्राप्त करना चाहते हैं 349 00:16:56,980 --> 00:16:59,950 सीएसएस पर कम से कम रखने की कोशिश कर पुस्तकालयों में हम महसूस करते हैं क्योंकि 350 00:16:59,950 --> 00:17:03,660 इस प्रस्तुति का शीर्षक जावास्क्रिप्ट पुस्तकालयों है. 351 00:17:03,660 --> 00:17:07,089 लेकिन हम हम के रूप में अच्छी तरह मई सोचा अन्य पुस्तकालयों से मिलवा 352 00:17:07,089 --> 00:17:09,569 हम पुस्तकालयों के बारे में बात कर रहे थे, जबकि. 353 00:17:09,569 --> 00:17:11,400 >> यह गूगल वेब फ़ॉन्ट्स है. 354 00:17:11,400 --> 00:17:17,040 और क्या गूगल वेब फ़ॉन्ट्स आपको अनुमति देता है ऐसा करने के लिए, अपनी वेबसाइट पर फोंट जोड़ने है 355 00:17:17,040 --> 00:17:22,079 इसे बनाने के लिए एक बहुत आसान तरीका है जो सुंदर और अपने सेट भेद करने के लिए 356 00:17:22,079 --> 00:17:24,460 अगर यह है कि हर कोई से और का है एक अच्छा फ़ॉन्ट या यह एक अच्छा है अगर 357 00:17:24,460 --> 00:17:27,790 फोंट का संग्रह. 358 00:17:27,790 --> 00:17:31,410 गूगल वेब फ़ॉन्ट्स दूसरे के विपरीत अच्छा है यह एक है कि समझ में पुस्तकालयों 359 00:17:31,410 --> 00:17:33,490 वास्तव में निर्देशित स्थापना. 360 00:17:33,490 --> 00:17:38,680 >> आप लिंक का पालन करें तो, अगर यह बात है google.com / फोंट, मुझे विश्वास है. 361 00:17:38,680 --> 00:17:41,100 तुम, तुम कि का पालन करें अपने फॉन्ट चुन सकते हैं. 362 00:17:41,100 --> 00:17:44,410 आप से बाईं तरफ चुन सकते हैं मोटाई, तिरछा, वगैरह. 363 00:17:44,410 --> 00:17:48,970 और फिर, एक बार आप एक चुन लिया आप त्वरित उपयोग क्लिक कर सकते हैं. 364 00:17:48,970 --> 00:17:49,820 वहीं पर. 365 00:17:49,820 --> 00:17:51,590 बॉक्स के नीचे सही. 366 00:17:51,590 --> 00:17:54,380 367 00:17:54,380 --> 00:17:56,700 >> और फिर, नीचे स्क्रॉल. 368 00:17:56,700 --> 00:17:59,600 369 00:17:59,600 --> 00:18:02,650 सबसे पहले, वे आप सीएसएस दे कि आप वास्तव में इसे करने के लिए लिंक करने की जरूरत है. 370 00:18:02,650 --> 00:18:03,330 यह अभी भी वहीं है. 371 00:18:03,330 --> 00:18:05,170 तुम बस कॉपी और अंदर कि पेस्ट कर सकते हैं 372 00:18:05,170 --> 00:18:07,250 और इस बारे में एक अच्छी बात है आप वास्तव में भी करने की जरूरत नहीं है 373 00:18:07,250 --> 00:18:08,340 फाइल डाउनलोड. 374 00:18:08,340 --> 00:18:11,170 >> क्या ऐसा करने जा रहा है कि यह हो रहा है है इसके बारे में गूगल के संस्करण के लिए लिंक करने के लिए. 375 00:18:11,170 --> 00:18:14,130 तो वापस करने के लिए इसका क्या मतलब है. 376 00:18:14,130 --> 00:18:18,270 जो उपयोगकर्ता जब इसका मतलब अपनी फाइल डाउनलोड - 377 00:18:18,270 --> 00:18:22,300 अपने एचटीएमएल पेज डाउनलोड - अपने HTML पेज इस फाइल को संदर्भित करने के लिए जा रहा है. 378 00:18:22,300 --> 00:18:26,790 >> तो फिर, अपने कंप्यूटर को देखने के लिए जा रहा है, ओह, यह उससे भी google.com पर होस्ट की 379 00:18:26,790 --> 00:18:28,170 theirsite.com पर से. 380 00:18:28,170 --> 00:18:30,370 मुझे लगता है कि फाइल के लिए गूगल पूछना चलते हैं. 381 00:18:30,370 --> 00:18:32,800 और फिर, यह शामिल करने के लिए जा रहा है यह लगभग एक थे मानो 382 00:18:32,800 --> 00:18:35,584 अपनी खुद की साइट का हिस्सा. 383 00:18:35,584 --> 00:18:36,540 >> टॉमस REIMERS: कूल. 384 00:18:36,540 --> 00:18:40,980 और तुम उस में शामिल हैं, एक बार फिर अपने सीएसएस में यह शामिल है, यह आपको देता है 385 00:18:40,980 --> 00:18:41,830 वास्तविक लाइन. 386 00:18:41,830 --> 00:18:45,188 तो आप संपत्ति फ़ॉन्ट परिवार सेट अपने फ़ॉन्ट का नाम के बराबर. 387 00:18:45,188 --> 00:18:47,936 388 00:18:47,936 --> 00:18:50,440 >> माइक Rizzo: ठीक है. 389 00:18:50,440 --> 00:18:52,220 तो हम सिर्फ सीएसएस के साथ समाप्त हो गया. 390 00:18:52,220 --> 00:18:57,230 और आप में से कुछ, अच्छी तरह सोच हो सकता है हम CS50 वित्त पर कुछ सीएसएस था. 391 00:18:57,230 --> 00:19:00,390 लेकिन सीएसएस पुस्तकालय बूटस्ट्रैप था. 392 00:19:00,390 --> 00:19:05,190 हम वास्तव में बूटस्ट्रैप एक छोटी सी शामिल बाद में जावास्क्रिप्ट के तहत साथ क्योंकि 393 00:19:05,190 --> 00:19:09,660 बूटस्ट्रैप सीएसएस पुस्तकालय भी आता है जावास्क्रिप्ट इस बात का एक बहुत कुछ के साथ 394 00:19:09,660 --> 00:19:12,060 बूटस्ट्रैप या चहचहाना - जो बूटस्ट्रैप दिया - 395 00:19:12,060 --> 00:19:15,426 उनके सीएसएस के सभी प्रबंध करने के लिए उपयोग करता है. 396 00:19:15,426 --> 00:19:19,592 >> टॉमस REIMERS: किसी को भी किसी भी है अब तक सामान्य रूप में सीएसएस के बारे में सवाल? 397 00:19:19,592 --> 00:19:20,723 हम अच्छा कर रहे हैं? 398 00:19:20,723 --> 00:19:21,216 बहुत बढ़िया. 399 00:19:21,216 --> 00:19:22,495 >> माइक Rizzo: बहुत बढ़िया. 400 00:19:22,495 --> 00:19:25,136 >> टॉमस REIMERS: तो आगे बढ़ जावास्क्रिप्ट के लिए पर. 401 00:19:25,136 --> 00:19:27,900 >> माइक Rizzo: तो हम बात करना चाहता था jQuery के साथ शुरू करने के बारे में. 402 00:19:27,900 --> 00:19:30,780 किसी को भी jQuery के बारे में सुना है पहले या इसे इस्तेमाल किया? 403 00:19:30,780 --> 00:19:32,180 हाँ, एक जोड़ी? 404 00:19:32,180 --> 00:19:36,000 तो तुम सिर्फ देशी के साथ काम करते हैं जावास्क्रिप्ट, आप अपने आप मिल जाएगा 405 00:19:36,000 --> 00:19:41,000 एक बहुत लंबे चयनकर्ताओं का एक बहुत टाइपिंग. 406 00:19:41,000 --> 00:19:44,400 तो क्या jQuery करता है यह प्रदान करता है जावास्क्रिप्ट के लिए एक अच्छा आवरण 407 00:19:44,400 --> 00:19:48,180 आप आसानी से चयन की सुविधा देता है कि भाषा और विभिन्न तत्वों में हेरफेर 408 00:19:48,180 --> 00:19:52,470 के दस्तावेज़ ऑब्जेक्ट मॉडल के भीतर वेब पेज या मुझे लगता है कि जो डोम, 409 00:19:52,470 --> 00:19:54,290 आप लोगों में से सुना है इस बिंदु पर व्याख्यान. 410 00:19:54,290 --> 00:19:57,550 >> टॉमस REIMERS: आप के बारे में सुना नहीं किया है यह या आप देखा नहीं है अगर व्याख्यान 411 00:19:57,550 --> 00:20:01,870 अभी तक, दस्तावेज़ ऑब्जेक्ट मॉडल है मूल रूप से चीजों को कैसे प्रतिनिधित्व कर रहे हैं. 412 00:20:01,870 --> 00:20:05,290 तो एचटीएमएल तरह का एक पेड़ की तरह दिखता है आप वास्तव में इसे बाहर निकालना है. 413 00:20:05,290 --> 00:20:06,850 आप शीर्ष पर HTML तत्व है. 414 00:20:06,850 --> 00:20:07,560 आप सिर और शरीर है. 415 00:20:07,560 --> 00:20:09,500 >> और फिर, आपको लगता है कि भीतर बाकी सब कुछ है. 416 00:20:09,500 --> 00:20:10,660 कि डोम के रूप में भेजा है - 417 00:20:10,660 --> 00:20:12,120 दस्तावेज़ ऑब्जेक्ट मॉडल. 418 00:20:12,120 --> 00:20:16,090 इतने में वस्तुओं का प्रतिनिधित्व करता है जो एक मॉडल दस्तावेज़ में सोचने के लिए एक आसान तरीका है 419 00:20:16,090 --> 00:20:18,560 उस के बारे में. 420 00:20:18,560 --> 00:20:22,520 सर्वर के बारे में महान बात में से एक यह वास्तव में traversing बनाता है 421 00:20:22,520 --> 00:20:26,460 कि और भीतर से छेड़छाड़ तत्वों वह अविश्वसनीय रूप से सरल. 422 00:20:26,460 --> 00:20:30,300 >> तो आसान है, वास्तव में, इस बात का बहुमत जावास्क्रिप्ट पुस्तकालयों या नहीं तो 423 00:20:30,300 --> 00:20:34,200 बहुमत, लोगों की भव्य बहुमत आप देखेंगे वास्तव में तो jQuery आवश्यकता 424 00:20:34,200 --> 00:20:37,530 वे आसानी से खुद चला सकते हैं क्योंकि तुम, तुम jQuery नहीं था 425 00:20:37,530 --> 00:20:40,540 करने की कोशिश कर समय की एक बहुत बेकार होगा कुछ का चयन करने के लिए बाहर निकालने के 426 00:20:40,540 --> 00:20:43,660 तत्वों और कैसे अन्य बातें करते हैं. 427 00:20:43,660 --> 00:20:47,950 सर्वर के बारे में दूसरी बड़ी बात यह पार ब्राउज़र संगत है कि है. 428 00:20:47,950 --> 00:20:51,550 >> हम ने कहा कि इसलिए जब वापस याद सभी ब्राउज़रों लागू नहीं 429 00:20:51,550 --> 00:20:53,100 चीजें एक ही तरीका है? 430 00:20:53,100 --> 00:20:55,120 यह भी जावास्क्रिप्ट में सच है. 431 00:20:55,120 --> 00:20:58,220 सर्वर के बारे में महान चीज़ों में से एक यह पता लगाने जाएगा 432 00:20:58,220 --> 00:21:00,300 ब्राउज़र और पता लगाने उपयुक्त विधि. 433 00:21:00,300 --> 00:21:03,420 >> तो आप एक तत्व का चयन करने की जरूरत है, इंटरनेट एक्सप्लोरर आप कर रहे हैं कह सकते हैं 434 00:21:03,420 --> 00:21:05,770 इस तरह से करना चाहिए. 435 00:21:05,770 --> 00:21:08,300 फ़ायरफ़ॉक्स सही कह सकते हैं जिस तरह से इस तरह से है. 436 00:21:08,300 --> 00:21:09,710 jQuery परवाह नहीं करता. 437 00:21:09,710 --> 00:21:12,550 आप एक का चयन करने के लिए jQuery बताओ तत्व यह है कि यह कैसे पता लगाना होगा 438 00:21:12,550 --> 00:21:16,290 ब्राउज़र के भीतर यह करना चाहिए उपयोगकर्ता में वर्तमान में है, और उसके बाद करना 439 00:21:16,290 --> 00:21:18,584 यह उस तरह. 440 00:21:18,584 --> 00:21:22,650 >> माइक Rizzo: तो चलो के बारे में बात नहीं करते हैं jQuery का उपयोग एक छोटा सा. 441 00:21:22,650 --> 00:21:27,670 सिर्फ php की तरह, jQuery के एक खास है डॉलर के हस्ताक्षर के लिए स्नेह. 442 00:21:27,670 --> 00:21:30,880 तो आपको लगता है कि किसी भी jQuery मिल जाएगा - 443 00:21:30,880 --> 00:21:32,060 खैर, सब नहीं. 444 00:21:32,060 --> 00:21:35,210 आप कभी कभी डॉलर की जगह ले सकता शब्द jQuery के साथ साइन इन करें. 445 00:21:35,210 --> 00:21:38,980 लेकिन आम तौर पर, यह बस, क्योंकि छोटे, तुम jQuery किया जा रहा देख जब भी 446 00:21:38,980 --> 00:21:41,420 यह एक डॉलर के हस्ताक्षर के साथ हो जाएगा इस्तेमाल किया. 447 00:21:41,420 --> 00:21:47,030 >> तो यहाँ हम सिर्फ एक शुरुआत दिखा रहे हैं डोम में एक तत्व के लिए चयनकर्ता. 448 00:21:47,030 --> 00:21:52,850 यहाँ, हम डॉलर के हस्ताक्षर का पालन किया है फिर खुला कोष्ठक और उद्धरण से. 449 00:21:52,850 --> 00:21:56,130 और उद्धरण के भीतर हमारे चयनकर्ताओं जाना विभिन्न तत्वों के लिए. 450 00:21:56,130 --> 00:21:59,810 बस सीएसएस में की तरह, हम करने के लिए चयनकर्ताओं की जरूरत विभिन्न तत्वों शैली के लिए सक्षम हो 451 00:21:59,810 --> 00:22:00,840 पृष्ठ के भीतर. 452 00:22:00,840 --> 00:22:06,555 उन विभिन्न चयनकर्ताओं अनुवाद बिल्कुल में jQuery और जावास्क्रिप्ट, 453 00:22:06,555 --> 00:22:07,820 अधिकांश भाग के लिए. 454 00:22:07,820 --> 00:22:10,120 >> तो यहाँ हम एक डॉट foo है. 455 00:22:10,120 --> 00:22:14,780 आप व्याख्यान से याद करते हैं तो अगर, डॉट बस वर्ग का मतलब है. 456 00:22:14,780 --> 00:22:18,850 इसलिए हम तत्व का चयन कर रहे हैं class Foo साथ. 457 00:22:18,850 --> 00:22:22,670 तो मैं आगे जाना है और खोल अगर हमारे JavaScript कंसोल यहाँ बहुत जल्दी 458 00:22:22,670 --> 00:22:26,830 मैं बस प्रकार अगर सिर्फ यह दिखाना है डॉलर के हस्ताक्षर, हम यह कुछ है कि देखना 459 00:22:26,830 --> 00:22:28,090 ऊपर आता है कि समारोह. 460 00:22:28,090 --> 00:22:29,420 और यह सिर्फ jQuery के द्वारा परिभाषित है. 461 00:22:29,420 --> 00:22:32,120 >> टॉमस REIMERS: आप में से उन लोगों के लिए अपरिचित, कंसोल एक उपकरण है 462 00:22:32,120 --> 00:22:35,430 आपको अनुमति देता है जो क्रोम,, भीतर असल में, पर JavaScript चलाने 463 00:22:35,430 --> 00:22:36,450 वर्तमान पृष्ठ. 464 00:22:36,450 --> 00:22:39,420 यह आपको अविश्वसनीय रूप से उपयोगी मिलेगा जब आप वास्तव में डीबगिंग और आप कर रहे हैं 465 00:22:39,420 --> 00:22:42,400 जैसे होने की जरूरत है, वर्तमान में क्या है कुछ वैश्विक चर के मूल्य या क्या 466 00:22:42,400 --> 00:22:43,910 कुछ और है? 467 00:22:43,910 --> 00:22:47,620 यह अपवाद के साथ GDB की तरह की तरह है आप वास्तव में यह कर सकते हैं कि 468 00:22:47,620 --> 00:22:51,600 साथ पृष्ठ पर तत्वों में हेरफेर एक बहुत आसान फैशन में. 469 00:22:51,600 --> 00:22:55,080 और यह भी, असल में, जाँच नहीं करता यह कुछ भी करता है इससे पहले कि आप के साथ में. 470 00:22:55,080 --> 00:22:58,660 >> तो, जबकि GDB की तरह हो सकता है, आप कर रहे हैं सुनिश्चित करें कि आप अगले कदम चलाना चाहते हैं? 471 00:22:58,660 --> 00:22:59,830 सांत्वना वास्तविक में है. 472 00:22:59,830 --> 00:23:03,690 वेब पृष्ठ प्रतिपादन और है तो के रूप में यह क्या कर रहा है जो कुछ भी कर 473 00:23:03,690 --> 00:23:05,720 परिषद की भी यह साथ चल रहा है. 474 00:23:05,720 --> 00:23:08,330 और तुम में मढ़ना कोड डाल सकते हैं कि कंसोल, जो होगा 475 00:23:08,330 --> 00:23:09,260 पृष्ठ पर चला जा. 476 00:23:09,260 --> 00:23:12,190 >> माइक Rizzo: तो सांत्वना दर्ज करने के लिए, मैं मैं संक्षेप चाहिए लगता है 477 00:23:12,190 --> 00:23:13,750 कैसे करना है कि उल्लेख. 478 00:23:13,750 --> 00:23:17,850 आप हो सकता है कि पिछले समस्याओं में खेतों में क्रोम के तत्व का निरीक्षण 479 00:23:17,850 --> 00:23:20,440 कार्यों या देखें पृष्ठ स्रोत - 480 00:23:20,440 --> 00:23:23,870 और उन सिर्फ सही से पहुँच रहे हैं पेज या एक विशिष्ट पर क्लिक 481 00:23:23,870 --> 00:23:28,430 तत्व और निरीक्षण या तो कर तत्व या देखें पृष्ठ स्रोत. 482 00:23:28,430 --> 00:23:31,190 हम भी जावास्क्रिप्ट का उपयोग कर सकते हैं सांत्वना सीधे द्वारा 483 00:23:31,190 --> 00:23:33,630 तत्व का निरीक्षण चुनने. 484 00:23:33,630 --> 00:23:37,930 तो फिर तुम सिर्फ हिट सांत्वना अभी तक सही पक्ष पर. 485 00:23:37,930 --> 00:23:41,900 >> वैकल्पिक रूप से, आप भी जा सकते थे ऊपरी दाहिने हाथ कोने में, 486 00:23:41,900 --> 00:23:46,820 इस स्क्रीन पर काट रहा है, जो जहां यह तीन क्षैतिज सलाखों है. 487 00:23:46,820 --> 00:23:52,010 और आप उपकरण के लिए नीचे जाने के लिए और फिर JavaScript कंसोल 488 00:23:52,010 --> 00:23:53,240 यहाँ कहाँ देख सकते हैं - 489 00:23:53,240 --> 00:23:54,370 कम से कम Windows पर - 490 00:23:54,370 --> 00:23:59,680 शॉर्टकट नियंत्रण तो फिर जे पारी है हम एक तत्व का चयन करना चाहता था 491 00:23:59,680 --> 00:24:06,060 इस पृष्ठ के भीतर, बस जैसे मैं पता चला इससे पहले, हम डॉलर के हस्ताक्षर खुले parens करना 492 00:24:06,060 --> 00:24:08,180 और फिर उद्धरण. 493 00:24:08,180 --> 00:24:11,750 >> एक दिलचस्प बात यह है कि आम तौर पर, है एक उद्धरण और दोहरे उद्धरण हैं 494 00:24:11,750 --> 00:24:12,370 विनिमेय. 495 00:24:12,370 --> 00:24:16,050 तो बहुत से लोगों को अभी भी उपयोग उद्धरण वे टाइप करने के लिए तेजी से कर रहे हैं क्योंकि 496 00:24:16,050 --> 00:24:19,780 दोहरे उद्धरण चिह्नों की तुलना में आप नहीं है नीचे शिफ्ट पकड़ है. 497 00:24:19,780 --> 00:24:21,770 तो मैं सिर्फ सही है कि अब क्या होगा. 498 00:24:21,770 --> 00:24:24,510 >> तो मैं कुछ का चयन करना चाहते हैं वर्ग के साथ. 499 00:24:24,510 --> 00:24:27,200 कंटेनर, मुझे पता है कि सिर्फ इसलिए कि है पर कुछ है कि हमारे 500 00:24:27,200 --> 00:24:28,740 वेब पेज अभी. 501 00:24:28,740 --> 00:24:29,520 और मैं हिट दर्ज करें. 502 00:24:29,520 --> 00:24:31,670 और हम यह इसे चयनित देख सकते हैं. 503 00:24:31,670 --> 00:24:34,990 तो यह पता चलता है कि यह उस वस्तु लौटे. 504 00:24:34,990 --> 00:24:36,620 तो यह है कि एक बुनियादी चयन है. 505 00:24:36,620 --> 00:24:40,080 हम वास्तव में यह हेरफेर करना चाहता था, आप कुछ कॉल करना होगा 506 00:24:40,080 --> 00:24:43,925 उस चयन पर, जो हम बाद में मिल जाएगा. 507 00:24:43,925 --> 00:24:49,030 >> टॉमस REIMERS: तो बस उस पर विचार करने के लिए अधिक गहराई में, यह अलग नहीं है 508 00:24:49,030 --> 00:24:52,245 हम सी में बनाया समारोह कॉल की तुलना यहां समारोह के नाम एक है 509 00:24:52,245 --> 00:24:52,580 थोड़ा अजीब है. 510 00:24:52,580 --> 00:24:55,640 यह डॉलर के हस्ताक्षर है. 511 00:24:55,640 --> 00:24:57,010 यह सिर्फ एक समारोह का नाम है. 512 00:24:57,010 --> 00:24:58,810 इसके बारे में कुछ खास नहीं है. 513 00:24:58,810 --> 00:25:00,450 >> हम खुले कोष्ठकों है. 514 00:25:00,450 --> 00:25:03,880 तो, हम हमारे लिए एक तर्क है, जो इस मामले में एक स्ट्रिंग होना होता है, 515 00:25:03,880 --> 00:25:05,680 जो इसके लिए एक चयनकर्ता है. 516 00:25:05,680 --> 00:25:08,130 और फिर, हमारे पास हमारे बंद कोष्टक. 517 00:25:08,130 --> 00:25:09,960 बस. 518 00:25:09,960 --> 00:25:11,500 >> ऐसा लगता है कि बेहद अलग नहीं है. 519 00:25:11,500 --> 00:25:12,900 हालांकि, यह बहुत अजीब लग रही है. 520 00:25:12,900 --> 00:25:17,220 और वह है, की तरह, एक चिपके हुए हो सकते हैं बहुत से लोगों के लिए इशारा करते हैं. 521 00:25:17,220 --> 00:25:21,460 >> माइक Rizzo: तो इसी तरह, हम चाहते थे एक आईडी है कि एक तत्व का चयन करने के लिए, 522 00:25:21,460 --> 00:25:23,470 अब हम से चयन करना चाहते हैं बजाय वर्ग की आईडी. 523 00:25:23,470 --> 00:25:28,080 यह एक ऐसी ही बात होगी, जहां हम बस आईडी के लिए तेज साइन करते हैं. 524 00:25:28,080 --> 00:25:33,576 इसलिए हम सब यहाँ का चयन कर रहे हैं आईडी बार है कि तत्वों. 525 00:25:33,576 --> 00:25:35,400 >> टॉमस REIMERS: और इस फैली हुई है. 526 00:25:35,400 --> 00:25:36,450 यही सीएसएस फैली हुई है. 527 00:25:36,450 --> 00:25:42,260 बस सीएसएस में की तरह, आप सभी का चयन कर सकते हैं class Foo है जो लिंक,. 528 00:25:42,260 --> 00:25:43,420 यहाँ, यह एक ही बात है. 529 00:25:43,420 --> 00:25:52,750 >> आप का चयन करेंगे, जो a.foo कर सकता है class Foo साथ लिंक के सभी. 530 00:25:52,750 --> 00:25:58,860 तुम एक तेज बार कर सकता है जो होगा आईडी पट्टी के साथ और तो लिंक का चयन करें 531 00:25:58,860 --> 00:25:59,770 पर और आगे. 532 00:25:59,770 --> 00:26:02,120 किसी भी सीएसएस चयनकर्ता एक मान्य है jQuery चयनकर्ता. 533 00:26:02,120 --> 00:26:03,370 >> माइक Rizzo: हाँ. 534 00:26:03,370 --> 00:26:07,996 535 00:26:07,996 --> 00:26:11,460 ठीक है, तो अब चलो थोड़ा सा में मिलता है हम साथ कर सकते हैं कि गड़बड़ी की 536 00:26:11,460 --> 00:26:12,870 हमारे jQuery. 537 00:26:12,870 --> 00:26:19,280 तो jQuery के एक विशेष प्रकार है हम सिर्फ उपयोग जहां अंकन की 538 00:26:19,280 --> 00:26:20,170 अंत में एक डॉट. 539 00:26:20,170 --> 00:26:23,340 और आप में इस तरह के बारे में सोच सकते हैं सी हम अलग structs था कि कैसे. 540 00:26:23,340 --> 00:26:27,110 और उन structs में जाने के लिए, तुम होगा उन्हें में लाने के लिए एक डॉट का उपयोग करें. 541 00:26:27,110 --> 00:26:28,480 >> इस तरह की, एक ऐसी ही बात है. 542 00:26:28,480 --> 00:26:33,570 केवल अब हम इस के भीतर कार्य किया है हम उस पर कॉल कर सकते हैं कि चयनकर्ता. 543 00:26:33,570 --> 00:26:38,640 यहाँ तो बहुत पहले उदाहरण आप एक सीएसएस चयनकर्ता देख सकते हैं. 544 00:26:38,640 --> 00:26:45,290 और असल में, क्या करता है कि यह है इस के लिए सबसे पहले तत्व के लिए सीएसएस लागू होता है 545 00:26:45,290 --> 00:26:46,230 आपके द्वारा चयनित बात - 546 00:26:46,230 --> 00:26:47,720 आपके द्वारा चयनित इस तत्व - 547 00:26:47,720 --> 00:26:49,290 कि मूल्य के साथ. 548 00:26:49,290 --> 00:26:55,390 >> टॉमस REIMERS: की तो एक आसान अनुवाद अगर jQuery, मूल रूप से, कि हो जाएगा 549 00:26:55,390 --> 00:26:57,790 बस foo लिया. 550 00:26:57,790 --> 00:27:05,480 और फिर सीएसएस में कहा, लाल और करीब रंग. 551 00:27:05,480 --> 00:27:06,670 यह एक ही विचार है. 552 00:27:06,670 --> 00:27:08,800 क्या यह हो चुका है यह चयनित है सभी foo तत्वों. 553 00:27:08,800 --> 00:27:10,170 और फिर इसे लागू किया है. 554 00:27:10,170 --> 00:27:15,884 सॉर्ट की, संपत्ति का रंग लाल के बराबर है. 555 00:27:15,884 --> 00:27:21,070 >> माइक Rizzo: इसी तरह, हम भी बदल सकते हैं क्या है की वास्तविक सामग्री 556 00:27:21,070 --> 00:27:24,870 पेज के HTML, पर दिखा जो इसका मतलब है क्योंकि वास्तव में अच्छा है आपके 557 00:27:24,870 --> 00:27:28,095 वेब पृष्ठों को अब पूरी तरह से गतिशील हो सकता है और स्थिर होने की जरूरत नहीं है 558 00:27:28,095 --> 00:27:31,660 आप PHP का उपयोग कर बाहर प्रिंट कि बहुत शुरुआत की पर 559 00:27:31,660 --> 00:27:33,320 पेज लोड किया जा रहा. 560 00:27:33,320 --> 00:27:36,810 तो यहाँ, हम बदल करना चाहता था पेज की वास्तविक HTML, हम अब होगा 561 00:27:36,810 --> 00:27:43,550 एचटीएमएल समारोह, जो फोन तो बस हम में निर्दिष्ट जो भी सम्मिलित करता है 562 00:27:43,550 --> 00:27:45,390 हम चयनित कि उस तत्व. 563 00:27:45,390 --> 00:27:49,810 यहाँ तो हम साथ तत्व का चयन कर रहे हैं वर्ग फू और फिर यह HTML कह 564 00:27:49,810 --> 00:27:52,200 यह अब नमस्ते दुनिया है. 565 00:27:52,200 --> 00:27:55,600 >> टॉमस REIMERS: और जब आपको लगता है के बारे में की उपयोगी अनुप्रयोगों क्या हैं 566 00:27:55,600 --> 00:28:00,800 यही नहीं, इस सीएसएस एक, पहली बात यह है कि आप है के बारे में सोचना शुरू कर सकते हैं 567 00:28:00,800 --> 00:28:03,070 के मामले में भी ड्रॉप डाउन मेनू. 568 00:28:03,070 --> 00:28:08,350 आप की तरह बातें करना शुरू कर सकता है जब एक उपयोगकर्ता शीर्ष भाग पर घूमता 569 00:28:08,350 --> 00:28:11,970 एक बूंद नीचे के हैं, तो आप बनाना चाहते दिखाई नीचे हिस्सा. 570 00:28:11,970 --> 00:28:12,540 है ना? 571 00:28:12,540 --> 00:28:15,610 >> तो सीएसएस में, हम गुण है दिखाई कुछ बनाने के लिए. 572 00:28:15,610 --> 00:28:19,330 प्रदर्शन बृहदान्त्र कोई नहीं जैसे हालात यह अदृश्य बनाना होगा. 573 00:28:19,330 --> 00:28:21,190 प्रदर्शन ब्लॉक यह दृश्य करना होगा. 574 00:28:21,190 --> 00:28:25,860 या फिर आप, आप सरल जाना चाह कर भी दृश्यता बराबरी की तरह बातें है 575 00:28:25,860 --> 00:28:27,520 दिखाई, और दृश्यता छिपा बराबर होती है. 576 00:28:27,520 --> 00:28:30,330 577 00:28:30,330 --> 00:28:34,780 >> और आप चीजों को लागू करने के लिए शुरू कर सकता है जैसे मेनू सही ड्रॉप डाउन 578 00:28:34,780 --> 00:28:38,410 आप कैसे करने के विचार के माध्यम से प्राप्त करने के बाद इस खोलता है जब आप समझ सकते हैं, 579 00:28:38,410 --> 00:28:39,850 हम बहुत संक्षेप के माध्यम से मिल जाएगा जो. 580 00:28:39,850 --> 00:28:42,160 लेकिन हमें देखना शुरू कर सकते हैं इस के अनुप्रयोगों. 581 00:28:42,160 --> 00:28:45,540 इसी तरह की एक अर्थ में, अगर तुम थे कोशिश करने के लिए और एक चैट, लागू करने, हम कहते हैं 582 00:28:45,540 --> 00:28:48,620 इंजन और आप एक छोटे से बनाना चाहते आपने जब भी भाषण बुलबुला आ 583 00:28:48,620 --> 00:28:52,880 एक नया संदेश मिला है, एक बार आप नया संदेश, आप एक छोटे से बना सकते हैं 584 00:28:52,880 --> 00:28:55,890 भाषण बुलबुला बदलकर आने पेज के HTML, है ना? 585 00:28:55,890 --> 00:29:00,540 कि अतिरिक्त भाषण बुलबुला जोड़कर वहाँ में अतिरिक्त पाठ के साथ. 586 00:29:00,540 --> 00:29:01,140 हाँ? 587 00:29:01,140 --> 00:29:07,750 >> दर्शक: तो आप के भीतर इस एम्बेड होगा तरह की तरह में एचटीएमएल कोड एक 588 00:29:07,750 --> 00:29:10,534 [सुनाई]? 589 00:29:10,534 --> 00:29:12,940 >> माइक Rizzo: ठीक है. 590 00:29:12,940 --> 00:29:16,190 हाँ, हम उस के लिए मिल जाएगा एक छोटा सा में. 591 00:29:16,190 --> 00:29:18,810 हाँ, यह समान है PHP के लिए थोड़ा सा. 592 00:29:18,810 --> 00:29:21,240 बिल्कुल इसी तरह की नहीं. 593 00:29:21,240 --> 00:29:24,730 >> बनाने के लिए एक अच्छा भेद है क्या इस वास्तव में हम जब संपादित संपादित कर रहा है 594 00:29:24,730 --> 00:29:28,480 यह होने वाला नहीं है क्योंकि पेज जा रहा है कि वास्तविक फाइल संपादन 595 00:29:28,480 --> 00:29:31,380 सर्वर पर रखा है क्योंकि दुनिया अनुमति नहीं होना चाहिए 596 00:29:31,380 --> 00:29:32,610 आपकी फ़ाइलों को संपादित करने के लिए. 597 00:29:32,610 --> 00:29:36,080 यह सिर्फ पृष्ठ पर क्या संपादित कर रहा है और क्या भीतर प्रदर्शित किया जा रहा है 598 00:29:36,080 --> 00:29:36,950 ब्राउज़र. 599 00:29:36,950 --> 00:29:40,340 तो आप बाद पृष्ठ पुनः लोड करने के लिए गए थे, हम जैसे कुछ को हटाने का कहना है, 600 00:29:40,340 --> 00:29:44,730 हम दूर कॉल के साथ क्या कर सकते हैं देखते हैं, बात यह है कि उसके बाद फिर से बाहर निकलना होगा. 601 00:29:44,730 --> 00:29:48,590 >> टॉमस REIMERS: तो एक तरह के बारे में सोचने के लिए यह है कि मैं अपने कंप्यूटर हूँ अगर है और 602 00:29:48,590 --> 00:29:50,170 माइक, की तरह, सर्वर है. 603 00:29:50,170 --> 00:29:53,850 क्या होने जा रहा है मैं जा रहा हूँ अरे, मैं की एक प्रति हासिल कर सकते हैं, माइक पूछना 604 00:29:53,850 --> 00:29:54,630 इस वेब पेज? 605 00:29:54,630 --> 00:29:56,190 और उसने मुझे इसकी एक प्रति दे दूँगा. 606 00:29:56,190 --> 00:29:57,430 >> नहीं, यह मूल बात नहीं है. 607 00:29:57,430 --> 00:29:58,620 यह सिर्फ एक प्रति है. 608 00:29:58,620 --> 00:30:00,450 और फिर यह, ओह, की तरह होगा जावास्क्रिप्ट यहाँ नहीं है. 609 00:30:00,450 --> 00:30:02,450 जाहिर है, मैं संपादित करना चाहिए पेज इस तरह से किया जाना है. 610 00:30:02,450 --> 00:30:04,250 और मैं अपनी कॉपी संपादन कर रहा हूँ. 611 00:30:04,250 --> 00:30:05,920 >> लेकिन यह है कि प्रभावशाली नहीं है वास्तविक प्रतिलिपि. 612 00:30:05,920 --> 00:30:08,480 और अगर मैं थे उसे फिर से पूछने के लिए , पेज को ताज़ा - 613 00:30:08,480 --> 00:30:10,060 अरे, मैं एक और स्वच्छ प्रतिलिपि हो सकता है - 614 00:30:10,060 --> 00:30:11,440 वह मुझे दे रहा है एक और साफ प्रतिलिपि. 615 00:30:11,440 --> 00:30:14,240 और फिर, मैं एक ही बात करने जा रहा हूँ जैसे, ओह, यह कहते हैं कि यहां जेएस 616 00:30:14,240 --> 00:30:14,866 इस संपादित करने के लिए. 617 00:30:14,866 --> 00:30:17,460 और मुझे लगता है कि कर रखने के लिए जा रहा हूँ. 618 00:30:17,460 --> 00:30:20,930 >> माइक Rizzo: तो एक बहुत अच्छी बात jQuery के साथ आप कर सकते हैं कि 619 00:30:20,930 --> 00:30:24,350 वास्तव में विभिन्न प्रकार जोड़ अपने पृष्ठ के लिए एनिमेशन की. 620 00:30:24,350 --> 00:30:27,440 आप जहां कभी देखा है अगर मैं नहीं जानता आप एक को भरने के लिए बाहर एक फार्म कोशिश कर रहे हैं 621 00:30:27,440 --> 00:30:31,250 ऑनलाइन और तुम न भरें चीजें सही ढंग से. 622 00:30:31,250 --> 00:30:33,440 तो एक छोटी सी चीज नीचे स्लाइड शीर्ष पर है और आप कहते हैं 623 00:30:33,440 --> 00:30:34,820 यह सही ढंग से नहीं किया है. 624 00:30:34,820 --> 00:30:36,260 पुन: प्रयास करें. 625 00:30:36,260 --> 00:30:37,890 और फिर, यह भी सिर्फ स्लाइड सकता है. 626 00:30:37,890 --> 00:30:40,710 >> JQuery के कार्यों में बनाया गया है बाहर वर्षगांठ कि उस के सभी बनाने 627 00:30:40,710 --> 00:30:44,180 एनीमेशन वास्तव में, वास्तव में आसान. 628 00:30:44,180 --> 00:30:46,750 तो फीका पहला है बाहर समारोह, जो 629 00:30:46,750 --> 00:30:47,710 आप कुछ पर कॉल कर सकते हैं. 630 00:30:47,710 --> 00:30:55,650 और इसके बारे में सीएसएस बदलने के लिए एक रास्ता है एक एनिमेटेड रास्ते में उस तत्व. 631 00:30:55,650 --> 00:30:58,480 तो यह जो कुछ तत्व लेता है आप इस पर बाहर फीका कहते हैं. 632 00:30:58,480 --> 00:31:03,990 और फिर, धीरे धीरे यह अस्पष्टता परिवर्तन यह पूरी तरह से पारदर्शी चला जाता है जब तक. 633 00:31:03,990 --> 00:31:07,330 >> टॉमस REIMERS: अन्य लोकप्रिय एक जो कर देगा, स्लाइड नीचे है 634 00:31:07,330 --> 00:31:08,800 कुछ इसे नीचे फिसलने से दिखाई देते हैं. 635 00:31:08,800 --> 00:31:12,840 तो ड्रॉप डाउन मेनू के मामले में, फिर, हम पता लगाने के लिए कैसे सीखा जब 636 00:31:12,840 --> 00:31:15,310 इस पर hovered गया है जब, आप सिर्फ यह नीचे बता सकता है 637 00:31:15,310 --> 00:31:16,910 हिस्सा अब नीचे स्लाइड. 638 00:31:16,910 --> 00:31:19,270 और फिर, यह प्रकट होता है नीचे फिसलने से. 639 00:31:19,270 --> 00:31:22,042 640 00:31:22,042 --> 00:31:26,590 >> माइक Rizzo: और फिर, आप बस है अगर मन में एनीमेशन के कुछ प्रकार है कि 641 00:31:26,590 --> 00:31:29,080 jQuery जरूरी प्रदान नहीं करता है. 642 00:31:29,080 --> 00:31:32,690 उदाहरण के लिए, jQuery हम कहते हैं आप एक स्लाइड के साथ प्रदान करता है 643 00:31:32,690 --> 00:31:33,750 नीचे और स्लाइड ऊपर. 644 00:31:33,750 --> 00:31:36,740 ठीक है, चलो आप स्लाइड के लिए चाहते थे, हम कहते हैं से छोड़ दिया है या में से कुछ 645 00:31:36,740 --> 00:31:39,880 CS50 तरह का सही तरह मुख्य पृष्ठ जब भी करता है 646 00:31:39,880 --> 00:31:42,080 आप एक नए पैनल के पास जाओ. 647 00:31:42,080 --> 00:31:45,030 तुम तो शायद करना होगा का उपयोग कर यह अपने आप लागू 648 00:31:45,030 --> 00:31:49,310 jQuery के भीतर समारोह चेतन. 649 00:31:49,310 --> 00:31:51,350 >> तो इसी तरह, आप सिर्फ चेतन. 650 00:31:51,350 --> 00:31:55,850 और फिर, यह भीतर यह एक लेता है विभिन्न मूल्यों की शब्दकोश 651 00:31:55,850 --> 00:31:57,340 आप पारित करने के लिए चाहिए रहे हैं. 652 00:31:57,340 --> 00:32:06,960 तो यहाँ, हम चेतन करना चाहता था तत्व foo ऐसी है कि इसकी चौड़ाई या तो 653 00:32:06,960 --> 00:32:10,880 बढ़ती है या 80 पिक्सल के लिए अनुबंध, यह वर्तमान में क्या है पर निर्भर करता है. 654 00:32:10,880 --> 00:32:14,100 हम बस के रूप में है कि पारित होगा यह भीतर तर्क. 655 00:32:14,100 --> 00:32:18,060 >> कुछ अन्य तर्क भी चेतन उदाहरण के लिए, इसे पारित कर सकता है, 656 00:32:18,060 --> 00:32:21,150 एनीमेशन की गति आप इसे देना चाहता हूँ कि. 657 00:32:21,150 --> 00:32:26,220 और ऐसा करने के लिए, मैं सिर्फ इतना कहना होगा जल्दी से गूगल jQuery चेतन. 658 00:32:26,220 --> 00:32:31,710 और फिर, इस पेज को लाने, आप कर सकते हैं यह अलग की एक गुच्छा मिला है देखना 659 00:32:31,710 --> 00:32:33,560 आप इसे पारित कर सकते हैं कि गुण. 660 00:32:33,560 --> 00:32:35,990 >> और मैं आपको प्रोत्साहित करते हैं - आप आ गए जब भी तुम नहीं करते कि कुछ भर में 661 00:32:35,990 --> 00:32:40,390 पता है या सिर्फ एक के बारे में अधिक जानकारी चाहते हैं आप कह सकते हैं कि विशेष रूप से विधि 662 00:32:40,390 --> 00:32:41,270 कुछ पर - 663 00:32:41,270 --> 00:32:44,440 बस यह गूगल. jQuery अत्यंत है अच्छी तरह से प्रलेखित. 664 00:32:44,440 --> 00:32:49,140 और अक्सर समय की एक बहुत हैं वे आप के लिए उपलब्ध कराने के उदाहरण है कि. 665 00:32:49,140 --> 00:32:52,470 हम नीचे स्क्रॉल करें - 666 00:32:52,470 --> 00:32:53,720 जिस तरह से नीचे - 667 00:32:53,720 --> 00:32:57,660 668 00:32:57,660 --> 00:32:59,190 हम के रूप में अच्छी तरह से उपयोग कर सकते हैं कि. 669 00:32:59,190 --> 00:33:02,480 >> फिर, जब एक डेवलपर वास्तव में चला जाता है लेखन एक की मुसीबत के माध्यम से 670 00:33:02,480 --> 00:33:05,810 पुस्तकालय, वे आम तौर पर चाहते हैं इसका इस्तेमाल करने के लिए किसी को. 671 00:33:05,810 --> 00:33:09,400 तो बगल में जा रहा है एक प्रलेखन हो. 672 00:33:09,400 --> 00:33:12,270 और प्रलेखन कि आमतौर पर किया जा सकता है जो परियोजना पृष्ठ पर पाया 673 00:33:12,270 --> 00:33:14,970 हम तुम में है कि मूल साइट क्यों दी करने के लिए आप जो लिंक शुरुआत 674 00:33:14,970 --> 00:33:18,080 परियोजना पृष्ठों आप कर सकते हैं ताकि दस्तावेज़ों को देखें. 675 00:33:18,080 --> 00:33:22,670 >> आमतौर पर, मामले में परियोजना पेज की [सुनाई], यह आपको बताया 676 00:33:22,670 --> 00:33:23,940 कक्षाओं के नाम. 677 00:33:23,940 --> 00:33:27,250 जावास्क्रिप्ट के मामले में, यह देता है आप कार्यों के नाम पर. 678 00:33:27,250 --> 00:33:35,310 वैसे, हम ऊपर तक स्क्रॉल अगर, कार्यों पर एक त्वरित तरफ ध्यान दें है 679 00:33:35,310 --> 00:33:39,080 आप कार्यान्वित एक समारोह को देखने के लिए जब भी मेहनत के साथ इस तरह 680 00:33:39,080 --> 00:33:43,800 बीच में कोष्ठक मतलब है कि, कि संपत्ति वैकल्पिक है. 681 00:33:43,800 --> 00:33:44,750 सिर्फ एक को सिर. 682 00:33:44,750 --> 00:33:47,350 मैं सवालों का एक बहुत कुछ देखा है उस के बारे में. 683 00:33:47,350 --> 00:33:50,370 >> यहाँ तो हम देख सकते हैं कि चेतन गुण लेता है 684 00:33:50,370 --> 00:33:51,800 एक आवश्यक तर्क के रूप में. 685 00:33:51,800 --> 00:33:54,870 और सब कुछ वैकल्पिक है. 686 00:33:54,870 --> 00:33:56,136 की ओर ध्यान दें - 687 00:33:56,136 --> 00:33:58,090 आप प्रकार, इस के बारे में सोच सकते हैं के, मैन पेज की तरह. 688 00:33:58,090 --> 00:34:04,275 मैन पेज सी के लिए दस्तावेज हैं और साथ ही अन्य चीजों की एक बहुत कुछ के लिए. 689 00:34:04,275 --> 00:34:11,020 >> माइक Rizzo: तो हम सीखा है कि कैसे करने के लिए पृष्ठ पर अलग सीएसएस बदलने, 690 00:34:11,020 --> 00:34:14,040 यह चेतन, और HTML जोड़ हटा दें. 691 00:34:14,040 --> 00:34:16,889 लेकिन वास्तव में सबसे शक्तिशाली में से एक जावास्क्रिप्ट के बारे में बातें 692 00:34:16,889 --> 00:34:18,270 और विशेष रूप से jQuery - 693 00:34:18,270 --> 00:34:22,570 क्या यह आपको देता है का जवाब है हो कि विभिन्न तत्वों. 694 00:34:22,570 --> 00:34:25,380 उदाहरण के लिए, हम यहाँ है कोई ईवेंट हैंडलर. 695 00:34:25,380 --> 00:34:28,210 जब भी यह और है कि बस का मतलब घटना होता है, हम एक में इसे संभाल 696 00:34:28,210 --> 00:34:29,280 निश्चित तरीका है. 697 00:34:29,280 --> 00:34:35,159 >> तो यहाँ, सामान्य jQuery घटना हैंडलर पर डॉट है. 698 00:34:35,159 --> 00:34:42,949 और फिर, पहली बात यह है कि आपके द्वारा प्रदत्त क्या है घटना यह चाहिए 699 00:34:42,949 --> 00:34:43,810 के लिए सुन हो. 700 00:34:43,810 --> 00:34:45,610 यहाँ तो, इसे क्लिक करें है कि हम इंतजार कर रहे हैं. 701 00:34:45,610 --> 00:34:49,250 >> टॉमस REIMERS: वैकल्पिक रूप से, आपके पास मंडराना पर, जो एक बहुत ही लोकप्रिय है. 702 00:34:49,250 --> 00:34:52,000 तो वापस मेनू विचार नीचे मेरी ड्रॉप करने के लिए. 703 00:34:52,000 --> 00:34:54,239 आप मंडराना पर ऊपर से एक होगा. 704 00:34:54,239 --> 00:34:56,096 और फिर आपको लगता है कि बदल सकता है. 705 00:34:56,096 --> 00:34:56,830 >> माइक Rizzo: ठीक है. 706 00:34:56,830 --> 00:35:01,680 और फिर, जब ऐसा होता है, यह सिर्फ हम यह दे कि इस समारोह में कार्यान्वित 707 00:35:01,680 --> 00:35:05,080 एक तर्क के रूप में और कहा कि यह हाय या नमस्ते सचेतक हैं. 708 00:35:05,080 --> 00:35:08,900 >> टॉमस REIMERS: तो के मामले में जावास्क्रिप्ट, यह हम की जरूरत है एक जगह है 709 00:35:08,900 --> 00:35:12,970 सी. से खुद को दूर हम कर सकते हैं वास्तव में तर्क के रूप में कार्य करता है ले लो. 710 00:35:12,970 --> 00:35:15,940 का एक बहुत वास्तव में कर रहे हैं यह करने के लिए जटिल तरीके. 711 00:35:15,940 --> 00:35:17,940 हम एक तरह से बढ़ावा देने के लिए जा रहे हैं, आप परिभाषित कर सकते है जो 712 00:35:17,940 --> 00:35:19,270 सही वहाँ कार्य करते हैं. 713 00:35:19,270 --> 00:35:22,540 >> तो आप एक समारोह के रूप में के लिए पूछ रहे हैं जब एक पैरामीटर, आप मूल रूप से बस रहे हैं 714 00:35:22,540 --> 00:35:24,500 समारोह को परिभाषित करने के लिए जा रहा मौके पर. 715 00:35:24,500 --> 00:35:27,090 और अगर आप एक समारोह को परिभाषित रास्ता जावास्क्रिप्ट में आप है 716 00:35:27,090 --> 00:35:28,820 सचमुच समारोह का कहना है. 717 00:35:28,820 --> 00:35:30,130 फिर, आमतौर पर, नाम समारोह की. 718 00:35:30,130 --> 00:35:32,510 लेकिन हम संदर्भ के लिए कभी नहीं जा रहे हैं इस समारोह में फिर से. 719 00:35:32,510 --> 00:35:34,040 इसलिए हम गुमनाम छोड़ दें. 720 00:35:34,040 --> 00:35:40,440 >> तब कोष्ठकों, तो घुंघराले ब्रेसिज़, और फिर उस भीतर कोड. 721 00:35:40,440 --> 00:35:42,540 इसलिए हम इस सकता है समझ थोड़ा भ्रमित हो. 722 00:35:42,540 --> 00:35:45,180 तो हम आपको सामान्य रूप से दे कोई ईवेंट हैंडलर कैसा लग रहा है 723 00:35:45,180 --> 00:35:47,790 नीचे दिए गए, जो घटनाओं पर है. 724 00:35:47,790 --> 00:35:50,598 और फिर, कि अंदर अपने कोड. 725 00:35:50,598 --> 00:35:52,478 >> माइक Rizzo: कोई हो इस बारे में सवाल? 726 00:35:52,478 --> 00:35:54,818 यह थोड़ा भ्रमित हो सकता है आपको यह देखने के लिए पहली बार. 727 00:35:54,818 --> 00:35:57,550 >> टॉमस REIMERS: आप वास्तव में करना चाहते हैं एक फ़ाइल को खोलने और उन्हें कुछ दिखाने 728 00:35:57,550 --> 00:35:58,155 jQuery अभी? 729 00:35:58,155 --> 00:35:59,853 >> माइक Rizzo: हाँ, चलो करते हैं. 730 00:35:59,853 --> 00:36:00,256 ठीक है. 731 00:36:00,256 --> 00:36:02,490 >> टॉमस REIMERS: तो अब हम कर रहे हैं उपकरण में. 732 00:36:02,490 --> 00:36:07,730 और क्या हम किया है कि हम ले लिया है एक index.html दोनों बनाने की स्वतंत्रता 733 00:36:07,730 --> 00:36:10,100 लिंक करने के लिए जो फाइल, एक जावास्क्रिप्ट फ़ाइल. 734 00:36:10,100 --> 00:36:12,880 और हम खोल सकते हैं - 735 00:36:12,880 --> 00:36:15,170 हाँ. 736 00:36:15,170 --> 00:36:16,630 खैर, यह दो बातें करता है. 737 00:36:16,630 --> 00:36:18,350 >> पहले इसे करने के लिए लिंक JavaScript फ़ाइल. 738 00:36:18,350 --> 00:36:21,250 और हम यहाँ कि ऊपर देखेंगे. 739 00:36:21,250 --> 00:36:25,340 हम के सिर में देखते हैं कि HTML दस्तावेज़, विशेष रूप से. 740 00:36:25,340 --> 00:36:28,260 तो तुम वहाँ देखेंगे कि हम मूल रूप से, एसआरसी का कहना है, 741 00:36:28,260 --> 00:36:29,590 जो स्रोत के लिए खड़ा है. 742 00:36:29,590 --> 00:36:30,630 और उस यूआरएल है. 743 00:36:30,630 --> 00:36:32,700 >> यहाँ तो आप हम है कह सकते हैं jQuery शामिल थे. 744 00:36:32,700 --> 00:36:34,290 और हम भी लिपियों को शामिल किया है. 745 00:36:34,290 --> 00:36:40,630 जावास्क्रिप्ट शामिल करने के लिए अन्य रास्ता है आप एक इनलाइन स्क्रिप्ट शामिल कर सकते हैं 746 00:36:40,630 --> 00:36:44,600 हम नीचे स्थित है टैग के रूप में जहां यह स्क्रिप्ट प्रकार पाठ जावास्क्रिप्ट है कहते हैं. 747 00:36:44,600 --> 00:36:46,960 >> तो हम कर रहे हैं, सुनना, कह रहे हैं एक स्क्रिप्ट शामिल करने के बारे में. 748 00:36:46,960 --> 00:36:51,890 और उस स्क्रिप्ट के प्रकार है पाठ का एक प्रकार है जो जावास्क्रिप्ट,. 749 00:36:51,890 --> 00:36:52,550 बहुत आसान है. 750 00:36:52,550 --> 00:36:56,490 >> माइक Rizzo: तो यह एक तरह से, करने के लिए हो जाता है हम में शामिल कैसे के बारे में अपने प्रश्न 751 00:36:56,490 --> 00:37:02,340 हमारे फाइलों में जावास्क्रिप्ट क्योंकि जब हम पीएचपी, हम ऐसा कुछ करना था. 752 00:37:02,340 --> 00:37:07,570 और फिर, हमारे PHP कार्य किया है - के शेयरों कर हम कहते हैं 753 00:37:07,570 --> 00:37:09,150 उस के साथ कुछ - 754 00:37:09,150 --> 00:37:10,490 वहाँ में चला जाता है. 755 00:37:10,490 --> 00:37:13,860 हालांकि, अब हम स्क्रिप्ट टैग नहीं है हम वास्तव में कर रहे हैं, जो दे कि 756 00:37:13,860 --> 00:37:19,470 एचटीएमएल खुद का हिस्सा ऐसा नहीं है, क्योंकि जैसे कि यह एक HTML फ़ाइल जा रहा faking 757 00:37:19,470 --> 00:37:25,070 PHP में है कि आप वास्तव में में जाना है क्योंकि और पृष्ठ के स्रोत पर देखो, 758 00:37:25,070 --> 00:37:28,430 तुम वहाँ में इन स्क्रिप्ट टैग देखेंगे जावास्क्रिप्ट के साथ जुड़े के साथ 759 00:37:28,430 --> 00:37:29,800 उस में उन्हें. 760 00:37:29,800 --> 00:37:31,760 >> हम चाहते थे तो फिर, अगर कुछ जावास्क्रिप्ट लिख - 761 00:37:31,760 --> 00:37:37,110 चलो बस हम शरीर बदलना चाहते थे, हम कहते हैं अभी मैं नहीं है क्योंकि 762 00:37:37,110 --> 00:37:40,020 मैं वास्तव में यह कर सकते हैं कि किसी भी अन्य टैग शरीर के अलावा संपादित करें. 763 00:37:40,020 --> 00:37:42,450 चलो बस मैं चाहता था कहते हैं कि इस बात का सीएसएस बदल जाते हैं. 764 00:37:42,450 --> 00:37:46,190 तो हम आगे जाना है और बदल देंगे लाल को यह का रंग. 765 00:37:46,190 --> 00:37:47,380 >> इसलिए मैं फ़ाइल को बचाने के. 766 00:37:47,380 --> 00:37:52,700 चलो वापस हमारे वेब पेज के लिए चलते हैं, ताज़ा, और यह स्वचालित रूप से यह करता है 767 00:37:52,700 --> 00:37:55,920 यह इंतजार कर रहे थे जैसे यह नहीं मालूम था क्योंकि हम नहीं सुन रहे थे पर सब क्योंकि 768 00:37:55,920 --> 00:37:59,450 एक घटना या ऐसा कुछ के लिए. 769 00:37:59,450 --> 00:38:02,800 >> टॉमस REIMERS: तो हम उस के लिए वापस जाओ अगर विशेष रूप से फ़ाइल - एचटीएमएल 770 00:38:02,800 --> 00:38:04,710 फाइल - आप जा रहे हैं देखने के लिए हमारे पास है - 771 00:38:04,710 --> 00:38:06,810 इस भरी हुई है, याद है कि एक तरह से, कालक्रम के अनुसार. 772 00:38:06,810 --> 00:38:09,910 इसलिए हम पहले सिर है. यह उन दो फाइलों को लोड करता है. 773 00:38:09,910 --> 00:38:10,800 तो फिर हम शरीर के पास जाओ. 774 00:38:10,800 --> 00:38:11,640 और हम नमस्ते दुनिया को देखते हैं. 775 00:38:11,640 --> 00:38:13,030 इसलिए हम नमस्ते विश्व प्रस्तुत करना. 776 00:38:13,030 --> 00:38:15,240 >> और फिर हमारे पास पिछले बात हम स्क्रिप्ट टैग है. 777 00:38:15,240 --> 00:38:20,880 क्योंकि यह तो यह स्क्रिप्ट टैग चलाता कुछ के लिए प्रतीक्षा करने के लिए यह नहीं कह रहा. 778 00:38:20,880 --> 00:38:24,700 और कहा कि सबसे बुनियादी है JavaScript चलाने के लिए रास्ता. 779 00:38:24,700 --> 00:38:29,200 >> साथ ही कहा, आप स्क्रिप्ट डाल सकते हैं शीर्ष लेख में टैग सिर्फ 780 00:38:29,200 --> 00:38:31,240 इस बिंदु को दिखाने के लिए? 781 00:38:31,240 --> 00:38:34,450 782 00:38:34,450 --> 00:38:35,700 और वह चला रहे हैं. 783 00:38:35,700 --> 00:38:38,880 784 00:38:38,880 --> 00:38:41,070 हम सूचना के लिए जा रहे हैं कि यह रंग नहीं बदला. 785 00:38:41,070 --> 00:38:44,210 और इस की समस्याओं में से एक है जावास्क्रिप्ट चीजें भरी हुई हैं कि है 786 00:38:44,210 --> 00:38:45,930 एक कालानुक्रमिक क्रम में. 787 00:38:45,930 --> 00:38:49,750 >> इसलिए समय पर कि कि कोड चल रहा था, हम चयनित - 788 00:38:49,750 --> 00:38:52,530 वापस जाओ - 789 00:38:52,530 --> 00:38:53,670 शरीर टैग. 790 00:38:53,670 --> 00:38:57,560 शरीर टैग अभी तक अस्तित्व में नहीं है क्योंकि जावास्क्रिप्ट HTML के साथ लाइन में है. 791 00:38:57,560 --> 00:39:01,790 तो ब्राउज़र चुनें शरीर की तरह है. 792 00:39:01,790 --> 00:39:02,760 अभी तक ऐसी कोई बात नहीं है. 793 00:39:02,760 --> 00:39:03,600 इसलिए हम चाहते हैं कि उपेक्षा कर सकते हैं. 794 00:39:03,600 --> 00:39:05,330 और हम जाते रहते हैं. 795 00:39:05,330 --> 00:39:07,200 >> और फिर हम एक शरीर टैग को परिभाषित. 796 00:39:07,200 --> 00:39:09,670 लेकिन उस अद्यतन हो जाता है कभी नहीं. 797 00:39:09,670 --> 00:39:12,560 तो क्या आप स्क्रिप्ट को लागू कर रहे हैं जब टैग, यकीन है कि तुम जगह बनाना 798 00:39:12,560 --> 00:39:15,502 शरीर टैग के बाद. 799 00:39:15,502 --> 00:39:16,820 अगली स्लाइड. 800 00:39:16,820 --> 00:39:17,830 >> माइक Rizzo: ठीक है. 801 00:39:17,830 --> 00:39:19,330 इसलिए हम कुछ बदल गया. 802 00:39:19,330 --> 00:39:21,910 यह करने के लिए प्रतिक्रिया लेकिन ऐसा नहीं लग रही थी हमें यह सब पर बस की तरह है क्योंकि 803 00:39:21,910 --> 00:39:24,150 जैसे ही यह पेज लोड के रूप में ऐसा किया था. 804 00:39:24,150 --> 00:39:27,700 तो अब, बजाय ऐसा करने का, क्यों हम कोई ईवेंट हैंडलर जोड़ नहीं है. 805 00:39:27,700 --> 00:39:31,020 >> तो हम कुछ करते हैं शरीर को फिर से. 806 00:39:31,020 --> 00:39:33,490 और हम पर यह कर कहते हैं - 807 00:39:33,490 --> 00:39:34,500 क्लिक करें. 808 00:39:34,500 --> 00:39:35,750 हम एक समारोह जोड़ देंगे. 809 00:39:35,750 --> 00:39:38,270 810 00:39:38,270 --> 00:39:39,690 >> टॉमस REIMERS: चलो परिवर्तन यह फिर से लाल रंग है. 811 00:39:39,690 --> 00:39:40,000 क्यों नहीं? 812 00:39:40,000 --> 00:39:41,680 >> माइक Rizzo: हाँ, चलो परिवर्तन फिर लाल को अपनी 'रंग. 813 00:39:41,680 --> 00:39:46,310 814 00:39:46,310 --> 00:39:46,900 ठीक है. 815 00:39:46,900 --> 00:39:48,480 तो चलो पृष्ठ को फिर से लोड करते हैं. 816 00:39:48,480 --> 00:39:49,530 ठीक है, हम देखते हैं - 817 00:39:49,530 --> 00:39:52,290 उम्मीद के रूप में, यह अभी तक लाल बारी नहीं है. 818 00:39:52,290 --> 00:39:53,610 लेकिन फिर हम आगे बढ़ो और इसे क्लिक कर सकते हैं. 819 00:39:53,610 --> 00:39:54,270 >> टॉमस REIMERS: और यह लाल बारी है. 820 00:39:54,270 --> 00:39:56,090 >> माइक Rizzo: और यह करता है उम्मीद के रूप में लाल बारी. 821 00:39:56,090 --> 00:39:59,010 >> टॉमस REIMERS: और हम कैसे देख सकते हैं हम बहुत बुनियादी निर्माण शुरू कर सकते हैं 822 00:39:59,010 --> 00:40:00,170 बातचीत. 823 00:40:00,170 --> 00:40:03,850 हम क्या करना चाहते हो सकता है अन्य चीजें है हम शरीर बनाने के लिए नहीं करना चाहते 824 00:40:03,850 --> 00:40:07,230 लाल रंग, के एचटीएमएल कर देना पृष्ठभूमि रंग लाल. 825 00:40:07,230 --> 00:40:08,480 अभी तो यह एक ही सीएसएस है. 826 00:40:08,480 --> 00:40:19,960 827 00:40:19,960 --> 00:40:23,320 >> और हम इसे बदलने, जब हम यह देख सकते हैं बदलने की बहुत नाटकीय प्रभाव 828 00:40:23,320 --> 00:40:25,510 पूरे पृष्ठ. 829 00:40:25,510 --> 00:40:29,100 तो फिर, आप चीजों को लागू कर रहे हैं, आप एक घटक हो सकता है 830 00:40:29,100 --> 00:40:30,150 पर क्लिक किया जा करने के लिए होती है. 831 00:40:30,150 --> 00:40:32,710 चलो एक बाहर निकलें बटन हम कहते हैं और एक पूरी अन्य घटक, 832 00:40:32,710 --> 00:40:33,830 प्रतिक्रिया के लिए होती है. 833 00:40:33,830 --> 00:40:35,755 तो आप एक खिड़की को दूर करेगा जब ऐसा होता है. 834 00:40:35,755 --> 00:40:39,341 835 00:40:39,341 --> 00:40:40,700 >> माइक Rizzo: ठीक है. 836 00:40:40,700 --> 00:40:42,200 बस एक उदाहरण के रूप में - 837 00:40:42,200 --> 00:40:44,400 आप यह पहले देखने को मिलता नहीं था - 838 00:40:44,400 --> 00:40:47,500 मैं सिर्फ यह क्या लगता है आपको दिखाता हूँ हम कुछ छिपाना जब पसंद है. 839 00:40:47,500 --> 00:40:52,220 तो मैं आगे जाना होगा और स्लाइड ऊपर है. 840 00:40:52,220 --> 00:40:54,440 >> टॉमस REIMERS: एक में है कि रैप करने के लिए करना चाहते हैं हम ऐसा पैरा प्रकार से पहले? 841 00:40:54,440 --> 00:40:55,132 >> माइक Rizzo: ठीक है. 842 00:40:55,132 --> 00:40:59,135 हाँ, हम क्यों नहीं करते कि सिर्फ इसलिए हम एक छोटे से अधिक इसका चयन कर सकते हैं. 843 00:40:59,135 --> 00:41:00,490 >> टॉमस REIMERS: और चलो यह एक वर्ग दे. 844 00:41:00,490 --> 00:41:01,740 >> माइक Rizzo: हाँ. 845 00:41:01,740 --> 00:41:06,575 846 00:41:06,575 --> 00:41:09,920 ठीक है, तो चलो देखते हैं. 847 00:41:09,920 --> 00:41:14,820 इसके बजाय वास्तविक शरीर के चयन की अब, मैं बस के साथ सब कुछ का चयन करेंगे 848 00:41:14,820 --> 00:41:18,780 वर्ग नमस्ते, जो यहां हम बस एक बात है. 849 00:41:18,780 --> 00:41:20,900 तो हम करने के लिए नहीं होना चाहिए उस के बारे में चिंता है. 850 00:41:20,900 --> 00:41:23,080 >> इसलिए मुझे लगता है कि यह ताज़ा कर देंगे. 851 00:41:23,080 --> 00:41:24,230 मुझे आगे जाना है और इसे क्लिक करेंगे. 852 00:41:24,230 --> 00:41:27,890 और यह है, की तरह, एक अजीब स्लाइड किया कि नहीं लग रही थी, जो ऊपर बात, 853 00:41:27,890 --> 00:41:29,580 आकर्षक. 854 00:41:29,580 --> 00:41:31,060 आम तौर पर, वे बहुत अच्छी लग रही है. 855 00:41:31,060 --> 00:41:32,720 कुछ के लिए - मैं इस अनुमान कारण - नहीं किया था. 856 00:41:32,720 --> 00:41:36,640 मैं सिर्फ इतना फीका बाहर कर देंगे आप भी उस पर विचार कर सकते हैं. 857 00:41:36,640 --> 00:41:38,100 बहुत अच्छे. 858 00:41:38,100 --> 00:41:41,150 >> और फिर, मैं जावास्क्रिप्ट को खोलने अगर फिर सांत्वना और हम क्या देखना चाहते हैं 859 00:41:41,150 --> 00:41:43,900 यह हम इसे अंदर हो पाती है जब की तरह दिखता है 860 00:41:43,900 --> 00:41:46,920 अब, मैं सिर्फ इस पर में फीका कहते हैं. 861 00:41:46,920 --> 00:41:48,830 और यह अंदर वापस fades 862 00:41:48,830 --> 00:41:56,150 >> इसी तरह, हम वास्तव में भी पारित कर सकता है एक बहस में फीका या बाहर फीका करने के लिए, 863 00:41:56,150 --> 00:41:57,640 है, जो एक तरह से, यह की गति. 864 00:41:57,640 --> 00:42:02,220 तो चलो आगे चलते हैं और हम कहना चाहते हैं यह धीरे धीरे जाने के लिए अंदर फीका 865 00:42:02,220 --> 00:42:04,250 इसलिए मुझे लगता है कि यह अभी भी लग रहा था लगता है बहुत जल्दी. 866 00:42:04,250 --> 00:42:06,180 लेकिन यह पहले की तुलना में धीमी थी. 867 00:42:06,180 --> 00:42:10,340 >> टॉमस REIMERS: और आप खोजना चाहते हैं इन बातों के बारे में अधिक से बाहर, फिर से, 868 00:42:10,340 --> 00:42:13,410 बस, प्रलेखन के लिए जाना हम आपको दे दिया, और पढ़ा है जो 869 00:42:13,410 --> 00:42:13,735 इन के माध्यम से. 870 00:42:13,735 --> 00:42:15,790 वे अपने कार्यों के दस्तावेज अविश्वसनीय रूप से अच्छी तरह से. 871 00:42:15,790 --> 00:42:18,622 872 00:42:18,622 --> 00:42:19,570 >> माइक Rizzo: ठीक है. 873 00:42:19,570 --> 00:42:21,560 तो मैं वापस आ गया है इस लिए चलते हैं लगता है. 874 00:42:21,560 --> 00:42:23,490 और हम अपने अंतिम पृष्ठ के बारे में बात कर सकते हैं. 875 00:42:23,490 --> 00:42:24,690 खैर, हम बूटस्ट्रैप साथ समाप्त कर सकते हैं. 876 00:42:24,690 --> 00:42:27,140 और फिर हम इसे खोल देता हूँ कुछ सवालों के लिए. 877 00:42:27,140 --> 00:42:30,180 और तुम लोग किसी भी विचार है कि आप ऊपर फेंक और देखने की कोशिश करना चाहते हैं 878 00:42:30,180 --> 00:42:34,150 हम साथ उन्हें लागू कर सकते हैं जल्दी छोड़ दिया. 879 00:42:34,150 --> 00:42:37,890 >> तो सच में जल्दी से बूटस्ट्रैप के बारे में, जो स्वचालित रूप में शामिल किया गया था 880 00:42:37,890 --> 00:42:41,700 सीएसएस फ़ोल्डर में सेट अपने पिछले समस्या और वास्तव में करने के लिए जोड़ा अपने 881 00:42:41,700 --> 00:42:43,190 header.php. 882 00:42:43,190 --> 00:42:46,740 तो आप कक्षाओं जोड़ सकता है कि यह करने के लिए बूटस्ट्रैप भीतर परिभाषित कर रहे हैं. 883 00:42:46,740 --> 00:42:50,490 और यह स्वचालित रूप से स्टाइल किया होगा तदनुसार उन चीजों. 884 00:42:50,490 --> 00:42:54,550 >> टॉमस REIMERS: तो बूटस्ट्रैप एक बहुत है लोगों द्वारा विकसित जादुई बात 885 00:42:54,550 --> 00:42:55,340 चहचहाना पर. 886 00:42:55,340 --> 00:42:57,230 और क्या यह करना चाहिए था था - 887 00:42:57,230 --> 00:43:00,740 वेबसाइट बनाने के लिए वास्तव में कड़ी मेहनत कर रहे थे पहले हम था, खासकर जब अच्छी लग रही 888 00:43:00,740 --> 00:43:02,200 आम घटकों का एक बहुत. 889 00:43:02,200 --> 00:43:04,770 इतने पर बटन का एक बहुत वेब ही देखा. 890 00:43:04,770 --> 00:43:08,960 >> पाठ क्षेत्रों का एक बहुत कुछ किया जा सकता है मानक पाठ से बेहतर लग 891 00:43:08,960 --> 00:43:13,620 क्षेत्र आप शायद सच से पता पुराने वेबसाइटों या वास्तव में खराब कर दिया 892 00:43:13,620 --> 00:43:18,210 सिर्फ शाब्दिक की तरह लग रही है, जो वेबसाइटों, पाठ के बिना किसी भी रूप पाठ बक्से 893 00:43:18,210 --> 00:43:21,190 छाया या अच्छा रूपरेखा के किसी भी प्रकार. 894 00:43:21,190 --> 00:43:24,540 तो क्या बूटस्ट्रैप किया, यह ठीक है, ने कहा था हम एक बहुत ही आम शैली है. 895 00:43:24,540 --> 00:43:28,210 क्यों हम सीएसएस का एक आम सेट नहीं कर सकता हूँ और के रूप में जावास्क्रिप्ट का एक आम सेट 896 00:43:28,210 --> 00:43:32,210 और जो के रूप में अच्छी तरह से, जो यह शैली कर सकते हैं लोग बूंद की तरह बातें दे सकते हैं 897 00:43:32,210 --> 00:43:34,610 मेनू के नीचे, जो लोगों को दे सकते हैं modals तरह बातें. 898 00:43:34,610 --> 00:43:38,580 >> मॉडल पृष्ठ के ऊपर चबूतरे क्या है यह सच पूछिये तो जब भी 899 00:43:38,580 --> 00:43:41,090 आगे रोकता है जो कुछ, आप जब तक बातचीत 900 00:43:41,090 --> 00:43:43,110 इसके साथ बातचीत. 901 00:43:43,110 --> 00:43:45,820 कुछ इस तरह, आप सुनिश्चित कर रहे है आप इस बात को हटाना चाहते हैं? 902 00:43:45,820 --> 00:43:49,100 आप वास्तव में कुछ भी नहीं कर सकते आप हाँ कहते हैं या नहीं जब तक. 903 00:43:49,100 --> 00:43:52,720 >> यह सब इस ले लिया और उसे यह पैक एक साथ और कहा, यहाँ हम चले. 904 00:43:52,720 --> 00:43:54,630 लोग अब इस का उपयोग कर सकते हैं. 905 00:43:54,630 --> 00:43:56,830 और आप इस पर पा सकते हैं getbootstrap.com पर. 906 00:43:56,830 --> 00:44:00,480 यह स्वतः ही भीतर शामिल किया गया था अपने पिछले समस्या निर्धारित किया है. 907 00:44:00,480 --> 00:44:04,160 और आप का स्वागत है और अधिक से अधिक कर रहे हैं अपने अंतिम परियोजना पर इसका इस्तेमाल करते हैं. 908 00:44:04,160 --> 00:44:06,950 और आप का पालन करना चाहते हैं बूटस्ट्रैप पाने के लिए कड़ी. 909 00:44:06,950 --> 00:44:10,590 910 00:44:10,590 --> 00:44:15,700 >> आप यहाँ देखेंगे है सीएसएस साइट bootstrap. 911 00:44:15,700 --> 00:44:16,860 आप बूटस्ट्रैप देखेंगे. 912 00:44:16,860 --> 00:44:20,450 आप नीचे स्क्रॉल और अगर, आप देखेंगे इसे डाउनलोड करने के लिए कैसे, कैसे करने के लिए 913 00:44:20,450 --> 00:44:21,900 इसे स्थापित, वगैरह. 914 00:44:21,900 --> 00:44:24,700 >> माइक Rizzo: और तुम, भी कर सकते हैं काफी दिलचस्प है, के लिए अनुकूलित 915 00:44:24,700 --> 00:44:27,770 विषयों की तरह जो कुछ भी हो आप चाहते हैं कि. 916 00:44:27,770 --> 00:44:31,270 मुझे लगता है कि मैं के लिए कुछ किया है पता मेरी मैं क्लास ली जब अंतिम परियोजना 917 00:44:31,270 --> 00:44:32,050 यह अनुकूलित किया गया था. 918 00:44:32,050 --> 00:44:34,540 बूटस्ट्रैप का एक अलग संस्करण है कि एक अलग रंग योजना थी और 919 00:44:34,540 --> 00:44:36,700 कुछ के विभिन्न आकार अलग अलग चीजें हैं. 920 00:44:36,700 --> 00:44:38,250 तो मैं उस के साथ खेलने के लिए प्रोत्साहित करते हैं. 921 00:44:38,250 --> 00:44:39,440 ऐसा करने में मज़ा की तरह है. 922 00:44:39,440 --> 00:44:43,230 >> टॉमस REIMERS: शीर्ष भर में खोज रहे हैं फिर, यह फ़ॉन्ट के समान है 923 00:44:43,230 --> 00:44:44,970 भयानक साइट. 924 00:44:44,970 --> 00:44:47,810 दस्तावेज की एक बहुत शुरू होगा आपने जब इसी तरह लग रहे करने के लिए 925 00:44:47,810 --> 00:44:48,940 इसके बारे में पर्याप्त देखा. 926 00:44:48,940 --> 00:44:51,260 तो यहाँ हम सीएसएस है इस के घटक. 927 00:44:51,260 --> 00:44:53,540 और आप देखेंगे कि यह कैसे बातें शैली कर सकते हैं. 928 00:44:53,540 --> 00:44:56,780 आप टेबल पर क्लिक करें तो अगर, उदाहरण के लिए, आप तुरंत एक बना सकते हैं 929 00:44:56,780 --> 00:45:01,710 तालिका सुंदर बस जोड़कर यह करने के लिए वर्ग तालिका. 930 00:45:01,710 --> 00:45:03,150 >> बटन के लिए एक ही बातें. 931 00:45:03,150 --> 00:45:12,140 आप केवल वर्ग BTN और BTN जोड़ते हैं डिफ़ॉल्ट या BTN प्राथमिक, आप कर सकते हैं 932 00:45:12,140 --> 00:45:16,240 इन बटनों में से किसी एक मिल इन पूर्व बनाया शैलियों के साथ. 933 00:45:16,240 --> 00:45:18,570 और फिर, आप के लिए देख रहे हैं बस की तुलना में अधिक जटिल कुछ 934 00:45:18,570 --> 00:45:24,100 डब्ल्यू पहले ही खत्म हो गया है, पर क्या किया restyling शीर्ष हम भर जावास्क्रिप्ट टैब 935 00:45:24,100 --> 00:45:25,120 घटकों का एक गुच्छा है. 936 00:45:25,120 --> 00:45:30,410 >> तो यहाँ हम संक्रमण, modals है, लटकता, टैब्स, और टूलटिप्स. 937 00:45:30,410 --> 00:45:35,530 एक टूलटिप अपने अधीन ऊपर चबूतरे क्या है माउस आप कुछ पर मंडराना जब. 938 00:45:35,530 --> 00:45:40,280 R आर अलर्ट, बटन, बंधनेवाला accordions है क्या 939 00:45:40,280 --> 00:45:41,190 वे आम तौर पर कहा जाता है. 940 00:45:41,190 --> 00:45:43,045 Carousels, जो फ्लिप जैसे चित्रों के माध्यम से. 941 00:45:43,045 --> 00:45:52,190 942 00:45:52,190 --> 00:45:54,840 >> तो उन घटक हैं बूटस्ट्रैप की. 943 00:45:54,840 --> 00:45:57,620 मैं करने के लिए प्रोत्साहित करेगा अत्यधिक उन पर लग जाओ. 944 00:45:57,620 --> 00:46:01,780 एक जावास्क्रिप्ट घटक नहीं है और एक सीएसएस घटक. 945 00:46:01,780 --> 00:46:03,880 आप करेंगे के रूप में उपयोग करने के लिए स्वतंत्र महसूस करो. 946 00:46:03,880 --> 00:46:06,730 हम उन में बहुत अधिक जाने के लिए नहीं जा रहे हैं हम प्रलेखन क्योंकि उन्हें लगता है 947 00:46:06,730 --> 00:46:09,360 वास्तव में अच्छी तरह से किया जाता है. 948 00:46:09,360 --> 00:46:10,540 और हाँ. 949 00:46:10,540 --> 00:46:14,500 आप इस बारे में कोई सवाल है? 950 00:46:14,500 --> 00:46:19,430 >> एक बहुत जल्दी कर रहे हैं ताकि के रूप में माइक Rizzo ओर, इस वेब पेज के डिजाइन कि 951 00:46:19,430 --> 00:46:21,830 हम जल्दी के लिए एक साथ रखा इस प्रस्तुति है 952 00:46:21,830 --> 00:46:24,290 वास्तव में बूटस्ट्रैप का प्रयोग किया. 953 00:46:24,290 --> 00:46:27,810 आप देख सकते हैं, हम इन पर क्लिक करने पर अलग टैब, हम वास्तव में कभी नहीं रहे 954 00:46:27,810 --> 00:46:30,750 इस वर्तमान index.html पृष्ठ को छोड़कर. 955 00:46:30,750 --> 00:46:36,400 तो क्या हमारे पास अलग divs है इस सूचकांक के भीतर. 956 00:46:36,400 --> 00:46:39,610 और फिर, हम एक अलग क्लिक करें जब भी टैब, यह सिर्फ बदल रहा है 957 00:46:39,610 --> 00:46:41,590 जो एक दिखा. 958 00:46:41,590 --> 00:46:47,390 >> इसलिए यह तदनुसार, उन पदों पेज के HTML परिवर्तन इतना है कि 959 00:46:47,390 --> 00:46:52,330 वर्तमान टैब सक्रिय रूप में चिह्नित है तो यह अलग और लग रहा है प्रकट होता है 960 00:46:52,330 --> 00:46:52,820 वास्तव में अच्छा है. 961 00:46:52,820 --> 00:46:57,260 >> टॉमस REIMERS: इतना है कि सब कुछ किया गया था हमें लगभग किसी भी सीएसएस लिखने के बिना. 962 00:46:57,260 --> 00:47:01,440 हम भी शीर्ष भर में एक हैडर देखते हैं, जो रंग हमारे द्वारा कर रहे हैं. 963 00:47:01,440 --> 00:47:04,800 लेकिन वास्तविक पर डाल पृष्ठ के शीर्ष और बनाने 964 00:47:04,800 --> 00:47:06,660 यह पुस्तक बूटस्ट्रैप था. 965 00:47:06,660 --> 00:47:09,720 और फिर भी एक और पुस्तकालय के लिए - इस हम के बारे में बात की थी, लेकिन एक नहीं है 966 00:47:09,720 --> 00:47:11,580 अगर आप चाहते हैं कि आप Google कर सकते हैं. 967 00:47:11,580 --> 00:47:15,130 इस prettify.js कहा जाता है. 968 00:47:15,130 --> 00:47:20,650 और यह अपने कोड को उजागर वाक्यविन्यास होगा आप सीएसएस और जावास्क्रिप्ट का उपयोग कर दोनों के लिए. 969 00:47:20,650 --> 00:47:23,480 970 00:47:23,480 --> 00:47:27,070 >> हम इस बारे में बात करना चाहते पिछले बात हम में तुम बाहर रिलीज से पहले 971 00:47:27,070 --> 00:47:30,620 यह पता लगाने के लिए पुस्तकालयों को देखने के लिए दुनिया कैसे उन का उपयोग करने के लिए और, उम्मीद है, 972 00:47:30,620 --> 00:47:34,640 प्रलेखन पढ़ा है और क्या आप पाते हैं जरूरत के पुस्तकालयों को खोजने के लिए है. 973 00:47:34,640 --> 00:47:37,000 तो पहले हम सिर्फ रहे है गूगल धक्का जा रहा. 974 00:47:37,000 --> 00:47:37,810 गूगल जाओ. 975 00:47:37,810 --> 00:47:41,150 >> यही कारण है कि हम क्या कर सचमुच है जब हम कुछ करने की जरूरत है कि हम गूगल है. 976 00:47:41,150 --> 00:47:44,730 एक जावास्क्रिप्ट पुस्तकालय है कि मुझे एक में समय में हेरफेर करने की अनुमति देता है 977 00:47:44,730 --> 00:47:45,400 उपयोगी तरीका है? 978 00:47:45,400 --> 00:47:49,510 मुझे पता है तो अगर उस बनाने कुछ उपयोगकर्ता यहाँ एक खाता है, और यह है 979 00:47:49,510 --> 00:47:53,010 वर्तमान समय में, मैं कैसे की गणना कर सकते हैं करने के लिए बिना उस के साथ अंतर 980 00:47:53,010 --> 00:47:55,020 यह अपने आप गणना? 981 00:47:55,020 --> 00:47:59,630 तो यह वास्तव में एक आम बात है, जावास्क्रिप्ट समय पुस्तकालय. 982 00:47:59,630 --> 00:48:02,440 और यहाँ हम Moment.js - सबसे लोकप्रिय एक. 983 00:48:02,440 --> 00:48:06,530 >> हम हेरफेर करने के लिए एक पुस्तकालय की जरूरत है रंग करने के लिए सक्षम होने के लिए की तरह कुछ 984 00:48:06,530 --> 00:48:08,650 यादृच्छिक रंग का एक गुच्छा उत्पन्न - 985 00:48:08,650 --> 00:48:10,660 संभवतः, एक उत्पन्न करने के लिए शैली या कुछ और - 986 00:48:10,660 --> 00:48:13,480 हम जैसे कुछ गूगल सकता जावास्क्रिप्ट रंग पुस्तकालय. 987 00:48:13,480 --> 00:48:15,620 और मुझे लगता है कि हम साथ पॉप जाएगा यकीन एक हजार और उनमें से एक. 988 00:48:15,620 --> 00:48:18,290 989 00:48:18,290 --> 00:48:21,410 आप उन के माध्यम से पढ़ने के लिए स्वागत है. 990 00:48:21,410 --> 00:48:24,610 >> तो सबसे बातें - तुम उन्हें जब लगता है - जा रहे हैं में से एक पर होस्ट किया 991 00:48:24,610 --> 00:48:25,920 साइटों जो मेजबान कोड. 992 00:48:25,920 --> 00:48:26,960 वे कर रहे हैं कुछ लोकप्रिय होते हैं. 993 00:48:26,960 --> 00:48:30,870 द्वारा, सबसे लोकप्रिय अब तक, github.com है. 994 00:48:30,870 --> 00:48:35,300 आप GitHub के लिए जाना और अगर यह वास्तव में है सामान्यकरें आयोजित किया गया जहां. 995 00:48:35,300 --> 00:48:36,950 तो तुम वापस कि एक के लिए जाना चाहते हैं. 996 00:48:36,950 --> 00:48:38,135 उन्हें पता चलता है कि. 997 00:48:38,135 --> 00:48:40,516 >> माइक Rizzo: और वह वास्तव में है, जहां अगर आप ध्यान यह भी मेजबानी की है. 998 00:48:40,516 --> 00:48:41,000 >> टॉमस REIMERS: हाँ. 999 00:48:41,000 --> 00:48:49,078 तो आप सामान्य करने के लिए खत्म हो जाना अगर और GitHub के पास जाओ. 1000 00:48:49,078 --> 00:48:51,936 थे कि है? 1001 00:48:51,936 --> 00:48:54,620 >> माइक Rizzo: उस छोटी सी बिल्ली बात GitHub प्रतीक है. 1002 00:48:54,620 --> 00:48:56,330 >> टॉमस REIMERS: ओह. 1003 00:48:56,330 --> 00:49:02,180 तो GitHub नामक विधि का उपयोग करता है दुकान कोड को Git. 1004 00:49:02,180 --> 00:49:05,150 आप यह है कि या पता नहीं क्या है यह ठीक है, तुम डर. 1005 00:49:05,150 --> 00:49:16,100 आप git क्या है पता करने के लिए नहीं है GitHub एक डाउनलोड बटन है क्योंकि 1006 00:49:16,100 --> 00:49:17,200 नीचे सही पर. 1007 00:49:17,200 --> 00:49:21,350 >> पता करने के लिए अन्य उपयोगी बात GitHub अधिकांश उत्पादों के बारे में 1008 00:49:21,350 --> 00:49:23,200 एक मुझे पढ़ा होगा. 1009 00:49:23,200 --> 00:49:25,400 और वे एक वेबसाइट नहीं है, तो मुझे कैसे आप के बारे में बात करेंगे पढ़ा 1010 00:49:25,400 --> 00:49:28,310 क्या यह आप इसका इस्तेमाल कैसे, इसे स्थापित करता है, वगैरह, वगैरह, वगैरह. 1011 00:49:28,310 --> 00:49:31,033 क्या हम मूल रूप से किया गया है आप के माध्यम से चल रहा है. 1012 00:49:31,033 --> 00:49:32,326 >> माइक Rizzo: इंटरनेट के छोड़ने. 1013 00:49:32,326 --> 00:49:34,020 >> टॉमस REIMERS: वह ठीक है. 1014 00:49:34,020 --> 00:49:36,980 हम चाहते थे कि पिछले दो बातें के बारे में बात करने के लिए - 1015 00:49:36,980 --> 00:49:38,750 हम Git के बारे में बात की है - 1016 00:49:38,750 --> 00:49:40,290 समस्या निवारण है. 1017 00:49:40,290 --> 00:49:43,020 और इस एक के लिए भी उतना ही प्रासंगिक नहीं है यह है के रूप में अंतिम उत्पाद 1018 00:49:43,020 --> 00:49:44,870 आप 50 छोड़ दें. 1019 00:49:44,870 --> 00:49:48,310 और आप उत्पादों में चलाने जब पुस्तकालयों को लागू करने या लागू करने 1020 00:49:48,310 --> 00:49:50,230 अपनी खुद की परियोजना, आप जा रहे हैं प्रश्न हैं या आप कर रहे हैं करने के लिए 1021 00:49:50,230 --> 00:49:51,660 प्रश्नों के लिए देखने के लिए जा. 1022 00:49:51,660 --> 00:49:53,060 >> फिर, यह गूगल. 1023 00:49:53,060 --> 00:49:54,630 यह सचमुच हम क्या करते हैं. 1024 00:49:54,630 --> 00:49:56,400 यह मूर्खतापूर्ण लग रहा है. 1025 00:49:56,400 --> 00:49:58,310 लेकिन सचमुच, हम यह गूगल. 1026 00:49:58,310 --> 00:50:01,810 और फिर, एक पहली चीज़ें आप आमतौर पर है में भाग लेंगे 1027 00:50:01,810 --> 00:50:06,550 एक अद्भुत है जो stackoverflow.com, प्रश्न और उत्तर दृष्टि. 1028 00:50:06,550 --> 00:50:10,530 >> यह अद्भुत दोनों आप कर सकते हैं क्योंकि प्रश्न पोस्ट और के लिए देखो 1029 00:50:10,530 --> 00:50:12,760 जवाब बल्कि इसलिए भी कि यह पहले से ही के एक बहुत है 1030 00:50:12,760 --> 00:50:14,590 वहाँ सामग्री पहले से भरे. 1031 00:50:14,590 --> 00:50:18,510 तो आम तौर पर आप एक प्रोग्रामिंग गूगल जब पहली भीतर सवाल 1032 00:50:18,510 --> 00:50:22,620 जोड़े को आप पहले से ही चला सकते हैं हिट आपकी समस्या सेट के दौरान इस बारे में. 1033 00:50:22,620 --> 00:50:27,840 >> और फिर, पिछले वास्तव में संक्षिप्त बात आज हम है - जो JSFIDDLE है 1034 00:50:27,840 --> 00:50:32,110 साथ बहुत काम कर रहा जावास्क्रिप्ट HTML सीएसएस. 1035 00:50:32,110 --> 00:50:39,820 JSFIDDLE एक वेब अनुप्रयोग है, जो मूल रूप से यदि आप अपने HTML लेने के लिए अनुमति देता है आपके 1036 00:50:39,820 --> 00:50:42,820 जावास्क्रिप्ट नीचे छोड़ दिया, और अपने सीएसएस शीर्ष सही. 1037 00:50:42,820 --> 00:50:47,840 और फिर यह एक त्वरित प्रस्तुत करना बना सकते हैं इसके बारे में और इसे सूचना का आदान प्रदान कैसे देखते हैं. 1038 00:50:47,840 --> 00:50:50,500 लोग कोशिश कर रहे हैं जब यह बहुत उपयोगी है जैसे अवधारणा के एक सबूत क्या करना 1039 00:50:50,500 --> 00:50:52,910 इस है कि तुम कैसे होगा डाउन मेनू एक बूंद नहीं है. 1040 00:50:52,910 --> 00:50:54,980 हो सकता है कि एक त्वरित को उजागर करने या जो भी हो. 1041 00:50:54,980 --> 00:50:56,560 >> माइक Rizzo: तो चलो चलते हैं आगे और इस पर क्लिक करें. 1042 00:50:56,560 --> 00:50:57,820 एक जल्दी ध्यान दें - 1043 00:50:57,820 --> 00:51:00,430 हम थे पहले, जबकि क्लिक पर कर. 1044 00:51:00,430 --> 00:51:04,380 JCorey कोरिया भी एक बनाया है बाहर वर्षगांठ क्लिक करें ईवेंट हैंडलर में है कि यह 1045 00:51:04,380 --> 00:51:07,020 यह आप कर रहे आंकड़े सिर्फ इसलिए का उपयोग करता है चीजों की एक बहुत कुछ करना चाहते हो जा 1046 00:51:07,020 --> 00:51:08,410 आप कुछ करना चाहते हैं. 1047 00:51:08,410 --> 00:51:09,690 >> इसी तरह, यह भी एक मंडराना है. 1048 00:51:09,690 --> 00:51:12,850 लेकिन पूरी गुंजाइश की पाने के लिए उन, jQuery पर देखने के लिए 1049 00:51:12,850 --> 00:51:15,320 प्रलेखन और इसे करते हैं. 1050 00:51:15,320 --> 00:51:18,760 मैं यहाँ बेवकूफ कुछ किया था. 1051 00:51:18,760 --> 00:51:21,490 >> टॉमस REIMERS: तो मैं एक बहुत जल्दी है यहीं कार्यक्रम, जो कहते हैं, 1052 00:51:21,490 --> 00:51:22,640 क्लिक पर बटन. 1053 00:51:22,640 --> 00:51:23,890 तो फिर हम पाश के लिए एक है. 1054 00:51:23,890 --> 00:51:26,810 मैं कम से कम 404 है. 1055 00:51:26,810 --> 00:51:29,530 यह सिर्फ पॉप अप करने के लिए जा रहा है इन चेतावनी संदेश. 1056 00:51:29,530 --> 00:51:33,425 >> माइक Rizzo: और क्या था कोड 404 एचटीएमएल में लिए खड़े थे? 1057 00:51:33,425 --> 00:51:34,145 किसी को भी याद करता है? 1058 00:51:34,145 --> 00:51:35,450 सही नहीं मिला. 1059 00:51:35,450 --> 00:51:38,640 1060 00:51:38,640 --> 00:51:40,885 क्रोम भी यह साफ गयी बात जहां आप कर सकते हैं - 1061 00:51:40,885 --> 00:51:43,430 >> टॉमस REIMERS: लोगों की तरह है क्योंकि माइक यह एक बहुत कुछ कर रही शुरू कर दिया और 1062 00:51:43,430 --> 00:51:47,230 अनुमति देता है जो कष्टप्रद उपयोगकर्ताओं, आप की जानकारी को देखने के लिए. 1063 00:51:47,230 --> 00:51:48,286 >> माइक Rizzo: हाँ. 1064 00:51:48,286 --> 00:51:50,690 >> टॉमस REIMERS: हम किसी भी सवाल है इस बारे में, जावास्क्रिप्ट के बारे में 1065 00:51:50,690 --> 00:51:53,420 पुस्तकालयों, पुस्तकालयों खोजने, या क्या वेब विकास दिखता है 1066 00:51:53,420 --> 00:51:55,400 असली दुनिया में पसंद है? 1067 00:51:55,400 --> 00:51:56,880 हम समय के खिलाफ चलाए जा रहे हैं. 1068 00:51:56,880 --> 00:52:00,400 इसलिए मुझे लगता है कि हम जा रहे हैं यकीन नहीं है लागू करने के लिए समय है 1069 00:52:00,400 --> 00:52:02,290 यह बहुत जल्दी है, जब तक. 1070 00:52:02,290 --> 00:52:04,580 हम अच्छा कर रहे हैं? 1071 00:52:04,580 --> 00:52:08,110 >> माइक Rizzo: कुछ भी आप लोगों की तरह होगा , जैसे, में बहुत जल्दी देखने के लिए दो 1072 00:52:08,110 --> 00:52:09,556 मिनट या उससे कम? 1073 00:52:09,556 --> 00:52:10,870 >> टॉमस REIMERS: कुछ भी हम स्पष्ट कर सकते हैं? 1074 00:52:10,870 --> 00:52:12,500 कैसे में लिखने के लिए - 1075 00:52:12,500 --> 00:52:13,260 >> दर्शक: [सुनाई]? 1076 00:52:13,260 --> 00:52:16,070 >> माइक Rizzo: हाँ, इतना that's - 1077 00:52:16,070 --> 00:52:18,065 >> टॉमस REIMERS: तुम सिर्फ हिट कर सकते हैं वेबसाइट पर नियंत्रण यू. 1078 00:52:18,065 --> 00:52:19,275 >> माइक Rizzo: ओह, मुझे लगता है कि पता नहीं था. 1079 00:52:19,275 --> 00:52:22,290 >> टॉमस REIMERS: मैं हाँ, लगता है. 1080 00:52:22,290 --> 00:52:23,300 नियंत्रण यू. हाँ. 1081 00:52:23,300 --> 00:52:25,970 >> माइक Rizzo: ओह, तो वह है वेबसाइट के लिए कोड. 1082 00:52:25,970 --> 00:52:29,580 लेकिन आप वास्तव में डाउनलोड करना चाहते हैं, तो हमारी फ़ाइलें और सब कुछ, यह होस्ट की है 1083 00:52:29,580 --> 00:52:32,650 github.com पर 1084 00:52:32,650 --> 00:52:34,850 >> टॉमस REIMERS: मेरा नाम स्लैश - 1085 00:52:34,850 --> 00:52:38,504 टॉमस Reimers - स्लैश CS50 हाइफ़न संगोष्ठी. 1086 00:52:38,504 --> 00:52:40,710 >> माइक Rizzo: और आप कर सकते हैं वहाँ सब कुछ मिल. 1087 00:52:40,710 --> 00:52:42,310 >> टॉमस REIMERS: यह क्या GitHub है वैसे, ऐसा लगता है. 1088 00:52:42,310 --> 00:52:44,910 तो फिर, आप एक खुला स्रोत देख जब परियोजना, आमतौर पर, वे एक पढ़ा हो जाएगा 1089 00:52:44,910 --> 00:52:45,950 आप पढ़ सकते हैं कि वहाँ मुझे. 1090 00:52:45,950 --> 00:52:50,200 तुम वापस जाओ और अगर आप ध्यान देंगे कि आप डाउनलोड ज़िप है, जो होगा 1091 00:52:50,200 --> 00:52:52,130 आप स्रोत डाउनलोड करने की अनुमति शामिल करने के लिए कोड 1092 00:52:52,130 --> 00:52:53,666 अपने खुद के काम में उत्पाद. 1093 00:52:53,666 --> 00:52:56,890 >> माइक Rizzo: हाँ, और अगर हम सिर्फ क्लिक करें वास्तव में जल्दी index.html पर - 1094 00:52:56,890 --> 00:52:59,180 >> टॉमस REIMERS आप यहाँ देखेंगे है हमारी वेबसाइट के लिए स्रोत कोड. 1095 00:52:59,180 --> 00:53:02,016 1096 00:53:02,016 --> 00:53:06,070 >> माइक Rizzo: इसके अलावा, मैं सही पुश करने के लिए भूल गया बड़ी मेज के साथ इसे पहले 1097 00:53:06,070 --> 00:53:09,860 शामिल है, लेकिन एक मेज भी नहीं है हम भी शामिल है कि chmods की 1098 00:53:09,860 --> 00:53:13,210 बस अपनी स्पष्टता के लिए. 1099 00:53:13,210 --> 00:53:16,940 लेकिन हम सभी तरह से करने के लिए नीचे स्क्रॉल अगर नीचे, हम वास्तव में बहुत से नहीं किया 1100 00:53:16,940 --> 00:53:21,160 जावास्क्रिप्ट के साथ ज्यादा पर इस सब के साथ सामान. 1101 00:53:21,160 --> 00:53:26,610 यह सब कुछ से विशेष रूप से है हम था कि बाकी. 1102 00:53:26,610 --> 00:53:28,730 >> तो आप आने के लिए लोगों को धन्यवाद और सुन रहा है. 1103 00:53:28,730 --> 00:53:29,830 हम यह वास्तव में मददगार थे उम्मीद है. 1104 00:53:29,830 --> 00:53:33,020 आप संबंधित किसी भी जावास्क्रिप्ट है, तो प्रश्न या बस के बारे में बात करना चाहता हूँ 1105 00:53:33,020 --> 00:53:36,240 क्या अन्य ठंडी चीजों की तरह और क्या आप जावास्क्रिप्ट के साथ क्या कर सकते हैं, हम खुशी होगी 1106 00:53:36,240 --> 00:53:37,186 तुमसे बात करना. 1107 00:53:37,186 --> 00:53:40,010 >> टॉमस REIMERS: आप एक सवाल है अपनी परियोजना के बारे में या अगर यह हो सकता है 1108 00:53:40,010 --> 00:53:42,740 प्रासंगिक, हम शायद आसपास रहना होगा इस के बाद एक छोटा सा. 1109 00:53:42,740 --> 00:53:44,640 लेकिन उस के अलावा, है एक अच्छा सप्ताहांत. 1110 00:53:44,640 --> 00:53:45,845 >> माइक Rizzo: हाँ, मजा आता है. 1111 00:53:45,845 --> 00:53:46,120 तुम लोगों को देखने. 1112 00:53:46,120 --> 00:53:47,370 >> टॉमस REIMERS: बाद में मिलेंगे. 1113 00:53:47,370 --> 00:53:47,926