1
00:00:00,600 --> 00:00:03,770
अब तक हम क्यों हावी पदवी रोमांचक है के बारे में बात की है।

2
00:00:03,960 --> 00:00:05,100
तुम क्यों परवाह करना चाहिए।

3
00:00:05,100 --> 00:00:09,420
विभिन्न साइटों है कि यह अनंत संभावनाओं का खेल सभी रोमांचक चीजों का उपयोग करें।

4
00:00:09,570 --> 00:00:12,710
लेकिन हम अभी भी वास्तव में क्या डोम वास्तव में है के बारे में बात नहीं की है।

5
00:00:12,810 --> 00:00:16,380
तो हम क्या करने कि इस वीडियो में हम सिर्फ यह परिभाषित करते हैं शुरू करने के लिए जा रहे हैं।

6
00:00:16,380 --> 00:00:17,180
डियो बजे।

7
00:00:17,220 --> 00:00:20,040
Dom दस्तावेज़ ऑब्जेक्ट मॉडल के लिए खड़ा है।

8
00:00:20,190 --> 00:00:24,100
उन तीन शब्दों के अर्थ आ रही स्लाइड्स में एक छोटे से अधिक समझ कर देगा।

9
00:00:24,100 --> 00:00:26,780
लेकिन हम एक उच्च स्तर पर यह परिभाषित करने से शुरू करते हैं।

10
00:00:26,820 --> 00:00:30,560
Dom अपने जावास्क्रिप्ट और अपनी उम्र के बीच इंटरफेस है।

11
00:00:30,570 --> 00:00:48,930
टिम Mounty एसएस यह मूल रूप से विशेष जावास्क्रिप्ट वस्तुओं जावास्क्रिप्ट तरीकों कार्य करता है कि हम अपने H.M.S. के साथ बातचीत करने के लिए उपयोग कर सकते हैं का एक गुच्छा है आकलन हम चीजों को बदल सकते हैं हम तत्वों को दूर तत्वों को बदलने के रंग बातों रोमांचक तरीके के सभी प्रकार चेतन उनकी H.M.S. के साथ बातचीत करने के लिए जोड़ सकते हैं आकलन करें।

12
00:00:49,380 --> 00:00:56,070
इस स्लाइड पर मैं कैसे डोम का निर्माण किया है के बारे में थोड़ा बात करते हैं और यही कारण है कि यह दस्तावेज़ ऑब्जेक्ट मॉडल कहा जाता है।

13
00:00:56,070 --> 00:01:09,950
तो जब हम एक ईमेल पेज यह एक ब्राउज़र में इस तरह दिखता है लोड और यह सिर्फ कुछ सरल उसे बाहर धार तो आप एक शीर्षक और पाठ के रूप में मेरे लिंक के साथ एक टैग और एक एच 1 मेरे शीर्षक के साथ पाठ के रूप में किया है और कहा कि यह।

14
00:01:10,260 --> 00:01:16,360
तो जब मैं इस ब्राउज़र मैं यह देखने में लेकिन पर्दे के डोम बनाई गई है पीछे ऊपर खुला।

15
00:01:16,380 --> 00:01:19,190
यह ठीक है यहाँ इस से निर्माण किया है।

16
00:01:19,320 --> 00:01:24,270
तो क्या मेरा मतलब है कि इस उम्र टिम जावास्क्रिप्ट वस्तुओं का एक गुच्छा में बदल जाता है।

17
00:01:24,270 --> 00:01:27,440
प्रत्येक वस्तु मॉडल इन तत्वों में से एक।

18
00:01:27,450 --> 00:01:31,340
यही कारण है कि जहां हम दस्तावेज़ ऑब्जेक्ट मॉडल की वस्तु मॉडल हिस्सा मिलता है।

19
00:01:31,650 --> 00:01:38,060
तो फिर सिर्फ हम ब्राउज़र ब्राउज़र इस तरह हमारे लिए चीजों को प्रदर्शित करता है में प्रत्येक टीम को लोड दोहराती रही।

20
00:01:38,220 --> 00:01:47,490
लेकिन पर्दे के पीछे यह वास्तव में एक जावास्क्रिप्ट वस्तु जैसे हम अपने कुत्ते को जंग खाए मॉडलिंग की एक जावास्क्रिप्ट वस्तु का उपयोग के साथ हर एक तत्व के इस मॉडल बनाता है।

