जेसन Hirschhorn: आपका स्वागत है, सप्ताह नौ को हर कोई,. हम आगे हम एक रोमांचक सप्ताह हम अपने अंतिम समस्या सेट किया है. हम यह भी एक ब्रांड नई भाषा है, आप पहले से ही कर रहे हैं कि कृपया जावास्क्रिप्ट, इसके लिए न केवल उपयोग कर के बीच समस्या सेट, लेकिन आप में से कई होगा शायद फाइनल के लिए इसे उपयोग परियोजनाओं, विशेष रूप से वेब आधारित अंतिम परियोजनाओं. तो यह है कि हम के बाद आज खत्म हो जाता हूँ क्या है संसाधनों के बारे में संक्षेप में बात कर, हम हर सप्ताह करना है. हम तो जावास्क्रिप्ट में कूद, और हूँ हम एक साथ खंड के सभी खर्च करेंगे डॉल्फिन ट्रेनर कोडिंग गतिविधि पर हाथ झुंझलाना की तरह है जो 2K13, 2013, लेकिन डॉल्फिन के लिए और जावास्क्रिप्ट में. 

[हंसी] 

जेसन Hirschhorn: तो हमेशा की तरह, एक सूची तुम बाहर की जाँच करने के लिए संसाधनों की. इन संसाधनों विशेष रूप से महत्वपूर्ण हैं अगले सप्ताह पर क्योंकि बुधवार प्रश्नोत्तरी, अपनी दूसरी है और इस कोर्स में अंतिम प्रश्नोत्तरी. बस प्रश्नोत्तरी शून्य की तरह, यह 75 मिनट है और 1 बजे के बाद एक छोटे से शुरू होता है. यह दिन शून्य के बाद सब कुछ शामिल इस कोर्स की है, लेकिन यह निश्चित रूप से सब कुछ है कि जोर देती है प्रश्नोत्तरी एक के बाद हुआ. 

लेकिन हां, हम छोरों के लिए कवर साल की शुरुआत में. छोरों शायद अभी भी करने जा रहे हैं के लिए इस क्विज का एक हिस्सा हो सकता है, इसलिए यह नहीं है जैसे आप सब कुछ अनदेखा कर सकते हैं कि सप्ताह में पांच या प्रश्नोत्तरी शून्य से पहले हुआ इस कोर्स के लिए बनाता है क्योंकि खुद पर बहुत कुछ. लेकिन निश्चित रूप से जोर पर होगा हम सप्ताह में छह के बाद से सीखा है बातें. कि php, जावास्क्रिप्ट, एसक्यूएल को शामिल यकीन है, और भी अधिक उन्नत हो हम सी में के बारे में बात की थी डेटा संरचनाओं एक पूरी अन्य विषयों की होस्ट, लेकिन हम अगले सप्ताह उस पर चर्चा करेंगे हम प्रश्नोत्तरी के लिए की समीक्षा के रूप में. 

और यह भी, हमेशा की तरह, अगर आप किसी भी आप कर रहे हैं के रूप में प्रश्नोत्तरी के बारे में सवाल तैयारी के लिए स्वतंत्र महसूस उन्हें मेरे रास्ते भेज. फिलहाल, किसी को भी किसी भी है प्रश्नोत्तरी के बारे में जल्दी सवाल? 

ठीक है. यह या सनकी के बारे में चिंता करने की जरूरत नहीं है के बारे में अभी बाहर है, लेकिन में रखना है कि अपने मन की पीठ, कि है क्योंकि अब से एक सप्ताह और एक दिन हो रहा है. 

अंत में, मुझे लगता है हम की ओर चल रहे हैं सेमेस्टर के अंत - बाद छोड़ दिया केवल दो वर्गों रहे हैं इस - लेकिन मैं अभी भी उत्साहित कर रहा हूँ आपकी प्रतिक्रिया के लिए उत्सुक आप किसी भी है. मैं उन बनाना चाहते सबसे अच्छा कभी दो वर्गों. वे शायद, हो जाएगा प्रत्येक क्योंकि खंड अद्भुत है और कभी सबसे अच्छा. मुझे लगता है कि यह कैसे संभव है, लेकिन पता नहीं है वे सभी शानदार किया गया है, मुझे लगता है. 

मैं डाल दिया है प्रतिक्रिया से पिछड़ गया है के लिए के बाद से कुछ भी नहीं है और किसी से पीछे नहीं सप्ताह के अंतिम दो, तो दे दीजिए यदि आप यह है मुझे कुछ प्रतिक्रिया. यह तीन मिनट लगते हैं. आप अच्छी बातें आप मुझे बता सकते हैं मुझे कर रखना चाहते हैं या बातें मैं पर काम कर सकते हैं. मैं सबसे अच्छा शिक्षक बनने की कोशिश कर रहा हूँ संभव है, या मैं सबसे अच्छा करने की कोशिश कर रहा हूँ मैं कर सकता हूँ, लेकिन मैं ऐसा नहीं कर सकते कि मैं नहीं है अगर तुम लोग कैसे कर रहे हैं पता है. और यह आप गिर रहे हैं क्यों कहना मुश्किल है क्लास में सो, इसलिए मुझे दो उस मामले था क्यों के बाद पता. 

मैं पिछले हफ्ते आप इस छवि को दिखाया. इस किशोर उत्परिवर्ती Ninja कछुओं है जब मैं छोटा था मैं था बाइक, और हम तुम लोगों को पुश करने के लिए जारी कर रहे हैं प्रशिक्षण के पहियों के बिना हम विसर्जित रूप अन्य भाषा में आप. लेकिन बाकी का आश्वासन दिया, जावास्क्रिप्ट, PHP जैसे, आप है कि चीजों के समान है अतीत में किया. तर्क का एक बहुत हैं, अधिक स्थानान्तरण नहीं वाक्यविन्यास, वास्तव में एक के लिए एक. लेकिन फिर, इन भाषाओं के सभी कि हम पिछले कुछ के में अधिक चला गया है सप्ताह, वे भारी लगता है, हालांकि, अविश्वसनीय रूप से शक्तिशाली हैं और अनुमति देगा आप अपने अंतिम परियोजना में एक बहुत कुछ करने की और शायद अन्य वेबसाइटों है कि आप भविष्य में कोड. 

तो आगे की हलचल के बिना, हम जा रहे हैं जावास्क्रिप्ट में गोताखोरी शुरू करने के लिए. हम संक्षेप में इस बारे में बात करने जा रहे हैं तो वास्तव में हाथ पर में मिलता है इस खंड के हिस्से कोडिंग. तो कृपया जावास्क्रिप्ट एक क्लाइंट साइड पटकथा है यह है, जिसका मतलब है भाषा, PHP से अलग और यह अलग है सी. जावास्क्रिप्ट संकलित और नहीं की तुलना यह सर्वर द्वारा निष्पादित नहीं है. बल्कि, आप इसे लोड. आप लोड जब आप एक जावास्क्रिप्ट पृष्ठ लोड एक वेब पेज, और फिर इसे कार्यान्वित आपकी मशीन पर. जो आप देख सकते हैं सभी था कि जावास्क्रिप्ट कोड आपके कंप्यूटर के लिए भेजा. 

कभी कभी यह एक छोटा या कोडित है सा, एक बिट एन्क्रिप्टेड इतना है कि आप क्या हो रहा है स्पष्ट रूप से नहीं बता सकता. उदाहरण के लिए, आप CS50 या बाहर की जाँच अगर इस हफ्ते के लिए स्टाफ समाधान , समस्या सेट, और आप service.js के लिए जाना क्या आप वास्तव में नहीं बता सकता पर ध्यान देंगे क्या हम तुम्हें दे दिया क्या से क्या करना. हम बनाने के लिए यह एक बिट एन्क्रिप्टेड थोड़ा और अधिक मुश्किल है. फिर भी, आप सही देख सकते हैं हम क्रियान्वित कर रहे हैं कि जावास्क्रिप्ट फ़ाइल और हमारे कार्यक्रम पर चल रहा है. तो यह है कि यह एक होने का मतलब क्या है क्लाइंट साइड पटकथा भाषा. 

सी और पीएचपी, हालांकि, जावास्क्रिप्ट के लिए इसी प्रकार छोरों के लिए, अगर / और है स्थितियां, छोरों है. PHP के लिए इसी प्रकार, यह एक है foreach पाश के रूप में अच्छी तरह से. और फिर, बहुत समान हम में देखा है कि syntaxes हम पहले से ही है कि भाषा साथ काम किया. 

अंत में, के सबसे अच्छे भागों में से एक जावास्क्रिप्ट, और हम हो जाएगा कुछ आज एक बहुत कुछ कर रही है, और शायद तुम हूँ आपके पी सेट के साथ एक बहुत कुछ कर रही हो तुम अगर पहले से ही यह अनुभव नहीं है, तुम है आप सभी त्रुटियों की जाँच कर सकते हैं JavaScript कंसोल के माध्यम से अपने कोड में. हम एक बिट पिछले हफ्ते यह देखा. हम सांत्वना की एक अलग प्रकार को देखा एक पेज का निरीक्षण किया, लेकिन में लिए क्रोम, फिर, आप लेआउट देख सकते हैं, एचटीएमएल, अपने पृष्ठ है कि दस्तावेज़ स्क्रीन पर आपको दिखा. आप भी जावास्क्रिप्ट के सभी देख सकते हैं जैसे, उस पृष्ठ फार्म, और आप भी कर सकते हैं मैंने कहा, त्रुटियों के सभी देखते हैं JavaScript कंसोल में. और हम अनुभव करेंगे कि में अधिक हम कोडन शुरू जब एक बिट. 

के बारे में एक नोट को बात जावास्क्रिप्ट चर. PHP चर की तरह, वे कर रहे हैं शिथिल टाइप, तो आप की जरूरत नहीं है उन्हें एक विशेष प्रकार दे. दायरे के संदर्भ में, कि परिभाषित किया गया है "वार" कीवर्ड द्वारा. तो तुम सामने एक कीवर्ड डाल नहीं है कुछ की, तुम सिर्फ नाम लिखना चर की, तो एक काम ऑपरेटर, इस मामले में बराबर का चिह्न. मैं वहीं एक अर्धविराम भूल रहा हूँ लेकिन एक अर्धविराम लगता है वहाँ वहीं पर. 

तो फिर आप बना रहे हैं एक वैश्विक चर. तुम तो "वार" कीवर्ड, डाल, तो आप यह स्थानीय के कुछ प्रकार दे रहे हैं गुंजाइश है, कि करने के लिए है कि क्या एक समारोह या एक पाश. तो एक बात है कि करने के लिए है चर के लिए ध्यान दें. 

जावास्क्रिप्ट भाषा है. jQuery के शीर्ष पर बना पुस्तकालय है जावास्क्रिप्ट भाषा, और आपके पास व्याख्यान में यह पहले नहीं देखा. आप करने जा रहे हैं मैं अत्यधिक की सिफारिश अपने अंतिम में जावास्क्रिप्ट का उपयोग किया परियोजना, तुम jQuery पता करने के लिए मिलता है. यह सब कुछ तुम चाहते बनाता है बहुत आसान, इतना भी नहीं. यह भी अद्भुत के साथ आता है प्रलेखन और प्राप्त करने में मदद करने के लिए उदाहरण आप शुरू कर दिया. आज हम बनने जा रही हैं साथ ही सर्वर का उपयोग कर. 

ये क्या मैं इस स्लाइड पर है, jQuery के बहुत मूल बातें कर रहे हैं. अपने HTML फ़ाइल या के शीर्ष में जो भी - अपने index.php फ़ाइल, अपने index.html फ़ाइल - आप की जरूरत इन दो लाइनों में शामिल हैं. ये बहुत सामान्य लाइनें हैं. पहली पंक्ति jQuery शामिल JavaScript फ़ाइल, और दूसरी पंक्ति आप लिखा है जहाँ भी शामिल अपनी खुद जावास्क्रिप्ट कोड. और हां, क्योंकि में अपने आप शायद का उपयोग किया है जावास्क्रिप्ट कोड कुछ jQuery पुस्तकालय कार्यों, उसके बाद जाने की जरूरत है jQuery के शामिल किए जाने की स्क्रिप्ट. हम यह पता लगाएंगे फिर एक पल में. 

और अंत में, जावास्क्रिप्ट फ़ाइल में, मैं एक index.js कहते हैं. यह scripts.js हो सकता है. जो भी है, जो कुछ जावास्क्रिप्ट फ़ाइल आप, आप आम तौर पर शुरू किया है कोड की इस पंक्ति के साथ, डॉलर के हस्ताक्षर, खुले कोष्ठक, दस्तावेज़, करीब कोष्ठक, अवधि, तैयार, खुला कोष्ठक, समारोह, फिर खुला कोष्ठक, करीब कोष्ठक, और घुंघराले ब्रेस. फिर अंदर वहाँ अपने कोड फेंको, और करीब एक घुंघराले ब्रेस के साथ यह खत्म कोष्ठक, अर्धविराम. 

तो एक दिया के रूप में ले. आप का उपयोग कर रहा हो जा रहे हैं, तो लपेट अंदर अपने jQuery कोड के सभी कोड की इस पंक्ति. और हम एक दूसरे में फिर से देखेंगे. 

फिर हम jQuery के साथ काम कर सकता हूँ हम जाने के रूप में और सवाल पूछने के लिए कृपया आज, लेकिन किसी को भी किसी भी है jQuery या के बारे में सवाल अब ठीक जावास्क्रिप्ट? 

ठीक है. तो आगे की हलचल के बिना, मैं पेश डॉल्फिन ट्रेनर 2K13 आप को. मैं इस नवीनतम के बारे में अति उत्साहित हूं उत्पाद का संस्करण. 

ओह, नहीं! मैं बहुत उत्साहित था. मैं तुम लोगों को यह दिखाने के लिए जा रहा था, हम नहीं है लेकिन ऐसा लगता है अभी तक इसे लागू किया. चलो यह एक थोड़ा बड़ा कर दूं. मैं डॉल्फिन के लिए कोड लोड तो अगर ट्रेनर - यह डांग. मुझे खेद है, लोग हूँ. मैं क्लास से पहले इस पर काम कर रहा था. मुझे लगता है मैं इसे खत्म कर दिया है सोचा था, लेकिन मुझे लगता है मैं अभी भी कुछ है लगता है काम किया जाना छोड़ दिया है. लेकिन शुक्र है, तुम लोग सब कुछ है जावास्क्रिप्ट और jQuery अभ्यास है, इसलिए आगे जाने के लिए और खत्म इस एक साथ. 

