JASON هيرشهورن: أهلا، الجميع، لمدة أسبوع وتسعة. لدينا أسبوع مثيرة أمامنا لأن لدينا مجموعة المشكلة النهائي. لدينا أيضا لغة العلامة التجارية الجديدة، جافا سكريبت، التي هي بالفعل في في خضم باستخدام ليس فقط لهذا مجموعة مشكلة، ولكن الكثير منكم ربما الاستفادة منه للنهائي المشاريع، وخاصة المشاريع النهائية على شبكة الإنترنت. وهذا ما سوف نذهب أكثر من اليوم بعد نتحدث بإيجاز عن الموارد، الذي نقوم به كل أسبوع. سنقوم القفز الى جافا سكريبت، ثم نحن سوف تنفق كل قسم مع التدريب العملي على النشاط الترميز دولفين المدرب 2K13، الذي هو مثل مادن عام 2013، ولكن لالدلافين وفي جافا سكريبت. [ضحك] JASON هيرشهورن: كما دائما هكذا، قائمة الموارد بالنسبة لك لإجراء فحص. هذه الموارد هي أهمية خاصة لأن الأسبوع المقبل على ويوم الاربعاء هو مسابقة واحدة، الثاني ومسابقة النهائية في هذه الدورة. تماما مثل مسابقة الصفر، فمن 75 دقيقة ويبدأ قليلا بعد 1:00. وهو يغطي كل شيء منذ اليوم الأول هذا بالطبع، لكنه بالتأكيد ويؤكد كل ما لديه حدث منذ مسابقة واحدة. ولكن بطبيعة الحال، غطينا للحلقات في بداية العام. لحلقات وربما لا تزال جارية ل أن تكون جزءا من هذا الاختبار، حتى انها ليست مثل يمكنك تجاهل كل ما حدث قبل خمسة أسابيع أو مسابقة الصفر لأن يبني هذه الدورة على نفسه الكثير. ولكن بالتأكيد سوف يكون التركيز على الأشياء التي تعلمناها منذ ستة أسابيع. التي تشمل PHP، جافا سكريبت، SQL ل مما لا شك فيه، وكذلك أكثر تقدما هياكل البيانات تحدثنا عنها في C. مجموعة كاملة من المواضيع الأخرى، لكننا سوف نناقش ذلك في الاسبوع المقبل كما نستعرض لهذه المسابقة. وأيضا، كما هو الحال دائما، إذا كان لديك أي أسئلة حول هذه المسابقة كما كنت إعداد، لا تتردد في إرسالها طريقي. الحق الآن، لا أحد لديك أي أسئلة سريعة حول المسابقة؟ موافق. لا داعي للقلق حول هذا الموضوع أو نزوة خروج عن الحق الآن، ولكن الحفاظ على ذلك في الجزء الخلفي من عقلك، لأن هذا هو يحدث في الأسبوع، ويوم من الآن. أخيرا، وأنا أعلم أننا تقوم بتشغيل نحو في نهاية الفصل الدراسي - لا يوجد سوى اثنين أقسام غادر بعد هذا - ولكن أنا لا تزال متحمس و حريصة على ملاحظاتك إذا كان لديك أي. أريد أن تلك ل أفضل قسمين من أي وقت مضى. هم على الأرجح سوف يكون، لأن كل القسم هو مدهش وأفضل من أي وقت مضى. أنا لا أعرف كيف أن هذا ممكن، ولكن لقد تم كل شيء رائع، وأعتقد. ردود الفعل لقد حصلت تلاحقها قبالة إلى أي شيء ولا شيء منذ ل الاسبوعين الماضيين، لذا يرجى إعطاء لي بعض ردود الفعل إذا كان لديك ذلك. يستغرق ثلاث دقائق. يمكنك أن تقول لي أشياء جيدة لك تريدني أن تستمر في فعل أو الأشياء التي يمكن أن تعمل على. أحاول أن تكون أفضل معلم ممكن، أو أحاول أن أبذل قصارى جهدي أستطيع، ولكن لا أستطيع أن أفعل ذلك إذا كنت لا تعرف كيف تفعل يا رفاق. وانه من الصعب ان اقول لماذا كنت السقوط النوم في الصف، لذلك اسمحوا لي تعرف بعد لماذا كان هذا هو الحال. أنا أظهر لكم هذه الصورة الأسبوع الماضي. هذا هو سلاحف النينجا الدراجة كان لي عندما كنت أصغر سنا، ونحن مستمرون في دفع يا رفاق دون عجلات التدريب ونحن تزج كنت في لغة أخرى. ولكن أن تطمئن، وجافا سكريبت، مثل PHP، هي مشابهة جدا لأشياء كنت قد فعلت في الماضي. وهناك الكثير من المنطق نقل أكثر، إذا ليس لغوي، وبالضبط واحد مقابل واحد. ولكن مرة أخرى، كل هذه اللغات التي لقد ذهب أكثر في العامين الماضيين أسابيع، على الرغم من أنها تبدو ساحقة، هي قوية بشكل لا يصدق، وسيسمح لك أن تفعل الكثير في المشروع النهائي الخاص بك وربما غيرها من المواقع التي التعليمات البرمجية في المستقبل. ذلك دون مزيد من اللغط، ونحن في طريقنا لبدء الغوص في جافا سكريبت. نحن ذاهبون الى الحديث عن ذلك لفترة وجيزة و ثم الحصول فعلا الى التدريب العملي على الترميز جزء من هذا القسم. حتى جافا سكريبت هو البرمجة النصية من جانب العميل اللغة، مما يعني انها مختلفة من PHP وانها مختلفة من جيم جافا سكريبت ليست تجميعها و ليست تنفيذه من قبل الملقم. بدلا من ذلك، كنت تحميله. قمت بتحميل صفحة جافا سكريبت عند تحميل صفحة على شبكة الإنترنت، وبعد ذلك ينفذ على جهازك. مما يعني أنه يمكنك رؤية كل شفرة جافا سكريبت التي كان إرسالها إلى جهاز الكمبيوتر الخاص بك. أحيانا هو تقصير أو مشفرة ل قليلا، قليلا مشفرة، حتى يتسنى لك لا أستطيع أن أقول صراحة ما يحدث. على سبيل المثال، إذا قمت بسحب أو CS50 الحل الموظفين لهذا الأسبوع مشكلة تعيين، وتذهب إلى service.js، ستلاحظ لا تستطيع ان تقول الحقيقة ما يجب القيام به من ما قدمنا ​​لك. نحن تشفيرها قليلا لجعل أن قليلا أكثر صعوبة. ومع ذلك، يمكنك ان ترى بالضبط ملف جافا سكريبت أننا المنفذة وبرنامجنا يعمل على. وهذا ما يعنيه أن يكون من جانب العميل لغة البرمجة. مماثلة إلى C و PHP، على الرغم من، وجافا سكريبت لديه الحلقات، وإذا / آخر الظروف، في حين أن الحلقات. مماثلة لPHP، أن لديها حلقة فورياش كذلك. ومرة أخرى، تشبه الى حد بعيد جمل التي شهدناها في اللغات التي قمنا بالفعل عملت مع. أخيرا، واحدة من أروع أجزاء من جافا سكريبت، وشيء سنكون تفعل الكثير اليوم، وربما عليك أن تفعل الكثير مع مجموعة P الخاص بك إذا كنت لم تشهد بالفعل، هو أنت يمكن أن تحقق من جميع الأخطاء لديك في التعليمات البرمجية الخاصة بك عن طريق وحدة التحكم جافا سكريبت. ونحن ننظر في ذلك الاسبوع الماضي قليلا. ونحن ننظر في نوع مختلف من وحدة التحكم لتفقد صفحة، ولكن في الكروم، ومرة ​​أخرى، تستطيع أن ترى في التخطيط، أتش تي أم أل، وتوثيق تلك الصفحة الخاصة بك يظهر لك على الشاشة. يمكنك أيضا مشاهدة كافة جافا سكريبت تشكل تلك الصفحة، ويمكنك أيضا، مثل قلت، انظر كل من الأخطاء في وحدة تحكم جافا سكريبت. وسنقوم تجربة أن أكثر في قليلا عندما نبدأ الترميز. شيء واحد لملاحظة حول جافا سكريبت المتغيرات. مثل متغيرات PHP، وانهم فضفاضة كتبته، لذلك لا تحتاج ل منحهم نوع معين. من حيث النطاق والتي يتم تعريفها بواسطة الكلمة الأساسية "فار". لذلك إذا كنت لا تضع الكلمة في الجبهة من شيء، عليك فقط كتابة اسم المتغير، ثم الاحالة المشغل، في هذه الحالة علامة المساواة. أنا نسيان فاصلة منقوطة هناك حق، ولكن نفترض أن هناك فاصلة منقوطة هناك حق. ثم كنت تقوم بإنشاء متغير عمومي. إذا وضعت على "فار" الكلمة، ثم كنت يعطيها نوع من المحلية نطاق، سواء كان ذلك ل وظيفة أو حلقة. لذلك هذا هو شيء واحد ل ملاحظة للمتغيرات. جافا سكريبت هي لغة. مسج هي مكتبة مبنية على أعلى لغة جافا سكريبت، وكان لديك رأينا ذلك من قبل في المحاضرة. أنا أوصي، إذا كنت تريد الذهاب ل يتم استخدام جافا سكريبت في النهائي المشروع، أن تحصل على معرفة مسج. يجعل كل ما تريد أن تفعل الكثير، وأسهل من ذلك بكثير. كما يأتي مع رائعة وثائق وأمثلة للمساعدة في الحصول كنت بدأت. اليوم ونحن في طريقنا لتكون باستخدام مسج كذلك. هذه، ما لدي على هذه الشريحة، هي أساسيات جدا من مسج. في الجزء العلوي من ملف HTML الخاص بك أو أيا كان - ملف index.php الخاص بك، الخاصة بك ملف index.html و- تحتاج إلى وتشمل هذين الخطين. هذه هي خطوط عامة جدا. يتضمن السطر الأول مسج ملف جافا سكريبت، والسطر الثاني يتضمن أينما كنت قد كتبت شفرة جافا سكريبت الخاصة. وبطبيعة الحال، لأنه في الخاص شفرة جافا سكريبت ربما كنت قد استخدمت بعض وظائف مكتبة مسج، الذي يحتاج للذهاب بعد مسج النصي إدراج. سنبحث هذا مرة أخرى في لحظة. وأخيرا، في ملف جافا سكريبت، أنا أسمي هذا واحد index.js. يمكن أن يكون scripts.js. أيا كان، أيا كان جافا سكريبت ملف هل، عليك أن تبدأ عموما مع هذا الخط من التعليمات البرمجية، علامة الدولار، PAREN مفتوحة، وثيقة، وثيقة PAREN، الفترة، وعلى استعداد، PAREN مفتوحة، وظيفة، PAREN مفتوحة، PAREN وثيق، ومن ثم متعرج. رمي التعليمات البرمجية داخل هناك، ثم وضع حد لها مع متعرج، على مقربة PAREN، منقوطة. حتى تأخذ هذه كأمر مفروغ منه. إذا كنت تريد الذهاب ليكون باستخدام مسج، والتفاف كل من التعليمات البرمجية الخاصة بك داخل مسج هذا الخط من التعليمات البرمجية. وسنرى ذلك مرة أخرى في الثانية. مرة أخرى سوف نعمل مع مسج، ويرجى طرح الأسئلة ونحن نمضي اليوم، ولكن لا أحد لديك أي أسئلة حول مسج أو جافا سكريبت الآن؟ موافق. ذلك دون مزيد من اللغط، أقدم لكم دولفين المدرب 2K13. أنا السوبر متحمسون هذا الأخير إصدار المنتج. أوه، لا! كنت متشوقة للغاية. كنت ذاهبا لتبين أنها ليا رفاق، ولكن يبدو أن ليس لدينا تنفيذه حتى الآن. دعونا جعل هذا أكبر قليلا. حتى لو كنت تحميل رمز لدولفين المدرب - دانغ ذلك. أنا آسف، والرجال. كنت أعمل على هذا من قبل فئة. اعتقدت أنها قد انتهت، ولكن أعتقد أنني لا تزال لديها بعض تركت العمل الذي يتعين القيام به. ولكن لحسن الحظ، يا رفاق جميعا بعض جافا سكريبت مسج والممارسة، لذلك دعونا نمضي قدما والانتهاء هذا معا. أعتقد أنني أرسلت يا رفاق نسخ من هذا، لأنني كنت متحمس عظمى حول هذا الموضوع، لذلك يجب أن يكون نفس التعليمات البرمجية التي لدي. دعونا نتجه الى - دانغ ذلك، والرجال، وأنا آسف. دعونا نتجه الى المحطة، على الرغم من. تماما مثل مشكلة مع ماضيك مجموعات، وإذا كان لديك بلدي - دعونا جعل هذا أكبر قليلا، أيضا، ليا رفاق - كنت أخذت ملف مضغوط بلدي. كنت محلول يفترض ذلك. دعونا نذهب هنا. ومن ثم نأمل، كنت نقله إلى نفس الدليل حيث قمت بحفظ مشكلتك تعيين ثمانية التعليمات البرمجية. وننقذ في هذا الدليل بحيث يمكنني الوصول إليه - أو أننا جميعا يمكن الوصول إلى التعليمات البرمجية في متصفح كروم على جهاز الكمبيوتر الخاص بنا. ومرة أخرى، للوصول إلى هذا الرمز، كنت ببساطة اكتب في العنوان وجدت في أسفل، يمين لل الأجهزة الخاصة بك، بانخفاض هنا. تجد عنوان IP الخاص بك. قمت بكتابة ذلك في متصفح كروم على جهاز الكمبيوتر الخاص بك، وفي هذه الحالة، منذ نحن التسعة مجلد القسم، لدينا أيضا لإضافة خفض الباب تسعة. اسمحوا لي - عفوا. انا ذاهب الى تقليل هذا لذلك أنا لا لديك للحفاظ على النقر من خلال ذلك. لذلك هذا هو كيف أقوم بإعداد هذا الرمز. لقد فعلت ذلك بالفعل. أنا لن يذهب من خلال تلك الخطوات لأن هذا هو ما و بداية المشكلة تعيين يمشي لكم من خلال كيفية القيام به. لذلك يذهب إلى الأمام وستحصل على تعيين هذه يصل في الثانية، ولكن دعونا أولا استكشاف هذا الرمز كمجموعة. دعونا نرى ما فعلته. حاولت الحصول على أكثر من ذلك القيام به قبل الطبقة، ولكن أعتقد أنني كان قليلا وراء. لذلك دعونا فتح index.html و. موافق. وindex.html و هو بسيط حقا صفحة لأنني لم ترغب في الحصول على مجنونة جدا. أردت حقا أن تأكد من أنه كان يعمل، ولكن أعتقد أنني لم تصل لهذا الحد. وهنا الرأس، والتي تأتي الحق داخل هذه العلامات HTML، ونلاحظ بضعة أشياء الحق قبالة الخفافيش. لدينا الحق ملف CSS وهنا المناسب موقع ملف CSS. لدينا مكتبة مسج هنا، وستلاحظ شيئا مختلفا حول هذا الموضوع. المصدر هو شيء حقا، طويلة حقا. ajax.googleapis.com/-- نوع من يشبه URL، لكنه لا يبدو بالتأكيد مثل شبيبة / jquery.js. وهذا لأنني قررت أن أكون لا تريد أن يكون لتحميل ملف مسج، واسحبه وحفظ في مكتبتي، وتكون مسؤولة عن ذلك. بدلا من ذلك، أنا ذاهب لمجرد اتخاذ جافا سكريبت الملفات التي تستضيف جوجل. حتى جوجل تستضيف بالفعل عددا من والمكتبات، ومسج، لأنه هو واحد من أكثر شعبية، فهي تستضيف آن واحد كذلك. وبسبب انها تستضيف ذلك، وأنا لا داعي للقلق حيال ذلك، وأنها تحديثه، على الرغم عندما لا تحديثه سوف يكون على الارجح الى تغيير هذه الأرقام هنا. ولكن هذا فقط لأجعل الملف بأكمله نظام أقل قليلا نظيفة. أنا لا أحب حقا استضافة كل هذه الملفات. انها أجمل بكثير لو جوجل أن تستضيفهم بالنسبة لي. لذلك هذا، مرة أخرى، هو الحصول على كامل ملف جافا سكريبت، ولكن انها مجرد كونه استضافت من قبل جوجل بدلا من بلدي نظام الملفات على جهاز الكمبيوتر الخاص بي. نحن أيضا نرى أن أضع في اثنين من أكثر ملفات dolphins.js وtrainer.js. سوف نبحث في تلك في الثانية. وأخيرا، هذا اللقب هنا. من يستطيع أن يقول لي ما هذا الرمز داخل هذه العلامات العنوان، حيث أن يذهب على صفحتي؟ الحضور: مثل هذا الشيء الذي شريط الأدوات أو أيا كان؟ JASON هيرشهورن: نعم، قليلا فوق علامة التبويب على الجزء العلوي من نافذة Chrome. حيث ان يذهب هذا النص. داخل الجسم، كما يمكنك ترى، لا الكثير من الاشياء هنا. لدي DIVS ثلاثة فقط. أعطي لهم بعض المعرفات، و أضع القليل من النص فيه. ولكن انا اعتقد ان هذا هو السبب في أننا لا ترى أي شيء أكثر من هنا. في الواقع، ونحن نرى دولفين المدرب 2K13. نرى TODO. أنا لا أعرف من أين الذي سيأتي من لأنني لا أرى ذلك هنا. ولذلك ربما يكون هذا في واحدة من ملفات جافا سكريبت بلدي. سنقوم التحقق من ذلك في الثانية. يمكن شخص آخر يقول لي ما هذا الرقم يعني هنا؟ الجمهور: انها وسيلة لاستدعاء قسم خاص في [غير مسموع] ملف؟ JASON هيرشهورن: نعم. انها مجرد وسيلة لمرجع هذا شعبة معينة. معرفات فريدة من نوعها من الناحية المثالية. موافق؟ الحشد صعبة. لذلك، عادة ما تكون معرفات فريدة من نوعها. كنت تعطي لهم واحد محدد عنصر في التعليمات البرمجية. ماذا لو أردت أن مرجع رقم من العناصر، سواء كان ذلك لCSS التصميم أو مسج؟ ما السمة يمكن أن أعطي لهم؟ الجمهور: فئة. JASON هيرشهورن: فئة، بالضبط. الحق. موافق، index.html ونحو ذلك، مرة أخرى، لا يحدث كثيرا هنا. لذلك دعونا فتح ملف آخر. دعونا نرى ما لدي. هذا كل ما لدي هنا. دعونا نذهب إلى مجلد JS. أنا لن تقلق بشأن المغلق في الوقت الراهن. دعونا فتح dolphins.js. عفوا. أو بالأحرى - موافق. لذلك، dolphins.js، يبدو في الواقع جميلة مماثلة لبعض من التعليمات البرمجية التي أعطيت في مشكلة تعيين ثمانية. يمكنك التمرير من خلال ذلك. أي شخص يمكن أن يقول لي، رغم ذلك، ما هو DOLPHINS؟ كل هذا قبعات DOLPHINS؟ ما هذا؟ ما نوع البيانات هو أن؟ الجمهور: صفيف. JASON هيرشهورن: انها صفيف. ونحن نعرف انها مجموعة لأنني نرى هذه الأقواس المربعة هنا. وشخص آخر، ما هو انها مجموعة من؟ الحضور: كائنات؟ JASON هيرشهورن: انها مجموعة من الكائنات. ويمكنك أن ترى ذلك. وكيف يمكنك أن تعرف أنها صفيف من الكائنات؟ الجمهور: لأن لديك هذا القولون التمهيد بين الأقواس المتعرجة؟ JASON هيرشهورن: الحق. وذلك لدي هذه الأقواس المتعرجة هنا، ومن ثم يمكنك أن ترى فاصلة فصل مختلفة الكائنات في هذه المجموعة. ثم داخل كل كائن، ولدي شيء القولون وشيء آخر. وعموما ما هو هذا الجزء الأول، الشيء إلى اليسار من القولون؟ ما الذي دعا؟ بشكل عام؟ كيف يمكننا الرجوع إلى ذلك؟ الجمهور: مؤشر؟ JASON هيرشهورن: فهرس، أو ربما بشكل عام، والمفتاح. ثم على اليد اليمنى الجانب، وقيمة. لذلك الفهرس أو المفتاح. ولكن إذا كنا نتحدث عن هؤلاء، نعني عموما الشيء على الجانب الأيسر. في مجموعة بسيطة، ومرة ​​أخرى، كان لدينا مؤشرات 0. 1. 2. 3. 4. والدلافين، سيكون لدينا الدلفين 0، الدلافين 1، 2 الدلافين، الدلافين 3، الدلافين 4. لدينا أيضا داخل هذا الكائن، ونحن لن ترجع الأمور عموما. أو اذا كان لدينا فقط هذا الحق كائن هنا، ونحن لن أقول الكائن 0، الكائن 1، 2 الاعتراض. ونحن في طريقنا ليقول اسم الكائن، أو نوع الكائن، الكائن طول، وهلم جرا. وهذه هي الطريقة التي سوف تحصل على قيمة على الجانب الأيمن. حتى إذا قلنا اسم الكائن، على سبيل المثال، سوف نحصل على هذه السلسلة، "غريس". حتى لقد قال لي يا رفاق، الدلافين هو ببساطة مجموعة من الكائنات. وترى كل الكائنات يكون له اسم، نوع، جنس. هو أن ينطق بشكل صحيح؟ أي شخص؟ جنس؟ عظيم. A الطول، الوزن. هو أن ينطق بشكل صحيح؟ أعتقد ذلك. وصورة، مجرد URL لبعض الملفات على الانترنت. والحق هنا، قمنا باغلاق مجموعة، وصولا هناك في اليد اليسرى جدا جانب من الشاشة. ذلك أن كل dolphins.js هو. أوه، يا للسماء. هذا ما يفسر ذلك. اعتقدت فما استقاموا لكم فاستقيموا الانتهاء كل شيء، ولكن نظرة. هناك كل هذه تودوس. موافق، ونأمل في وسعنا تفعل تلك معا. ولكن دعونا أولا، قبل ان نفعل أنه فقط من خلال المشي هذا الرمز بشكل سريع جدا. لذلك كما ذكرت، ونحن نرى في غاية ابتداء من هذا الخط الذي كان لي في الشرائح، (وثيقة). استعداد (وظيفة (). وأساسا ما الذي يحدث ل لا يتم الانتظار حتى كل شيء في حياتك تم تحميل صفحات، لذلك انتظر حتى انها كل مجموعة، كل شيء جيدة ل تذهب، ثم بدء في تنفيذ هذا الرمز. حتى إذا كنت في حاجة لتشغيل بعض PHP، إذا كنت في حاجة للحصول على بعض الصور، أيا كان، وكان كل رمز مجموعة وعلى استعداد للذهاب في صفحة الفهرس الخاص بك أو أيا كان تم تحميل الصفحة، والآن وأنت تسير لبدء تنفيذ التعليمات البرمجية. وبالتالي فإن أول شيء نقوم به هو أنشأنا هذه المجموعة. وأنا لم يكن لديك الكلمة فار هناك، لذلك ما هو نطاق هذه المجموعة؟ الجمهور: انها العالمي. JASON هيرشهورن: انها العالمي، لذلك ocean_array يمكن الوصول إليها من في أي مكان في هذا الملف. ومن ثم فإننا نرى هذا لحلقة. فإنه لا يقول فورياش، ولكن هذا هو في جوهره حلقة foreach. وهذا هو مجرد نسخة جافا سكريبت، و لذلك لكل دولفين فار في الدلافين، ما هو نوع البيانات؟ على الرغم من ذلك، مرة أخرى، وجافا سكريبت لا لديهم هذه الأنواع من البيانات في حد ذاتها، ما نوع البيانات هو الدلفين؟ الحضور: كائن. JASON هيرشهورن: انها كائن. نحن نحصل على كل كائن في مجموعة الدلافين. حتى هنا، يبدو أنني نسيت أن وضع كل من هذه الدلافين من وجهة نظرنا دولفين العملاق التفكير في ocean_array، لذلك يجب علينا القيام به على الارجح أن أول. وبعد ذلك، ما يسمى هذا المتغير بركة. أنا تعيينها إلى قيمة خالية. وبعد ذلك استدعاء هذه الدالة draw_ocean. أتدرب دلفين في حين ان يتم النقر الصورة - أنا لم تكن قد فعلت ذلك - و تعيين الحرة عند الدلفين يتم النقر على زر. لذلك فان هذه هي الأشياء التي تحتاج إلى القيام به. أعتقد أنني يجب أن أقدم لكم بعض الخلفية على ما كنت أحاول القيام به. حتى إذا نذهب هنا، ما أردت حقا هذه لتبدو وكأنها كانت مجموعة تصل هنا، بدلا من ذلك قائلا "TODO،" أنا أراد الجدول، أساسا، مع صور لجميع الدلافين. ثم عند النقر على صورة واحدة، كنت أرغب في ذلك على وضعها في النصف السفلي من الشاشة وإعطاء لك كل المعلومات المتعلقة بها، و التي من شأنها أن تكون شركة دولفين للطاقة في حوض السباحة، الدلفين كنت تدريب. حتى ظننت أنه سيكون باردا حقا. لديك كل هذه الدلافين في مياه المحيط هنا، ثم النقر على واحدة، وانها تريد ان تذهب إلى حمام السباحة، و ثم هل يمكن أن أدرب له. وهذا ما كنت أحاول القيام به. ومن ثم سيكون هناك زر أسفل هنا في حوض السباحة، ويمكن النقر، مثل، "تعيين الحرة"، وكنت قد ضبط دولفين الحرة، وأنه سوف يعود في المحيط. وهذا ما كنت أحاول أن خلق، ولكن مرة أخرى، انا ذاهب الى بحاجة لمساعدتكم لإنشائه. لذلك نأمل أن بعض هذه الكلمات الرئيسية أو بعض من هذه الشروط سوف تبدأ جعل الشعور الآن في سياق من هذا البرنامج. دعونا نحافظ على النظر من خلال هذا الملف. ونحن نسمي هذا draw_ocean ظيفة. انها واحدة فقط وظيفة نسميه من قسم document.ready. لذلك نحن ندعو هذه الوظيفة draw_ocean، و يبدو أنه يخلق سلسلة، متغير، هنا. وضع شيء في السلسلة، ويضيف المزيد الاشياء إلى سلسلة، ويضيف أكثر الاشياء من السلسلة، و ثم وهذا سطر من التعليمات البرمجية. أقول ذلك بطباعة سلسلة HTML. وحد يشرح لي ما هذا السطر من التعليمات البرمجية يفعل؟ حسنا، أولا وقبل كل شيء، ما يفعل ان علامة الدولار يعني؟ انها ليست متغير PHP، ولكن ما فهل هذا علامة الدولار يعني؟ الحضور: ربط إلى معرف HTML من - انها مثل يربط إلى رمز HTML؟ JASON هيرشهورن: ماذا عن ان علامة الدولار؟ ماذا يعني أن علامة الدولار تشير؟ الحضور: ربط إلى HTML بطريقة أو بأخرى؟ JASON هيرشهورن: أين شهدنا توقيع هذا الدولار من قبل في جافا سكريبت؟ شاهدنا ذلك في المحاضرة. تحدثنا عن ذلك. ماذا الدولار يعني؟ الحضور: شيء مع مسج؟ JASON هيرشهورن: الحق بالضبط. هذه لديها ما تفعله مع مسج. هذه علامة الدولار يعني أستخدمه وظيفة المكتبة مسج هنا. صحيح تماما. لذلك نكتب علامة الدولار، ومن ثم لدينا هذا PAREN المفتوحة والمغلقة PAREN، وداخل هناك، ما يذهب داخل هناك عندما كنت تستخدم مسج ظيفة المكتبة، أو كنت باستخدام مكتبة مسج؟ مرة أخرى، رأيت هذا في المحاضرة. يمكن للشخص أن تعطيني - وأنت أيضا نرى شيئا هنا. ما يدور داخل هناك؟ جيف، أعطني تخمين. ماذا يعني هذا تبدو وكأنها، # المحيط؟ حيث شهدنا ذلك من قبل؟ الحضور: هل من مكتبة أو شيء من هذا؟ ليس لدي فكرة. JASON هيرشهورن: حسنا، دعنا لي فتح مؤشر نقطة - كلا، المكان الخطأ. لذلك نرى لدينا شيء دعا المحيطات هنا. حيث شهدنا الوسم # المحيطات المحيطات، بناء الجملة من قبل؟ نعم؟ الجمهور: CSS؟ JASON هيرشهورن: في CSS. لذلك أردنا أن أسلوب شيئا، نتذكر أننا سيضع CSS الوسم محدد، أو الوسم المحيط، على سبيل المثال، وجميع من التنسيق اننا نريد لإعطاء الشيء مع معرف المحيطات وضعنا داخل هناك. حتى داخل هنا انها ليست CSS محدد يذهب هنا. مسج يحدد الخاصة به نوع من محددات. ولكن انها نفس الفكرة، وفعلا الكثير منهم تتداخل مع CSS. حتى داخل هذه الأقواس المفتوحة، ل وضع محدد، ومهما كانت يشير محدد ل، وهذا ما كنت على وشك أن تستخدمه. حتى في هذه الحالة، وأنا اختيار معرف المحيط. إذا كان لدي الطبقة - دعونا نقول لدي فئة من الأشياء ودعا "صور"، وأعطي أن ل الكثير من العناصر، كيف يمكنني الرجوع فئة من الأشياء تسمى "الصور؟" الجمهور: أعتقد أنه كان نقطة. JASON هيرشهورن: مع نقطة. حتى إذا بدلا من ذلك أنا وضعت نقطة في الصور هنا، التي من شأنها أن تعطيني فئة من الأشياء يسمى "الصور". بطبيعة الحال، وهذا هو قوية عظمى، و يمكنك الرجوع إلى الكثير من الأشياء. في الواقع، يمكن أن ترجع في الأساس أي علامة في HTML. لذلك إذا أردت أن تفعل ذلك، الدفتيريا، وهذا علامة التي شهدناها من قبل عندما إنشاء جدول. وربما كنت على دراية أن من P تعيين سبعة. في هذه الحالة، فإنه يحدث في الواقع لتحديد كل منهم. انها سوف تعطيني مجموعة جميع علامات الدفتيريا. ولكن هذا يمكن الحصول على الساحقة قليلا، وحتى الآن جيئة وذهابا الحق نحن الذهاب الى التمسك فقط الرجوع معرفات. فماذا يفعل هذا، مرة أخرى، هو أن يحصل، في هذه الحالة - آسف. يذهب هنا، لindex.html و. انها المحيطات، بدلا معرف المحيط مراجع شعبة، لذلك هذا جزء من هذا سطر من التعليمات البرمجية التي يحصل شعبة. ثم هذه النقطة يعني ادعو وظيفة، واسم ذلك الوظيفة HTML. وهذا قصيرة لل، إذا رأيت يا رفاق من قبل، علامة الدولار، وثيقة، دوت الحصول على عنصر بواسطة معرف، دوت HTML الداخلية. هذا هو مجرد نسخة مسج ل. وبالتالي فإن وظيفة HTML فقط يحصل HTML الداخلية. من هذا العنصر. ذلك مرة أخرى، إذا نظرنا إلى هنا، سنقوم انظر ليس هناك HTML الداخلية. وحتى إذا فعلت ذلك، وأود أن يكون محاولة للحصول على HTML. عندما كنت اكتب هذا، وأنا وضع HTML. لذلك أنا تمرير هذه الوظيفة لسلسلة، السلسلة التي قمت بإنشائه هنا، وقوله وضع هذا داخل شعبة المحيط. نعم؟ الجمهور: عندما تحصل على HTML، كنت مجرد الحصول على نسخة إذا، أليس كذلك؟ كنت لا إزالته. JASON هيرشهورن: الحق. إذا فعلت ذلك، وأراد لحفظ هذا في فار - عفوا. التي من شأنها أن تحصل على كل المعلومات التي كان هناك وحفظه في آخر متغير، وجعل على نسخة منه. الحضور: OK. حصلت عليه. JASON هيرشهورن: هكذا أنشأنا بعض HTML، حفظ ذلك في السلسلة. نحن توفير بعض أكثر. هنا ترى أن سلسلة TODO. ولهذا ربما ما نحن فيه الحصول على هذا TODO من عند نذهب الى صفحتنا. وفعلا، إذا كنت انقر على الحق في TODO، تفقد العنصر، تحدثنا عن هذا الأسبوع الماضي. هذه هي الطريقة التي يمكننا أن نرى HTML هيكل صفحتنا. ستلاحظ أن أسفل هنا - دعونا جعل هذا أكبر قليلا، وأيضا - لدينا شعبة ID المحيط هنا. الجميع يرى أن سطر من التعليمات البرمجية؟ وهذا ما نحن أنواع في index.html و. داخل منه، ونحن نرى الآن هذا خط الجدول من التعليمات البرمجية. وما هذا الخط جدول متاحة، هذا هو رمز ونحن للتو بإدراجه في هذا العنصر. ونحن ننظر داخل منه، ونحن أبدا colgroup المكتوبة وTBODY. وأضاف أنه بالنسبة لنا ل فعلنا بعض الاشياء الهوى. ولكن ستلاحظ هناك آر، هناك والدفتيريا مع TODO. بحيث يبدو مثل، مرة أخرى، التعليمات البرمجية التي كتبنا هنا. هذا هو بالضبط ما هذا الخط كان يقوم به. انها تتخذ سلسلة HTML لدينا و وضعه داخل هذه الدرجة هنا. كان لديه شيء في البداية. هذه الصفحة يحصل على تحميل. علامة الدولار، document.ready. هذا يبدأ التنفيذ. نسميه وظيفة draw_ocean، و داخل الدالة draw_ocean أخذنا هذا HTML ووضعها داخل هذا شعبة. ذهبنا فقط من خلال الكثير هناك. هل لدى أي شخص أي أسئلة عن ذلك؟ أو كيف يعمل، أو مسج؟ لأنه إذا كنت أفهم ذلك، ثم مسج يجب أن تأتي نأمل سهلة نسبيا. نعم؟ الحضور: ما كان لديك داخل الأقواس تحت المطبوعة HTML سلسلة، وهذا هو اسم المتغير HTML والتي وقد أعلن في وقت سابق؟ JASON هيرشهورن: هذا الحق هنا؟ الجمهور: نعم JASON هيرشهورن: نعم. الجمهور: حتى إذا كنت قد يدعى أن شيء آخر، وهذا شيء آخر وكان ما من شأنه أن يضع هنا. JASON هيرشهورن: الحق بالضبط. وهذا هو نقطة جيدة. هذا هو مربكة قليلا بسبب لدي HTML، أتش تي أم أل. هذا داخل هنا هو اسم بلدي متغير، وهذا الحق هنا هو اسم الدالة مسج. الحضور: ولكن من أجل أن مسج تعمل في العمل، عليك أن تعطيه بعض المدخلات HTML؟ JASON هيرشهورن: بالضبط. أو لديك لاعطائها السلسلة. أنه سوف يضع هذه السلسلة داخل من شعبة أو أيا كان. هذا هو مجرد سلسلة. فإنه لا يعرف هذا هو HTML، ولكن ومن الواضح أن تنسيق ذلك عن قصد لتكون HTML صالحة. هل هذا يجيب على السؤال؟ الجمهور: نعم. JASON هيرشهورن: OK. نعم؟ الجمهور: ماذا لو المحيط المشار إلى زر أو شيء من هذا؟ ما ان. أتش تي أم أل تفعل؟ التي من شأنها أن تغيير نص الزر؟ JASON هيرشهورن: لذا فإن السؤال هو ماذا لو أنها تشير إلى زر؟ فإنه سيتم تغيير الداخلي HTML لشيء ما. حتى إذا كان لديه علامة مفتوحة وقريبة العلامة، فإنه سيتم وضع شيء في ما بين العلامة فتح وإغلاق. اذا لم يكن هناك فتح وإغلاق علامة، وانها لن تفعل أي شيء. الجمهور: انها حرفيا نسخة ولصق الشيء؟ JASON هيرشهورن: نعم. فإنه ينسخ ويلصق شيئا من أيا كان متغير أمرر عليه، و سلسلة أنا تمريرها، وداخل تلك فتح وإغلاق العلامات. دعونا ننظر إلى أسفل هنا. أوه، يا للسماء. لم لا draw_pool فعل أي شيء هناك. وهذا هو المشكله. تدريب، نجاح باهر. حسنا، ليس الكثير غير ذلك إلى جانب ذلك. لذلك دعونا نبدأ، و دعونا إصلاح هذا الأمر. وانا ذاهب الى حاجة الجميع مساعدة للحصول على هذا المنجز. ليس هناك في الواقع أن العديد من خطوط من التعليمات البرمجية، كما أعتقد، في الكتابة. وأعتقد أنني فعلت هذا منذ بضع سنوات للحصول على إصدار 2K12، وهناك لا ينبغي أن يكون ذلك العديد من خطوط من التعليمات البرمجية إلى الكتابة. أنا لا ينبغي أن يكون حذف ذلك الرمز. وأرجو أن يكون حفظها فقط. أوه، مجنون. على أي حال، دعونا نبدأ. لذلك أنا في هذه المجموعة، أو أنا في هذا الخط، ولدي ocean_array. وأريد أن أضع كل هذا، كل شيء من هذا الملف، في بلدي ocean_array. فكيف لي أن كل شيء من هناك، ووضعها في ocean_array؟ انها سطر واحد من التعليمات البرمجية. الذين يمكن أن تعطيني سطر من التعليمات البرمجية أو قل لي، لديك فكرة ما أن خط من التعليمات البرمجية يجب أن تفعل؟ لماذا لا نبدأ هنا، ثم سنقوم مواصلة التحرك في جميع أنحاء الغرفة الإجابة على الأسئلة. كورت؟ ما هو الأولى؟ الجمهور: Ocean_array، قوس، الدلفين. يساوي دولفين، وقوس، الدلفين؟ دولفين مع كل رأس المال. JASON هيرشهورن: OK. دعونا المشي من خلال بناء الجملة. الحق هنا، وهذا هو مثل حلقة foreach، لذلك يفعل في الواقع الكثير من الأشياء بالنسبة لنا. والدلفين هو كائن. لذلك نحن لسنا في حاجة لكتابة شيء مثل الدلافين، الدلافين، وذلك لأن الدلفين هو في حد ذاته الاعتراض الذي أريد. انها ليست المؤشر. فهل هذا يعقل؟ الجمهور: نعم. JASON هيرشهورن: فكيف لك اقتراح تغيير التعليمات البرمجية الخاصة بك؟ إذا كنا نعرف أننا بالنظر إلى مؤشر؟ أوه، آسف. كنت جيدة. ولكن كيف - اسمحوا لي أن أطرح سؤالا مختلفا. إذا كنا نريد أن - دعونا أكتب هذا الواقع. لا تهتم. ونحن في طريقنا لكتابة هذا. هذا أمر عظيم. آسف. كنت مجرد الخلط جدا هناك. دعونا نترك أن هناك في الوقت الراهن، و سوف نعود لتدريب الدلافين، وضع دلفين. دعونا فقط إصلاح الأولى هذا المحيط الرسم وظيفة، وسوف نعود ل ذلك، كورت. ولكن حتى الآن، جيد جدا. دعونا ننظر داخل draw_ocean. الخط الذي يتطلع إلى أن يكون الخطأ هو هذا "صور من الدلافين في متجر المحيط في سلسلة HTML. "والحق الآن، أنا فقط مثل TODO، لكنني تريد حقا أن وضع الدلافين صور في المحيط. ماذا في ذلك، نوح، هل تعتقد هي أول شيء يجب أن أقوم به؟ إذا كنت تريد أن تذهب من خلال بأكمله مجموعة، ما هو أول شيء يجب أن أقوم به؟ الحضور: نحن بحاجة ل إنشاء لحلقة. JASON هيرشهورن: A للحلقة. وما ينبغي أن لتبدو وكأنها حلقة؟ الحضور: ل- نحن في حاجة للذهاب من خلال كل الدلفين في مجموعة المحيط. حتى لفار الدلفين في - يمكنك كتابة مجموعة المحيط؟ JASON هيرشهورن: أحب ذلك؟ الحضور: ربما هذا صحيح. JASON هيرشهورن: دعونا العصا مع لأنه الآن، وبعد ذلك سنقوم أعود إلى ذلك. وأنت تسير لتكون مسؤولة لذلك السطر. وذلك لدي من قبل عن الحلقة. مايكل، وكنت حتى الآن. ماذا علي أن أفعل الآن؟ الحضور: سيكون لديك لاتخاذ تخزين الصور من الدلافين. JASON هيرشهورن: فأين هو أن المخزن؟ الحضور: في مجموعة الدلفين؟ JASON هيرشهورن: أنا الخلط الآن جدا حول ما يحدث. دعونا معرفة كيف يمكننا القيام به التصحيح هذا، ومن ثم سآتي يعود لكم، حسنا؟ ما يعادل printf في جافا سكريبت؟ آني؟ الجمهور: انها وثيقة أن أكتب؟ JASON هيرشهورن: أو كيف يمكن أرى شيئا في تعزية في أسفل؟ الجمهور: Console.log. JASON هيرشهورن: Console.log، بالضبط. لذلك دعونا نفعل console.log، ودعونا وضعت للتو "دولفين" في، موافق؟ إذا كان هذا يعمل بشكل مثالي، ونحن في طريقنا لل ديك - دعنا نرى، مرة أخرى في هذا الملف dolphins.js، كان هناك ستة الدلافين، لذلك أود أن الحصول على ستة أو شيء نأمل المطبوعة إلى وحدة التحكم، أليس كذلك؟ وهذا ما نحن فيه حتى الآن لأننا لم خط كورت هنا، ومن ثم نحن لم نوح للحلقة، ونحن لدينا هذا الخط، لذلك نأمل أن نرى ستة الأشياء المطبوعة إلى وحدة التحكم. لذلك دعونا نذهب هنا، دعونا فتح دينا تعزية وتحديث الصفحة لدينا. حسنا، يبدو شاهدنا ستة مؤشرات. صفر، واحد، اثنان، ثلاثة، أربعة خمسة، نعم. الجمهور: كيف تحصل على تلك الصفحة الخاصة بك داخل - JASON هيرشهورن: كيف يمكنني الحصول على لهذا الشيء هنا؟ الجمهور: لا، الصفحة كروم داخل [غير مسموع] الأجهزة. يمكننا أن نرى ذلك أم لا؟ JASON هيرشهورن: هذا كروم الصفحة اليمنى هنا؟ الجمهور: نعم. JASON هيرشهورن: وهكذا مثلما هو الحال في مجموعة P ثمانية، لقد فتحت نافذة كروم على سطح المكتب، على بلدي سطح المكتب ماكنتوش. وإذا لاحظت هنا هذا الرابط حتى على أعلى اليسار، يطابق هذا IP معالجة هنا. حتى للقيام بذلك، على الرغم من بداية المشكلة تعيين المواصفات يرشدك من خلال بالضبط كيفية القيام بذلك. ولكن أنا فقط أتبع ذلك، وبدلا من ذلك من برمز المكوك، أنا فقط لم كود منطقتنا. الشيء هو بارد يمكننا أيضا تفقد ocean_array. لذلك يبدو وكأنه هو ocean_array مجموعة من ستة أشياء، و دعونا فتح كل واحد. الطفرة! واحد. حتى كورت، يبدو الخاصة بك عملت كود تماما. حصلت بدأ كل شيء في ocean_array. لأنني اخطأ في وقت سابق. ولكن نعم، وظيفة رهيبة. وocean_array هو الصحيح، ويبدو مثل الآن ونحن نرى أن الدلفين هو عدد 0-5، لذلك بدا مثل مؤشرات في صفيف. ذلك بالنظر إلى أن المعرفة، مايكل، ماذا علينا أن نفعل الآن؟ أعتقد بصوت عال. ما هو شيء ونحن نريد أن نفعل؟ الحضور: نريد للحصول على JPEG لكل دولفين. JASON هيرشهورن: OK. فكيف يمكننا الرجوع - كيف يمكن أن نحصل على JPEG؟ أين نبدأ؟ حيث يتم تخزين كل شيء؟ الحضور: في ocean_array؟ JASON هيرشهورن: OK. الحضور: وهكذا ocean_array، الدلفين - JASON هيرشهورن: كيف يمكننا الحصول على شيء بالداخل - لذلك هذا يعطينا هذا الكائن. وشاهدنا هذا من قبل مع البنى. فما نوع من التدوين هل نحن بحاجة إلى استخدام؟ الحضور: سيكون نقطة. JASON هيرشهورن: A نقطة. ثم ما الحقل؟ الحضور: صورتي؟ أو هذا ليس حقل - JASON هيرشهورن: ما هو عليه ودعا في dolphins.js؟ وانظر، يمكنك أن تبحث. يمكننا أن نذهب فقط إلى هنا. يمكننا أن نرى ocean_array، يمكننا استكشاف ذلك. ما وصفته؟ الحضور: نوع. الانتظار. الصورة؟ قلت الصورة. JASON هيرشهورن: صورة. الحق. كنت لا يبدو وكأنك تعرف ما كنت تتحدث عنه، على الرغم من. بدا أشبه تخمين. حتى تلك الصورة، بحيث تعطي لنا URL للصورة. جيف، لديك سؤال؟ الجمهور: نعم، أنا لا أستطيع الحصول على ما لديك على كروم الخاص المتصفح على جهاز الكمبيوتر الخاص بي. أنا فقط الحصول على "مرجعية غير مسك لم يتم تعريف الخطأ، وحدة التحكم ". JASON هيرشهورن: كنت قد إعداد كل شيء؟ الحضور: حسنا، أعتقد أنني فعلت كل ما كنت فعلت على الشاشة الكبيرة. JASON هيرشهورن: وأنت chmodded كافة الملفات؟ وأنت لم تذهب من خلال الإعداد كله؟ الحضور: سأحاول مرة أخرى. JASON هيرشهورن: OK. أنا تخطي أكثر من أن الكثير في بداية، ولكن عليك أن تذهب من خلال الإعداد كله تماما مثل في بدءا من مجموعة المواصفات المشكلة. التصريح كل شيء و تأكد من انها فيها. الجمهور: سأذهب و مضاعفة التحقق من ذلك. ظننت أنني فعلت ذلك، ولكن سوف يتضاعف الاختيار. JASON هيرشهورن: وهكذا، وهذا يبدو و مثل ذلك سوف تعطينا سلسلة وصورة. عظيم. لدينا عنوان URL للصورة. كيف نضع الآن في - ماذا يحدث إذا نكتب هذا فقط، مايكل؟ الجمهور: فإنه يحصل فقط في الصورة. لا يعرض فعلا. JASON هيرشهورن: دعونا نرى ما سيحدث. سنقوم بحفظ ذلك. سنقوم تشغيله هنا. يبدو أننا لا تحصل على أي شيء. إذا كنت استكشاف هذا الجدول، يبدو داخل - نعم، يبدو وكأنه أنا لا أحصل على أي شيء. الحضور: هل علينا - JASON هيرشهورن: هذا هو سلسلة، هذا الرمز هنا. أين أريد أن أضع هذه السلسلة؟ الحضور: أنت تريد وضعها في المحيط؟ JASON هيرشهورن: OK. وإلى هنا أنا أضع سلسلة دعا أتش تي أم أل في المحيط. الحضور: وهكذا سيكون من الدولار علامة، والمحيطات، أتش تي أم أل (غير مسموع). JASON هيرشهورن: وهذا من شأنه وضعها مباشرة في هناك. ولكن ماذا لو أريد أن إضافته إلى - أنا خلق بالفعل سلسلة، أليس كذلك؟ لوضع في المحيط، ما هو اسم هذه السلسلة؟ الجمهور: HTML. JASON هيرشهورن: HTML. فماذا يمكنني إرسال القادمة؟ الجمهور: يساوي، يساوي. أو يساوي فقط؟ JASON هيرشهورن: ماذا سيكون يحدث إذا أنا أكتب متساوين؟ الحضور: لن التي تجعلها على قدم المساواة - أو لا أن - الحضور: تعيين؟ JASON هيرشهورن: إنه سيتم تعيينه، ولكن ماذا سيحدث لكل شيء التي تم تخزينها في ذلك من قبل؟ الجمهور: سوف تخلص منه و. JASON هيرشهورن: سوف تخلص منه و. فكيف يمكنني إضافته إلى النهاية؟ أود فقط نسخ - الجمهور: زائد يساوي. JASON هيرشهورن: بلس يساوي، والكمال. هذا صحيح تماما. حتى الآن دعونا معرفة ما يفعل هذا. الطفرة! أوه، يا للسماء. وهذا هو مجرد الكثير من النص. موافق. لذلك يبدو أننا حصلت على الكثير من النص، ولكن هذا أمر عظيم. قد فعلت يا رفاق - أعرف أن هذا هو الثابت، وهذا هو الجديد. حتى الآن ثلاثة من رفاق فعلت رائعة. موافق، كنت القادمة. ماذا علينا أن نفعل بعد ذلك؟ من الواضح أننا لا نريد ذلك لمجرد اللعب السلسلة. نعم؟ الحضور: أنا فقط لدي سؤال. تعلمون، عندما تفعل ocean_array، الدلفين، في الأقواس، ليس دولفين مثل النقابي مجموعة في حد ذاتها؟ JASON هيرشهورن: أنا اخطأ. هذا الدلفين المؤشر. الحضور: ولكن ليس فار الدلفين في المحيط - أعني، عند تحميله في البداية ل كذلك، فار الدلفين في الدلافين، وليس أن الدلفين مجموعة النقابي؟ JASON هيرشهورن: هذا الدلفين؟ الجمهور: نعم. JASON هيرشهورن: رقم هذا الدلفين هو المؤشر. الحضور: OK. حتى لا يكون هناك متغير الدلفين؟ أعني، مثل مفتاح الدولفين في ومجموعة النقابي؟ JASON هيرشهورن: الحق هنا؟ مثل، dolphin.name؟ الجمهور: نعم، هناك مثل الدلفين نقطة - مثل لا يعني دولفين أن يكون كل كائن؟ الجمهور: نعم، هذا ما فكرت أيضا. الجمهور: أعتقد أنه كان مثل الدلفين ومجموعة النقابي في الدلافين. لأن هناك ستة النقابي صفائف في DOLPHINS، أليس كذلك؟ JASON هيرشهورن: الحق. الطريقة قمنا هذا مكتوب الآن، انها ليست. الحضور: لماذا هو؟ JASON هيرشهورن: نحن يمكن ان نفعل ذلك، و هناك في الواقع وظيفة مسج دعا. كل الذي يعطي لك كل شيء. ولكن هذه الجملة ليست - أنا اخطأ في وقت سابق - وهذا بناء جملة ليس هذا هو الرقم القياسي. هذا هو مجرد إعطائنا مؤشرات. ولكن هل يمكن أن تفعل علامة الدولار. لكل منهما، التي هي وظيفة مسج. التي من شأنها أن تعطيك كل مجموعة الزميلة. حتى التحقق من ذلك. ولكن هذا ما يفعل كل هذا الرمز. الحضور: هذا أول لحلقة، وأنا اعتقد ان هذا من شأنه أن يكرر ست مرات لأن لديك ستة مؤشرات. وثم الثانية للحلقة، وليس ذلك بالتكرار و نفس القدر من الأوقات؟ JASON هيرشهورن: نعم. الحضور: لذلك هناك حقا أي - نحن قد كتبت أول حلقة ل مرة أخرى، وكان يمكن أن يكون عمل. مثل، فار الدلفين في دولفين؟ JASON هيرشهورن: نعم، ولكن نحن الآن باستخدام ocean_array. لقد انتقلنا في كل شيء ocean_array يقول لأننا نريد من أي وقت مضى لتغيير ما في dolphins.js، أو إذا نحن نريد أن التلاعب ocean_array في وقت لاحق، ونحن لا نريد للتلاعب الدلافين، المتغير. نحن نريد أن التلاعب نسخة منه، لأنه إذا كنا نريد أن نأخذ شيئا من، وبهذه الطريقة نحن فقط ستكون آمنة. هل هذا معقول. الجمهور: نعم. JASON هيرشهورن: OK. لذلك، كارلوس، كيف لي أن هذه السلسلة وجعلها صورة بدلا من ذلك، والحصول على الصورة الفعلية؟ كنت قد نرى هذا الرمز من قبل. كيف أفعل تضمين صورة على صفحة؟ الجمهور: هل هو شيء فعلناه حول بالإضافة إلى أن الشركة المصرية للاتصالات HTML يساوي دعوة اندفاعة عرض، وقالت انها حذفه؟ JASON هيرشهورن: هذا الاشياء هنا؟ الجمهور: نعم. نوع من. JASON هيرشهورن: لا تقلق بشأن ذلك. أن يبدأ مجرد سلسلة HTML. إذا كنت ترغب في تضمين صورة في بلدي صفحة ويب HTML، ما علامة يمكنني استخدامها؟ الجمهور: لا أتذكر. JASON هيرشهورن: OK. أفي، مساعدته على الخروج؟ الحضور: هل سيكون مرساة، أ href، ثم ربطه؟ JASON هيرشهورن: لذلك كما هو الحال في مرساة. الحضور: أنت لا تحتاج إلى ربطه، على الرغم من، أليس كذلك؟ JASON هيرشهورن: ماذا لو أنا فقط تريد خلق صورة؟ الحضور: سيتم IMG ومن ثم سرك يساوي مهما كانت السلسلة؟ JASON هيرشهورن: حسنا، هذا صحيح، IMG. كارلوس، وأنت تسير ل أعتبر من هنا. IMG تقف على "الصورة"، والمدرجات سرك ل "مصدر". وتحتاج لاعطائها عنوان URL أو بعض - ولا حتى URL. بعض الموقع حيث أن يتم تخزين الصورة. حتى وأنا أعرف أن هذا سيحصل لي الصورة، وحتى الآن كيف أضع كل هذا معا، يعتقد؟ لدي بعض بناء الجملة أنا بحاجة إلى إصلاح. بالضبط ما أحتاجه إلى الكتابة، كارلوس؟ الجمهور: أنا لا تحصل على ما كنت تحاول القيام به. لذلك كنت في محاولة لوضع كل الصور في جدول؟ JASON هيرشهورن: نريد لعرضه جميع الصور في الصفحة. ورأينا كيف أن هذا السطر من التعليمات البرمجية الحق سلاسل وأضاف هنا لدينا سلسلة HTML وطبع بها مثل هذا. نحن بدلا ترغب في عرض الصور. وأدركنا، مارو، قال لنا أن هذا السطر من التعليمات البرمجية - لذلك دعونا ننظر هنا. إذا ذهبنا واستكشافها، وسوف نقوم تعديل هذه ك HTML. مارو، وقال: اذا لم نفعل هذا النوع من بناء الجملة، نحصل على صورة. لذلك لا تجعل معنى؟ هذا هو نوع من السلسلة التي نحن تريد حقا أن وضعت داخل المحيط الغوص، وليس مجرد النص نفسه. الحضور: [غير مسموع] JASON هيرشهورن: عذرا؟ الحضور: لا يمكن نسخ فقط أن واحدة أن أعطى Kianna، ووضعها في ذلك - JASON هيرشهورن: نسخ هذا، ووضع هذا الحق هنا؟ الجمهور: نعم. JASON هيرشهورن: هذا قريب، ولكن هناك مشكلة واحدة مع هذا، و ما هذا؟ HTML هي سلسلة، ونحن بحاجة لإضافة السلاسل إلى ذلك. الحضور: حتى ذلك الحين كنت وضعت عليه - ناه. JASON هيرشهورن: ونحن لدينا ثلاثة - هذا الحق هنا ليس سلسلة. كيف يمكننا جعله سلسلة؟ كيف يمكنك أن تجعل دائما شيء سلسلة؟ الجمهور: أنا لا أعرف. JASON هيرشهورن: إذا كان لدي النص، كيف يمكنني جعله سلسلة؟ أود هنا على هذا الخط هنا؟ الحضور: وضعه في جدول؟ JASON هيرشهورن: ماذا عن هذا؟ الجمهور: اقتباس. JASON هيرشهورن: مزدوجة ونقلت والحق؟ التنصيص يجعل شيئا سلسلة. بحيث يجعل أن سلسلة، وهذه هي سلسلة. كيف أضع سلسلتين معا في جافا سكريبت؟ الجمهور: دوت. JASON هيرشهورن: غير دوت. هذا PHP. الجمهور: زائد. JASON هيرشهورن: بالاضافة الى ذلك، صحيح تماما. بالإضافة إلى ذلك، ثم ما يفعله لك أقترح أن أفعل هنا؟ الجمهور: اقتباس آخر. JASON هيرشهورن: اقتباس آخر، موافق. كيف يمكنني انهاء سلسلة؟ الجمهور: اقتباس آخر. JASON هيرشهورن: اقتباس آخر. وكيف أضع هذه السلسلة جنبا إلى جنب مع هذه السلسلة؟ A زائد. هذا صحيح تماما. فعلت هذا فقط بالنسبة لنا. هذا هو الكمال. حتى الآن دعونا تجعل هذا. والبحث، ونحن قد حصلت على كامل مجموعة من الصور. أوه، يا إلهي. تلك هي مخيفة. ونحن في طريقنا لاستكشاف لهم في الثانية. نعم، نوح؟ الحضور: وأنا أعلم أنه لا حقا المسألة، ولكن يجب إغلاق الخاص العناصر مع علامة صورة؟ JASON هيرشهورن: نحن يمكن، إذا أردنا، إغلاق صورتنا العلامة فقط من هذا القبيل. دعونا تجعل ذلك. على، لا، نحن لا نستطيع أن نفعل ذلك. الحضور: أوه، كسرت ذلك. JASON هيرشهورن: أعتقد أن هذا هو التحقق من صحة، وإن كان. أنا لا أعتقد أنك في حاجة مائلة للإغلاق. حسنا، هذا شيء عظيم. كارلوس، وشكرا لكم. حتى الآن أربعة رفاق لقد قام بعمل رائع. بطبيعة الحال، وكما ترون، نحن خلق نوع من الجدول شطبة. وأريد هذه الأشياء لتكون في جدول. فكيف يمكنني وضع هذه أشياء في الجدول؟ انا بحاجة الى بعض المزيد HTML بشكل واضح. ولاية اسام، أي نوع من HTML أنا في عداد المفقودين؟ الجمهور: ماذا تفعل أنت تريد أن تفعل، آسف؟ JASON هيرشهورن: أريد أن أضع كل هذه الصور في الجدول، لذلك كل صورة وينبغي أن يكون في عمود واحد من الجدول. كيف أقول هذا هو عمود واحد؟ كنت قد رأيت هذا الرمز من قبل. هذا هو في P تعيين سبعة. تم آر أتذكر واحد: الجمهور؟ JASON هيرشهورن: آر هو صف واحد. الجمهور: أنا لا أعرف تشغيله قلبي، لكنني يمكن أن تحقق. JASON هيرشهورن: هل شخص ما تذكر؟ الحضور: TD؟ JASON هيرشهورن: الدفتيريا، صحيح تماما. الدفتيريا يضعه كعمود. حتى إذا وضعت الدفتيريا هناك، ولاية اسام، ما الذي أحتاجه وطرح؟ ماذا أحتاج لإضافة؟ الحضور: لديك لإغلاقه؟ JASON هيرشهورن: بالضبط. أين أن تذهب؟ الجمهور: هناك حق؟ JASON هيرشهورن: الحق هنا؟ الجمهور: أعتقد ذلك. JASON هيرشهورن: ما هذا إغلاق الحق هنا؟ ما هذا؟ هذا الشيء الأزرق؟ الحضور: هذا للصورة. يجب أن تذهب بعد، على ما أعتقد. JASON هيرشهورن: OK، صحيح تماما. لذلك دعونا نرى ما فعله هذا. أوه، وهذا حرج. دعونا فتح المحيطات، طاولة، الجسم الطاولة، آر. لذلك لدينا طن، لكنني لا أرى الصور. هذا غريب. يبدو أنها بنيت ذلك، ولكن لم تظهر لي الصور. أي أفكار لماذا هذا قد يكون صحيحا؟ أي أفكار؟ الحضور: إذا كنت التمرير أسفل، سترى لهم. JASON هيرشهورن: بوم! حتى انهم هناك، ولكن هذا غريب أن انهم على طول الطريق هناك. الجمهور: إنهم أيضا جميع في صف واحد. JASON هيرشهورن: وانهم جميعا في الصف، وانهم جميعا أحجام مختلفة. حتى ولاية اسام، أعطني سطر واحد من التعليمات البرمجية أكثر إذا كنت يمكن أن تجعل كل صورة نفس الحجم، ويبدو أنني قمت وأشارت بالفعل حجم أنا تريد لها أن تكون. كيف يمكنني أن أجعل كل صورة نفس الحجم؟ إعطاء تخمين البرية. ماذا عن هذا الخط من التعليمات البرمجية؟ الحضور: هل لك أن تجعل مثل ثابت؟ JASON هيرشهورن: أو حيث هو آخر وضع أتمكن من وضع هذا السطر من التعليمات البرمجية، إذا كنت مجرد نسخ ذلك؟ الجمهور: على طول الطريق على أن نفس الخط؟ JASON هيرشهورن: موافق، دعونا نضع في هنا، أليس كذلك بالضبط. والآن دعونا نرى ما سيحدث. أوه، يا للسماء! الآن يبدو أننا بدأنا في الحصول على شيء، ويبدو أنها كل نوع من يصلح في الجدول الذي لقد شيدت في كل الدفتيريا. أيضا، ولاية اسام، دعنا نقول أنا أحب بهم آفاق لتكون أكثر قليلا - الشيء مرتفعات هو رمي قبالة لي، لذلك ما يجب أن أحدد في أوجها؟ اختيار أي رقم. الجمهور: 200؟ JASON هيرشهورن: 200. أنا ذاهب لاختيار 100. هذا أمر عظيم. لحقا مثل 200. هناك نذهب! حسنا، الآن هذا هو بداية لننظر قليلا أفضل وقليلا أكثر تنظيما. أي أفكار أخرى لماذا نحن بحاجة إلى القيام به لتخزين الصور من الدلافين؟ نعم؟ الحضور: هل يقتبس، أو واحد ونقلت وحول القيم ل المصدر، الطول، العرض، هي تلك اختياري؟ JASON هيرشهورن: أين ونقلت واحد؟ الحضور: كما هو الحال في بعض الأمثلة، كنت قد مثل ارتفاع اقتباس يساوي "150". هو التي ليست ضرورية. JASON هيرشهورن: لذلك دعونا هنا ننظر إلى أسفل. إذا كنا النقر على المحيط، والذهاب إلى الطاولة، ستلاحظ أسفل هنا فعلا وأضاف هؤلاء يقتبس بالنسبة لي. الحضور: OK. JASON هيرشهورن: وهكذا أدرك ما نفعله يبدو بطيئا بشكل مؤلم. لدينا كتب فقط ثلاثة أسطر من التعليمات البرمجية حتى الآن، أو أربعة أسطر من التعليمات البرمجية، ولكن هذا هو في الواقع العملية التي أذهب من خلال كل مرة أريد لجعل هذا الموقع. سطرا سطرا، وذلك باستخدام وحدة التحكم أسفل هنا، واستكشاف الأشياء وكشف خروج خطوة بخطوة ما أريد القيام به. لذلك نأمل، وهذا يقلد ليا رفاق في وضع جيد، وسيلة تربوية ما وسوف يكون في الواقع تفعل عندما يمكنك إنشاء موقع الويب الخاص بك. دعنا ننتقل. لقد خلقت هذه الأشياء. انا ذاهب الى الواقع - أفي، لدي سؤال كبيرة بالنسبة لك. أنا لا أعرف، ونحن سوف نمضي قدما. دعونا نذهب إلى "القطار الدلفين في حين ان يتم النقر الصورة. "كيف أقترح أنا أكتب هذا الخط مدونة؟ الجمهور: هناك وظيفة ودعا "القطار". JASON هيرشهورن: هناك وظيفة ودعا "القطار"، صحيح تماما. الحضور: وتتوقع فهرس. JASON هيرشهورن: قطار تتوقع فهرس، لذلك، موافق. أفي، وهذا هو بالضبط المنطق أنني أحب أن أرى. القطار تتوقع فهرس. الجمهور: حتى وأنت تسير أن يكون للحلقة. JASON هيرشهورن: حسنا، أريد أن أفعل عند النقر على الصورة، لذلك أفي، كيف يمكنني مراقبة عندما يتم النقر الصورة؟ هناك بضعة طرق للقيام بذلك. هذه هي قوة جافا سكريبت و مسج، ولكن أيضا الجزء الأصعب. الحضور: إذا قوسين، لا. أو إذا حدث قوسين، أو شيء بسيطة نسبيا؟ JASON هيرشهورن: وهكذا رأينا زوجين طرق للقيام بذلك في المحاضرة. وكان شيء واحد ل، إلى هنا، هل يمكن أن تفعل شيئا مثل هل يمكن إنشاء وظيفة مثل على نقرة، أو القيام شيء من هذا القبيل على نقرة. الجميع يتذكر رؤية شيء من هذا القبيل؟ يمكنك أن تفعل ذلك داخل علامة HTML. أرى بعض الوجوه الفارغة. بعض الناس مثل ما ويتحدث عنه؟ فلا بأس لأنني أعتقد أن هذا هو طريقة أكثر تعقيدا للقيام بذلك. ونحن في طريقنا للقيام أسهل بكثير طريقة استخدام مسج. لذلك، أفي؟ الجمهور: صاحبة الجلالة؟ JASON هيرشهورن: إذا كنت تريد أن تفعل شيء مسج، من الواضح أنني بدء، مثل قبل، مع هذا علامة الدولار، مفتوحة PAREN، PAREN وثيق، وضعف ونقلت هنا. نحن نعرف الآن أحتاج محدد هنا. ما محدد هل تقترح أن تطبق على كل صورة واحدة أو كل صورة واحدة؟ الحضور: صورة؟ JASON هيرشهورن: هذا صحيح تماما. والتي تنطبق على كل صورة واحدة. يحصل كل منهم. انها ليست هوية، انها ليست فئة، انها نوع من العلامة، وهذا يحدث ل الحصول على كل واحد. والآن انا ذاهب لاقول لكم هذا في الوقت الراهن، ويمكنك البحث عن مزيد من وثائق على ذلك في وقت لاحق، ولكن هذا شيء يسمى "على" يتعامل مع الأحداث. ذلك ما تحصل عليه القيام به الآن، والذي هو قوية عظمى، هو يقول ما هو نوع من الحدث الذي تبحث عنه وما تريد القيام به عند تلقي هذا الحدث. لذلك أنا ذاهب الى ان نعطيكم قليلا أكثر قليلا رمز، أفي، ثم كنت قد حصلت على الذهاب، موافق؟ الحضور: OK. الجمهور: على - ونحن في طريقنا إلى القول "فوق" في هذه الحالة، والتي عليك عموما استخدام. هكذا فوق، ومن ثم نحن في طريقنا لل تمريرها وظيفة مجهول. وبناء الجملة هذا وأنت تسير لرؤية الكثير، ونأمل أن يمكن كتابة الكثير. هذا ما يفعله هو، مرة أخرى، على النقر من ما يسمى الصورة، أيا كان، أي شيء يسمى الصورة، ونحن نذهب لتشغيل هذه الوظيفة المجهول. أنا لا يعطيها اسما. أنا لا يمر عليه أي حجج. أنا فقط، مثل، خلق ها هي وظيفة، وهنا ما رمز كنت تنوي القيام به. هذا مع بناء الجملة هذا وسيلة. وأيضا، كما ستلاحظ، يبدو مشابهة جدا لهذا الأمر هنا أننا كتب من قبل. موافق، أفي. لذلك كنت ترغب في الاتصال القطار على مؤشر. غير أن ما كنت تريد أن تفعل؟ الجمهور: نعم. JASON هيرشهورن: هذا هو؟ موافق. دعونا نرى ما سيحدث. الحضور: الانتظار، على الرغم من. مؤشر غير متغير الآن. JASON هيرشهورن: إذن ليس مؤشر متغير الآن. أنا لا أعرف من أين حصلت عليه من. الحضور: [غير مسموع]. لذلك لا تحتاج إلى أولا معرفة الدلفين الذي حصلت النقر؟ JASON هيرشهورن: ممتاز. تحتاج إلى معرفة أي حصلت النقر الدلفين. هذه هي لقطة البرية في الظلام. أي شخص لديه أي فكرة كيف يمكن معرفة ما دولفين حصلت النقر؟ إذا لم يكن كذلك، أنا فقط تعطيه لك، لأن هذا هو مجنون جدا. موافق. لذلك دعونا طباعة عبر console.log. هذا الشيء. لذلك، علامة الدولار، PAREN مفتوحة، هذا PAREN قريبة. لذلك عندما كنت أنقر على هذه الصورة، وانا ذاهب لطباعة هذا إلى وحدة التحكم، ودعونا نرى ما سيحدث. دعونا نعود هنا. دعونا نذهب إلى وحدة التحكم. عدم وجود أخطاء، والحمد لله. موافق. أنا النقر. اسمحوا لي أن تفعل ذلك مرة أخرى. أنا النقر هذه الصورة الأولى، وهذا حصلت المطبوعة إلى وحدة التحكم، هذا الخط من الأشياء. أنا ذاهب إلى استخدام كلمة "هذا" الكثير. هذا الشيء هنا، وهذا هو غاية خاصة، وأنه يفعل بالضبط ما أفي يريد أن تفعله. هو الحصول على كل ما هو بالضغط على أو أيا كان. لأن مرة أخرى، وهذا يحدث محدد للتعامل مع أشياء كثيرة، ونحن لا يعرف بالضرورة الشيء الذي نحن تتحدث عنه، لذلك نحن نريد أن يحسب ما الذي الشيء نتحدث عن طريق هذا النحو. في هذه الحالة هنا، الوسم المحيط، نحن نعرف دائما ما الشيء نحن سوف يكون الحديث عن، لذلك لم نكن بحاجة حقا هذا داخل المحيط الوسم. انها دائما المحيط، أن شعبة. انها الهوية، واحد فقط شيء ممكن. ولكن في هذه الحالة، وهذا ينطبق على الكثير من الصور، في الواقع، ست صور، ولذلك نريد أن نعرف ما خاصة تم النقر على الصورة. ويبدو أن هذا هو نوع المعلومات التي تحصل عليها. نحصل عليه يشبه بعضها كبير سلسلة، ونحصل على كل هذا المعلومات مع هذا. نحصل على أطنان وأطنان وطن من الاشياء. مسج قوية عظمى. انها تعطينا طن من المعلومات حول هذا العنصر HTML خاصة. أفي، ماذا نريد أن نعرف حول هذا العنصر HTML؟ الجمهور: شيء من هذا القبيل معرف. JASON هيرشهورن: معرف. كذلك، لدينا مصدر، والعرض، والارتفاع. الحضور: يمكننا استخدام مصدر. JASON هيرشهورن: نحن يمكن استخدام المصدر. سوف أن تعطينا سلسلة، سلسلة URL. ما نحن بصدد القيام به مع أنه بمجرد أن لدينا؟ كيف نعود لدينا المؤشر في ocean_array؟ الحضور: يمكننا مقارنة إلى أخرى. JASON هيرشهورن: وهكذا يمكن لنا من خلال كل حلقة. الآن نستطيع حلقة ثانية ثم قارن ذلك. تصور ما يمكن أن يكون وسيلة أبسط و إذا كنت يمكن أن يتصور واحد فقط؟ الجمهور: عدم وجود لحلقة. JASON هيرشهورن: عدم وجود لحلقة. الحضور: مجرد معرفة الدلفين، [غير مسموع]. JASON هيرشهورن: الاعتقاد ما الدلفين. موافق. لذلك دعونا حفظ هذه المعلومات في هذه العلامة الصورة. ومرة أخرى، في الوقت الراهن، وهو جزء من هذه الاشياء هو مجرد السحرية لأنني قد أن يظهر لك هذا لأول مرة، ولكن نأمل هذه هي الأشياء كنت على وشك أن تفعل. لذلك هذا هو شيء السحرية يمكنك القيام به. يمكنك حفظ بعض بيانات تعريف إضافية في عنصر. انها لن تظهر، وسوف لا يؤثر على أي شيء. يمكنك فقط حفظها هناك. وأقترح علينا حفظ المؤشر مع كل صورة. وبالتالي فإن الطريقة يمكنك أن تفعل ذلك هو خلق لكم سمة دعا اندفاعة البيانات، و ثم أيا كان الاسم الذي تريد أن تعطيه. اندفاعة البيانات هو شيء خاص وهذا هو نظرا للكم، وتقول هذا هو شيئا المستخدم هو الذهاب الى خلق. لذلك نحن خلق هذا الشيء يسمى مؤشر، ودعا هذا المفتاح المؤشر. وداخل منه، ونحن نذهب لوضع واحدة في كل مرة ليس فقط، ولكن ما يفعله وضعنا داخل منه، أفي؟ ما يجري هنا؟ الجمهور: دولفين. JASON هيرشهورن: دولفين. ليست تلك الكلمة. الدلفين. ومرة أخرى، ونحن بالفعل المطبوعة الدلفين في وقت سابق، أن 0، 1، 2، 3، 4، 5، و نحن توفير ذلك مع الصورة. وحتى الآن، إذا كنت تفعل - ومرة ​​أخرى، ننقذ أن البيانات الوصفية. كيف يمكنك الوصول إلى هذا التعريف؟ انها مع وظيفة فقط ودعا "البيانات". وتحتاج إلى تمرير واحدة وسيطة واحدة فقط، والتي هو اسم الشيء. لذلك أنا ذاهب لطباعة هذا الخروج، ثم سآخذ الأسئلة. ولكن أساسا، أنا أقول أعطني هذا الكائن الذي تم النقر على، نظرة في كل من سمات البيانات الخاصة به، واحدة تسمى "فهرسة" أعطني تلك القيمة. ودعونا نرى ما يحدث عندما نحن تحديث هذه الصفحة. بالضبط ما كنا نتوقعه. مرة أخرى، كان ذلك سحرية جميلة. نحن فقط لم الكثير هناك. الذي لديه أي أسئلة حول هذا الموضوع؟ نعم؟ الحضور: أنا فقط لدي سؤال حول رمز حي الخاص بك. كنت تستخدم مثل علامة اقتباس مفردة، مزدوجة الاقتباس، مثل الحق هناك. JASON هيرشهورن: الحق هنا. الجمهور: نعم. هناك سبب لماذا تفعل اقتبس واحدة، اقتباس مزدوجة؟ JASON هيرشهورن: هناك سبب، وهذا يعود الى ما ماركوس طلبت في وقت سابق. في هذا الخط، وكنت كونها أفضل قليلا في بلدي الترميز. أريد هذا، وهذا هو ما أنا بصراحة ينبغي القيام به كل من الوقت، لعرض وارتفاع على وجه الخصوص. دعونا ننظر إلى أسفل هنا. سترى هنا، يمكنك ان ترى ذلك؟ وأنا أعلم أنه نوع من الصغيرة، ولكن البيانات مؤشر اندفاع في علامات اقتباس مزدوجة. تلك الأشياء تحتاج دائما ليكون في علامات اقتباس مزدوجة. قيمة يحتاج دائما ل يكون في علامات اقتباس مزدوجة. ولكن هنا، إذا فعلت اقتباس مزدوجة، وهذا ستنتهي هذه السلسلة هنا، والآن لن أكون الكتابة في سلسلة. لذلك أنا الالتفاف حول ذلك فقط عن طريق استخدام اقتبس واحدة، وذلك لأن الاقتباس واحدة لا تنتهي سلسلة جافا سكريبت، ولكن في HTML أنها لا تهتم إذا كنت ويعطيها علامات الاقتباس المفردة أو علامات الاقتباس المزدوجة. انها سوف مجرد تفسير ذلك مثل علامات اقتباس مزدوجة. فهل هذا يعقل؟ نعم؟ الجمهور: كيف يمكن الحصول على عنوان IP في الجزء السفلي من العميل الخاص بك؟ الألغام يقول أي عنوان IP. هل هناك شيء ينبغي لي فعلت في [غير مسموع]. JASON هيرشهورن: في الجهاز الخاص بك، كان لديه شيء؟ الجمهور: نعم. JASON هيرشهورن: هناك شيء يمكنك القيام به لاصلاحها، ولكن أنا لست ذاهب لقضاء بعض الوقت المشي من خلال هذا الحق الآن. ولكن يمكننا ان نفعل ذلك بعد القسم. الحضور: إذا كنت أعود إلى وحدة التحكم، لماذا كان الرقم الوارد 012321؟ JASON هيرشهورن: وحدة التحكم؟ أوه، لأنني فقط تم النقر حول بعنف. الحضور: أوه، حسنا. لا تهتم. JASON هيرشهورن: ومرة ​​أخرى، لا أستطيع انقر على شيء من الأوقات bajillion. الحضور: لدي سؤال حول حلقة الخاص بك مرة أخرى، للحصول على الحلقات. لأنك تعرف في P تعيين ثمانية، و استخدام نموذج مختلف من تلك الحلقة. لذلك هم لا مثل فار ط يساوي 0، ط أقل من، ocean_array.length، ط + +. هي تلك يعادل؟ JASON هيرشهورن: هذا هو معيار للحلقة. أو نعم، وهذا هو لحلقات. في الواقع، شاهدنا هذا ما يعادلها. الحضور: هذا ما يعادل ما قمت به هنا؟ تعتبر أفضل من الآخر؟ JASON هيرشهورن: رقم لذلك، مرة أخرى، ونحن قد ذهب على بعض الأشياء. لقد انتقلنا الآن خارج منطقة الراحة لدينا وبدأ القيام ببعض حقا بارد الأشياء التي نحن لم تسر بالضرورة في أكثر من فئة من قبل، ولكن سوف نأمل أن تكون قوية جدا بالنسبة لك عندما الترميز. أفي، دعونا نعود هنا. لدي مؤشر الدلفين. الآن ماذا يجب أن أفعل؟ الحضور: أنت بحاجة إلى تدريب عليه. وذلك بدلا من وضع console.log، كنت يمكن تعيين متغير يساوي ذلك؟ JASON هيرشهورن: OK. إلى هذا الحد؟ الجمهور: لست متأكدا إذا كنت تستطيع أن تفعل ذلك. JASON هيرشهورن: حتى فار x تساوي هذا، أيا كان هذا يعود، انها سوف إعادته. لا يهم. فإنه يمكن إرجاع أي متغير. ليس هناك أنواع هنا. الجمهور: أو هل يمكن أن مجرد قيام استدعاء دالة. JASON هيرشهورن: نعم، لماذا لا أفعل ذلك؟ مجرد القيام استدعاء دالة. الجمهور: نعم. وضعت مجموعة أخرى من الأقواس. JASON هيرشهورن: ممتازة. هذا صحيح تماما. بحيث استدعاء الدالة القطار. بطبيعة الحال، ليس هناك ما هو في القطار وظيفة، لذلك أقترح، اكشار، ما ينبغي القيام به في وظيفة القطار. تعطيني بعض التعليمات البرمجية الزائفة. الجمهور: أعتقد أن عليك أن إزالة دولفين من الجدول الأصلي. JASON هيرشهورن: وهذا هو الحصول على إلى نوح في وقت سابق من السبب في أننا نسخ قبل أن تتحول إلى مجموعة جديدة. الحق، لأننا لا لتحرير لدينا الدلافين مجموعة لأن ما إذا أخرى البرنامج استخدامه أو ما إذا كنا نريد للوصول إلى مكان آخر؟ نحن لا نريد أن نجعل نسخة، وهذا واحد ونحن ذاهبون لتحريرها. الحضور: ثم قمت بوضع في الموقع الجديد الخاص بك. JASON هيرشهورن: وماذا تفعل يتعين علينا القيام به بعد ذلك؟ الحضور: وبعد ذلك قمت بطباعة معلومات حول شركة دولفين للطاقة. JASON هيرشهورن: هذا صحيح تماما. نحن إزالته من ocean_array، ونحن وضعه في حوض السباحة، ثم نرسم المحيط في حوض السباحة. كيف يمكنني إزالة الدلفين من ocean_array؟ الحضور: أنت تذهب إلى الفهرس. أوه، حسنا. استخدام دالة لصق. JASON هيرشهورن: موافق، لذلك هذا هو الحق. ويمكنني أن استخدام وظيفة لصق التي يأخذ شيئا من مجموعة و يتكثف عليه. هذا شيء نحن جديدة لم أر من قبل. ولكن أريد فعلا للحفاظ على الفضاء هناك لأنني أريد لطباعة مساحة فارغة في المحيط. الحضور: حتى ذلك الحين يمكنك تعيين صورة من أن مؤشر، وocean_array الصورة مؤشر نقطة. JASON هيرشهورن: OK، ocean_array، مؤشر. الحضور: صور دوت. JASON هيرشهورن: صور دوت. الحضور: وقمت بتعيين أنه لاغية؟ JASON هيرشهورن: يساوي فارغة. موافق. لذلك لا شيء هناك، حتى ذلك الحين كيف أضع في حوض السباحة؟ قسنطينة، كيف يمكنني وضعه في حوض السباحة؟ لدينا هذا المتغير كنا نسميها، ودعا بركة، هنا. الحضور: هل نحن نفعل فقط متساوين مؤشر ocean_array؟ الجمهور: لا يجب عليك تبديل النظام؟ JASON هيرشهورن: واحد ثانية. نعم؟ الجمهور: نعم، كان ذلك فعلا نقطة جيدة. JASON هيرشهورن: ما يذهب هنا؟ الجمهور: هل هو مؤشر؟ JASON هيرشهورن: مؤشر، بالضبط. وماذا قال لك، قسنطينة، هو شيء يتعين علينا القيام به؟ الحضور: نحن ينبغي ربما تبديل النظام. JASON هيرشهورن: ولماذا ينبغي نحن التبديل النظام، ربما؟ الجمهور: لأن في ذلك تشير انها بالفعل خالية. JASON هيرشهورن: لذلك ليس كل شيء باطل، ولكن فقدنا عنوان URL الصورة. لقد خسرنا ذلك إلى الأبد؟ الجمهور: من الناحية الفنية لا؟ JASON هيرشهورن: هل خسرنا ذلك إلى الأبد؟ الحضور: رقم JASON هيرشهورن: حسنا، أين هو؟ الحضور: في الدلفين الأصلي - JASON هيرشهورن: انها في الدلافين، ولكن في ocean_array لقد فقدت إلى الأبد. حتى قسنطينة، يمكنك اقتراح أفضل طريقة لكتابة هذا الخط؟ في الواقع، آسف، يتم حفظه في حمام السباحة. لدينا في تجمع ل بركة هو كائن، أليس كذلك؟ مؤشر Ocean_array، وهو ocean_array هو مجموعة من الكائنات. بحيث تجمع هو كائن، وليس لدينا URL في هناك، وهبوطا هنا تم ضبطه على قيمة خالية. ذلك في الواقع، ليس لدينا فقدت إلى الأبد. لقد حفظته للتو في حمام السباحة. لكنها بالتأكيد ليست في ocean_array، وكما قلت لك، كارلوس، هو في مجموعة الدلافين. ولذلك فإن هذا يبدو الحلو. ثم كيف نرسم المحيط وحمام السباحة؟ ماريو؟ الحضور: يمكنك الاتصال فقط draw_pool وdraw_ocean؟ مثل ذلك، draw_pool، وبعد ذلك - حسنا، نعم، لأنها لا تأخذ أي شيء. JASON هيرشهورن: العظمى. ما draw_pool تنوي القيام به؟ الحضور: رسم تجمع؟ JASON هيرشهورن: نعم، حسنا، ما تسير الأمور أن تفعل؟ الحضور: آسف. هل يمكن أن تفعل الشيء نفسه الشيء، مثل لديها - JASON هيرشهورن: غدا، ونحن في طريقنا للوصول إلى هناك. لا شيء. فإنه لا يفعل شيئا في الوقت الحالي. دعونا نرى ما اذا كان هذا يعمل، على الرغم من. الذي قدم لنا هذا الرمز؟ اكشار وقسنطينة قدم لنا هذا الرمز؟ حسنا، دعونا نرى ما سيحدث. آه! كان هذا مثير جدا. انها ذهبت. أوه، الصبي. وهذا النوع من القبيح. كذلك، يمكن أن نعود وتحديد ذلك لاحقا. وأتساءل أين هو؟ أنقذنا في هذا المتغير بركة. كيف يمكنني معرفة ما اذا كان في هذا المتغير بركة؟ حسنا، مرة أخرى، وقوة جافا سكريبت، وعلى وجه الخصوص الأدوات التي الكروم يعطي لك، ويمكنك الآن فحص هذا المتغير بركة. انها العالمي، تذكر؟ نحن لم يضع الكلمة فار. حتى لو كنت اكتب أدخل هنا، قسنطينة، ما رأيك أنا سوف تحصل عليه عندما كنت هاهنا؟ الجمهور: أنا لا أعرف. JASON هيرشهورن: تخمين. الحضور: لا شيء؟ JASON هيرشهورن: لا شيء، خاطئ. كان هذا تخمين جيد، وإن كان. حصلت على الكائن. أتذكر ما قدمتموه لي التي سطر من التعليمات البرمجية. بركة، قمت بحفظها في أن متغير كائن. والواقع، ونحن نرى وجوه قمت بحفظه في ذلك. هذا رائع. نحن يمكن أن تفقد من هنا. انها تقريبا مثل الوقت الحقيقي GDB أن يمكننا أن ننظر من خلال رمز لنا و معرفة الأشياء. هذا هو رائع وقوي عظمى. حسنا، دعونا إنهاء هذا الأمر. دعونا رسم تجمع في خمس دقائق. مارو، أعطني خط رمز لرسم المسبح. الحضور: هل يمكن أن يكون آخر متغير HTML، ولكن / ل. JASON هيرشهورن: دعونا نجعل من السهل جدا في الوقت الراهن. دعونا مجرد طباعة اسم الدلفين نحن تدريب. الحضور: وبعد ذلك يمكنك أن تفعل الدولار التوقيع، الأقواس المفتوحة، ثم اقتبس مفتوحة. أعتقد بركة الجنيه، إذا كان ذلك الشيء. لا أتذكر. JASON هيرشهورن: دعونا ننظر إلى الوراء. أعتقد أنه شيء. الحضور: حسنا، نعم. ثم اقتبس وثيقة، وثيقة قوسين . أتش تي أم أل، الأقواس المفتوحة، ومن ثم أعتقد بركة، مثل قوس مفتوح 0 أو شيء من هذا القبيل. إغلاق اسم نقطة. أنا لا أعرف ما اذا كان يعمل. الحضور: حسنا، دعونا نرى ما سيحدث. "لا يمكن قراءة اسم الخاصية من غير معروف ". ذلك مرة أخرى، وهنا ما ونحن في طريقنا للتحقق من. ونحن في طريقنا لاستكشاف هذا. فعلت بركة، bracket0 مفتوحة. الاسم. مرة أخرى، أفعل هذا في كل وقت، وأنا الخلط بين ما يحدث، ماذا يفعل هذا التحذير يعني. دعونا ننظر في حمام السباحة. دعونا ننظر في قوس بركة 0، غير معروف. بحيث حيث نقوم بتشغيل في مشكلتنا، أليس كذلك؟ تجمع قوس 0 لا، من الواضح، وجود لها. ما رأيك هل توجد؟ الحضور: هل تجمع فقط كائن في حد ذاته؟ JASON هيرشهورن: حسنا، ماذا فإنه لا يقول الحق هنا؟ عندما كنا هاهنا على حمام السباحة، ماذا يقول هو؟ الحضور: كائن. JASON هيرشهورن: هو كائن، لذلك؟ الحضور: أوه، نعم. حتى مجرد pool.name بدلا من - JASON هيرشهورن: Pool.name يعطي بالضبط ما أردت. وأنا أدرك أنني ذاهب من خلال هذا ببطء والاستفاضة هذه النقطة، ولكن هذا هو بالضبط كيف أفعل هذه الأشياء. وأنت تسير لتصل الى هذه الحشرات خلال المشروع النهائي الخاص بك، لذلك آمل هذا هو تمكين لك أن تكون قادرة لاستخدام كل هذه الأدوات. هذه هي الحاسمة وسوف تحصل السوبر المخادع بكثير. لذلك أنا لا أريد أن فقط طباعة الاسم. دعونا جعله قليلا بت أجمل من هذا. الحضور: ماذا نريد أن نفعل؟ JASON هيرشهورن: موافق، ودفع غرامة. سنفعل هذا فقط. هتاف اشمئزاز. الرجال، لم يكن لديك الحياة. موافق، الطفرة، وحصلت عليه. تبدو جيدة. سترى، اكشار، إلى هنا، لقد فارغة، لم يتم العثور على. لذلك يبدو انها لا تزال تحاول العثور على بعض الصور، والتي لم تفعل بالضبط ما أردنا أن نفعله. نحن لن أخوض في ذلك الآن، ولكن هناك على الأرجح وسيلة نظافة لل القيام بذلك. الحضور: هل يمكن أن يترك مثل مساحة فارغة للصورة؟ مثل بدلا من تعيينها إلى فارغة، هل يمكن تعيينها لمثل فارغة سلسلة أو شيء من هذا؟ JASON هيرشهورن: مثل هذا؟ الجمهور: نعم. JASON هيرشهورن: [غير مسموع]. لم يتم العثور على. ولذلك لا يوجد طريقة أفضل للقيام بذلك. وأود أن أقترح القيام بذلك. مجرد وضع فارغة هناك. ثم بطبيعة الحال، ما هو سيحدث؟ انها سوف تزول تماما. لذلك إذا أردنا للحفاظ على الفضاء والقيام ذلك، ونحن ربما تريد أن تفعل شيئا هنا كذلك. انا ذاهب للحصول على انك بدأته. اكشار، أعطني هذا الخط من التعليمات البرمجية سريعة حقا. الحضور: إذا ocean_array، الدلفين، يساوي، يساوي، يساوي - يساوي فارغة؟ نعم. JASON هيرشهورن: ثم ماذا؟ الحضور: ثم القيام أتش تي أم أل. كنت مجرد نسخ رمز أسفل، حقا. JASON هيرشهورن: نسخ ماذا؟ الحضور: يمكنك نسخ - JASON هيرشهورن: هذا؟ الجمهور: نعم. JASON هيرشهورن: كل ذلك؟ ليس لدينا صورة. الحضور: يعني كنت يمكن أن مجرد ترك - نعم، يمكنك فقط إغلاقه. ولكن اعتقد ان لديك لضبط العرض. JASON هيرشهورن: حسنا، فقط إنشاء عمود فارغ. موافق. ثم في هذه الحالة، سنقوم على الارجح تريد أن تفعل ذلك أيضا. عفوا. اه. لم تنجح، ولكن نحن لسنا الحصول على هذا الخطأ. دعونا نرى ما حدث هنا. ولذلك لا يوجد شيء هناك، وذلك ما قلت أننا يجب أن تضيف؟ الجمهور: ينبغي لنا أن نضع عرض الصف. JASON هيرشهورن: لماذا؟ الحضور: اعتقد انها 150. الجمهور: نعم، كان عليه 150. JASON هيرشهورن: نحن سوف أضع هذا هنا للحفاظ على رمز بلادي متسقة. ولكن هذه ليست واحدة. موافق، وحسن. نشرت. موافق؟ لذلك لا يزال يذهب بعيدا. الحضور: أوه، استدعاء العرض؟ JASON هيرشهورن: يبدو مثل العرض هو 150. دعونا نرى. الآن ونحن في طريقنا للقيام بهذه النهائي، بارد، شيء قوي بأني سوف تظهر لك. نحن لن ينهي هذا الرمز، ولكن على الانترنت قبل أن الإقلاع عن التدخين، كل هذا وسوف تكون متاحة الصحيح. سوف ارسل لكم النسخة المصححة مع بعض زملائي التصميم الخاصة بعد القسم، والتي سوف يتم نشرها على الانترنت. وأهيب بكم للحفاظ على استكشاف هذه واستخدام هذا كمرجع، ولكن أنا أريد أن تظهر لك الأداة النهائية لهذا الطبقة، وهذا هو أكثر من هنا على الجانب الأيمن. ونحن ننظر في هذا الأسبوع الماضي، ولكن الآن نأمل انها اكثر قليلا مألوفة لك ومريحة. يمكنك أن تلعب بشكل حيوي مع CSS صفحة. لقد رأينا بالفعل في الواقع لنا تلعب بشكل حيوي مع HTML. أتذكر فعلنا الحق انقر فوق تحرير ك HTML؟ الحق هنا؟ ولذا فإننا قد لعبت بشكل حيوي مع HTML. في وحدة التحكم، يمكنك أن تلعب بشكل حيوي مع جافا سكريبت صفحة. على سبيل المثال، وهذا صحيح جافا سكريبت الخط. طفرة، حصلت بالضبط ما أردت. حتى نتمكن من اللعب بشكل حيوي مع HTML، ولعب بشكل حيوي مع جافا سكريبت. الآن ونحن في طريقنا إلى حيوي اللعب مع CSS. وهذا كله لأنه مثل لحظة، ويعيش GDB ردود الفعل، وحتى تتمكن يمكن أن نعرف الحق شيئا قبل وجود للذهاب التعليمات البرمجية الخاصة بك، ويمكنك لا تخمين ما شيء الذهاب لتبدو وكأنها. لذلك هذا هو رائع المخادع. وأخيرا دعونا ننظر في حيوي اللعب مع CSS. وهذا أكثر من هنا على اليمين الجانب، element.style. دعونا نذهب إلى هذا. وهنا لدينا عنصر. دعونا إعطائه بعض CSS إضافية. أو آسف، ونحن يمكن أن تعطيه بعض اضافية CSS، لكننا على الأرجح، في هذه الحالة، تريد تغيير هذه السمة. لذلك دعونا نذهب إلى هنا لهذا الخط. أوه، لا أستطيع أن أفعل ذلك هنا. آسف. تعديل AS - لذلك هذا هو كيف يمكن تحرير CSS. نحن لن تحرير CSS في هذه الثاني، لكننا لا نريد لتعديل أتش تي أم أل واعطائها سمة إضافية. ماذا تقترح لتغيير هذا؟ أعتقد أنه كان أفي اقتراح. الحضور: عرض العقيد؟ JASON هيرشهورن: هذا يشبه أنها لم تفعل أي شيء سواء. دعونا نحاول المغلق. الحضور: [غير مسموع] الدرجة؟ JASON هيرشهورن: وتقول أنها لا تعمل. أنه يعطي هذا الشيء الأصفر. الحضور: ولكن [غير مسموع]. الحضور: لا يمكنك وضع عرض من صورة الى 150 عندما كنت تفعل ذلك؟ مثل لن كنت مجرد استخدام العرض؟ JASON هيرشهورن: نعم. الحضور: ولكن ليس لدينا صورة بعد الآن. JASON هيرشهورن: رقم ليس لدينا أي شيء هناك. لذلك نحن لن تحل مشكلة محددة. ونحن في طريقنا للعودة إلى لاكشار الحل، لأنني أريد أن تعيين دولفين الحرة في الوقت الراهن، أو أن هذا الأخير شيء أريد أن أنهي. لذلك نحن ذاهبون الى ترك هذا هنا مع الاعتراف انها ليست تماما الصحيح، ونحن في طريقنا أن أعود إليها. آسف. قلت ما في وسعنا حيوي تغيير CSS. دعونا ننظر في ذلك والقيام التي سرعان ما حقا. حتى لو كنت تفقد هذا العنصر إلى هنا، ويقول أريد أن تجعل من الأزرق، يمكنك أن تأتي إلى هنا، واللون، وذلك لأن وأنا أعلم أن يتغير لون شيء، ورأينا كيف فإنه تغييره الأزرق. ذلك أن لي حيوي تغيير CSS. لا تتغير لانها جيدة، ولكن بعد ذلك يمكنني أن أعود إلى بلدي وملف CSS تغيير لون كائن. موافق. كان ذلك كثيرا. لم نكن إنهاء برنامجي مدهشة. اسمحوا لي أن تظهر لك فقط أنه سريع الحقيقي، ثم سنقوم يخرج. أوه، أين هو؟ لا! على عقد. حسنا، كما كنت التعبئة حتى، و معاينة مذهلة، أو الجبهة عرض، للفي المرة القادمة. هذا هو المدرب دولفين عام 2013، وأنها لا تعمل. عظيم. [ضحك] JASON هيرشهورن: أوه! الطفرة! ماذا يعني هذا؟ الحضور: أنت لم شمود. JASON هيرشهورن: لم أكن شمود ذلك. الجمهور: صف واحد. JASON هيرشهورن: أوه، أن ننظر في ذلك. موافق. لذلك، لدي ستة الدلافين. ماذا يحدث؟ دعونا نرى. إذا كنت تدريب واحد، وتدريب ليلى الآن. أوه، أريد أن يحرركم، ليلى. هناك تذهب، مرة أخرى في المحيط. لذلك كان أن هذا الأسبوع. إذا كان لديك أي أسئلة، سنكون خارج. ومرة أخرى، سوف نرسل لك بقية هذا الرمز. شكرا لكم يا رفاق.