21
00:01:47,490 --> 00:01:50,770
उन्होंने कहा कि एक संपत्ति के नाम और एक अन्य एक नस्ल और उम्र की थी।

22
00:01:50,850 --> 00:01:55,080
इन वस्तुओं को मौलिक हैं सामग्री को छोड़कर एक ही बात अलग है।

23
00:01:55,110 --> 00:02:07,290
वे टैग पाठ स्रोत के प्रकार की तरह चीजों के लिए जा रहे रंग पृष्ठभूमि रंग पाठ आकार का श्रेय सभी को अलग अलग गुण है कि सभी प्रत्येक वस्तु के अंदर समाहित कर रहे हैं।

24
00:02:07,290 --> 00:02:11,620
हम निश्चित रूप से इन वस्तुओं के साथ काम कर रहा है ताकि विशेष महत्वपूर्ण नहीं हैं समय की एक बहुत खर्च करने के लिए जा रहे हैं।

25
00:02:11,640 --> 00:02:14,970
सब है कि मैं यहाँ पर जोर देना चाहते हैं कि हम प्रत्येक लोड टिम एल है ..

26
00:02:15,120 --> 00:02:22,610
यह ब्राउज़र में प्रदर्शित किया जाता है और ब्राउज़र है कि टिम एल लेता है और प्रत्येक तत्व लेता है और यह एक वस्तु में बदल जाता है।

27
00:02:22,680 --> 00:02:24,510
तो यह है कि ऑब्जेक्ट मॉडल हिस्सा शामिल है।

28
00:02:24,540 --> 00:02:25,860
दस्तावेज के बारे में क्या।

29
00:02:26,070 --> 00:02:38,930
तो आप यहाँ देख सकते हैं इस संरचना के प्रकार है कि हम डोम से शीर्ष स्तर उद्देश्य यह है कि सब कुछ H.T. की हमारी पूरी मॉडल के अंदर समाहित है मिल के एक छोटे से चित्र है mounseers हमें दस्तावेज़ कहा जाता है।

30
00:02:39,120 --> 00:02:41,200
इसलिए हम किसी भी वेब पेज के लिए सभी पर जा सकते हैं।

31
00:02:41,220 --> 00:02:45,190
तो मैं गूगल खुला है और मैं सिर्फ चुनाव में टाइप करने के लिए जा रहा हूँ। शब्द दस्तावेज़।

32
00:02:45,390 --> 00:02:49,470
और जब मुझे लगता है कि मैं इस बड़ी बात यह है कि पीठ इस बड़ी वस्तु आता मिलता है।

33
00:02:49,470 --> 00:02:51,900
सिवाय यह एक जावास्क्रिप्ट वस्तु की तरह नहीं लगती है।

34
00:02:51,900 --> 00:02:53,740
यह वास्तव में हम क्या उम्मीद करेंगे नहीं है।

35
00:02:53,760 --> 00:02:56,030
ऐसा इसलिए है क्योंकि ब्राउज़र तरह का यह मुझ से छुपा रही है।

36
00:02:56,130 --> 00:03:04,480
क्या यह वास्तव में मुझे दिखा रहा है मुख्यालय मेल पाठ के रूप में की तरह लग रहा है के साथ, लेकिन यह मेरे वास्तविक वस्तुओं है कि इस टीमो पर मॉडलिंग नहीं दिखा रही है।

37
00:03:04,740 --> 00:03:19,990
तो मिलता है कि हम डॉट डी मैं आर सांत्वना वस्तु पर एक और तरीका है जो रद्द उपयोग करने की आवश्यकता है और हम उस D.I.R. को रद्द करने के लिए जा रहे हैं दस्तावेज़ सब है कि ऐसा होगा बाहर इस वस्तु वाक्य रचना है कि हम साथ परिचित हैं में पूरे दस्तावेज वस्तु प्रिंट है।