मैं, मैं तुम लोगों को इस की प्रतियां भेजा लगता है मैं अति उत्साहित था क्योंकि इसके बारे में, तो तुम क्या करना चाहिए मुझे लगता है कि एक ही कोड. के में सिर - यह डांग, दोस्तों, मैं माफी चाहता हूँ. हालांकि, टर्मिनल में सिर. 

बस अपने अतीत समस्या के साथ की तरह सेट, तुम मेरे हो, तो - चलो यह एक बड़ा सा बनाते हैं, भी, आप लोगों के लिए - आप मेरी ज़िप फ़ाइल लिया. आप शायद यह unzipped. चलो यहाँ चलते हैं. और फिर उम्मीद है, आप में ले जाया गया आप को बचाया है, जहां एक ही निर्देशिका आपकी समस्या आठ कोड निर्धारित किया है. और हम तो मैं कर सकता है कि निर्देशिका में बचा इसे उपयोग - या हम सभी का उपयोग कर सकते हैं क्रोम ब्राउज़र में कोड हमारे कंप्यूटर पर. 

और फिर, आप उस कोड को पाने के लिए बस में पाया पते में टाइप करें नीचे के दाहिने हाथ की ओर यहाँ नीचे अपने उपकरण,. आप अपने आईपी पते को खोजने के लिए. आप क्रोम ब्राउज़र में उस प्रकार अपने कंप्यूटर पर, और इस मामले में, हम अनुभाग नौ फ़ोल्डर कर रहे हैं, हम यह भी एक जोड़ने के लिए है खंड नौ स्लेश. 

मुझे दो - उफ़. मैं तो मैं नहीं है यह कम करने के लिए जा रहा हूँ उस के माध्यम से क्लिक कर रख दिया है. 

इसलिए कि मैं इस कोड सेट कर सकते हैं. मैं पहले से ही पहले से ही किया गया है. मैं उन के माध्यम से जाने के लिए नहीं जा रहा हूँ उस के कदम है क्योंकि क्या सेट समस्या की शुरुआत चलता है आप कैसे करना है के माध्यम से. तो आगे चलते हैं और आप इस सेट को मिलेगा एक दूसरे में, लेकिन पहले चलो ऊपर एक समूह के रूप में इस कोड का पता लगाने. 

कहते हैं कि मैं क्या किया है देखते हैं. मैं इसके बारे में सबसे करवाने की कोशिश की कक्षा से पहले, लेकिन मुझे लगता है कि मैं एक छोटे से पीछे था. तो चलो सूचकांक ऊपर खुला. 

ठीक है. और सूचकांक एक बहुत आसान है मैं नहीं था पेज क्योंकि बहुत पागल प्राप्त करना चाहते हैं. मैं वास्तव में विश्वास है कि यह करना चाहता था काम कर रहा है, लेकिन मुझे लगता था कि मैं कि अभी तक नहीं मिला. 

यहाँ सही आता है जो सिर, है उन एचटीएमएल टैग के अंदर, और हम नोटिस सही बल्ले से कुछ बातें. हम सीएसएस फ़ाइल का अधिकार है यहाँ और उपयुक्त सीएसएस फ़ाइल का स्थान. हम यहीं jQuery पुस्तकालय है और आप कुछ अलग नोटिस देंगे इस बारे में. स्रोत कुछ है वास्तव में, वास्तव में लंबे समय. ajax.googleapis.com/-- एक तरह से यह एक यूआरएल की तरह दिखता है, लेकिन निश्चित रूप से की तरह नहीं लगती जे एस / jquery.js. 

मैंने तय कर लिया है क्योंकि और वह है कि मैं डाउनलोड करने के लिए नहीं करना चाहती jQuery फ़ाइल, और खींचें और बचाने मेरी लाइब्रेरी में यह, और हो इसके लिए जिम्मेदार. बल्कि, मैं तो बस ले जा रहा हूँ जावास्क्रिप्ट फ़ाइल है कि गूगल मेजबान. तो गूगल वास्तव में एक संख्या मेजबान पुस्तकालयों, और jQuery, यह एक है के बाद से सबसे लोकप्रिय की, यह मेजबान कि एक के रूप में अच्छी तरह से. 

यह इसकी मेजबानी कर रहा है और, क्योंकि मैं नहीं है इसके बारे में चिंता करने की जरूरत है, और वे वे इसे अपडेट करते हैं जब हालांकि, यह अद्यतन मैं शायद इन बदलना होगा यहीं संख्या. लेकिन यह सिर्फ मेरी पूरी फाइल बनाने के लिए है प्रणाली एक छोटे से कम साफ. मैं वास्तव में मेजबानी कर रहा पसंद नहीं है इन सभी फाइलें. यह बहुत अच्छा है अगर गूगल उन्हें मेरे लिए होस्ट करने के लिए है. तो यह, फिर से, पूरी हो रही है JavaScript फ़ाइल, लेकिन यह अभी की जा रही है गूगल के बजाय पर द्वारा होस्ट मेरी अपने कंप्यूटर पर फाइल सिस्टम. 

हम भी मैं दो अधिक में डाल देखते हैं कि फाइलें dolphins.js और trainer.js. हम एक दूसरे में उन पर गौर करेंगे. और अंत में, यह ठीक है यहाँ शीर्षक. कौन अंदर क्या इस कोड मुझे बता सकते हैं इन शीर्षक टैग, जहां कि मेरे पेज पर चला जाता है? 

दर्शक: बात यह है कि जैसा कि उपकरण पट्टी या जो कुछ भी? 

जेसन Hirschhorn: हाँ, थोड़ा टैब क्रोम विंडो के शीर्ष पर. उस पाठ कहाँ जाता है. 

शरीर के अंदर, आप कर सकते हैं यहां, ज्यादा नहीं सामान देख. मैं सिर्फ तीन divs है. मैं उन्हें कुछ आईडी के दे, और मैं अंदर एक छोटे से पाठ रखा लेकिन मुझे लगता है हम ऐसा क्यों है कि नहीं लगता है यहाँ पर कुछ भी दिखाई. दरअसल, हम डॉल्फिन ट्रेनर 2K13 देखें. हम TODO देखें. कि कहाँ से आ रहा है मैं नहीं जानता मुझे लगता है कि यहाँ नहीं दिख रहा है. इसलिए हो सकता है कि किसी एक में है मेरे जावास्क्रिप्ट फ़ाइलें. हम एक दूसरे में है कि बाहर की जाँच करेंगे. 

किसी और मुझे बता सकते हैं कि क्या इस आईडी यहीं मतलब है? 

दर्शक: यह फोन का एक तरीका है विशिष्ट [सुनाई] में अनुभाग फ़ाइल? 

जेसन Hirschhorn: हाँ. यह संदर्भ के लिए सिर्फ एक रास्ता है इस विशेष div. आईडी के आदर्श अद्वितीय हैं. ठीक है? कठिन भीड़. तो, आईडी आम तौर पर अद्वितीय हैं. आप एक विशिष्ट करने के लिए उन्हें दे अपने कोड में तत्व. 

मैं एक संख्या के संदर्भ के लिए चाहते थे क्या अगर कि सीएसएस के लिए है कि क्या तत्वों, की स्टाइल या jQuery? मैं उन्हें क्या गुण दे सकता है? 

दर्शक: क्लास. 

जेसन Hirschhorn: एक वर्ग, बिल्कुल. ठीक है. 

ठीक है, तो index.html, फिर से, बहुत यहाँ पर नहीं जा रहा. तो चलो एक और फाइल खोलते हैं. की मैं क्या देखते हैं. यही कारण है कि मैं यहाँ में पास है. के जे एस फ़ोल्डर में चलते हैं. मैं के बारे में चिंता करने के लिए नहीं जा रहा हूँ अब के लिए सीएसएस. के dolphins.js खोल दें. 

उफ़. या यों कहें - ठीक है. तो, dolphins.js, यह वास्तव में लग रहा है कोड के कुछ आप को सुंदर समान समस्या में दिए गए आठ सेट. आप यह स्क्रॉल कर सकते हैं. किसी ने मुझे बता सकते हैं, हालांकि, डॉल्फिन क्या है? यह सब टोपियां डॉल्फिन? वह क्या है? कि किस तरह के डेटा की है? 

दर्शक: सरणी. 

जेसन Hirschhorn: यह एक सरणी है. और हम इसे एक सरणी है क्योंकि मुझे पता है यहां इन वर्ग कोष्ठक में देखते हैं. और किसी और को, क्या है यह की एक सरणी? 

दर्शक: वस्तुओं? 

जेसन Hirschhorn: यह है वस्तुओं की एक सरणी. और आप देख सकते हैं कि. और आप इसे कैसे जानता है वस्तुओं की एक सरणी? 

दर्शक: आप इस बृहदान्त्र है क्योंकि घुंघराले ब्रेसिज़ के बीच बूट? 

जेसन Hirschhorn: ठीक है. इसलिए मैं यहीं इन घुंघराले ब्रेसिज़ और फिर आप अल्पविराम देख सकते हैं अलग अलग करने इस सरणी में वस्तुओं. और तब प्रत्येक वस्तु के अंदर, मेरे पास है कुछ पेट के और कुछ और. और क्या आम तौर पर यह पहला हिस्सा है, पेट के बाईं ओर बात है? कि क्या कहा जाता है? सामान्य रूप से? कैसे हम उस का उल्लेख कर सकता हूं? 

दर्शक: सूचकांक? 

जेसन Hirschhorn: सूचकांक, या शायद अधिक आम तौर पर, कुंजी. और फिर दाहिने हाथ पर ओर, मूल्य. तो इंडेक्स, कुंजी. लेकिन हम उन लोगों के बारे में बात कर रहे हैं, हम आम तौर पर बात मतलब बाएं हाथ की ओर. 

एक सरल सरणी में, फिर से, हम सूचकांकों 0 पड़ा. 1. 2. 3. 4. और डॉल्फ़िन में, हम, डॉल्फिन 0 होगा डॉल्फिन 1 डॉल्फिन 2, 3, डॉल्फिन डॉल्फिन 4. हम भी इस वस्तु के अंदर, है, हम आम तौर पर चीजों को संदर्भित नहीं होगा. या हम सिर्फ इस वस्तु अधिकार है यहाँ, हम, वस्तु 0 कहने के लिए नहीं जा रहे हैं वस्तु 1, 2 आपत्ति. हम वस्तु का नाम कहने के लिए जा रहे हैं, या ऑब्जेक्ट प्रकार, वस्तु की लंबाई, वगैरह. और कहा कि हम मूल्य मिलेगा कैसे है दाहिने हाथ की ओर. हम वस्तु का नाम कहा तो अगर, उदाहरण के लिए, हम इस स्ट्रिंग मिलेगा, "ग्रेस." 

तुम लोग मुझे, डॉल्फिन बताया है तो जैसा बस वस्तुओं की एक सरणी है. और तुम वस्तुओं के सभी देखते हैं एक नाम, एक प्रकार, एक जीनस है. कि सही ढंग से स्पष्ट है? कोई है? जीनस? ग्रेट. 

एक लंबाई, एक वजन. कि सही ढंग से स्पष्ट है? एसा मुझे मालूम होता हैं और एक तस्वीर है, बस एक यूआरएल कुछ ऑनलाइन फाइल करने के लिए. और यहीं, हम सरणी बंद, ठीक नीचे वहाँ बहुत बाएं हाथ में अपनी स्क्रीन की ओर. ताकि सभी dolphins.js है. 

ओह, मेरे भगवान. यह बात बताते हैं. मैं मैं समाप्त लगा सब कुछ है, लेकिन देखो. इन सभी todos कर रहे हैं. ठीक है, उम्मीद है कि हम कर सकते हैं एक साथ उन है. हम करते हैं लेकिन इससे पहले, पहले चलो कि, बस के माध्यम से चलना इस कोड को बहुत जल्दी. 

