अब तक हम क्यों हावी पदवी रोमांचक है के बारे में बात की है।
तुम क्यों परवाह करना चाहिए।
विभिन्न साइटों है कि यह अनंत संभावनाओं का खेल सभी रोमांचक चीजों का उपयोग करें।
लेकिन हम अभी भी वास्तव में क्या डोम वास्तव में है के बारे में बात नहीं की है।
तो हम क्या करने कि इस वीडियो में हम सिर्फ यह परिभाषित करते हैं शुरू करने के लिए जा रहे हैं।
डियो बजे।
Dom दस्तावेज़ ऑब्जेक्ट मॉडल के लिए खड़ा है।
उन तीन शब्दों के अर्थ आ रही स्लाइड्स में एक छोटे से अधिक समझ कर देगा।
लेकिन हम एक उच्च स्तर पर यह परिभाषित करने से शुरू करते हैं।
Dom अपने जावास्क्रिप्ट और अपनी उम्र के बीच इंटरफेस है।
टिम Mounty एसएस यह मूल रूप से विशेष जावास्क्रिप्ट वस्तुओं जावास्क्रिप्ट तरीकों कार्य करता है कि हम अपने H.M.S. के साथ बातचीत करने के लिए उपयोग कर सकते हैं का एक गुच्छा है आकलन हम चीजों को बदल सकते हैं हम तत्वों को दूर तत्वों को बदलने के रंग बातों रोमांचक तरीके के सभी प्रकार चेतन उनकी H.M.S. के साथ बातचीत करने के लिए जोड़ सकते हैं आकलन करें।
इस स्लाइड पर मैं कैसे डोम का निर्माण किया है के बारे में थोड़ा बात करते हैं और यही कारण है कि यह दस्तावेज़ ऑब्जेक्ट मॉडल कहा जाता है।
तो जब हम एक ईमेल पेज यह एक ब्राउज़र में इस तरह दिखता है लोड और यह सिर्फ कुछ सरल उसे बाहर धार तो आप एक शीर्षक और पाठ के रूप में मेरे लिंक के साथ एक टैग और एक एच 1 मेरे शीर्षक के साथ पाठ के रूप में किया है और कहा कि यह।
तो जब मैं इस ब्राउज़र मैं यह देखने में लेकिन पर्दे के डोम बनाई गई है पीछे ऊपर खुला।
यह ठीक है यहाँ इस से निर्माण किया है।
तो क्या मेरा मतलब है कि इस उम्र टिम जावास्क्रिप्ट वस्तुओं का एक गुच्छा में बदल जाता है।
प्रत्येक वस्तु मॉडल इन तत्वों में से एक।
यही कारण है कि जहां हम दस्तावेज़ ऑब्जेक्ट मॉडल की वस्तु मॉडल हिस्सा मिलता है।
तो फिर सिर्फ हम ब्राउज़र ब्राउज़र इस तरह हमारे लिए चीजों को प्रदर्शित करता है में प्रत्येक टीम को लोड दोहराती रही।
लेकिन पर्दे के पीछे यह वास्तव में एक जावास्क्रिप्ट वस्तु जैसे हम अपने कुत्ते को जंग खाए मॉडलिंग की एक जावास्क्रिप्ट वस्तु का उपयोग के साथ हर एक तत्व के इस मॉडल बनाता है।
उन्होंने कहा कि एक संपत्ति के नाम और एक अन्य एक नस्ल और उम्र की थी।
इन वस्तुओं को मौलिक हैं सामग्री को छोड़कर एक ही बात अलग है।
वे टैग पाठ स्रोत के प्रकार की तरह चीजों के लिए जा रहे रंग पृष्ठभूमि रंग पाठ आकार का श्रेय सभी को अलग अलग गुण है कि सभी प्रत्येक वस्तु के अंदर समाहित कर रहे हैं।
हम निश्चित रूप से इन वस्तुओं के साथ काम कर रहा है ताकि विशेष महत्वपूर्ण नहीं हैं समय की एक बहुत खर्च करने के लिए जा रहे हैं।
सब है कि मैं यहाँ पर जोर देना चाहते हैं कि हम प्रत्येक लोड टिम एल है ..
यह ब्राउज़र में प्रदर्शित किया जाता है और ब्राउज़र है कि टिम एल लेता है और प्रत्येक तत्व लेता है और यह एक वस्तु में बदल जाता है।
तो यह है कि ऑब्जेक्ट मॉडल हिस्सा शामिल है।
दस्तावेज के बारे में क्या।
तो आप यहाँ देख सकते हैं इस संरचना के प्रकार है कि हम डोम से शीर्ष स्तर उद्देश्य यह है कि सब कुछ H.T. की हमारी पूरी मॉडल के अंदर समाहित है मिल के एक छोटे से चित्र है mounseers हमें दस्तावेज़ कहा जाता है।
इसलिए हम किसी भी वेब पेज के लिए सभी पर जा सकते हैं।
तो मैं गूगल खुला है और मैं सिर्फ चुनाव में टाइप करने के लिए जा रहा हूँ। शब्द दस्तावेज़।
और जब मुझे लगता है कि मैं इस बड़ी बात यह है कि पीठ इस बड़ी वस्तु आता मिलता है।
सिवाय यह एक जावास्क्रिप्ट वस्तु की तरह नहीं लगती है।
यह वास्तव में हम क्या उम्मीद करेंगे नहीं है।
ऐसा इसलिए है क्योंकि ब्राउज़र तरह का यह मुझ से छुपा रही है।
क्या यह वास्तव में मुझे दिखा रहा है मुख्यालय मेल पाठ के रूप में की तरह लग रहा है के साथ, लेकिन यह मेरे वास्तविक वस्तुओं है कि इस टीमो पर मॉडलिंग नहीं दिखा रही है।
तो मिलता है कि हम डॉट डी मैं आर सांत्वना वस्तु पर एक और तरीका है जो रद्द उपयोग करने की आवश्यकता है और हम उस D.I.R. को रद्द करने के लिए जा रहे हैं दस्तावेज़ सब है कि ऐसा होगा बाहर इस वस्तु वाक्य रचना है कि हम साथ परिचित हैं में पूरे दस्तावेज वस्तु प्रिंट है।
तो तुम यह सिर्फ लोगों को हम अपने दम पर लिखा है वहाँ के अलावा एक बहुत अधिक जानकारी यहाँ सिर्फ जंग खाए के रूप में कुत्ते वस्तु एक ही तरह सिर्फ एक नियमित वस्तु है देख सकते हैं।
तो हम जैसे फोंट या छवियों लिंक बातें है, लेकिन हम भी शरीर की तरह चीजें हैं और इस शरीर पूरे शरीर का प्रतिनिधित्व करता है।
तो हर तत्व है कि आप यहां पर देख शरीर के अंदर है।
तो अगर मैं शरीर को खोलने के लिए आपको लगता है कि हम एक बुलाया बच्चे की नोड्स सहित अन्य संपत्तियों की एक पूरी गुच्छा है देखेंगे।
तो बच्चे नोड्स हमें पता चलता है एक div है कि वहाँ एक स्क्रिप्ट टैग है और वहाँ शरीर के अंदर एक और div है।
और अगर हम तत्वों के लिए गया था कि हम देखना होगा।
यहाँ तो शरीर के अंदर शरीर है।
हम पहले div हम एक स्क्रिप्ट टैग है कि है और हम दूसरी div है।
और फिर क्या हम ऊपर खुला है कि तीसरे div हम अगर है कि दूसरे div के अंदर दो और divs देखने की उम्मीद करेंगे कहते हैं।
और हम ठीक हैं अगर हम वाणिज्य दूत के लिए खत्म हो जाना है और हम दूसरी div को देखो और फिर हम बच्चे नोड्स पर देखो वहाँ दो और divs है तो जैसा कि आप देख सकते हैं Dom वास्तव में तेजी से वास्तव में बहुत बड़ा हो जाता है।
वहाँ सैकड़ों और अलग अलग गुण और विधियों और अलग नोड्स के सैकड़ों और नेस्ट वस्तुओं के इस पूरे पागल संरचना है।
यह सिर्फ इतना सामान है।
यह उन बार है कि मैं इस वर्ग जहाँ आप सब कुछ जानते हुए भी नहीं सहज होना करने के लिए जा रहे हैं की शुरुआत में उल्लेख किया है में से एक है।
मैं अब तुम बता सकते हैं कि सबसे डेवलपर्स संपत्तियों की आधे से यहाँ पता नहीं है।
मुझे लगता है वे ज्यादा से ज्यादा के बारे में 10 प्रतिशत के साथ काम कहूँगा।
वहाँ इतना अधिक सामान यहाँ है कि हम उपयोग करने की आवश्यकता लगभग कभी नहीं है।
और फिर कुछ समय रेखा से नीचे कुछ ऊपर आता है और हम कुछ हम पहले कभी नहीं किया है क्या करना है।
हम इसे गूगल और हम पता ओह ठीक है तो वह है जो uncured परिवर्तन संपत्ति के लिए है।
मुझे पता नहीं था।
और कहा कि वास्तव में क्या यह एक डेवलपर होने की तरह है।
अब जावास्क्रिप्ट हम एक छोटे नियंत्रित दुनिया में जहां हम कार्यों और वस्तुओं हम चर के बारे में जानने के बारे में जानने का एक छोटा सा में काम कर रहा है के साथ जब तक ऊपर।
और वहाँ बातें करने के तरीके की एक निश्चित संख्या है और वहाँ है कि आप सिर्फ डोम के साथ पता करने की जरूरत ज्ञान का एक बहुत विशिष्ट सबसेट है।
अब हम इतने सारे गुण में काम करने के लिए इस विशाल विशाल पारिस्थितिकी तंत्र है।
तो मैं बस वहाँ इतना यहाँ दोहराना चाहते हैं।
हम महत्वपूर्ण टुकड़े पर ध्यान केंद्रित करने जा रहे हैं, लेकिन लक्ष्य को याद करने के लिए नहीं है।
लक्ष्य हर एक संपत्ति मास्टर करने के लिए नहीं है।
फिर से 10 प्रतिशत पर सबसे अधिक है कि आप सभी के लिए एक सक्षम वेब डेवलपर होने की जरूरत है।
ठीक है तो चलो वापस जाना है और मैं सिर्फ इस एक और अधिक समय के साथ जाना चाहते हैं।
संक्षिप्त क्या हम के बारे में बात की थी।
तो डोम दस्तावेज़ ऑब्जेक्ट मॉडल के लिए खड़ा है।
यह आपकी जावास्क्रिप्ट और अपने H.M.S के बीच इंटरफेस है ..
यह कैसे हम अपने जावास्क्रिप्ट का उपयोग कर सकते चीजों सहभागी बनाने के लिए है।
यह है कि हम कैसे की तरह बातें पेज के लिए एक नए तत्व जोड़ कर या एक लिंक के रेफरी विशेषता बदलने के लिए या हमारे शरीर पर पृष्ठभूमि छवि बदलने के लिए या कैसे हम एक फार्म के बाहर मूल्य प्राप्त कर सकते हैं या हम कस्टम सत्यापन और एनिमेशन और इंटरेक्टिव नहीं कर सकते तत्वों जहाँ आप कुछ कोड में क्लिक इन सभी विभिन्न संभावनाओं सब इस तथ्य से उपजी चलाता है कि दस्तावेज़ ऑब्जेक्ट मॉडल उनकी एचएमएस के साथ हमारे जावास्क्रिप्ट जोड़ता पहुंच ।
तो दस्तावेज़ ऑब्जेक्ट मॉडल की वस्तु मॉडल हिस्सा हमें बताता है कि यह जावास्क्रिप्ट वस्तुओं का एक गुच्छा है कि हमारे H.T. में तत्वों मॉडलिंग कर रहे है रकम।
इसलिए हम एक ATAC यहाँ हम एक वस्तु है कि यहाँ ATEC का प्रतिनिधित्व करने के साथ खत्म होता है।
और फिर हम इस H1 टैग जो हम यहाँ पर वहाँ का प्रतिनिधित्व करने वाले किसी अन्य वस्तु के साथ खत्म होता है।
अन्त में यह दस्तावेज़ ऑब्जेक्ट मॉडल कहा जाता है क्योंकि सब कुछ है कि एक वस्तु दस्तावेज़ बुलाया के अंदर रहता है।
यह रूट नोड जहां सब कुछ के अंदर रहता है।
अगले वीडियो तो हम कुछ कोड लिखने की शुरुआत करने जा रहे हैं।