38
00:03:20,070 --> 00:03:30,220
तो तुम यह सिर्फ लोगों को हम अपने दम पर लिखा है वहाँ के अलावा एक बहुत अधिक जानकारी यहाँ सिर्फ जंग खाए के रूप में कुत्ते वस्तु एक ही तरह सिर्फ एक नियमित वस्तु है देख सकते हैं।

39
00:03:30,510 --> 00:03:41,040
तो हम जैसे फोंट या छवियों लिंक बातें है, लेकिन हम भी शरीर की तरह चीजें हैं और इस शरीर पूरे शरीर का प्रतिनिधित्व करता है।

40
00:03:41,040 --> 00:03:44,320
तो हर तत्व है कि आप यहां पर देख शरीर के अंदर है।

41
00:03:44,340 --> 00:03:51,050
तो अगर मैं शरीर को खोलने के लिए आपको लगता है कि हम एक बुलाया बच्चे की नोड्स सहित अन्य संपत्तियों की एक पूरी गुच्छा है देखेंगे।

42
00:03:51,150 --> 00:03:58,590
तो बच्चे नोड्स हमें पता चलता है एक div है कि वहाँ एक स्क्रिप्ट टैग है और वहाँ शरीर के अंदर एक और div है।

43
00:03:58,590 --> 00:04:00,710
और अगर हम तत्वों के लिए गया था कि हम देखना होगा।

44
00:04:00,710 --> 00:04:03,360
यहाँ तो शरीर के अंदर शरीर है।

45
00:04:03,420 --> 00:04:07,990
हम पहले div हम एक स्क्रिप्ट टैग है कि है और हम दूसरी div है।

46
00:04:08,430 --> 00:04:15,890
और फिर क्या हम ऊपर खुला है कि तीसरे div हम अगर है कि दूसरे div के अंदर दो और divs देखने की उम्मीद करेंगे कहते हैं।

47
00:04:15,900 --> 00:04:28,360
और हम ठीक हैं अगर हम वाणिज्य दूत के लिए खत्म हो जाना है और हम दूसरी div को देखो और फिर हम बच्चे नोड्स पर देखो वहाँ दो और divs है तो जैसा कि आप देख सकते हैं Dom वास्तव में तेजी से वास्तव में बहुत बड़ा हो जाता है।

48
00:04:28,500 --> 00:04:34,730
वहाँ सैकड़ों और अलग अलग गुण और विधियों और अलग नोड्स के सैकड़ों और नेस्ट वस्तुओं के इस पूरे पागल संरचना है।

49
00:04:34,890 --> 00:04:36,250
यह सिर्फ इतना सामान है।

50
00:04:36,270 --> 00:04:42,060
यह उन बार है कि मैं इस वर्ग जहाँ आप सब कुछ जानते हुए भी नहीं सहज होना करने के लिए जा रहे हैं की शुरुआत में उल्लेख किया है में से एक है।

51
00:04:42,420 --> 00:04:46,450
मैं अब तुम बता सकते हैं कि सबसे डेवलपर्स संपत्तियों की आधे से यहाँ पता नहीं है।

52
00:04:46,500 --> 00:04:49,200
मुझे लगता है वे ज्यादा से ज्यादा के बारे में 10 प्रतिशत के साथ काम कहूँगा।

53
00:04:49,200 --> 00:04:52,630
वहाँ इतना अधिक सामान यहाँ है कि हम उपयोग करने की आवश्यकता लगभग कभी नहीं है।

54
00:04:52,680 --> 00:04:57,280
और फिर कुछ समय रेखा से नीचे कुछ ऊपर आता है और हम कुछ हम पहले कभी नहीं किया है क्या करना है।

55
00:04:57,330 --> 00:05:03,690
हम इसे गूगल और हम पता ओह ठीक है तो वह है जो uncured परिवर्तन संपत्ति के लिए है।

56
00:05:03,750 --> 00:05:04,560
मुझे पता नहीं था।

57
00:05:04,680 --> 00:05:06,500
और कहा कि वास्तव में क्या यह एक डेवलपर होने की तरह है।

58
00:05:06,510 --> 00:05:14,380
अब जावास्क्रिप्ट हम एक छोटे नियंत्रित दुनिया में जहां हम कार्यों और वस्तुओं हम चर के बारे में जानने के बारे में जानने का एक छोटा सा में काम कर रहा है के साथ जब तक ऊपर।