मैंने उल्लेख किया है तो के रूप में, हम बहुत कम देखने मैं में था कि इस लाइन शुरुआत स्लाइड्स, (दस्तावेज़). तैयार (समारोह (). और अनिवार्य रूप से क्या वह जा रहा है अपने में सब कुछ जब तक इंतजार करते हैं पन्ने भरी हुई है, इसलिए जब तक प्रतीक्षा कर दिया गया है यह सब सरणी, सब कुछ अच्छा करने के लिए है जाओ, और फिर निष्पादित शुरू इस कोड. यदि आप, कुछ PHP चलाने की जरूरत तो अगर यदि आप कुछ चित्र प्राप्त करने की जरूरत जो भी है, सब कोड दिया गया है सेट और अपने सूचकांक पृष्ठ में जाने के लिए तैयार या जो कुछ भी पेज लोड किया गया है, और अब आप शुरू करने के लिए जा रहे हैं अपने कोड निष्पादित. 

तो हम क्या पहली बात है हम इस सरणी की स्थापना की. और मैं var कीवर्ड नहीं है वहाँ है, तो क्या है इस सरणी की गुंजाइश? 

दर्शक: यह वैश्विक है. 

जेसन Hirschhorn: यह वैश्विक है, तो ocean_array से पहुँचा जा सकता है इस फाइल में कहीं. 

और फिर हम पाश के लिए देखते हैं. यह foreach कहते हैं, लेकिन यह नहीं करता अनिवार्य रूप से एक foreach पाश है. और यह सिर्फ जावास्क्रिप्ट का संस्करण है, तो डॉल्फिन में प्रत्येक वर डॉल्फिन के लिए, क्या डेटा प्रकार? हालांकि, फिर से, जावास्क्रिप्ट नहीं करता इन डेटा प्रकार से प्रति, क्या डेटा प्रकार की समुद्री मछली है? 

दर्शक: एक वस्तु. 

जेसन Hirschhorn: यह एक वस्तु है. हम प्रत्येक वस्तु हो रही है डॉल्फिन सरणी में. मैं करने के लिए भूल की तरह तो यहाँ में, ऐसा लगता है से इन डॉल्फिन के सभी डाल हमारी विशाल डॉल्फिन में लगता है ocean_array, तो हम शायद करना चाहिए कि पहले. 

और फिर, कुछ कहा इस पूल चर. मैं अशक्त करने के लिए इसे स्थापित कर रहा हूँ. और फिर मैं इस समारोह फोन draw_ocean. मैं एक डॉल्फिन को प्रशिक्षित जब अपने चित्र क्लिक किया जाता है - मुझे लगता है कि ऐसा नहीं किया है - और एक डॉल्फिन आज़ाद जब बटन क्लिक किया जाता है. 

तो ये मैं क्या करने की जरूरत बातें कर रहे हैं. मुझे लगता है मैं तुम्हें कुछ देना चाहिए लगता है मैं क्या करने की कोशिश कर रहा था पर पृष्ठभूमि. हम यहाँ जाओ तो, क्या मैं वास्तव में चाहता था एक सरणी था जैसे यह देखने के लिए यहाँ, बल्कि यह "TODO," मैं कह रहा से साथ अनिवार्य रूप से, एक मेज चाहता था सभी डॉल्फिन की तस्वीरें. और फिर आप एक तस्वीर पर क्लिक करने पर मैं इसे में इसे नीचे रख करना चाहता था नीचे स्क्रीन के आधे और दे आप इस पर सभी जानकारी, और कि पूल में डॉल्फिन होगा, आप प्रशिक्षण ले रहे थे डॉल्फिन. 

इसलिए मुझे लगता है कि यह वास्तव में अच्छा होगा. आप समुद्र में इन सभी डॉल्फिन है यहाँ ऊपर, तो आप एक पर क्लिक करें, और यह पूल में जाना है, और चाहते हैं तो आप यह ट्रेन सकता. तो यह है कि मैं क्या करने की कोशिश कर रहा था. और फिर नीचे यहाँ एक बटन होगी पूल में, और आप क्लिक कर सकते हैं, जैसे, ", नि: शुल्क सेट" और आप तैयार कर सकती है फ्री डॉल्फिन, और यह वापस जाना होगा सागर में. 

इसलिए कि मैं बनाने की कोशिश कर रहा था, लेकिन फिर से, मैं तुम्हारी मदद की जरूरत करने के लिए जा रहा हूँ इसे बनाने के लिए. इन कीवर्ड्स की तो उम्मीद है, कुछ या इन शब्दों में से कुछ शुरू होगा संदर्भ में अब समझ कर इस कार्यक्रम का. 

चलो इस फाइल के माध्यम से देख रहते हैं. हम इस समारोह draw_ocean कहते हैं. यह हम कहते हैं एक और केवल समारोह document.ready अनुभाग से. इसलिए हम इस draw_ocean समारोह फोन, और यह एक स्ट्रिंग बनाता है ऐसा लगता है, एक चर, यहाँ. स्ट्रिंग में डाल दिया है कुछ, और अधिक कहते हैं स्ट्रिंग के लिए सामान, अधिक कहते हैं स्ट्रिंग की चीज नहीं है, और तो कोड की इस पंक्ति. मुझे लगता है कि एचटीएमएल स्ट्रिंग बाहर प्रिंट कहना. और किसी को मुझे समझाने की क्या कोड की इस पंक्ति है? खैर, सब से पहले, क्या करता है कि डॉलर के हस्ताक्षर मतलब है? यह एक PHP चर नहीं है, लेकिन क्या कि डॉलर के हस्ताक्षर मतलब है? 

दर्शक: के HTML आईडी से लिंक - यह एचटीएमएल कोड के लिंक की तरह यह है? 

जेसन Hirschhorn: क्या बारे में कि डॉलर के हस्ताक्षर? कि डॉलर के हस्ताक्षर क्या दर्शाती है? 

दर्शक: किसी भी तरह से HTML को जोड़ने? 

जेसन Hirschhorn: हम कहाँ देखा है इस डॉलर जावास्क्रिप्ट में पहले हस्ताक्षर? हम व्याख्यान में यह देखा. हम इसके बारे में बात की थी. डॉलर के हस्ताक्षर का क्या मतलब है? 

दर्शक: jQuery के साथ है? 

जेसन Hirschhorn: बिल्कुल सही. इस jQuery के साथ क्या कुछ किया है. यह डॉलर के हस्ताक्षर मैं उपयोग कर रहा हूँ इसका मतलब यहाँ एक jQuery पुस्तकालय समारोह. बिल्कुल सही. 

इसलिए हम तो डॉलर के हस्ताक्षर लिखते हैं, और हम इस खुले कोष्ठक है और बंद कोष्ठक, और चला जाता है, वहाँ के अंदर अंदर वहाँ आप एक प्रयोग कर रहे हैं जब jQuery पुस्तकालय समारोह, या आप कर रहे हैं jQuery पुस्तकालय का उपयोग कर? फिर, तुम व्याख्यान में यह देखा. कोई मुझे दे सकता है - और आप यहाँ भी कुछ देखते हैं. क्या वहाँ के अंदर चला जाता है? 

जेफ, मुझे एक अनुमान दे. क्या यह # महासागर, कैसा दिखता है? हम कहाँ से पहले देखा है कि? 

दर्शक: यह एक पुस्तकालय है या कुछ और? मुझे पता नहीं है. 

जेसन Hirschhorn: ठीक है, चलो मुझे सूचकांक डॉट को खोलने - नहीं, गलत जगह. 

तो हम कुछ है देखने यहां सागर कहा जाता है. हम कहाँ # महासागर हैशटैग देखा है सागर, वाक्यविन्यास से पहले? हाँ? 

दर्शक: सीएसएस? 

जेसन Hirschhorn: सीएसएस में. इसलिए हम कुछ शैली के लिए चाहता था, हम हैशटैग सीएसएस रखा जाएगा याद चयनकर्ता, या हैशटैग सागर, उदाहरण के लिए, और स्वरूपण की सभी हम बात करने देना चाहता था कि आईडी सागर के साथ हम वहाँ के अंदर डाल दिया. 

तो अंदर इसे यहाँ सीएसएस नहीं है चयनकर्ता यहाँ में चला जाता है. jQuery अपनी ही परिभाषित करता है चयनकर्ताओं के प्रकार. लेकिन यह वास्तव में एक ही विचार है, और उनमें से एक बहुत सीएसएस के साथ ओवरलैप. यदि आप इन खुले कोष्ठकों के अंदर तो एक चयनकर्ता, और जो कुछ भी डाल चयनकर्ता को संदर्भित करता है, कि क्या आप का उपयोग करने जा रहे हैं. 

तो इस मामले में, मैं कर रहा हूँ आईडी सागर का चयन. मैं एक वर्ग था - कहते हैं कि मैं चीजों का एक वर्ग है कहते हैं "छवियों," कहा जाता है और मैं एक के लिए दे तत्वों की बहुत है, कैसे मैं संदर्भ है "छवियों?" कहा जाता है चीजों का एक वर्ग 

दर्शक: मैं यह डॉट था. 

जेसन Hirschhorn: एक बिंदु के साथ. बजाय मैं यहां डॉट छवियों में कहें, तो अगर कि मुझे क्लास देना होगा बातें "छवियों." कहा जाता है 

बेशक, इस सुपर शक्तिशाली है, और आप बहुत सारी बातें संदर्भित कर सकते हैं. वास्तव में, मैं मूल रूप से संदर्भ सकता है HTML में किसी भी टैग. मैं ऐसा करना चाहता था तो, टीडी, कि हम पहले देखा है कि एक टैग जब एक तालिका बनाने. आप के साथ शायद परिचित हैं पी से कि सात सेट. इस मामले में, यह वास्तव में हो रहा है उनमें से सभी का चयन करने के लिए. यह मेरे सरणी देने जा रहा है सभी टीडी टैग की. लेकिन यह है कि एक छोटे से भारी हो सकता है, इसलिए fro अभी हम कर रहे हैं बस के लिए छड़ी के लिए जा रहा आईडी के संदर्भित. 

तो यह क्या करता है, फिर से, है कि इस मामले में, हो जाता है - माफ़ कीजिए. Index.html के लिए, यहाँ जाओ. यह जगह समुद्र आईडी, एक सागर है एक div, तो यह के इस भाग को संदर्भ कोड की पंक्ति है कि div हो जाता है. 

और फिर इस डॉट मैं बुला रहा हूँ इसका मतलब एक समारोह, और उस का नाम समारोह HTML है. तुम लोगों को देखा और कहा कि, के लिए कम है इससे पहले, डॉलर के हस्ताक्षर, दस्तावेज़, मिल डॉट आईडी के आधार पर तत्व, आंतरिक एचटीएमएल डॉट. यह सिर्फ jQuery के संस्करण है. तो एचटीएमएल समारोह बस भीतरी एचटीएमएल हो जाता है. उस तत्व की. हम यहाँ वापस देखो तो फिर, हम करेंगे कोई भीतरी एचटीएमएल वहाँ देखते हैं. मैं इस किया था और अगर ऐसा है, तो मैं करूंगा HTML पाने के लिए कोशिश कर रहा हो. मैं इस प्रकार है, मैं कर रहा हूँ एचटीएमएल सेटिंग. तो मैं स्ट्रिंग को इस समारोह में गुजर रहा हूँ, मैं बना लिया है कि स्ट्रिंग यहां, और लगा कि कह सागर div के अंदर. हाँ? 

दर्शक: जब तुम हो एचटीएमएल, तुम बस हो रही है एक प्रति यह सही हैं? आप इसे हटाने नहीं कर रहे हैं. 

जेसन Hirschhorn: ठीक है. मैं इस किया था और चाहता था var में इस को बचाने के लिए - उफ़. सब जानकारी है कि उस मिलेगा वहाँ था और दूसरे में इसे बचाने के लिए चर, यह की एक प्रतिलिपि बनाते हैं. 

दर्शक: ठीक है. अब समझ में आया. 

जेसन Hirschhorn: तो हम कुछ बनाया एचटीएमएल, स्ट्रिंग में उस बचा. हम कुछ अधिक बचा. यहाँ आप कि TODO स्ट्रिंग देखते हैं. हम कहाँ हैं तो वह शायद जब से कि TODO हो रही हम अपने पेज में चलते हैं. और वास्तव में, मैं सही TODO पर क्लिक करते हैं, तत्व का निरीक्षण, हम के बारे में बात की थी यह पिछले सप्ताह. यही कारण है कि हम एचटीएमएल देख सकता है कैसे हमारे पेज की संरचना. 

आप यहाँ कि नीचे नोटिस हूँ - भी, यह एक बड़ा सा बनाते हैं - हम यहीं हमारे div आईडी सागर है. हर कोई कोड की उस रेखा को देखा? और कि क्या हम प्रकार है सूचकांक में. 

इसके अंदर, हम इस अब देखना कोड की मेज लाइन. और कोड की है कि तालिका लाइन, क्या है कि हम बस में डाला कोड है इस तत्व. और यह हम इसके बारे में अंदर देखो, हम कभी नहीं टाइप colgroup और tbody. यह हमारे लिए जोड़ा गया है क्योंकि हम कुछ फैंसी सामान था. लेकिन आप टीआर नोटिस हूँ वहाँ, TODO के साथ टीडी नहीं है. 

, फिर से, तो ऐसा लगता है हम यहाँ लिखा है कि कोड. यही कारण है कि क्या वास्तव में इस लाइन कर रहा था. यह हमारे HTML स्ट्रिंग ले रही है और किया गया था इस के अंदर इसे लगाने यहीं div. यह शुरू में कुछ भी नहीं है. यह पृष्ठ लोड हो जाता है. डॉलर के हस्ताक्षर, document.ready. यह क्रियान्वित करने से शुरू होता है. हम draw_ocean समारोह फोन, और हम ले draw_ocean समारोह के अंदर इस HTML और कि div के अंदर डाल दिया. 

हम बस के माध्यम से चला गया सही वहाँ एक बहुत. किसी को भी किसी भी सवाल है उस के बारे में? या फिर कैसे वह काम करता है, या jQuery? क्योंकि आप समझते हैं कि अगर, तो jQuery उम्मीद आना चाहिए अपेक्षाकृत आसान. हाँ? 

दर्शक: तुम अंदर क्या था प्रिंटआउट एचटीएमएल तहत कोष्ठक स्ट्रिंग, इस बात का नाम है एचटीएमएल चर कि आप पहले की घोषणा की है? 

जेसन Hirschhorn: यहाँ यह सही है? 

दर्शक: हाँ 

जेसन Hirschhorn: हाँ. दर्शक: तो तुम उस का नाम था अगर कुछ और, कुछ और है कि आप यहां रखा जाएगा क्या था. 

जेसन Hirschhorn: बिल्कुल सही. और वह एक अच्छी बात है. इस वजह से थोड़ा भ्रमित है मैं HTML, HTML है. यहाँ यह अंदर का नाम है मेरा चर, और यहाँ यह सही है jquery समारोह का नाम है. 

दर्शक: लेकिन jQuery के लिए आदेश में काम करने के लिए कार्य करते हैं, आप इसे देने के लिए है कुछ HTML इनपुट? 

जेसन Hirschhorn: बिल्कुल. या आप इसे एक स्ट्रिंग देना है. यह अंदर कि स्ट्रिंग डाल देंगे div या जो कुछ भी की. यह सिर्फ एक स्ट्रिंग है. यह इस HTML है पता है, लेकिन यह नहीं है जाहिर होने के लिए उद्देश्य पर यह प्रारूप वैध HTML. उस सवाल का जवाब है? 

दर्शक: हाँ. 

जेसन Hirschhorn: ठीक है. हाँ? 

दर्शक: क्या होगा यदि संदर्भित सागर एक बटन या कुछ और करने के लिए? . HTML क्या करना होगा? कि बदल जाएगा बटन का पाठ? 

जेसन Hirschhorn: तो सवाल है क्या यह एक बटन के लिए भेजा गया तो? यह भीतरी बदल जाएगा कुछ के एचटीएमएल. तो यह एक खुला टैग और एक करीबी है अगर टैग, यह बीच में कुछ डाल देंगे खुले और बंद टैग. खुले और बंद नहीं अगर वहाँ टैग, यह कुछ भी नहीं होगा. 

दर्शक: यह सचमुच एक प्रति है और बात का पेस्ट तरह? 

जेसन Hirschhorn: हाँ. यह प्रतियां और चिपकाता से कुछ मैं इसे पारित जो भी चर, स्ट्रिंग मैं उन अंदर, इसे पारित खुले और बंद टैग. 

चलो यहाँ नीचे देखें. ओह, मेरे भगवान. draw_pool नहीं किया सही वहाँ कुछ भी नहीं है. यह एक बहुत बेकार है. वाह, ट्रेन. ठीक है, कि इसके अलावा किसी और इतना नहीं. 

तो चलो शुरू हो जाओ, और चलो यह तय करते हैं. मैं हर किसी की जरूरत करने जा रहा हूँ इस किया पाने के लिए मदद करते हैं. वास्तव में यह है कि कई लाइनों नहीं हैं कोड का, मैं लिखने के लिए, लगता. मुझे लगता है मैं एक दो साल पहले इस किया है 2K12 संस्करण के लिए, और वहाँ कि कई लाइनों नहीं होना चाहिए लिखने के लिए कोड की. मुझे लगता है कि कोड को नष्ट कर दिया है नहीं करना चाहिए. मैं सिर्फ इसे बचाया जाना चाहिए था. ओह, पागल. 

वैसे भी, चलो शुरू हो जाओ. इसलिए मैं इस सरणी में हूँ, या मैं इस में हूँ रेखा, और मैं अपने ocean_array है. और मैं यह सब करना चाहते हैं, इस फाइल से, मेरे में सब कुछ ocean_array. तो कैसे मैं से सब कुछ ले जा सकते हैं वहाँ, और में डाल दिया ocean_array? यह कोड की एक पंक्ति है. कौन मुझे लगता है कि कोड की लाइन या दे सकते हैं मुझे बताओ, कुछ विचार क्या है कि लाइन है कोड का क्या करना चाहिए? हम यहाँ क्यों शुरू नहीं होगा, और फिर हम हूँ कमरे में चारों ओर बढ़ जारी सवालों का जवाब दे. कर्ट? पहले क्या है? 

दर्शक: Ocean_array, ब्रैकेट, डॉल्फिन. डॉल्फिन, ब्रैकेट, डॉल्फिन बराबरी? एक पूंजी के साथ सब कुछ डॉल्फ़िन. 

जेसन Hirschhorn: ठीक है. वाक्यविन्यास के माध्यम से चलते हैं. यहीं पर, यह एक foreach पाश की तरह है, तो यह वास्तव में एक बहुत कुछ कर रही है हमारे लिए चीजें. और डॉल्फिन एक वस्तु है. इसलिए हम कुछ लिखने की जरूरत नहीं है डॉल्फिन, डॉल्फिन, क्योंकि जैसे डॉल्फिन ही है मैं चाहता हूँ कि वस्तु. यह सूचकांक नहीं है. कि मतलब? 

दर्शक: हाँ. 

जेसन Hirschhorn: तो आप कैसे करते हैं अपने कोड को बदलने का प्रस्ताव? हम जानते हैं कि हम सूचकांक दिया हो? 

ओह, माफ करना. आप अच्छा कर रहे हैं. लेकिन कैसे - मुझे एक अलग सवाल पूछते हैं. हम चाहते हैं - वास्तव में यह लिख दें. कोई बात नहीं. हम इस लिखने जा रहे हैं. यह बहुत अच्छा है. माफ़ कीजिए. मैं बस बहुत वहाँ भ्रमित था. 

चलो अब के लिए वहाँ कि छोड़ दें, और हम एक डॉल्फिन के प्रशिक्षण के लिए वापस आ गया हूँ, एक प्रकार की समुद्री मछली की स्थापना. चलो बस पहले इस बैठक महासागर ठीक करने दें समारोह, और हम करने के लिए वापस आ गया हूँ , कर्ट कि. लेकिन अब तक तो अच्छा है. 

के draw_ocean अंदर देखो. गलत होने लगता है कि पंक्ति है डॉल्फिन में की "दुकान तस्वीर एक HTML स्ट्रिंग में सागर. "और सही अब, बस TODO की तरह मैं, लेकिन मैं वास्तव में डॉल्फिन डाल करना चाहते हैं समुद्र में तस्वीरें. तो क्या हुआ, नूह, आपको क्या लगता है मुझे क्या करना चाहिए पहली बात यह है? मैं पूरे के माध्यम से जाना चाहते हैं सरणी, पहले क्या है मुझे क्या करना चाहिए बात है? 

दर्शक: हम करने की आवश्यकता पाश के लिए एक बनाएँ. 

जेसन Hirschhorn: पाश के लिए एक. और क्या चाहिए कि पाश के लिए की तरह लग रही हो? 

दर्शक: के लिए - हम प्रत्येक डॉल्फिन के माध्यम से जाने की जरूरत सागर सरणी में. में वर डॉल्फिन के लिए तो - आप सागर सरणी लिख सकते हैं? 

जेसन Hirschhorn: उस तरह? 

दर्शक: शायद यह सही है. 

जेसन Hirschhorn: के साथ छड़ी अभी के लिए, और फिर हम हूँ कि इसे वापस करने के लिए आते हैं. और तुम जिम्मेदार हो जा रहे हैं उस पंक्ति के लिए. इसलिए मैं पाश के लिए से है. माइकल, आप अब तक कर रहे हैं. क्या मैं अब क्या करना चाहिए? 

दर्शक: आप ले जाना होगा डॉल्फिन से चित्रों की दुकान. 

जेसन Hirschhorn: तो जहां कि संग्रहीत किया जाता है? 

दर्शक: डॉल्फिन सरणी में? 

जेसन Hirschhorn: मैं अब उलझन में हूँ भी क्या हो रहा है के बारे में. हम डिबग कैसे कर सकते हैं यह पता लगाने दो. यह है, और फिर मैं आ गया हूँ ठीक है, आप के लिए वापस? के बराबर क्या है जावास्क्रिप्ट में printf? एनी? 

दर्शक: यह लिखना कि एक दस्तावेज है? 

जेसन Hirschhorn: या कैसे कर सकते हैं मैं में कुछ देखना तल पर नीचे सांत्वना? 

दर्शक: console.log. 

जेसन Hirschhorn: console.log, बिल्कुल. तो चलो console.log करते हैं, और चलो बस ठीक है, में "डॉल्फिन" रखा है? अगर यह काम करता आदर्श रूप में, हम करने जा रहे हैं है - की पीठ कि फाइल में, देखते हैं dolphins.js, छह डॉल्फिन, वहाँ थे इसलिए मैं मिलना चाहिए छह या कुछ और उम्मीद है कि बाहर मुद्रित कंसोल, सही? हम अब तक कर रहे हैं कि क्योंकि जहां हम यहाँ कर्ट की लाइन किया था, और फिर हम नूह के पाश के लिए किया था, और हम यह है रेखा, इसलिए उम्मीद है कि हम देखना चाहिए छह कंसोल को मुद्रित बातें. तो चलो यहाँ चलते हैं, के खोल देना हमारी सांत्वना और हमारे पृष्ठ ताज़ा. 

ठीक है, तो ऐसा लग रहा है हम छह सूचकांक देखा. शून्य, एक, दो, तीन, चार से पांच, हाँ. 

दर्शक: कैसे आप के लिए मिलता है आपके अंदर उस पृष्ठ - 

जेसन Hirschhorn: मैं कैसे मिलता है यहाँ इस बात के लिए? 

दर्शक: नहीं, क्रोम पेज के अंदर [सुनाई] उपकरण. हम देखते हैं कि या नहीं कर सकते? 

जेसन Hirschhorn: यह क्रोम यहीं पेज? 

दर्शक: हाँ. 

जेसन Hirschhorn: तो बस की तरह पी सेट में आठ, मैं एक क्रोम खिड़की खोल दिया है अपने डेस्कटॉप पर, पर मेरे Macintosh डेस्कटॉप. और तुम पर यहाँ इस यूआरएल को नोटिस इस आईपी से मेल खाता है कि ऊपर छोड़ दिया, यहाँ नीचे पता. तो यह करने के लिए, हालांकि, शुरुआत समस्या का सेट कल्पना से चलता है वास्तव में यह कैसे करना है के माध्यम से. लेकिन मैं सिर्फ बजाय कि पीछा किया, और के शटल कोड के साथ, मैं बस किया हमारे अपने कोड. 

शांत बात हम भी कर सकते है ocean_array का निरीक्षण किया. Ocean_array है तो ऐसा लगता है एक छह वस्तुओं की सरणी, और हर एक खोलते हैं. बूम! एक. 

तरह तो कर्ट, ऐसा लगता है आपके कोड पूरी तरह से काम किया. सब कुछ ocean_array में शुरू हो गया. जैसा कि मैंने पहले misspoke है. लेकिन हाँ, बढ़िया काम. ocean_array सही है, और यह लग रहा है जैसे अब हम डॉल्फिन देखना है कि 0-5 एक संख्या है, तो यह देखा एक सरणी में एक सूचकांक की तरह. तो यह है कि ज्ञान, माइकल, दी अब हमें क्या करना चाहिए? ज़ोर से सोचो. हम कुछ करना चाहते है? 

दर्शक: हम प्राप्त करना चाहते हैं प्रत्येक डॉल्फिन के लिए जेपीईजी. 

जेसन Hirschhorn: ठीक है. तो हम कैसे कर सकते हैं संदर्भ - कैसे हम जेपीईजी मिल सकता है? हम कहाँ से शुरू करूँ? सब कुछ कहाँ संग्रहीत है? 

दर्शक: ocean_array में? 

जेसन Hirschhorn: ठीक है. 

दर्शक: तो ocean_array, डॉल्फिन - 

जेसन Hirschhorn: हम कैसे करते हैं अंदर कुछ मिलता - तो यह हमारे उद्देश्य यह है कि देता है. और हम पहले यह देखा है struc साथ. तो अंकन किस तरह का हम उपयोग करने की आवश्यकता है? 

दर्शक: यह डॉट होगा. 

जेसन Hirschhorn: एक डॉट. और फिर क्या क्षेत्र? 

दर्शक: तस्वीर? या कि एक क्षेत्र में नहीं है - 

जेसन Hirschhorn: यह क्या है dolphins.js में कहा जाता है? और आप देख सकते हैं, देखें. हम बस यहाँ वापस जा सकते हैं. हम ocean_array देख सकते हैं हम यह पता लगाने कर सकते हैं. यह क्या कहा जाता है? 

दर्शक: टाइप. रुको. तस्वीर? मैं तस्वीर कहा. 

जेसन Hirschhorn: चित्र. ठीक है. आप जानते हैं कि आप की तरह ध्वनि नहीं था क्या तुम हालांकि, के बारे में बात कर रहे थे. यह अधिक एक अनुमान की तरह लग रहा था. इसलिए लगता है कि तस्वीर, देना होगा कि इतने हमें तस्वीर का URL. जेफ, आप में एक सवाल है? 

दर्शक: हाँ, मुझे क्या नहीं मिल सकता आप अपने क्रोम पर है अपने कंप्यूटर पर ब्राउज़र. मैं सिर्फ एक "uncaught संदर्भ मिल त्रुटि, सांत्वना परिभाषित नहीं है. " 

जेसन Hirschhorn: आपने सब कुछ तय? 

दर्शक: ठीक है, मुझे लगता है कि मैं कि तुम सब कुछ किया बड़े परदे पर किया था. 

जेसन Hirschhorn: और आप सभी फाइलें chmodded? और आप के माध्यम से जाना था पूरे सेटअप? 

दर्शक: मैं इसे फिर से कोशिश करता हूँ. 

जेसन Hirschhorn: ठीक है. मैं पर छोड़ दिया उस पर एक बहुत शुरुआत है, लेकिन आप के माध्यम से जाने की जरूरत पर बस की तरह पूरे सेटअप समस्या सेट कल्पना की शुरुआत. Chmod सब कुछ और यकीन है कि यह अंदर है कर 

दर्शक: मैं जाकर करेंगे यह दोहरी जांच. मुझे लगता है मैं यह सोचा था, लेकिन मैं दोहरी जांच करेंगे. 

जेसन Hirschhorn: तो, यह लग रहा है जैसे यह हमें देता हूँ स्ट्रिंग और एक तस्वीर. ग्रेट. हम तस्वीर का URL है. कैसे हम अब में डाल दिया है - हम लिखना तो क्या होता सिर्फ यही नहीं, माइकल? 

दर्शक: यह सिर्फ चित्र हो जाता है. यह वास्तव में यह प्रदर्शित नहीं करता है. 

जेसन Hirschhorn: चलो देखो क्या होता है. हम चाहते हैं कि बचा लेंगे. हम यहां यह चलने देंगे. हम कुछ भी नहीं मिलता है ऐसा लगता है. मैं इस तालिका लगाने हैं, यह अंदर की तरह लग रहा है - मैं कुछ भी नहीं मिलता है हाँ की तरह लग रहा है. 

दर्शक: हम करने के लिए है - 

जेसन Hirschhorn: यह एक स्ट्रिंग है, यहीं इस कोड. मैं इस स्ट्रिंग डाल दिया, जहां चाहते हैं? 

दर्शक: आप करना चाहते हैं समुद्र में डाल दिया? 

जेसन Hirschhorn: ठीक है. और नीचे यहाँ मैं एक स्ट्रिंग डाल रहा हूँ सागर में HTML बुलाया. 

दर्शक: तो यह डॉलर होगा साइन, सागर, एचटीएमएल [सुनाई]. 

जेसन Hirschhorn: यही होगा सीधे वहाँ में डाल दिया. लेकिन मैं क्या करने के लिए इसे जोड़ने के लिए चाहते हैं - मैं पहले से ही सही, एक स्ट्रिंग पैदा कर रहा हूँ? समुद्र में डाल दिया, क्या है कि स्ट्रिंग का नाम? 

दर्शक: एचटीएमएल. 

जेसन Hirschhorn: एचटीएमएल. तो क्या मैं अगले लिख सकता हूँ? 

दर्शक: बराबर होती है, बराबर होती है. या फिर बस के बराबर होती है? 

जेसन Hirschhorn: क्या होगा मैं तो बराबर लिखना होगा अगर? 

दर्शक: कि यह सेट नहीं होगा बराबर - या कि नहीं होगा - 

दर्शक: असाइन करें? 

जेसन Hirschhorn: यह प्रदान करेगा, लेकिन क्या सब कुछ का क्या होगा उससे पहले यह में जमा हो गया था? 

दर्शक: यह से छुटकारा मिल जाएगा. 

जेसन Hirschhorn: यह से छुटकारा मिल जाएगा. तो मैं कैसे इसे समाप्त करने के लिए जोड़ सकते हैं? मैं सिर्फ नकल होगा - 

दर्शक: प्लस के बराबर होती है. 

जेसन Hirschhorn: प्लस आदर्श, के बराबर होती है. यह बिल्कुल सही है. तो अब यह क्या करता है की जाँच करते हैं. बूम! ओह, मेरे भगवान. उस पाठ का सिर्फ एक बहुत है. ठीक है. 

हम एक बहुत कुछ मिला है तो ऐसा लगता है पाठ की, लेकिन वह बहुत अच्छा है. तुम लोग कुछ किया है - मैं यह कठिन है, यह नया है. अब तक आप लोगों का तीन शानदार प्रदर्शन किया है. 

ठीक है, तुम अगले हो. हम आगे क्या करना चाहिए? हम स्पष्ट रूप से यह नहीं चाहता सिर्फ स्ट्रिंग खेलने के लिए. हाँ? 

दर्शक: मैं सिर्फ एक सवाल है. आप ocean_array है जब आप जानते हैं, डॉल्फिन, कोष्ठक में नहीं है एक साहचर्य की तरह डॉल्फिन अपने आप में सरणी? 

जेसन Hirschhorn: मैं misspoke. डॉल्फिन सूचकांक है. 

दर्शक: लेकिन वर नहीं है समुद्र में डॉल्फिन - आप शुरू के रूप में लोड जब मैं, मेरा मतलब खैर, डॉल्फिन में वर डॉल्फिन, नहीं है कि एक साहचर्य सरणी डॉल्फिन? 

जेसन Hirschhorn: यह डॉल्फिन? 

दर्शक: हाँ. 

जेसन Hirschhorn: नहीं इस डॉल्फिन सूचकांक है. 

दर्शक: ठीक है. तो एक डॉल्फिन चर रहा है? मैं में डॉल्फिन चाबी की तरह, मतलब साहचर्य सरणी? 

जेसन Hirschhorn: ठीक है यहाँ? जैसे, dolphin.name? 

दर्शक: हाँ, वहाँ है डॉल्फिन डॉट तरह - जैसे मतलब डॉल्फिन नहीं है प्रत्येक वस्तु हो सकता है? 

दर्शक: हाँ, यह है मैं भी क्या सोचा. 

दर्शक: मैं डॉल्फिन की तरह सोचा था डॉल्फिन में साहचर्य सरणी. छह साहचर्य क्योंकि वहाँ डॉल्फिन में सरणियों, है ना? 

जेसन Hirschhorn: ठीक है. हम यह लिखा है रास्ता अब, यह नहीं है. 

दर्शक: ऐसा क्यों है? 

जेसन Hirschhorn: हम ऐसा सकता है, और एक jQuery समारोह वास्तव में नहीं है कहा जाता है. देता है, जिनमें से प्रत्येक प्रत्येक चीज आप. लेकिन इस वाक्य रचना नहीं है - जैसा कि मैंने पहले misspoke - इस वाक्य रचना कि सूचकांक नहीं है. यह सिर्फ हमें सूचकांक दे रहा है. लेकिन तुम डॉलर के हस्ताक्षर कर सकता है. प्रत्येक, जो एक jQuery समारोह है. यही कारण है कि आप प्रत्येक देना होगा सहयोगी सरणी. तो यह है कि बाहर की जाँच करें. लेकिन यह सब इस कोड क्या करता है. 

दर्शक: पाश के लिए तो यह सबसे पहले, मैं कि छह बार पुनरावृति जाएगा लगता है आप छह सूचकांकों किया है. और फिर पाश के लिए दूसरा, कि पुनरावृति नहीं है कई बार एक ही राशि? 

जेसन Hirschhorn: हाँ. 

दर्शक: तो कोई वास्तव में है - हम पाश के लिए पहले लिखा हो सकता है फिर से, और यह काम किया होता. डॉल्फिन की तरह, वर डॉल्फिन? 

जेसन Hirschhorn: हाँ, लेकिन हम कर रहे हैं अब एक ocean_array का उपयोग कर. हम में सब कुछ चला गया है ocean_array क्योंकि हम कभी भी कहना चाहते हैं dolphins.js में क्या बदलने के लिए, या करने के लिए अगर हम ocean_array में हेरफेर करना चाहते हैं बाद में, हम में हेरफेर करने के लिए नहीं करना चाहती डॉल्फिन, चर. हम इसकी एक प्रति में हेरफेर करना चाहते हैं, क्योंकि हम कुछ लेना चाहते हैं इस तरह से हम बस कर रहे हैं सुरक्षित होने जा रहा. समझ बनाने के लिए करता है. 

दर्शक: हाँ. 

जेसन Hirschhorn: ठीक है. तो, कार्लोस, कैसे मैं इस स्ट्रिंग लेते हो और इसके बजाय यह एक छवि बनाने, और मिल वास्तविक छवि? इससे पहले कि आप इस कोड को देख लिया है. मैं एक पृष्ठ पर एक छवि शामिल करते हैं? 

दर्शक: यह हम के बारे में किया बात है कि एचटीएमएल प्लस ते कॉल पानी का छींटा के बराबर होती है चौड़ाई, वह इसे नष्ट कर दिया? 

जेसन Hirschhorn: इस यहीं सामान? 

दर्शक: हाँ. एक तरह से. 

जेसन Hirschhorn: ऐसा नहीं उस के बारे में चिंता है. कि बस HTML स्ट्रिंग शुरू होता है. मैं एक छवि में शामिल करना चाहते हैं मेरे HTML वेब पेज, मैं क्या टैग का उपयोग करते हैं? 

दर्शक: मुझे याद नहीं है. 

जेसन Hirschhorn: ठीक है. Avie, उसे मदद? 

दर्शक: यह लंगर होगा, href, और फिर आप इसे लिंक? 

जेसन Hirschhorn: तो एंकर के रूप में एक. 

दर्शक: आप की जरूरत नहीं है सही है, हालांकि, यह लिंक? 

जेसन Hirschhorn: क्या होगा यदि मैं बस एक छवि बनाना चाहते हैं? 

दर्शक: यह तो आइएमजी, और किया जाएगा स्रोत स्ट्रिंग है जो कुछ बराबर होती है? 

जेसन Hirschhorn: ठीक है, तो कि ठीक है, IMG है. कार्लोस, आप करने जा रहे हैं यहाँ से ले. IMG "छवि" के लिए खड़ा है और स्रोत खड़ा "स्रोत." के लिए और आप इसे देने की जरूरत है एक यूआरएल या कुछ - नहीं भी एक यूआरएल. कुछ स्थान जहां कि छवि संग्रहीत किया जाता है. इसलिए मुझे लगता है कि मुझे एक मिल जाएगा पता छवि है, तो अब कैसे मैं यह सब रखा है एक साथ, सोचा? मुझे लगता है मैं ठीक करने की जरूरत है कुछ वाक्य रचना है. क्या वास्तव में मैं क्या ज़रूरत है , कार्लोस टाइप करने के लिए? 

दर्शक: मैं क्या नहीं मिलता तुम क्या करने की कोशिश कर रहे हैं. तो तुम सब डालने की कोशिश कर रहे हैं एक तालिका में छवियों? 

जेसन Hirschhorn: हम प्रदर्शित करना चाहते हैं पेज में सभी छवियों. और हम कोड सही है की कैसे इस लाइन को देखा हमारे HTML स्ट्रिंग के लिए यहाँ जोड़ा तार और इस तरह उन्हें बाहर मुद्रित. हम बजाय छवियों को प्रदर्शित करना चाहते हैं. और हम हमें बताया, मारू का एहसास कि कोड की इस पंक्ति - तो यहीं है देखो. हम गए थे और पता लगाया है, हम करेंगे HTML के रूप में इस संपादित. मारू ने कहा, हम इस तरह करते हैं वाक्य रचना की, हम एक छवि मिलता है. इसलिए कि कोई मतलब है? 

इस स्ट्रिंग के प्रकार है कि हम वास्तव में समुद्र के अंदर डाल करना चाहते हैं गोता, नहीं बस पाठ ही. 

दर्शक: [सुनाई] 

जेसन Hirschhorn: क्षमा करें? 

दर्शक: तुम सिर्फ नकल नहीं कर सकते Kianna दिया कि कि एक, और उस में डाल दिया - 

जेसन Hirschhorn: यह प्रतिलिपि, और यहीं इस रखा है? 

दर्शक: हाँ. 

जेसन Hirschhorn: कि बंद है, लेकिन वहाँ इस के साथ एक समस्या है, और वो क्या है? HTML एक स्ट्रिंग है, और हम की जरूरत यह करने के लिए तार जोड़ने के लिए. 

दर्शक: तो फिर तुम डाल - नहीं. 

जेसन Hirschhorn: और हम तीन हैं - यहाँ यह अधिकार एक स्ट्रिंग नहीं है. हम इसे कैसे एक स्ट्रिंग कर सकता हूँ? कैसे आप हमेशा बना कर एक स्ट्रिंग कुछ और? 

दर्शक: मुझे नहीं पता. 

जेसन Hirschhorn: मैं पाठ है, कैसे मैं इसे एक स्ट्रिंग कर सकता हूँ? यहीं से इस लाइन पर यहाँ की तरह? 

दर्शक: एक तालिका में डाल दिया? 

जेसन Hirschhorn: क्या इस बारे में? 

दर्शक: भाव. 

जेसन Hirschhorn: डबल उद्धरण, सही? डबल उद्धरण कुछ बनाता है एक स्ट्रिंग. तो यह है कि, एक स्ट्रिंग है कि बनाता है और यह एक स्ट्रिंग है. कैसे मैं दो तार डाल कर एक साथ जावास्क्रिप्ट में? 

दर्शक: डॉट. 

जेसन Hirschhorn: डॉट नहीं. कि php है. 

दर्शक: प्लस. 

जेसन Hirschhorn: इसके अलावा, बिल्कुल सही. तुम क्या करते हो तो तो साथ ही, और मैं यहाँ पर कर का प्रस्ताव? 

दर्शक: एक और बोली. 

जेसन Hirschhorn: एक और बोली, ठीक है. कैसे मैं एक स्ट्रिंग अंत? 

दर्शक: एक और बोली. 

जेसन Hirschhorn: एक और बोली. और कैसे मैं इस स्ट्रिंग डाल दिया है एक साथ इस स्ट्रिंग के साथ? एक प्लस. यह बिल्कुल सही है. तुम सिर्फ हमारे लिए ऐसा किया. यह बिल्कुल सही है. 

तो अब यह प्रतिपादन करते हैं. और देखो, हम एक पूरी मिल गया है छवियों का एक गुच्छा. ओह, मेरे भगवान. उन डरावने हैं. हम पता लगाने जा रहे हैं एक दूसरे में उन्हें. हाँ, नूह? 

दर्शक: मैं यह सच नहीं है पता क्या बात है, लेकिन आप अपने बंद हो जाना चाहिए छवि टैग के साथ तत्वों? 

जेसन Hirschhorn: हम कर सकते थे, अगर हम चाहते थे, हमारी छवि को बंद ऐसे ही टैग. चलो कि प्रतिपादन करते हैं. पर, नहीं, हम ऐसा नहीं कर सकते. 

दर्शक: ओह, मैं इसे तोड़ दिया. 

जेसन Hirschhorn: मैं इस बारे में सोच हालांकि, मान्यता है. मैं आप की जरूरत नहीं लगता समापन स्लेश. ठीक है, यह बहुत अच्छा है. कार्लोस, धन्यवाद. अब तक आप लोगों का चार एक भयानक काम किया है. 

आप देख सकते हैं बेशक, हम कर रहे हैं तालिका के उठाव के कुछ प्रकार बनाने. और मैं इन बातों को चाहते हैं एक तालिका में किया जाना है. तो कैसे मैं इन रखूँ एक तालिका में बातें? मैं स्पष्ट रूप से कुछ अधिक एचटीएमएल जरूरत है. असम, मैं HTML की किस तरह याद आ रही है? 

दर्शक: जो आप करना क्षमा करें, क्या करना चाहते हैं? 

जेसन Hirschhorn: मैं सभी डाल करना चाहते हैं एक तालिका में इन छवियों, इसलिए प्रत्येक छवि तालिका में से एक स्तंभ में होना चाहिए. कैसे मैं इस एक स्तंभ है कहते हैं? इससे पहले कि आप इस कोड को देखा है. इस पी में सात सेट है. 

दर्शक: मैं एक याद को कु गया था? 

जेसन Hirschhorn: TR पंक्ति के लिए है. 

दर्शक: मैं यह नहीं पता मेरा दिल, लेकिन मैं जाँच कर सकता है. 

जेसन Hirschhorn करता है किसी को याद है? 

दर्शकों: टीडी? 

जेसन Hirschhorn: टीडी, बिल्कुल सही. टीडी एक स्तंभ के रूप में डालता है. मैं वहाँ टीडी डाल तो अगर, असम, मैं क्या रखा जरूरत है? मैं जोड़ने के लिए और क्या चाहिए? 

दर्शक: आप इसे बंद करना है? 

जेसन Hirschhorn: बिल्कुल. कहां कि जाना है? 

दर्शकों: वहीं? 

जेसन Hirschhorn: ठीक है यहाँ? 

दर्शक: मुझे ऐसा लगता है. 

जेसन Hirschhorn: यह क्या है यहीं समापन? के लिए यह क्या है? उस नीले बात है? 

दर्शक: उस छवि के लिए है. यह बाद जाना चाहिए, मुझे लगता है. 

जेसन Hirschhorn: ठीक है, बिल्कुल सही. तो चलो ऐसा किया क्या देखते हैं. ओह, यह अजीब है. सागर, मेज खोल दो, तालिका शरीर, टीआर. तो हम एक टन है, लेकिन मैं तस्वीरें देखने के लिए नहीं है. यह अजीब है. यह इसे बनाया की तरह दिखता है, लेकिन मुझे छवियाँ नहीं दिखा था. किसी भी विचार क्यों कि मामला हो सकता है? किसी भी विचार? 

दर्शक: आप स्क्रॉल करें नीचे, आप उन्हें देख लेंगे. 

जेसन Hirschhorn: उछाल! तो वे वहाँ हैं, लेकिन यह अजीब है कि वे वहाँ नीचे सभी तरह से कर रहे हैं. 

दर्शक: वे एक पंक्ति में सब भी कर रहे हैं. 

जेसन Hirschhorn: और वे एक में सब कर रहे हैं पंक्ति, और वे सब अलग अलग आकार रहे हैं. तो असम, मुझे कोड की एक और लाइन दे मैं हर छवि बना सकते हैं मैं जैसे ही आकार, और ऐसा लगता है पहले से ही आकार मैं संकेत उन्हें होना चाहिए. कैसे मैं प्रत्येक छवि बना सकते हैं एक ही आकार? एक जंगली अनुमान दे. 

क्या कोड की इस पंक्ति के बारे में? 

दर्शक: आप कर सकते हैं एक निरंतर की तरह? 

जेसन Hirschhorn: जहां या एक और है , मैं कोड की इस पंक्ति डाल सकता है जगह मैं सिर्फ यह चिपकाते हैं तो? 

दर्शक: सभी तरह से नीचे कि एक ही लाइन पर? 

जेसन Hirschhorn: ठीक है, चलो डाल दिया यह यहां, बिल्कुल सही. और अब जो होगा देखा जायेगा. अरे बाप रे! हम पाने के लिए शुरू कर रहे हैं अब ऐसा लगता है कुछ, और यह वे की तरह लग रहा है सभी तरह की तालिका में है कि फिट हम प्रत्येक टीडी में निर्माण किया है. 

इसके अलावा, असम, चलो मैं जैसे हम कहते हैं कि उनके थोड़ा और अधिक होने की ऊंचाइयों - ऊंचाइयों बात मुझे दूर फेंक, तो है मैं उनकी ऊंचाई पर स्थापित करना चाहिए क्या? किसी भी नंबर उठाओ. 

दर्शक: 200? 

जेसन Hirschhorn: 200. मैं 100 लेने के लिए जा रहा हूँ. यह बहुत अच्छा है. वास्तव में 200 तरह के लिए. हम वहाँ जाओ! ठीक है, अब यह एक सा लग शुरू होता है बेहतर और थोड़ा और अधिक का आयोजन किया. 

हम क्या करने की जरूरत के लिए किसी अन्य विचार डॉल्फिन की तस्वीरें स्टोर करने के लिए करते हैं? हाँ? 

दर्शक: उद्धरण, या एकल हैं के लिए मूल्यों के आसपास उद्धरण, स्रोत, ऊंचाई, चौड़ाई, उन वैकल्पिक हैं? 

जेसन Hirschhorn: कहां एक उद्धरण हैं? 

दर्शक: उदाहरणों में से कुछ में की तरह, आप ऊंचाई की तरह होगा बोली "150." के बराबर होती है है यह जरूरी नहीं. 

जेसन Hirschhorn: तो चलो यहाँ नीचे देखो. हम समुद्र पर क्लिक करते हैं, तालिका में जाने, आप वास्तव में यहाँ यह नीचे ध्यान देंगे मेरे लिए उन उद्धरण गयी. 

दर्शक: ठीक है. 

जेसन Hirschhorn: और इसलिए मुझे पता ही क्या हम क्या कर रहे सुस्त रफ्तार से चलती है. हम केवल कोड की तीन पंक्तियों में लिखा है अब तक, या चार कोड की लाइनों, लेकिन इस तथ्य में प्रक्रिया है कि मैं मैं चाहता हूँ कि हर समय के माध्यम से जाना इस वेबसाइट बनाने के लिए. लाइन से लाइन, नीचे कंसोल का उपयोग यहाँ, चीजों की खोज और लगाना मैं क्या करना चाहते हैं कदम दर कदम बाहर. तो उम्मीद है, आप लोगों के लिए यह mimics क्या आप एक अच्छा, शैक्षणिक रास्ते में वास्तव में जब कर रही हो जाएगा आप अपनी वेबसाइट बनाने के लिए. 

चलो पर चलते हैं. हम इन चीजों को बनाया है. मैं वास्तव में करने के लिए जा रहा हूँ - Avie, मैं आप के लिए एक बड़ा सवाल है. मुझे लगता है हमें आगे बढ़ना होगा, पता नहीं है. के सफर डॉल्फिन "के लिए चलते हैं जब अपने चित्र क्लिक किया जाता है. "आप कैसे करते हैं मैं एक कोड की है कि लाइन लिखने का प्रस्ताव? 

दर्शक: एक समारोह है "ट्रेन." कहा जाता है 

जेसन Hirschhorn: एक समारोह है बिल्कुल सही, "रेल" कहा जाता है. 

दर्शक: यह एक सूचकांक की उम्मीद है. 

जेसन Hirschhorn: ट्रेन की उम्मीद एक सूचकांक, तो, ठीक है. Avie, यह वास्तव में तर्क है मैं देखने के लिए प्यार है. ट्रेन के एक सूचकांक की उम्मीद है. 

दर्शक: तो आप जा रहे हैं पाश के लिए एक है. 

जेसन Hirschhorn: ठीक है, मैं करना चाहता हूँ एक चित्र को क्लिक करने पर, Avie तो जब एक कैसे मैं निगरानी करते हैं तस्वीर पर क्लिक किया जाए? ऐसा करने के लिए एक दो तरीके है. यह जावास्क्रिप्ट की शक्ति और है jQuery, लेकिन यह भी सबसे कठिन हिस्सा है. 

दर्शक: कोष्ठक, तो नहीं. या अगर कोष्टक घटना, या कुछ और अपेक्षाकृत सरल? 

जेसन Hirschhorn: तो हमने देखा कि एक जोड़े व्याख्यान में यह करने के लिए तरीके. एक बात आप यहाँ नीचे, के लिए कर सकता था आप एक बना सकता है ऐसा कुछ करना समारोह पर क्लिक करें की तरह, या करना क्लिक करें पर ऐसा कुछ. हर कोई देख याद ऐसा कुछ? आप एचटीएमएल टैग के अंदर यह करना. मैं कुछ खाली चेहरे देख. कुछ लोगों को पसंद कर रहे हैं क्या वह किस बारे में बात कर रहा है? 

मुझे लगता है कि क्योंकि वह ठीक है यह करने के लिए और अधिक जटिल तरीके से. हम एक बहुत आसान करने के लिए जा रहे हैं रास्ते का उपयोग कर. तो, Avie? 

दर्शक: हम्म? 

जेसन Hirschhorn: मुझे क्या करना चाहते हैं कुछ jQuery, मैं स्पष्ट रूप से शुरू, पहले की तरह, यह डॉलर के हस्ताक्षर के साथ, खुले कोष्ठक, करीब कोष्ठक, और डबल यहां उद्धरण. अब हम मैं यहां एक चयनकर्ता जरूरत है. आप क्या चयनकर्ता लागू होगा प्रस्ताव नहीं हर एक छवि या हर के लिए एक तस्वीर? 

दर्शक: छवि? 

जेसन Hirschhorn: यह है बिल्कुल सही. यही कारण है कि हर एक छवि के लिए लागू होगी. उनमें से सब हो जाता है. यह बात है, यह एक वर्ग नहीं है, एक आईडी नहीं है एक टैग का प्रकार, और यह जा रहा है हर एक मिलता है. 

और अब मैं आपको यह बताने जा रहा हूँ अभी के लिए, और आप और अधिक देख सकते हैं बाद में उस पर प्रलेखन, लेकिन इस बात की घटनाओं के साथ सौदों "पर" कहा जाता है. तो क्या आप अब ऐसा करने के लिए मिलता है, और जो सुपर शक्तिशाली, का कहना है कि किस प्रकार की आप के लिए देख रहे हैं और क्या कर रहे हैं घटना आप जब आप क्या करना चाहते हैं उस घटना प्राप्त करते हैं. तो मैं तुम्हें एक छोटे देने जा रहा हूँ थोड़ा और अधिक कोड, Avie, तो आप ठीक है, जाने के लिए मिल गया है? 

दर्शक: ठीक है. 

दर्शक: में - हम कहने जा रहे हैं इस मामले में "क्लिक" जो आप हूँ आम तौर पर इस्तेमाल करते हैं. तो क्लिक करें पर, और फिर हम करने जा रहे हैं यह एक गुमनाम समारोह गुजरती हैं. और इस वाक्य रचना आप देखने जा रहे हैं एक बहुत कुछ है, और उम्मीद है कि तुम जाएगा एक बहुत लेखन किया. यह क्या करता है पर क्लिक करें, फिर से, है कुछ कहा छवि की, जो भी हो, छवि कहा जाता है कुछ भी, हम जा रहे हैं इस अनाम समारोह को चलाने के लिए. 

मैं इसे एक नाम नहीं दे रहा हूँ. मैं इसे किसी भी तर्क गुजर नहीं कर रहा हूँ. मैं यहाँ बनाने, जैसे, अभी कर रहा हूँ एक है समारोह, और यहाँ क्या कोड है तुम क्या करने जा रहे हैं. यही कारण है कि इस वाक्य रचना का मतलब के साथ है. आप ध्यान देंगे और यह भी,, ऐसा लगता है यहाँ यह करने के लिए बहुत समान है कि हम पहले लिखा था. 

ठीक है, Avie. तो आप सूचकांक पर रेल कॉल करना चाहते हैं. कि आप क्या करना चाहते है? 

दर्शक: हाँ. 

जेसन Hirschhorn: यह है? ठीक है. के देखो क्या होता है. 

दर्शक: हालांकि, रुको. सूचकांक अभी एक चर नहीं है. 

जेसन Hirschhorn: तो इंडेक्स नहीं है एक चर ठीक है अब. आप कहाँ से मिल गया है मैं नहीं जानता. 

दर्शक: [सुनाई]. तो जब आप पहली बार यह पता लगाने की जरूरत है जो डॉल्फिन क्लिक किया गया? 

जेसन Hirschhorn: उत्कृष्ट. आप यह पता लगाने की जरूरत है जो डॉल्फिन क्लिक किया गया. यह अंधेरे में एक जंगली गोली मार दी है. किसी को भी मैं समझ सकते हैं कि कैसे कोई विचार है बाहर क्या डॉल्फिन क्लिक किया गया? यदि नहीं, मैं सिर्फ तुम्हें दे देंगे इस सुंदर पागल है. ठीक है. तो चलो console.log के माध्यम से बाहर मुद्रित करते हैं. 

यह बात. तो, डॉलर के हस्ताक्षर, खुला कोष्ठक, इस बंद paren. मैं इस छवि पर क्लिक करें तो, जब मैं जा रहा हूँ सांत्वना के लिए यह मुद्रित करने के लिए, और चलो देखते हैं क्या होता. चलो यहाँ वापस जाओ. सांत्वना के लिए चलते हैं. कोई त्रुटि नहीं, भगवान का शुक्र है. 

ठीक है. मैं क्लिक किया. मुझे फिर से करते हैं. मैं यह पहली छवि क्लिक किया, और इस कंसोल में छापा गया, चीजों की इस पंक्ति. मैं का उपयोग किया जा रहा हूँ शब्द "यह" एक बहुत. यहीं यह बात, यह बहुत है विशेष, और यह वास्तव में क्या कर रहा है Avie यह करना चाहता है. जो कुछ भी था हो रही है पर या जो भी क्लिक किया. फिर, इस चयनकर्ता होता है क्योंकि कई चीजों के साथ सौदा करने के लिए, हम नहीं जरूरी है कि हम कर रहे हैं जो बात पता के बारे में बात कर रहा है, तो हम आंकड़ा करना चाहते हैं बाहर जो बात हम बात कर रहे हैं इस वाक्य रचना के माध्यम से के बारे में. यहीं इस मामले में, हैशटैग सागर, हम हमेशा हम क्या कर रहे हैं बात पता के बारे में बात करने जा रहा है, तो हम वास्तव में इस की जरूरत नहीं एक हैशटैग समुद्र के अंदर. यह हमेशा सागर, कि div है. यह एक आईडी है, केवल एक संभव बात. 

लेकिन इस मामले में, यह एक बहुत कुछ करने के लिए लागू होता है छवियों की, वास्तव में, छह छवियों, और इसलिए हम क्या विशेष जानना चाहता हूँ छवि पर क्लिक किया था. इस है और ऐसा लगता है जानकारी के प्रकार हम मिलता है. हम इसे कुछ बड़े की तरह लग रहा है मिल स्ट्रिंग, और हम यह सब मिल इस के साथ जानकारी. हम टन और टन हो और सामान के टन. jQuery सुपर शक्तिशाली है. यह हमें जानकारी का एक टन दे रही है यह विशेष रूप से HTML तत्व के बारे में. Avie, क्या हम जानना चाहते हैं इस HTML तत्व के बारे में? 

दर्शक: एक आईडी की तरह कुछ. 

जेसन Hirschhorn: एक आईडी. ठीक है, हम एक स्रोत है, एक चौड़ाई, और ऊंचाई. 

दर्शक: हम एक स्रोत का उपयोग कर सकते हैं. 

जेसन Hirschhorn: हम स्रोत का उपयोग कर सकते हैं. वह हमें एक स्ट्रिंग देता हूँ, एक यूआरएल स्ट्रिंग. क्या हम साथ क्या करने जा रहे हैं कि एक बार हम कि है? हम कैसे वापस करने के लिए मिलता है हमारी ocean_array में सूचकांक? 

दर्शक: हम तुलना कर सकते हैं यह अन्य के लिए. 

जेसन Hirschhorn: तो हम कर सकते थे प्रत्येक के माध्यम से पाश. अब हम फिर से पाश कर सकता और फिर इस की तुलना करें. क्या एक आसान तरीका होगा कल्पना, आप सिर्फ एक कल्पना कर सकता है? 

दर्शक: लूप किया जा रहा है. 

जेसन Hirschhorn: लूप किया जा रहा है. 

दर्शक: बस बाहर लगाना डॉल्फिन, [सुनाई]. 

जेसन Hirschhorn: लगाना बाहर क्या डॉल्फिन. ठीक है. तो चलो कि जानकारी को बचाने के चलो इस छवि टैग में. इस सामान की और फिर, अभी, भाग बस जादुई है मैं हो सकता है क्योंकि पहली बार के लिए आप इस दिखा जा लेकिन उम्मीद है कि इन चीजों हैं तुम क्या कर रही हो जा रहे हैं. तो यह कुछ है जादुई आप कर सकते हैं. आप कुछ अतिरिक्त मेटाडेटा बचा सकते हैं एक तत्व में. यह यह नहीं होगा, दिखाई नहीं देंगे कुछ भी प्रभावित करते हैं. तुम सिर्फ वहाँ इसे बचा सकते हैं. और मुझे लगता है हमें बचाने का प्रस्ताव प्रत्येक छवि के साथ सूचकांक. 

तो आपको लगता है कि जिस तरह से आप बना सकते है एक डेटा डैश बुलाया विशेषता है, और फिर जो भी नाम आप इसे देना चाहता हूँ. डाटा पानी का छींटा है कि एक विशेष बात है आप के लिए दिया है, और वह यह है कहते हैं उपयोगकर्ता बनाने के लिए जा रहा है कुछ. इसलिए हम इस बात को बुलाया पैदा कर रहे हैं सूचकांक, इस प्रमुख सूचकांक कहा जाता है. 

और के अंदर, हम डाल करने के लिए जा रहे हैं हर समय न सिर्फ, लेकिन क्या करना है हम Avie, इसके बारे में अंदर डाल दिया? क्या यहीं हो जाता है? 

दर्शक: डॉल्फिन. 

जेसन Hirschhorn: डॉल्फिन. यही कि शब्द नहीं है. डॉल्फिन. और फिर, हम पहले से ही डॉल्फिन मुद्रित इससे पहले कि 0, 1, 2, 3, 4, 5, और हम छवि के साथ कि बचत कर रहे हैं. 

तो अब, अगर मैं ऐसा - और फिर, हम चाहते हैं कि मेटाडाटा को बचाने के. आप कैसे है कि मेटाडाटा का उपयोग करते हैं? यह सिर्फ नाम के एक समारोह के साथ है "डेटा." और आप इसे एक से पारित करने की जरूरत है और सिर्फ एक ही तर्क है, जो बात का नाम है. इसलिए मैं इस बाहर मुद्रित करने के लिए जा रहा हूँ और फिर मैं प्रश्नों का उत्तर देंगे. लेकिन अनिवार्य रूप से, मैं कह रहा हूँ कि मुझे इस दे पर क्लिक किया था कि वस्तु, देखो अपने डेटा के सभी गुण पर, और कहा जाता है एक "अनुक्रमित" मुझे लगता है कि मूल्य दे. 

और की क्या होता है जब देखते हैं हम इस पृष्ठ ताज़ा. हम उम्मीद क्या वास्तव में. फिर, वह काफी जादुई था. हम सिर्फ सही वहाँ एक बहुत कुछ किया. जो उस के बारे में कोई प्रश्न है? हाँ? 

दर्शक: मैं सिर्फ एक सवाल है अपने ताज़ा कोड के बारे में. आप डबल एक ही भाव, जैसे उपयोग बोली, वहीं तरह. 

जेसन Hirschhorn: ठीक है यहाँ. 

दर्शक: हाँ. आप ऐसा क्यों एक कारण है सिंगल कोट, डबल भाव? 

जेसन Hirschhorn: एक कारण है, और यह वापस क्या मार्कस को जाता है पहले पूछा. इस लाइन में, मैं एक किया जा रहा था मेरे कोडिंग पर बेहतर सा. मैं यह चाहता हूँ, और यह क्या मैं ईमानदारी से है सब किया जाना चाहिए था चौड़ाई और ऊंचाई के लिए समय, विशेष रूप से. चलो यहाँ नीचे देखें. तुम यहीं देखेंगे, आप देख सकते हैं कि? मैं यह एक तरह से छोटे है, लेकिन डेटा पानी का छींटा सूचकांक डबल उद्धरण में है. उन चीजों को हमेशा जरूरत डबल उद्धरण में किया जाना है. मूल्य हमेशा की जरूरत डबल उद्धरण में हो. 

लेकिन यहां मैं एक डबल भाव किया था, तो उस यहीं इस स्ट्रिंग खत्म होगा, और अब मैं नहीं होगा एक स्ट्रिंग में टाइपिंग. तो मैं बस का उपयोग करके कि चारों ओर पाने के लिए एक एकल बोली, क्योंकि एक भी बोली जावास्क्रिप्ट स्ट्रिंग खत्म नहीं करता, लेकिन यदि आप HTML में यह परवाह नहीं करता यह एक उद्धरण दे या दोहरे उद्धरण. यह सिर्फ यह व्याख्या करेंगे डबल उद्धरण की तरह. कि मतलब? हाँ? 

दर्शक: तुम कैसे मिलता है कि आईपी पते अपने ग्राहक के तल में? मेरा कोई आईपी पता कहते हैं. मैं चाहिए वहाँ कुछ है [सुनाई] में किया है. 

जेसन Hirschhorn: आपके उपकरण में, यह कुछ भी नहीं है? 

दर्शक: हाँ. 

जेसन Hirschhorn: कुछ तो है आप इसे ठीक कर सकते हैं, लेकिन मैं नहीं हूँ घूमना समय खर्च करने जा अभी उस के माध्यम से. लेकिन हम अनुभाग के बाद यह कर सकते हैं. 

दर्शक: तुम्हारे पास वापस जाओ कंसोल, क्यों था 012,321 सूचीबद्ध संख्या? 

जेसन Hirschhorn: कंसोल? ओह, मैं तो बस क्लिक किया गया था, क्योंकि चारों ओर बेतहाशा. 

दर्शक: ओह, ठीक है. कोई बात नहीं. 

जेसन Hirschhorn: और फिर, मैं क्लिक कर सकते हैं कुछ पर एक bajillion बार. 

दर्शक: मैं के बारे में एक सवाल है अपने पाश फिर, अपने छोरों के लिए. आप पी में, क्योंकि वे जानते आठ सेट कि पाश की एक अलग फार्म का उपयोग करें. इसलिए वे वर की तरह मैं मैं कम, 0 के बराबर होती है ocean_array.length, मैं + +, से. उन बराबर हैं? 

जेसन Hirschhorn: यही है पाश के लिए एक मानक. या हाँ, यह छोरों के लिए है. वास्तव में, हम है कि बराबर है देखा है. 

दर्शक: तो है कि बराबर है तुम यहाँ क्या किया है करने के लिए? एक बेहतर माना जाता है अन्य की तुलना में? 

जेसन Hirschhorn: नहीं 

तो, फिर से, हम चले गए हैं कुछ बातों पर. अब हम अपने आराम क्षेत्र से बाहर स्थानांतरित किया है और कुछ वास्तव में अच्छा कर रही शुरू हम जरूरी नहीं गए कि बातें से अधिक वर्ग में पहले, लेकिन होगा उम्मीद है कि बहुत शक्तिशाली हो कोडन जब आप के लिए. 

Avie, चलो यहाँ वापस जाओ. मैं डॉल्फिन का सूचकांक है. अब मैं क्या करने की जरूरत है? 

दर्शक: आप यह प्रशिक्षित करने की जरूरत है. तो बजाय, आप console.log डालने का उस के लिए एक चर बराबर सेट कर सकते हैं? 

जेसन Hirschhorn: ठीक है. तो? 

दर्शक: मुझे यकीन नहीं आप ऐसा कर सकते हैं. 

जेसन Hirschhorn: तो वर एक्स के बराबर होती है इस देता है जो कुछ इस,, यह इसे वापस कर देंगे. कोई बात नहीं. यह किसी भी चर लौट सकते हैं. यहां कोई प्रकार के होते है. 

दर्शक: या आप बस कर सकता समारोह कॉल करना. 

जेसन Hirschhorn: हाँ, मैं ऐसा क्यों नहीं करते? बस समारोह कॉल करना. 

दर्शक: हाँ. कोष्ठकों का एक और सेट रखो. 

जेसन Hirschhorn: बिल्कुल सही. यह बिल्कुल सही है. इसलिए कि रेल समारोह से भेंट करेंगे. बेशक, कुछ भी नहीं ट्रेन में है समारोह, तो, अक्षर, क्या मैं प्रस्ताव ट्रेन के समारोह में क्या करना चाहिए. मुझे कुछ छद्म कोड दे. 

दर्शक: मैं आप को दूर करना चाहिए लगता है मूल तालिका से डॉल्फिन. 

जेसन Hirschhorn: और यह हो रही है नूह को पहले क्यों हम नकल एक नई सरणी में. ठीक है, हम करते हैं क्योंकि संपादित करने के लिए नहीं हमारी डॉल्फिन सरणी क्योंकि क्या एक और अगर कार्यक्रम का यह उपयोग कर रहा है या क्या हम चाहते हैं इसे कहीं और का उपयोग करने के लिए? हम एक प्रतिलिपि बनाना चाहते है, और वह है, हम संपादित करने के लिए जा रहे हैं एक. 

दर्शक: तो फिर तुम की स्थिति यह अपने नए स्थान में. 

जेसन Hirschhorn: और क्या करना है उसके बाद हम क्या करने की जरूरत है? 

दर्शक: और फिर तुम बाहर प्रिंट डॉल्फिन के बारे में जानकारी. 

जेसन Hirschhorn: यह है बिल्कुल सही. हम ocean_array से इसे हटाने, हम हम आकर्षित तो पूल में डाल दिया, और पूल में सागर. मैं कैसे डॉल्फिन को दूर करते हैं ocean_array से? 

दर्शक: आप सूचकांक करने के लिए जाना. ठीक है, ओह. एक ब्याह समारोह का प्रयोग करें. 

जेसन Hirschhorn: ठीक है, तो यह सही है. मैं एक ब्याह समारोह इस्तेमाल कर सकते हैं जो एक सरणी से कुछ बाहर ले जाता है और यह condenses. यही कारण है कि कुछ नया हम है पहले नहीं देखा है. लेकिन मैं वास्तव में एक अंतरिक्ष रखना चाहते हैं मैं एक बाहर प्रिंट करना चाहते हैं क्योंकि वहां सागर में खाली जगह. 

दर्शक: तो फिर आप छवि सेट कर सकते हैं कि सूचकांक की, ocean_array सूचकांक डॉट तस्वीर. 

जेसन Hirschhorn: ठीक है, ocean_array, सूचकांक. 

दर्शक: डॉट तस्वीर. 

जेसन Hirschhorn: डॉट तस्वीर. 

दर्शक: और तुम यह शून्य करने के लिए सेट? 

जेसन Hirschhorn: अशक्त बराबर होती है. ठीक है. तो कुछ भी नहीं है तो वहाँ है, तो कैसे मैं पूल में रखा है? Constantine, मैं कैसे करते हैं पूल में डाल दिया? हम नामक इस चर है, यहाँ, पूल बुलाया. 

दर्शक: हम सिर्फ बराबरी करते हैं ocean_array सूचकांक? 

दर्शक: तुम नहीं करना चाहिए आदेश स्विच? 

जेसन Hirschhorn: एक सेकंड. हाँ? 

दर्शक: हाँ, यह था वास्तव में एक अच्छी बात है. 

जेसन Hirschhorn: क्या यहाँ जाता है? 

दर्शक: यह सूचकांक है? 

जेसन Hirschhorn: सूचकांक, बिल्कुल. और तुम, कांस्तान्तिने क्या कहा हमें क्या करना चाहिए कुछ है? 

दर्शक: हम शायद चाहिए क्रम स्विच. 

जेसन Hirschhorn: और क्यों करना चाहिए हम शायद, आदेश स्विच? 

दर्शक: क्योंकि उस यह पहले से ही अशक्त के बिंदु. 

जेसन Hirschhorn: तो यह सब अशक्त नहीं है, लेकिन हम छवि यूआरएल खो दिया है. हम इसे हमेशा के लिए खो दिया है? 

दर्शक: तकनीकी तौर पर नहीं? 

जेसन Hirschhorn: लो हम इसे हमेशा के लिए खो दिया है? 

दर्शकों: नहीं 

जेसन Hirschhorn: ठीक है, जहां यह है? 

दर्शक: अपने मूल डॉल्फिन में - 

जेसन Hirschhorn: यह डॉल्फिन में है, लेकिन ocean_array में हम इसे हमेशा के लिए खो दिया है. तो कांस्तान्तिने, आप एक प्रस्ताव कर सकते हैं इस लाइन लिखने के लिए बेहतर तरीका है? दरअसल, क्षमा करें, यह पूल में सहेजी गई है. हम पूल में यह है, क्योंकि पूल सही, एक वस्तु है? Ocean_array सूचकांक, एक ocean_array वस्तुओं की एक सरणी है. 

तो पूल एक वस्तु है, और हम हैं नीचे एक वहाँ में यूआरएल, और यहाँ यह शून्य करने के लिए सेट है. तो वास्तव में, हम नहीं है इसे हमेशा के लिए खो दिया है. यह सिर्फ पूल में सहेजी गई है. लेकिन यह ocean_array में निश्चित रूप से नहीं है और इस तरह आप कार्लोस, उस में है, ने कहा कि डॉल्फिन सरणी. 

तो यह प्यारा लग रहा है. और फिर हम कैसे आकर्षित करते हैं समुद्र और पूल? मारियो? 

दर्शक: तुम बस फोन कर सकते हैं draw_pool और draw_ocean? जैसे इतना draw_pool, और तब - खैर, हाँ, यह कुछ भी नहीं ले करता है. 

जेसन Hirschhorn: महान. क्या draw_pool करने जा रहा है? 

दर्शक: पूल ड्रा? 

जेसन Hirschhorn: हाँ, ठीक है, क्या ऐसा करने जा रहा है? 

दर्शक: क्षमा करें. आप वही कर सकता है बात, जैसे एक है - 

जेसन Hirschhorn: रुको, हम वहाँ पाने के लिए जा रहे हैं. कुछ भी नहीं. यह ठीक है अब कुछ भी नहीं है. हालांकि, अगर यह काम करता है देखते हैं. कौन हमें उस कोड दे दिया? अक्षर और Constantine हमें लगता है कि कोड दे दिया? ठीक है, चलो देखते हैं क्या होता. 

आह! कि इतना रोमांचक था. यह हो गया है. ओह, लड़के. उस तरह की बदसूरत है. खैर, हम वापस जा सकते हैं और है कि बाद में तय कर लो. मैं यह कहाँ है? हम चाहते हैं कि पूल चर में इसे बचाया. अगर यह मैं कैसे समझ सकते हैं कि पूल चर में? खैर, फिर से, जावास्क्रिप्ट की शक्ति, और विशेष रूप से उपकरण है कि क्रोम तुम अब कर सकते हैं, आप देता है कि पूल चर का निरीक्षण किया. यह वैश्विक है, याद है? हम var कीवर्ड नहीं डाली. इसलिए मैं यहीं दर्ज लिखते हैं, तो Constantine, तुम मैं क्या कर रहा हूँ लगता है मैं हिट दर्ज करें जब पाने के लिए जा रहे हैं? 

दर्शक: मुझे नहीं पता. 

जेसन Hirschhorn: लगता है. 

दर्शक: कुछ भी नहीं है? 

जेसन Hirschhorn: कुछ भी गलत नहीं. कि हालांकि, एक अच्छा लगता था. मैं वस्तु मिला. तुमने मुझे दिया याद रखें कोड की है कि लाइन. पूल, तो आप उस में बचाया चर एक वस्तु. और वास्तव में, हम वस्तु को देखने आप इसे में बचाया. यह कमाल है. हम यहाँ से निरीक्षण कर सकते हैं. यह लगभग वास्तविक समय GDB की तरह है कि हम अपने कोड के माध्यम से देखते हैं और कर सकते हैं सामान बाहर निकालने. यही कारण है कि सुपर शांत और सुपर शक्तिशाली है. 

ठीक है, चलो यह जल्दी खत्म. पांच मिनट में पूल आकर्षित करते हैं. मारू, मुझे एक लाइन दे पूल आकर्षित करने के लिए कोड. 

दर्शक: आप एक और हो सकता था चर एचटीएमएल, लेकिन / के लिए. 

जेसन Hirschhorn: चलो यह अभी के लिए बहुत आसान है. चलो बस का नाम मुद्रित करते हैं डॉल्फिन हम प्रशिक्षण रहे हैं. 

दर्शक: और फिर तुम डॉलर के कर सकते हैं हस्ताक्षर, खुला कोष्ठक, और फिर खुली बोली. अगर मैं, पाउंड पूल अनुमान कि एक बात थी. मुझे याद नहीं है. 

जेसन Hirschhorn: चलो वापस देखो. मैं यह एक बात है. 

दर्शक: ठीक है, हाँ. और तब बंद भाव, करीब कोष्ठकों . HTML, खुला कोष्ठक, और फिर मैं खुले कोष्ठक की तरह, पूल अनुमान 0 या ऐसा कुछ. बंद डॉट नाम. अगर वह काम करता है मैं नहीं जानता. 

दर्शक: ठीक है, चलो देखते हैं क्या होता. "संपत्ति के नाम से पढ़ा नहीं जा सकता अपरिभाषित. "तो फिर, यहाँ है क्या हम बाहर की जाँच करने के लिए जा रहे हैं. हम यह पता लगाने जा रहे हैं. तुम पूल, खुला bracket0,. नाम किया था. फिर, मैं यह सब समय है, और मैं कर रहा हूँ क्या हो रहा है उलझन में है, क्या करता है इस चेतावनी का मतलब. के पूल में देखें. पूल ब्रैकेट पर देखें 0, अपरिभाषित. हम चला रहे हैं इतना है कि जहां हमारी समस्या में, सही? पूल ब्रैकेट 0 नहीं करता है, जाहिर है, मौजूद हैं. आप क्या मौजूद है लगता है? 

दर्शक: पूल है बस अपने आप में एक वस्तु? 

जेसन Hirschhorn: ठीक है, क्या यह यहीं कहता है? हम पूल पर हिट दर्ज करें, जब यह क्या कहता है? 

दर्शक: ऑब्जेक्ट. 

जेसन Hirschhorn: यह तो एक वस्तु है? 

दर्शक: ओह, हाँ. तो बस के बजाय pool.name - 

जेसन Hirschhorn: Pool.name देता है तुम चाहते थे कि क्या वास्तव में. और मुझे लगता है कि मैं इस के माध्यम से जा रहा हूँ एहसास धीरे धीरे और इस बिंदु belaboring, लेकिन यह है कि मैं यह सब करने के लिए बिल्कुल कैसे है. आप इन कीड़ों में चलाने के लिए जा रहे हैं अपने अंतिम परियोजना के दौरान, इसलिए मुझे आशा है कि यह आपके सक्षम होने के लिए अधिकार है इन सभी उपकरणों का उपयोग करने के लिए. ये महत्वपूर्ण हैं और करेंगे सुपर duper दूर तुम मिल. 

इसलिए मैं नहीं चाहता करने के लिए बस नाम बाहर प्रिंट. चलो इसे एक छोटे से बनाते हैं इस से अच्छे सा. 

दर्शक: हम और क्या क्या करना चाहते हैं? 

जेसन Hirschhorn: ठीक है, ठीक है. हम सिर्फ यह करूँगा. ऊ. दोस्तों, आप कोई जीवन है. 

ठीक है, बूम, यह मिल गया. अच्छा लग रहा है. आप यहाँ नीचे, अक्षर देखेंगे हम अशक्त, पता नहीं चला है. यह अभी भी करने के लिए कोशिश कर रहा है तो ऐसा लगता है कुछ छवि लगता है, और ऐसा नहीं किया वास्तव में क्या हम करना चाहते थे. अब हम उस में जाने के लिए जा रहे हैं, लेकिन नहीं कर रहे हैं एक क्लीनर रास्ते से वहाँ शायद यह कर. 

दर्शक: आप की तरह छोड़ सकते हैं छवि के लिए एक रिक्त स्थान? जैसा बजाय अशक्त करने के लिए इसे स्थापित करने की, आप इसे किसी रिक्त पसंद करने के लिए तैयार कर सकती है स्ट्रिंग या कुछ और? 

जेसन Hirschhorn: इस तरह? 

दर्शक: हाँ. 

जेसन Hirschhorn [सुनाई]. नहीं मिला. इसलिए इसे करने का एक बेहतर तरीका है. मैं ऐसा करने का प्रस्ताव होगा. बस अशक्त वहाँ की स्थापना. तो ज़ाहिर है, क्या है क्या होने जा रहा? यह पूरी तरह से दूर जाने के लिए जा रहा है. हम एक अंतरिक्ष रखने के लिए और क्या करना चाहता था तो अगर कि, हम शायद कुछ करना चाहते हैं यहाँ के रूप में अच्छी तरह से. मैं आप आरंभ करने के लिए जा रहा हूँ. अक्षर, मुझे इस लाइन दे कोड बहुत जल्दी की. 

दर्शक: ocean_array हैं, डॉल्फिन, , बराबर, बराबर होती है - बातिल के बराबर होती है? हाँ. 

जेसन Hirschhorn: तो क्या? 

दर्शक: तब HTML करना. तुम सिर्फ सच में, नीचे कोड की नकल. 

जेसन Hirschhorn: नकल क्या? 

दर्शक: आप कॉपी कर सकते हैं - 

जेसन Hirschhorn: यह? 

दर्शक: हाँ. 

जेसन Hirschhorn: यह सब? हम एक छवि नहीं है. 

दर्शक: मैं तुम्हें क्या मतलब सिर्फ एक को छोड़ कर सकते हैं - हाँ, तुम बस इसे बंद कर सकते हैं. लेकिन मैं आप चौड़ाई निर्धारित करने के लिए है. 

जेसन Hirschhorn: ठीक है, बस एक खाली कॉलम बना. ठीक है. और फिर उस मामले में, हम शायद हूँ साथ ही ऐसा करना चाहते हैं. 

उफ़. ओह. काम नहीं, लेकिन हम नहीं कर रहे हैं क्या उस त्रुटि हो रही है. चलो यहाँ नीचे क्या हुआ देखते हैं. 

तो वहाँ कुछ भी नहीं है, तो क्या हुआ आप हम जोड़ने चाहिए कहा? 

दर्शक: हम स्थापित करना चाहिए पंक्ति की चौड़ाई. 

जेसन Hirschhorn: क्या है? 

दर्शक: मैं यह 150 है. 

दर्शक: हाँ, यह 150 था. 

जेसन Hirschhorn: हम यहाँ डाल देता हूँ लगातार अपने कोड रखने के लिए. लेकिन यह एक नहीं है. अच्छा, ठीक है. प्रकाशित किया गया था. ठीक है? तो यह अभी भी दूर हो रहा है. 

दर्शक: ओह, चौड़ाई कहते हैं? 

जेसन Hirschhorn: ऐसा लगता है जैसे चौड़ाई 150 है. चलो देखते हैं. अब हम अंतिम करने जा रहे हैं, मैं कर रहा हूँ कि शांत, शक्तिशाली बात आपको दिखाने जा रहा. हम इस कोड को समाप्त करने के लिए जा रहे हैं, लेकिन नहीं कर रहे हैं हम यह सब छोड़ने के ऑनलाइन होने से पहले कोड सही हो जाएगा. मैं आपको सही संस्करण ईमेल करेंगे अपना खुद का स्टाइल की कुछ के बाद के साथ खंड, और है कि ऑनलाइन पोस्ट कर दिया जाएगा. मैं इस खोज के रखने के लिए प्रोत्साहित करते हैं और एक संदर्भ के रूप में उपयोग, लेकिन मैं आप इस के लिए अंतिम उपकरण दिखाना चाहते हैं वर्ग, और है कि यहाँ पर है दाहिने हाथ की ओर. और हम अब इस आखिरी सप्ताह को देखा, लेकिन उम्मीद है कि यह थोड़ा और अधिक परिचित है आप और आरामदायक है. 

आप गतिशील खेल सकते हैं एक पृष्ठ के सीएसएस के साथ. हम वास्तव में हमें पहले से ही देखा है गतिशील रूप से HTML के साथ खेलते हैं. हम सही किया याद संपादित के रूप में HTML क्लिक करें? यहीं? तो हम गतिशील खेला है HTML के साथ. 

कंसोल में, आप गतिशील खेल सकते हैं एक पेज की जावास्क्रिप्ट के साथ. उदाहरण के लिए, यह एक मान्य है जावास्क्रिप्ट लाइन. बूम, मैं मैं चाहता था कि वास्तव में क्या मिला. तो हम गतिशील के साथ खेल सकते हैं एचटीएमएल गतिशील के साथ खेलने जावास्क्रिप्ट. अब हम गतिशील करने के लिए जा रहे हैं सीएसएस के साथ खेलते हैं. 

यह पसंद है क्योंकि यह सब है तत्काल, आप तो GDB प्रतिक्रिया रहते हैं, और होने से पहले कुछ का सही पता कर सकते हैं अपने कोड जाते हैं, और आप कर सकते हैं करने के लिए कुछ है लगता है क्या नहीं की तरह लग रहा. इसलिए इस सुपर duper शांत है. 

और अंत में गतिशील रूप में देखते हैं सीएसएस के साथ खेल रहा है. यह सही पर यहाँ है हाथ की ओर, element.style. चलो इस के लिए चलते हैं. यहाँ हमारे तत्व है. चलो यह कुछ अतिरिक्त सीएसएस दे देते हैं. 

या क्षमा करें, हम यह कुछ अतिरिक्त दे सकता है सीएसएस, लेकिन हम शायद, इस मामले में, इस विशेषता को बदलना चाहते हैं. तो चलो इस लाइन को यहाँ नीचे चलते हैं. ओह, मैं यहाँ ऐसा नहीं कर सकते. माफ़ कीजिए. के रूप में संपादित - इसलिए कि आप सीएसएस संपादित कर सकता है. हम इस पर सीएसएस को संपादित करने के लिए नहीं जा रहे हैं दूसरा, लेकिन हम संपादित करना चाहते हैं HTML और दे एक अतिरिक्त विशेषता. आप इस के लिए बदल रहा है क्या प्रस्ताव किया था? मैं Avie एक सुझाव था. 

दर्शक: कर्नल चौड़ाई? 

जेसन Hirschhorn: ऐसा देखा यह या तो कुछ नहीं किया. सीएसएस की कोशिश करते हैं. 

दर्शक: [सुनाई] वर्ग? 

जेसन Hirschhorn: इसे कहते हैं यह काम नहीं करता. ऐसा लगता है कि पीले रंग की बात देता है. 

दर्शक: लेकिन [सुनाई]. 

दर्शक: आप चौड़ाई निर्धारित नहीं कर रहे हैं 150 के लिए एक छवि का जब तुम ऐसा करते? जैसे कि अगर आप सिर्फ चौड़ाई का उपयोग नहीं होता? 

जेसन Hirschhorn: हाँ. 

दर्शक: लेकिन हमारे पास नहीं है अब और एक छवि. 

जेसन Hirschhorn: नहीं हम वहाँ में कुछ भी नहीं है. तो हम हल करने के लिए नहीं जा रहे हैं विशिष्ट समस्या. हम अक्षर के लिए वापस जाने के लिए जा रहे हैं समाधान, मैं एक सेट करना चाहते हैं क्योंकि कुछ समय के लिए नि: शुल्क डॉल्फिन, या कि पिछले है मैं समाप्त करना चाहता हूँ बात. तो हम यहाँ इस छोड़ने के लिए जा रहे हैं पहचानने जबकि यह काफी नहीं है सही है, और हम जा रहे हैं यह करने के लिए वापस आने के लिए. 

माफ़ कीजिए. मैं हम गतिशील सकता है सीएसएस बदल जाते हैं. चलो उस पर लग रही है और करते हैं कि वास्तव में जल्दी. मैं यहाँ नीचे इस तत्व का निरीक्षण किया तो हैं, और, मैं यह नीला बनाना चाहते हैं आप यहाँ आ सकते हैं, रंग, क्योंकि मुझे लगता है कि रंग के परिवर्तन पता कुछ, और हमने देखा है कि कैसे यह यह नीले रंग बदल गया. तो यह है कि गतिशील रूप से मैं हूँ सीएसएस बदल रहा है. तो यह अच्छे के लिए बदलने के लिए, लेकिन नहीं करता है मैं अपने सीएसएस फ़ाइल में वापस जाने के लिए और कर सकते हैं एक वस्तु का रंग बदल जाते हैं. 

ठीक है. यह एक बहुत था. हम अपने अद्भुत कार्यक्रम समाप्त नहीं किया. , मुझे सिर्फ यह असली जल्दी दिखाने दो और फिर हम बाहर सिर हूँ. ओह, जहां यह है? नहीं! रुको. 

ठीक है, आप को पैकिंग कर रहे हैं ताकि एक अद्भुत पूर्वावलोकन, या सामने अगली बार की, देखें. यह डॉल्फिन ट्रेनर 2013 है और यह काम नहीं करता. ग्रेट. 

[हंसी] 

जेसन Hirschhorn: ओह! बूम! इसका क्या मतलब है? 

दर्शक: आप chmod नहीं था. 

जेसन Hirschhorn: मैं यह chmod नहीं था. 

दर्शक: एक पंक्ति. 

जेसन Hirschhorn: ओह, कि देखो. ठीक है. इसलिए, मैं अपने छह डॉल्फिन है. क्या होता है? चलो देखते हैं. मैं एक प्रशिक्षित हैं, अब लिली प्रशिक्षण. ओह, मैं, मुफ्त लिली आप सेट करना चाहते हैं. वहाँ आप वापस समुद्र में, जाने. 

तो यह है कि इस सप्ताह था. आप किसी भी प्रश्न हैं, हम बाहर हो जाएगा. और फिर, मैं आपको भेज देंगे इस कोड के बाकी. , लोगों को धन्यवाद.