59
00:05:14,610 --> 00:05:21,440
और वहाँ बातें करने के तरीके की एक निश्चित संख्या है और वहाँ है कि आप सिर्फ डोम के साथ पता करने की जरूरत ज्ञान का एक बहुत विशिष्ट सबसेट है।

60
00:05:21,450 --> 00:05:25,500
अब हम इतने सारे गुण में काम करने के लिए इस विशाल विशाल पारिस्थितिकी तंत्र है।

61
00:05:25,620 --> 00:05:28,020
तो मैं बस वहाँ इतना यहाँ दोहराना चाहते हैं।

62
00:05:28,170 --> 00:05:32,100
हम महत्वपूर्ण टुकड़े पर ध्यान केंद्रित करने जा रहे हैं, लेकिन लक्ष्य को याद करने के लिए नहीं है।

63
00:05:32,130 --> 00:05:34,780
लक्ष्य हर एक संपत्ति मास्टर करने के लिए नहीं है।

64
00:05:34,920 --> 00:05:39,560
फिर से 10 प्रतिशत पर सबसे अधिक है कि आप सभी के लिए एक सक्षम वेब डेवलपर होने की जरूरत है।

65
00:05:40,000 --> 00:05:43,080
ठीक है तो चलो वापस जाना है और मैं सिर्फ इस एक और अधिक समय के साथ जाना चाहते हैं।

66
00:05:43,080 --> 00:05:44,450
संक्षिप्त क्या हम के बारे में बात की थी।

67
00:05:44,700 --> 00:05:48,030
तो डोम दस्तावेज़ ऑब्जेक्ट मॉडल के लिए खड़ा है।

68
00:05:48,150 --> 00:05:52,150
यह आपकी जावास्क्रिप्ट और अपने H.M.S के बीच इंटरफेस है ..

69
00:05:52,280 --> 00:05:55,180
यह कैसे हम अपने जावास्क्रिप्ट का उपयोग कर सकते चीजों सहभागी बनाने के लिए है।

70
00:05:55,260 --> 00:06:19,110
यह है कि हम कैसे की तरह बातें पेज के लिए एक नए तत्व जोड़ कर या एक लिंक के रेफरी विशेषता बदलने के लिए या हमारे शरीर पर पृष्ठभूमि छवि बदलने के लिए या कैसे हम एक फार्म के बाहर मूल्य प्राप्त कर सकते हैं या हम कस्टम सत्यापन और एनिमेशन और इंटरेक्टिव नहीं कर सकते तत्वों जहाँ आप कुछ कोड में क्लिक इन सभी विभिन्न संभावनाओं सब इस तथ्य से उपजी चलाता है कि दस्तावेज़ ऑब्जेक्ट मॉडल उनकी एचएमएस के साथ हमारे जावास्क्रिप्ट जोड़ता पहुंच ।

71
00:06:19,260 --> 00:06:27,470
तो दस्तावेज़ ऑब्जेक्ट मॉडल की वस्तु मॉडल हिस्सा हमें बताता है कि यह जावास्क्रिप्ट वस्तुओं का एक गुच्छा है कि हमारे H.T. में तत्वों मॉडलिंग कर रहे है रकम।

72
00:06:27,870 --> 00:06:32,980
इसलिए हम एक ATAC यहाँ हम एक वस्तु है कि यहाँ ATEC का प्रतिनिधित्व करने के साथ खत्म होता है।

73
00:06:33,180 --> 00:06:37,770
और फिर हम इस H1 टैग जो हम यहाँ पर वहाँ का प्रतिनिधित्व करने वाले किसी अन्य वस्तु के साथ खत्म होता है।

74
00:06:37,980 --> 00:06:43,740
अन्त में यह दस्तावेज़ ऑब्जेक्ट मॉडल कहा जाता है क्योंकि सब कुछ है कि एक वस्तु दस्तावेज़ बुलाया के अंदर रहता है।

75
00:06:43,830 --> 00:06:46,850
यह रूट नोड जहां सब कुछ के अंदर रहता है।

76
00:06:47,070 --> 00:06:49,030
अगले वीडियो तो हम कुछ कोड लिखने की शुरुआत करने जा रहे हैं।