ALLISON BUCHHOLTZ والاتحاد الافريقي: كل الجميع الصحيح. أهلا بكم من جديد إلى القسم. فمن القسم قبل الأخير لدينا. إنه لأمر محزن للغاية. أنا لا أعرف ما أنا ذاهب الى القيام به دون رؤية يا رفاق كل يوم إثنين. أعتقد أننا يجب أن just-- ربما يمكن لنا فقط نجتمع هنا وتناول العشاء أو شيء من هذا. لا أعرف. سوف أحمل الطعام بدلا من ذلك. سنتحدث فقط. ولكن نعم، سوف الاسبوع المقبل يكون القسم الأخير. على تلك المذكرة، لديك مسابقة الاسبوع المقبل. وأنا أعلم أنني نسيت أن تفعل بلدي، مثل، أسبوعين إشعار مسبق الأسبوع الماضي، ولكن نأمل يا رفاق أعرف هذا كانت قادمة. نأمل أن هذا هو واحد من آخر انتخابات التجديد النصفي لليا رفاق للفصل الدراسي. لكنه سيحتاج لتغطية جميع المواد التي انتقلنا من جديد. حتى انها ليست مثلك يمكن أن ننسى فقط حوالي أربع حلقات أو المتغيرات. لأننا تعلمنا تلك في البداية، تلك هي الواضح لعبة عادلة للمسابقة الخاصة بك. 

انها سوف تكون نفس الشكل، نفس طول، لذلك كنت تستخدم بالفعل لذلك. هناك سيكون الترميز من مشاكل اليد، ربما بعض كاذبة صحيحا، ربما بعض الجواب القصير. لذلك يجب أن تكون معتادا على شكل، خاصة إذا كنت تأخذ اختبارات الممارسة. ولكن كما أقول هنا، انها تراكمية، ولكننا بالتأكيد على وشك أن تركز على الأشياء من الاسبوع ستة فصاعدا. لذلك، نحن ربما لن أن أسألك عن عدد بايت هي في كل نوع أو هذه الأنواع من الأشياء، لكننا ربما ستكون مهتمة في أشياء مثل القوائم المرتبطة، أو هياكل بيانات مختلفة، أو خوارزميات مختلفة التي تحدثنا عنها. لذا تأكد من أنك حقا حتى على تلك، وإذا كنت تحتاج إلى أي موارد، وهنا الكثير من الموارد. أنا فقط أعطاك النوع من قائمة سريعة هناك. 

سوف يكون الاسبوع القادم مسابقة مراجعة خلال هذا الوقت. حتى إذا كان لديك أي أسئلة أو مواضيع محددة، أشياء محددة على هذه المسابقة التي كنت ترغب في الذهاب أكثر، الرجاء إرسالها لي في وقت مبكر حتى يمكنني نوع من إعداد بعض المواد اللازمة لذلك. وبالإضافة إلى هذا قسم الاستعراض، وسوف نقوم في جميع أنحاء بالطبع أيضا أن عقد مراجعة كما فعلنا في المرة السابقة. وانها ستكون الذي قام به الشعب نفسه. أنا لا أعرف إذا كان هذا يجعل من أفضل أو أسوأ من ذلك، لكنها ستكون لي، هانا، Davan، وغابي مرة أخرى. حتى إذا كنت تريد أن يأتوا ويروا لنا جميعا المزاح مع بعضهم البعض والمشي لكم من خلال مسابقة الاستعراض، يجب عليك بالتأكيد يأتون إلى أن يوم الاثنين المقبل أيضا. لذلك سيكون لديك فقط ازدحام الاثنين معبأة المراجعة مسابقة، وهو أمر جيد لأن ثم لديك الثلاثاء لمعالجة من خلال كل شيء. 

ولكن بالتأكيد القيام تحقق من هذه الموارد. Study.csv.net هو إلى حد بعيد، وأنا أعتقد، واحدة من أكثر فائدة، في الغالب لأنه يحتوي الكثير من التعليمات البرمجية، كان لديه كل نقاط الطاقة مع كافة الملاحظات على ذلك، التي هي في الحقيقة ما أود أن ألفت أكثر من بلدي المواد قسم من. إذا كان هناك أي شيء في السابق المقاطع التي ربما أكون قد أرسلت التي قد لا يكون حصلت، فقط اسمحوا لي أن أعرف. مثل نموذج التعليمات البرمجية الأسبوع الماضي، إذا كان أي شخص لم يحصل ذلك، البريد الالكتروني لي فقط أو يأتي الحديث بالنسبة لي، وسوف نتأكد من أن تحصل على ذلك. 

حتى مع ذلك، واليوم نحن نذهب ليكون الحديث عن جافا سكريبت. لذلك نحن هنا تومي، الذي كنت مجرد الحديث معك الليلة الماضية. أنا أحب تومي. جافا سكريبت هي المفضلة لديه اللغة، كما يقول هنا. وأنها سوف محاولة واقول لكم انه من لم يكن الأفضل، وأنها سوف تكون على خطأ. لذا تومي هو سيد جافا سكريبت. أنا لست تماما في مكتبه مستوى، ولكن كنت مثل، "تومي، كيف أعلم هؤلاء الأطفال جافا سكريبت؟ " حتى حصلت على بعض النصائح، لذلك نأمل يعملون بها. 

حتى بضعة أشياء لمعرفته هو أن جافا سكريبت هو البرمجة النصية من جانب العميل اللغة، لذلك حين PHP شيء التي رأيناها أكثر من جانب الخادم، تم تحميله على الخادم، تجميعها وأعدم هناك. يتم تنفيذ هذا واحد على الجهاز الخاص بك. موافق؟ لذلك يمكنك تحميل بعض الصفحات جافا سكريبت، وينفذ على جهازك. بناء الجملة هي مشابهة جدا لC و PHP. ونحن في طريقنا للذهاب من خلال بعض الأمثلة من وجافا سكريبت، وأنت تسير أن نرى أن طريقة نتحدث عن المتغيرات، حلقات، والظروف كلها متشابهة جدا. موافق؟ حقيقة أنها تشبه ذلك هو ربما الذهاب الى رحلة البعض منكم يصل، في بعض الحالات، فقط بسبب سوف تتضمن قليلا من C حيث لا ينبغي أن يكون هناك. ربما حاولت واكتب شيئا عندما لا يجب كتابته. 

وعلى هذا، شيء واحد ل أعرفه هو أن جافا سكريبت هو كتبته حيوي اللغة، مثل PHP. إذا كان الأمر كذلك يا رفاق نتذكر من قسم الأسبوع الماضي، عندما كنا نوع فعل لدينا PHP دورة مكثفة، رأينا كيف يمكن أن يكون واحد سلسلة تحولت إلى واحدة كثافة العمليات، وهكذا دواليك. نوع المتغيرات الخاصة بك وتحدد في وقت التشغيل، حتى أنها قد تتغير بمرور مسار البرنامج، وبنفس الطريقة التي نحن أبدا أعلن حقا أنواع للمتغيرات PHP، ونحن في طريقنا إلى أن تفعل الشيء نفسه الشيء هنا، حيث أننا لسنا حقا السيطرة على أنواع من المتغيرات لدينا، إذا جاز التعبير، كما نفعل نحن في C. 

ثم شيء واحد هذا هو رائع هو يمكنك أن خطأ تحقق عبر وحدة التحكم، مع هذه الوظيفة العظيمة console.log، التي يسمح لك لطباعة مختلفة المتغيرات أو الأشياء التي سنقوم الحديث عنه. تماما مثل الاسبوع الماضي عندما كان عمري مثل، "استخدام هذه الوظيفة"، مع تفريغ من PSET بك هذا هو وظيفة تريد استخدامها، console.log. وفوجئت بذلك عدد الطلاب في ساعات العمل لم يكن يعرف شيئا عن وظيفة تفريغ. وكنت مثل، "يا رفاق، هذه الإرادة تجعل حياتك أسهل كثيرا ". 

كل الحق، حتى أن كان نوع من مجرد شيء وجيزة، كما هو الحال دائما، لدينا أمثلة على ذلك. وأنا أعلم يا رفاق الحب تلك. وحتى هنا مثال على جدا ملف بسيط جافا سكريبت هنا. حتى انها مجرد الذهاب الى خلق هذا المنبثقة التي تقول: "مرحبا العالم"، عند دخول الصفحة، ولكن دعونا محاولة المشي من خلال هذا قليلا. لذلك من الواضح أن هذا هو مجرد مثل index.html والعادي الخاص بك. لذلك، فقط لدينا قالب عادي هنا، ولدينا HTML، لدينا رؤوسنا، وتماما مثل مع CSS، وكيف أننا وشملت بعض الملفات الخارجي، أليس كذلك؟ لدينا بعض نوع النصي النص الذي هو جافا سكريبت. وكان المصدر هو hello.js، وهو إلى هنا. هذا هو ملف كامل من hello.js. ثم لدينا بعض عنوان وبعض HTML الجسم أننا لا نكترث. 

ما يحدث هو، ونحن عندما تحميل هذه الصفحة، ينفذ تلقائيا هذا البرنامج النصي. موافق؟ لذلك سوف جافا سكريبت تنفيذ تلقائيا. ذلك ما يجري القيام به، انه سيكون للذهاب فورا وتنفيذ هذا. وانها سوف يقول: "في حالة تأهب. مرحبا بالعالم. " التنبيه التي هي وظيفة أن يولد فعلا هذا المربع. موافق؟ حتى انها نوع من جميع تشمل. لا يوجد شيء خارج كان لدينا للقيام إلى جانب تنبيه فقط، ومن ثم كل ما أردنا ضمن مربع التنبيه لدينا. موافق؟ ذلك أن مجرد السوبر بسيط مثال على ما يمكن القيام به جافا سكريبت. 

واحدة من رائع حقا الأشياء، كما سنرى، غير أن جافا سكريبت يسمح لك على التعامل مع صفحات الويب الخاصة بك، دون الحاجة إلى إعادة تحميل لهم في كل مرة. حتى إذا كنت want-- على سبيل المثال، إذا كنت تحوم فوق شيء، إذا لديك يا رفاق من أي وقت مضى ينظر مثل الحانات القائمة، أو عندما كنت تحوم فوق بعض الموضوع، تظهر قائمة منسدلة، ذلك لأن من جافا سكريبت. موافق؟ لذلك كنت لا إعادة تحميل كامل الصفحة للحصول على هذه القائمة لتظهر، كنت تبحث فقط عن بعض محددة الإجراءات التي اتخذت للمستخدم، والتي تسمى الأحداث التي كنا سنصل في، ومرة ​​واحدة كنت أرى ذلك، أقول لكم، "حسنا، تعديل شيء على هذا الصفحة وجعلها تبدو مختلفة، ولكن فقط تعديل هذه أشياء محددة. لا تحميل كل شيء ". لذلك هو في الواقع أجمل بكثير، و لم يكن لديك لإعادة تحميل صفحات موقعك، وانه رائع حقا. 

تعريفات المتغير لذلك، حتى تستطيع أن ترى نوع من، أنا وضعت على رأس هنا، كتبته فضفاضة. لذلك هذا هو الى حد كبير مثل PHP. نحن لسنا بحاجة لاقول ما هو نوع جافا سكريبت نحن تتوقع كل من هذه المتغيرات أن يكون. ويمكن أن تكون أيا أنواع نريد. حتى لاحظت في هذه الحالة، فإننا نعلن لهم ببساطة جدا، فقط مع "فار" ثم ما نريد لدينا اسم المتغير ليكون. شيء واحد هو أن نلاحظ أنه عند وضع فار أمام اسم متغير، انها نطاقات محليا ذلك. موافق؟ فمن المعقول تماما بالنسبة لك لمجرد محو تماما فار ويكون مجرد الصورة يساوي CS50، و التي من شأنها أن تكون مجرد متغير عمومي. موافق؟ حتى تتمكن من تهيئة ذلك في كلا الاتجاهين، يعتمد فقط على الطريقة التي تريد ذلك. حتى إذا كنت تهيئة ضمن وظيفة، وتريد أن المتغير ل البقاء راقب داخل تلك الوظيفة، كنت تريد الذهاب الى القيام شيء من هذا القبيل فار اسم متغير، مقابل إذا كنت تريد ذلك راقب مستوى العالم، وكنت يمكن القيام به فقط اسم المتغير ثم كل ما كنت ترغب في ذلك تعيين يساوي. موافق؟ 

هذا هو نوع من شيء بارد إلى هنا، لأنه إذا لاحظنا متغير لدينا يبدأ ب من صحيح كما. وما does-- هذا يمكن لأحد أن يقول لي ما يفعل هذا؟ لذلك لدينا بعض حالة تأهب. ما يمكن أن اكتب لب تكون في البداية؟ الجمهور: منطقي. ALLISON BUCHHOLTZ والاتحاد الافريقي: منطقية. الحق. وبعد ذلك إعادة تعيين ب لهذه السلسلة، أليس كذلك؟ حتى ذلك الحين هنا، ما هو نوع ب يكون؟ انها تريد ان تكون سلسلة، أليس كذلك؟ لذلك ما هو المهم إشعار هو أنه في ج، ونحن يمكن أن تفعله أبدا تقريبا شيء من هذا القبيل. كنا يكون لديك متغير، يلقي أنها شيء آخر، ربما القيام ببعض ظيفة مع اثنين ط، انتقل من تهمة إلى عدد صحيح. ولكن اذا لاحظنا هنا، ب جدا يتغير بسهولة الكتابة. 

الجمهور: انتظر، لذلك يمكنك فقط يكون مثل، "جعل ب عدد صحيح؟" 

ALLISON BUCHHOLTZ والاتحاد الافريقي: نعم. يمكنك إعادة تعيين فقط ب إلى عدد صحيح. 

الجمهور: حقا؟ 

ALLISON BUCHHOLTZ والاتحاد الافريقي: نعم. ومن ثم سيكون من عدد صحيح. من المتغيرات الخاصة بك يمكن أن تتغير مع مرور مسار البرنامج أيضا. لا يتم كتابتها بدقة من. يتم كتابتها فضفاضة جدا عليه. موافق؟ في الأساس المتغيرات الخاصة بك يمكن أن تفعل كل ما يريدون، ونحن نوع من رأى مع PHP. ويمكن أن تفعل بعض الأشياء المجنونة، لذلك من المهم أن نكون حذرين جدا. تسمية المتغيرات بشكل جيد. إذا لم تقم بذلك، مفاجئة للجميع وأنت تسير أن يكون مثل، "الانتظار، وأعتقد أن هذا كان سلسلة، والآن حان عدد صحيح، ولست متأكدا حقا ما الذي يحدث هنا ". لذلك هذا هو مجرد مثال بسيط ل تبين كيف يمكن متغير بسهولة تغيير نوعه على مسار البرنامج. 

موافق. لذلك هذا ينبغي أن ننظر سوبر، سوبر مألوفة. لذلك هذه هي حلقات لدينا في جافا سكريبت. أنها هي بالضبط نفس، باستثناء بدلا من أربعة كثافة العمليات ط يساوي الصفر، يمكننا أن نقول فقط فار ط يساوي الصفر. ثم أننا يمكن أن يكون لدينا نفس النوع من الشرط، نفس النوع من التحديث، ط زائد زائد يعمل على ما يرام. حتى أربع هي نفسها، البرهة هي نفسها، والقيام البرهة هي نفسها بالضبط. نفس النوع من الشكل العام. نلاحظ، أربعة، بين قوسين، بين قوسين، انها كل نفس. أيضا سيكون هناك منقوطة عندما نصل إلى رمز المثال. سترى انها جميلة إلى حد كبير نفس ج. 

للإعلانات وظيفة، مرة أخرى، مشابهة جدا. لدينا بعض من وظيفة ذلك تماما يقول أنه من وظيفة، ومن ثم اسم دينا وظيفة، والمدخلات. ومرة أخرى اذا لاحظنا، ونحن ليس لديهم أنواع هنا على الإطلاق. أليس كذلك؟ ليس لدينا شيء يقولون أن هذه تحتاج إلى أن تكون [إينتس] أو الزوجي، أو عوامات. ويمكن أن تكون ما يريدون. المهم هو ملاحظة أن نحن بحاجة لكتابة وظيفة مسبقا السماح جافا سكريبت نعلم أن هذا هو في الواقع وظيفة. 

لذلك هذا هو فقط بعض مبلغ بسيط وظيفة وترجع x أو y، ثم ما هو أيضا بارد هو أنه يمكنك فعلا تعيين وظيفة إلى متغير. حتى في هذه الحالة، المبلغ الآن الوظيفة التي في الواقع لا المبلغ. لذلك إذا لاحظت هنا، لدينا وظيفة، واسم وظيفة، والمدخلات. أليس كذلك؟ هنا لدينا فقط وظيفة والمدخلات. لذلك وهذا ما يسمى وظيفة مجهولة. وهذا هو الشيء الذي يجب أن تكون جديدة بالنسبة لمعظم من يا رفاق، إن لم يكن لكم جميعا. وذلك أساسا ما أن الوسائل هي أننا لا تحتاج إلى اسم لدينا وظيفة في هذه الحالة. يمكننا أن نقول فقط، "حسنا، أنا ذاهب ل لدينا هذه الوظيفة أن ينفذ، وهنا ومدخلاته، وهنا ما يجري القيام به. " وخصوصا عندما كنت تعيين وظيفة لبعض متغير ان كنت تريد الذهاب للتلاعب، كنت لا بالضرورة تحتاج إلى تسميته ل كنت على وشك أن يشير لمن قبل هذا المتغير اسم، وليس مهما وظيفة كان يسمى في الواقع. موافق؟ 

حتى إذا كنا نرى هنا، ونحن لدينا بعض مبلغ متغير الآن هذا هو مساويا ل مجموع ثلاث وخمس سنوات. وسوف نحصل على هذا. وهذا من شأنه أن يكون مجرد بعض في حالة تأهب، ثلاثة زائد خمسة يساوي عدد. وهذا بالإضافة إلى سلسلة فقط وكان كل ما ردنا على السلسلة. بارد أيضا، بالإضافة إلى أن سلسلة السلاسل. 

لجافا سكريبت، كما هو الحال مع PHP، HTML، CSS وكما قلنا، الكثير من ذلك نحن نوع من الأخذ العجلات تدريب قبالة هنا ويا رفاق لديهم الكثير من المعرفة كيفية فهم حقا هذه الأشياء. انهم مختلفة قليلا، لكنها ليست الأجانب حتى وأنك لا يمكن أن جوجل الأشياء أو البحث عنها على الانترنت مع مدارس W3. ونحن نتوقع كنت حقا الرجال ل، نوع من، التجربة وتعلم بنفسك. لذلك، أعرف أن هذا قد يبدو قليلا أقل شمولا من بعض ج الأشياء نقوم به، ولكن هذا في الواقع لسبب ما. ولكن نأمل انها ليست جدا مختلفة، وانها ليست ساحقة. 

حتى المصفوفات في جافا سكريبت، مرة أخرى جدا، مشابهة جدا. أليس كذلك؟ لدينا بعض مجموعة متغيرة وهذا يساوي الأقواس فارغة، وهذا مجرد مجموعة فارغة. وغالبا ما تسمى هذه الحرفي تدوين مجموعة. هذا شيء واحد فقط نحن نسميها. إذا كان لنا أن نرى مجموعة اثنين هنا، لدينا بعض مجموعة الحرفية التي لديها ثلاثة عناصر، أليس كذلك؟ ثم لدينا بعض العنصر الثالث VAR هذا بعض متغير هذا فقط الذهاب لعقد هذه السلسلة، JS. 

العناصر، جيدة لاحظت، تكون مفصولة بفواصل، تماما مثل كنا نتوقع. ويمكنك أيضا الوصول إلى هذه، كما فعلنا في C، مع هذا الترميز الأسي، أليس كذلك؟ تختلف كثيرا عن PHP الآن، ونحن في طريقنا إلى الوراء لمجرد نوع من الإشارة إلى الأشياء مؤشر. تماما مثل C، كما انها مؤشر الصفر. أشعر أنه سيكون قاسيا حقا إذا جعلوا فجأة جافا سكريبت واحد مؤشر، وكان لك تماما إعادة التفكير في كيفية كنت تفكر في المصفوفات. 

شيء واحد بارد هو أنه بدلا من الاضطرار إلى do-- إذا كنت من أي وقت مضى أراد طول صفيف، ربما كنت تكرار من خلال ذلك حتى تجد بعض نهاية، أو كنت أعرف فقط ما هو عليه. لأن جافا سكريبت هي فضفاضة جدا في أكثر طرق من نوع عادل، وكما نرى هنا، يمكننا أن نجعل فقط هذه المجموعة أكبر لأننا قررت ذلك. اذا لاحظنا مجموعة الثلاثة ثلاثة أشياء تبدأ، ولكن بعد ذلك فجأة، نحن مثل، "أوه، مجرد مزاح. ونحن في طريقنا الواقع لجعلها 101 الامور ". حتى إذا كنت تريد من أي وقت مضى لمعرفة طول الفعلي للمجموعة الخاصة بك، يمكنك أن تفعل ذلك من هذا القبيل. ونحن في طريقنا لرؤية الكثير من هذه الرموز في الأمثلة، ولكن مع جافا سكريبت انها عادة أيا كان الكائن الذي كنت تتحدث عن نقطة أي نوع من ظيفة تريد المطبق عليه. موافق؟ 

حتى في هذه الحالة، لدينا الهدف من ذلك هو مجموعة اثنين، ونحن نقول نريد طول مجموعة اثنين. ولذلك فإن هذا يدعو تماما مثل طول على ذلك. والتي سيعود طول الخاص بك. أيضا شيء هو أن نلاحظ اذا لاحظنا أن المصفوفات لدينا، خلافا C، لم يكن لديهم أن يكون كل من نفس النوع. وهذا هو أكثر من ذلك بكثير مثل PHP. جافا سكريبت هي في الأساس مجرد مثل هذا إخلط مثيرة للاهتمام من C و PHP. ولذا فإننا سنصل إلى ذلك. الآن، دعونا نفترض فقط أن المصفوفات الخاصة بك هي في الأساس مثل صفائف C، في ذلك والصفر فهرستها فيها. حسنا، هذا هو كل شيء. يمكنك أيضا مجرد توجيه مجموعة إلى أي مؤشر تريد. في حين ربما هذا SEG خطأ على لك أو لتعطيك بعض الخطأ، جافا سكريبت هو مثل، "قام خلاله، أنه بخير. حصلت على هذا. سنقوم اذهبوا مباشرة حيث تريد ". 

OK، لذلك الكائنات هي مهمة جدا. سيتم يا رفاق يستخدم الكثير من هذه في مجموعة P الخاص بك، إذا كنت أتذكر بشكل صحيح. ذلك الشيء أن هذه هي على غرار في C هي البنيات. لذلك يمكن ان يخطر لك عندما about-- نذهب إلى مثال الحق بعد هذا وأعتقد أنه سوف جعل الكثير من sense-- ولكن نستخدمها أساسا الكائنات ل تنظيم المعلومات المتعلقة بطبيعة الحال. عندما تحدثنا عن البنيات في C، ونحن في كثير من الأحيان الحديث عن الطالب الذي لديه بعض الاسم، ID، منزل، كما تعلمون، التركيز. وهذا النوع من الشيء نفسه التي نستخدمها الأشياء لهنا. انها مجرد لتنظيم معلومات مشابهة. 

يمكنك أيضا أن نفكر في هذه أنها أكثر على غرار النقابي المصفوفات في PHP. ولذلك فإن هذا من شأنه أن يكون نوع من الشيء حيث لدينا بعض المفتاح مع بعض القيمة، تشبه الى حد بعيد PHP. حتى تتمكن من تهيئة بعض كائن فارغ، كما نرى هنا، فقط مع الأقواس المعقوفة. المصفوفات لذلك هي أقواس معقوفة. الأشياء الفارغة هي الأقواس المعقوفة. تمييز الجيد لديهم. وهذه ليست سوى اثنين مختلفة طرق لضبط خصائص. لذلك هذا هو نوع من أكثر من ذلك بكثير من الطريقة التي يشبه PHP، مع شركائنا صفائف النقابي، مع مفتاح لدينا، وقيمة لدينا، في حين هذا واحد is-- عليك نرى هذا أكثر بكثير في جافا سكريبت. هذا يميل إلى أن يكون الاتفاقية. وبنفس الطريقة التي قمنا به مجموعة اثنين من طول نقطة، وهذا ما يقول، "حسنا، أعطني هذا يعزو هذا الكائن ". أليس كذلك؟ لذلك بنفس الطريقة التي كان مثل، "أعطني طول سمة من مجموعة اثنين " هذا قائلا: "أعطني بعض خاصية كائن فارغ لدينا ". أو في هذه الحالة، نحن تعيين إلى بعض القيمة هنا. ولكن هل يمكن أيضا الوصول إلى الأمر على هذا النحو. 

ثم هنا وهذا هو فقط تظهر اثنين من التنبيهات المختلفة. ولذلك فإن هذا سوف تظهر التنبيهات سيكون بالضبط نفس، انها اثنين فقط طرق مختلفة ل الوصول إلى العنصر الذي نريد. هل هذا يعقل أن الجميع؟ أشعر هذا واحد ربما أكثر منطقية، فقط لأننا نزوله من PHP. ولكن كما نفعل المزيد من الأمثلة، وهذا هو نفسه حرفيا بالضبط. وهناك الكثير من انها مجرد تغيير في بناء الجملة. 

OK، لذلك أمثلة. أنا أحب الأمثلة. حتى هنا هو بعض CS50 المتغير الذي هو كائن، ونقوم بتخزين كل هذا معلومات حول هذا الموضوع. لذلك لدينا بالطبع، مدرب، TFS، psets، ومسجلة. لذلك نلاحظ هذه هي تقريبا كل من أنواع مختلفة. أليس كذلك؟ حتى الأشياء يمكن تخزين سمات من أنواع مختلفة. يمكن أن نفكر في this-- انها جدا على غرار مجموعة النقابي لدينا في PHP. لذا رئيسية، والقيمة، الرئيسية، القيمة، الرئيسية، قيمة، لذلك جرا وهكذا دواليك. ما هو المثير للاهتمام أيضا بنفس الطريقة أننا يمكن أن يكون صفائف داخل المصفوفات، فإننا يمكن أن يكون أيضا الكائنات داخل الأشياء، أو صفائف داخل الكائنات. كنت أبدا محدودة حقا ل مجرد واحد من الأشياء. يمكننا الحصول على Inceptionesque جدا، فقط الاستمرار أسفل فتحة الارانب هناك. 

لذلك اذا لاحظنا، ونحن لدينا بعض بالطبع أن هو سلسلة، مدرب هذا سلسلة، ومجموعة، عدد صحيح، ومنطقية. لذلك كل هذه الأمور مختلفة. 

كل الحق، لذلك، لدينا واحدة أخرى. حتى في هذه الحالة، لدينا مجموعة من الكائنات. لذلك تماما مثل كائن يمكن أن يكون صفيف في ذلك. فإننا يمكن أن يكون أيضا مجموعة من الكائنات. قد يكون هذا مفيدا ل التفكير مشابهة لنوع من كيف كان لدينا تجزئة الجدول، كان لدينا مجموعة واسعة كل هذه مختلفة أنواع البنيات التي كانت مؤشرات إلى مختلف العقد وغيرها. ولكن في هذه الحالة، فإننا لدينا مجموعة من الكائنات. لذلك هذا هو مثل مجموعة صفائف النقابي. لذلك لدينا بعض العنصر الأول أن يكون الكائن مع اسم جيمس وإيواء وينثروب. 

يا رفاق قد يتذكر شيء مشابه جدا لهذا مع PSET الاخيرة، حيث إذا كنت سحبت شيء من قاعدة البيانات الخاصة بك، النوع الأول من وكان الشيء في مجموعة الخاصة بك كافة المعلومات حول المستخدم الأول الذي اجتمع عليه، ومن ثم كان عليك أن مؤشر إلى أن للحصول على الأوراق المالية لديها أو ذاكرة التخزين المؤقت الخاصة أو غيرها. لذلك هذا هو غاية نفسها شيء، مجرد تغيير طفيف في النحو، وتغير قليلا في الكلمات التي نستخدمها لوصف لهم. 

لذلك إذا أردنا، يمكن لأحد أن يقول لي ما يمكن أن يفعله هذا التنبيه هنا؟ أو ما هو هذا الشيء من سوف كود تفعل بالنسبة لنا؟ الجمهور: انها سوف أعطيك كل الأسماء. ALLISON BUCHHOLTZ والاتحاد الافريقي: الحق، لذلك سوف تنبيه فقط مع جميع الأسماء لأن من شأنه أن تذهب من خلال كوخ ط، لذلك كنت تبدأ من الصفر. لذلك أقول، OK نحن نبحث في هذا الكائن الأول الذي هو الفتحة الأولى في مجموعة لدينا. ويقول: "أعطني السمة، واسم هذا الكائن ". لذلك نحن نذهب هنا، كنا المسح الضوئي، كنا نجد اسم، وكنا طباعة جيمس، مولي، وكارل. أي أسئلة حتى الآن؟ جافا سكريبت لسوء الحظ وأنت تسير أن يكون تفعل الكثير من البحث حتى على الخاص تملك ومعرفة بناء الجملة، تتصارع معها. ولكن بالطبع أنا دائما هنا، ساعات العمل هي دائما هنا. قد أكون في يوم الثلاثاء من هذا الاسبوع. لذلك إذا كنت هناك، يمكنك تأتي زيارة لي هذا الأسبوع. انها تريد ان تكون كبيرة. 

OK، لذلك هو DOM-كائن المستند النموذجي. لذلك هذا هو مجرد وسيلة التي نحب أن نفكر حول كيفية دينا HTML وكل شيء داخل تنظيمه. وهذا هو الكثير جدا شيء وربما تأتي على مسابقة الخاص بك. أنا أعرف بلدي العام، كان مثل هنا ملف HTML، وملء في DOM لذلك. وكنت للتو ملء الأشياء الصغيرة. ينبغي أن تكون هذه النقاط سهلة ونأمل. نأمل عليك see-- 

الجمهور: (غير مسموع) 

ALLISON BUCHHOLTZ والاتحاد الافريقي: لذلك ترى هذه الشجرة هنا؟ 

الجمهور: نعم. 

ALLISON BUCHHOLTZ والاتحاد الافريقي: حتى أنها ستطلب استخدام لملء ما يدور تحت الجسم. ربما تحت الجسم، لدينا بعض DIVS أو لدينا بعض الفقرات، وسنطلب منك ملء شجرة بكثير جدا من هذا القبيل. ولذا فإننا سوف يكون المشي من خلال ذلك. لذلك، كائن المستند النموذج هو مجرد وسيلة لهيكلة والتفكير حول موقعنا HTML بيانيا. وأيضا عندما نحصل في مزيد من جافا سكريبت، انها سوف تكون الطريقة التي نحن في الواقع التلاعب مختلفة عناصر على الصفحه. نحن بحاجة إلى وسيلة للوصول إلى كل من الأشياء في منطقتنا HTML، وحتى هذا يعطينا جدا طريقة موحدة ملموسة عبر صفحات الإنترنت المختلفة للقيام بذلك. 

حتى لو كنا مجرد المشي من خلال هذا هنا، بالطبع وثيقتنا مثل الملف لدينا كامل. من الواضح أن الأمر يبدو معقولا تماما أنه من أعلى شيء، ثم لدينا HTML الفعلية، والتي تتطابق مع هذا الوسم هنا. أيضا إذا كنت في المسافة البادئة العلامات الخاصة بك بشكل صحيح، ثم خلق هذه الشجرة DOM يصبح سوبر بسيطة. لذلك لدينا بعض الرأس هنا. لدينا بعض الجسم التي نرى الجذعية الخروج من HTML، وهذا هو السبب لدينا الرأس والجسم. داخل الرأس، لدينا بعض علامة العنوان، وهي علامة العنوان النهاية، لذلك نعرف ان يأتي بعد الرأس. وضمن لدينا علامة العنوان، لدينا مرحبا، العالم. موافق؟ لذلك أن هذا كله فرع الأيسر. ثم عن الحق وفرع ناحية هنا، ونحن نرى أن لدينا HTML، OK فعلناه هذا الرأس جزء منه، نحن نبحث فقط في الجسم، لذلك لدينا بعض المناطق الجسم. وضمن ذلك، فقط شيء لدينا هو مرحبا، العالم. موافق؟ لو كان لدينا أشياء مثل بعض ص قوس ثم مرحبا، العالم، ثم آخر قوس p من وداعا، والعالم، سيكون لدينا اثنين من الفقاعات نزوله من هنا. لأنهم على حد سواء تحت الجسم، ولكن انهم فقرات منفصلة هذه الحالة. هناك بالتأكيد الممارسة على أنه في مسابقات سابقة، وكذلك الكثير على الانترنت على ذلك. موافق جدا، وهذا يتيح فقط لنا رؤية كل شيء بشكل جيد والتلاعب الأشياء منهجية جدا. موافق؟ نحن نعرف بالضبط كيف تعبر من خلال هذه الشجرة، لذلك نحن نعرف ما نريد الوصول إليه. 

OK لذلك هذا هو السبب في أننا نريد أن يكون هذا النوع من نموذج، حتى نتمكن من استخدام مثل هذه الامور، ونحن نفهم ما تعنيه، وانهم موحد في جميع الأشياء التي نقوم به. حتى عنوان الوثيقة هو مجرد نقطة عنوان our-- كل هذه هم جميلة النفس التفسيرية، أحب أن أفكر. لذا الثلاثة الأولى الأمثلة هي مجرد قائلا: "حسنا، مجرد أن تعطيني عنوان صفحة الويب هذه ". لذلك سوف تعطيك ما يتوافق مع العنوان. 

نص المستند نقطة سوف اعطيكم كل ما هو داخل تلك العلامات الجسم. حتى تتمكن من التعامل مع ذلك. وثيقة الجسم نقطة نقطة إدخال HTML هو واحد بارد جدا، وربما هو ليس مثل السوبر بديهية، ولكن HTML الداخلية يقابل هذا الحق هنا. حتى إذا كنت تريد من أي وقت مضى التعامل مع النص على الصفحة، وعادة ما كنت تنوي أن تفعل شيء مع الجسم نقطة HTML الداخلية. موافق؟ لذا HTML الداخلية يميل إلى الرجوع إلى ما هو في الواقع بين هذه العلامات. موافق؟ ثم ظائف مفيدة. حتى إذا كنت تريد الحصول على أي من هذه، أي عنصر، لدينا بعض معرف، والطبقة الاسم، أو اسم العلامة. هذه هي مشابهة جدا ل الأشياء فعلنا مع CSS، أليس كذلك؟ حيث لدينا بعض محددات أن تقابل إما علامة، فئة أن نعطي لهم، أو معرف. هذا هو إلى حد كبير بنفس الطريقة. إذا كان لديك شيء لديه بعض فئة من الكلب، وأنت تقول الحصول على العناصر التي كتبها اسم العلامة، وكنت وضعت الكلب في there-- أو آسف، اسم الفئة. يمكنك وضع نقطة في هناك. انها سوف تعود كل تلك عناصر لكم أن لدينا تلك الفئة. حتى تتمكن من التلاعب فقط تلك. وبنفس الطريقة، وربما كنت فقط تريد التعامل مع بعض رأس، لذلك بعض رأس H1، كما فعلنا. هل يمكن أن تفعل الحصول على العناصر التي كتبها الوسم اسم، لأن H1 هو اسم العلامة. وبنفس الطريقة، إذا كنت ترغب في الحصول على بعض الشيء الفريد، يمكنك أن تفعل العلامة GET. الحصول على عنصر بواسطة Id. وهم في الواقع الكثير من هذه. هذه ليست سوى مثل ثلاثة من كثير جدا. حتى إذا كنت الذهاب على الانترنت، كما انا ذاهب الى تشجيع لك أن تفعل، وتفعل بعض البحث بنفسك، وأوصى بالتأكيد النظر في كل تلك. ويمكن أن تكون سوبر مفيد، وخصوصا عندما تريد مجرد نوع من التلاعب أشياء محددة جدا دون الحاجة من خلال الذهاب ومحاولة تحليل كل شيء. 

OK، وبالتالي فإن آخر شيء هو جافا سكريبت الأحداث. لذلك عندما كنت أتحدث في وقت سابق عن الذهاب إلى موقع على شبكة الانترنت، وعندما كنت تحوم فوق شيء، أو الفأرة تحوم فوق شيء، شيء آخر يحدث. هذا ما نود أن التفكير كحدث. ذلك ما لدينا أن القوة تكون مفيدة عند _ النقر هنا. لذلك كان الألغام على تحوم، والتي، وأنا متأكد، هو فقط على التحويم. أيضا من نصف طن من هذه يمكنك أن تبحث عنه. هناك قائمة كاملة على الانترنت من الأشياء المختلفة التي يمكنك الاستماع ل. 

ولكن الأحداث جافا سكريبت ل أساسا مجرد الاستجابة للأشياء هذا المستخدم الخاص بك يقوم به. أليس كذلك؟ لذلك المستخدم الخاص بك لا شيء، وهذا حدث، وجافا سكريبت سيستجيب ومع ذلك كنت ترغب في ذلك ل. انها سترد وفقا لذلك. حتى في هذه الحالة، لدينا بعض ONLOAD نافذة نقطة. فما تقول هذا هو "الانتظار حتى النافذة تحميلها ". موافق؟ حتى عندما يكون كل شيء على محمل، ONLOAD، ثم يمكنك تنفيذ هذه المهمة. حتى عندما يكون كل شيء في تحميل، وأنت تسير لدينا بعض زر البحث أن يحصل على عنصر بواسطة Id، وأنه يطبع أيا كان ذلك العنصر هو كما زر البحث. ومن ثم لدينا هذا المتغير، نقول، "حسنا، عند _ النقر." لذلك عندما نسمع بنقرة على زر البحث، تنفيذ هذه المهمة، وهو في حالة تأهب، النقر فوق الزر بحث. 

ذلك ما يحدث is-- هذا هو لطيف التمثيل البياني يذكر هنا. حتى الأحمال وثيقتنا، هذا ONLOAD لدينا، نجد لدينا بحث زر، وهو هذا. نحن نبحث عن لدينا زر البحث. وبعد ذلك عندما زر البحث هو النقر عليها، أنه يتوافق مع الحق هنا. _ النقر. ثم نحن في النهاية تنبيه المستخدم لدينا، وهو هذا السطر الأخير هنا. موافق؟ لذلك كل من تلك الخطوات الأربع فقط يتوافق مع المربعات الأربعة الى هناك في القاع. هل هذا يعقل أن الجميع؟ 

ثم الشيء الوحيد الذي أنا مجرد الذهاب أن أذكر جدا، لفترة وجيزة جدا، وهذا أنا تشجيع رفاق ل تذهب تبدو أكثر إلى غير مسج، الذي هو مجرد مكتبة التي بنيت على رأس جافا سكريبت. ومن المفيد فائقة، كما مع معظم المكتبات. هناك الكثير من الوظائف. حتى إذا كان هناك أي وقت مضى شيء تريد القيام به في جافا سكريبت، غريزة الأولى للمنتدى لا ينبغي أن يكون للتفكير من، أن "ما وظيفة I رمز؟ "ينبغي أن يكون، "دعني أرى شخص ما فعلت هذا بالنسبة لي ". لأن تسع مرات من أصل عشرة، شخص ما سوف فعلت ذلك بالفعل، وأنها ربما فعلت ذلك أفضل. الناس يقضون الكثير من الوقت في القيام هذه، ويستخدم على نطاق واسع جدا وجافا سكريبت، حتى الناس باستمرار في محاولة لجعله أفضل. ومسج لديها الكثير من الوظائف أن من المحتمل أن يكون مفيدا لك في المشروع النهائي الخاص بك إذا كنت فعل أي شيء مع تصميم مواقع الإنترنت. كما أحب أن أقول "، والعمل أكثر ذكاء، وليس أصعب. " إذا يا رفاق تفعل ذلك، انها سوف تكون كبيرة. عندما نكون في هاكاثون أنا لا نريد منك أن تكون وشدد شاملة. أريد منك أن تكون مثل، "حصلت هذا. ومسج حصلت ظهري. ولست بحاجة لكتابة هذه الوظائف ". 

حتى مجرد شيئين ل تذكر، وانا ذاهب لتمكنك من الرجال تبدو أكثر إلى مسج بنفسك. جميع انا ذاهب الى القول هو عليه هل بعض الأشياء رهيبة جدا ويمكن أن تجعل حياتك أسهل كثيرا. ولكن ما الذي تريد كل ما عليك هو ملف ان كنت تريد الذهاب ليكون استخدامه في، كنت تريد الذهاب الى هذين الخطين. كنت تريد الذهاب الى ل سيناريو شبيبة شبيبة مسج نقطة. وفعلا المصدر ستكون بعض URL. إذا كنت جوجل مسج، جوجل في الواقع تستضيف كافة الملفات بالنسبة لك. لذلك تريد بالتأكيد ل المدخلات التي URL بدلا من ذلك. أنا فقط وضعت هذا هنا للتبسيط. كل هذا يعني أين تجد مكتبة مسج الخاص بك. انها ضخمة، لذلك كنت لا تريد لاستضافة على جهاز الكمبيوتر الخاص بك إذا كنت تستطيع تجنب ذلك، وهذا هو السبب نحن تميل إلى ضعت للتو في URL غوغل أن تستضيف كل من هذه الملفات بالنسبة لك. موافق؟ كنت جوجل انها، وأعدكم سيكون هناك. 

ثم مهما كان جافا سكريبت الملف الذي كنت استخدام، لذلك هذا هو مجرد بعض الخارجية جافا سكريبت الملف الذي تستخدمه. في بنفس الطريقة التي نحن لدينا تصل إلى CSS الملفات، وهذا هو نفس النوع من الشيء. هذا يربط فقط إلى ملف حيث جافا سكريبت الخاصة بك هو. ولدي بعض الأمثلة مع جافا سكريبت بسيط. ولذا فإننا سوف يذهب من خلال ذلك. ثم في الفهرس الخاص بك جافا سكريبت، وهو ملف جافا سكريبت الخاصة بك هنا، هذا هو نوع من المجمع أن لديك لمسج. كنت تقريبا 99.9 في المئة من الوقت في الذهاب لديك هذا في ملف index.js الخاص بك. لأن ما يقول هذا، "لا تنفيذ أي شيء حتى المستند هو في الواقع استعداد، "وهذا بالضبط ما تريد. لأنه إذا كان المستند الخاص بك ليست مستعدة، ومسج يبدأ تسيير الامور، انها مجرد فوضى. لذلك تريد دائما أن يكون هذا المجمع. ثم عن الأشياء التي تذهب إلى هناك، وأنا يجب ترك ليلاحقونهم الرجال الخاص بك الخاصة. 

OK، وحتى لا يكون هناك أي أسئلة الحق الآن حول الجافا سكربت في عام؟ أو نموذج DOM؟ إن لم يكن، لدينا بعض بارد الأمثلة التي يمكننا أن نذهب من خلال، أن يا رفاق يمكن أن تساعد لي رمز. ولكن انا ذاهب أيضا أن يكون سوبر لطيفة، وإذا كنت لا أريد أن أقول أي شيء لهذه، هذا شيء طيب. يمكنني أيضا أن أعطيكم أمثلة على ذلك. ولكن أي شيء على PowerPoint قبل أن ننتقل؟ باردة. 

أشعر يا رفاق تحتاج إلى الطاقة. لذلك أنا أعتقد أننا في طريقنا للبدء مع حزبي سبيل المثال أولا. لدينا ثلاثة أمثلة، لديك اختيارك. لذلك لدينا على مدار الساعة، أين نحن ذاهبون لتنفيذ مدار الساعة الفعلية هذا الذهاب لتحديث مع مرور الوقت. لدينا هذه الوظيفة تويتر كبيرة. This-- كنت تعرف ما، على عقد. ونحن في طريقنا لجعل هذا يذهب بعيدا. بام. موافق. 

لدينا هذه الوظيفة تويتر كبيرة هنا، that-- وأنا أعلم، أليس كذلك؟ انها سوف تكون كبيرة. يا رفاق متحمس؟ ما يجري لحساب عدد الأحرف التي كنت قد تركت، لذلك إن أنا اكتب الآن، من الواضح أنه لا يزال يقول 140، ولكننا نعرف أن هذا ليس هو الحال. ثم مع شركائنا في الماضي واحدة هنا، انقر هنا للحزب. ما الذي سيحدث عندما نحن فوق، والخلفية ل الذهاب لتغيير الألوان. لذلك يا رفاق يكون خياراتك لل أي واحد تريد القيام به أولا. أعدكم بأنني سوف أعتبر أن من السهل جدا عليك. أشعر الجميع النوع من مجرد منخفضة جدا مفتاح اليوم. ولذا فإنني سوف المشي خلال لكم كيف سننفذ كل هذه. إذا كنت تريد أن تتناغم في، وهذا عظيم، ولكن أنا يشعر وكأنه الجميع متعب قليلا. ولذا فإنني سوف مجرد المشي لكم من خلال هذه الأمثلة. هل لدينا شيء نحن نرغب في القيام به أولا؟ أي شخص؟ لا توجد تفضيل؟ موافق. أتعلم؟ نحن في الحزب. أشعر يا رفاق بحاجة إلى little-- لذلك، فإننا سوف تفعل طرف واحد لأول مرة. موافق. 

ذلك ما لدينا here-- هذا ليس من المفترض أن يكون هناك. الآن انها جيدة. موافق. وذلك ما لدينا هنا هو مجرد صفحة HTML بسيطة أن يا رفاق يجب أن تكون جميع السوبر دراية اعتبارا من تاريخ آخر psets اثنين. لدينا نوع وثيقة هنا. يمكن للجميع رؤية؟ موافق. باردة. لدينا HTML واضح. لدينا بعض الرأس الذي هو ترتبط ورقة النمط الذي مجرد جعل الخط بلدي لطيفة وكبيرة وجريئة. لذلك لا تقلق بشأن ذلك. 

لدينا بعض الجسم مع خلفية الهوية، OK؟ لأننا في طريقنا لتكون تغيير الخلفية. لذلك عندما نقوم تغيير الخلفية من الجسم، علينا أن نتذكر من قبل أسبوعين عندما نتعامل مع صفحات الويب. جيد جدا أن يكون هذا. ولدينا بعض رقم يساوي الحزب. هذا ح الجنيه المرجع يعني فقط أن انها سوف تذهب إلى نفس الصفحة. وانقر هنا للحزب، وهذا هو السبب عندما كنا فوقه، كان ينبغي تغيير الألوان، والحمد لله. 

ثم لدينا بعض النصي هنا أن يرتبط فقط لهذا الحزب نقطة شبيبة ملف، وهذا هو فارغة ل نحن لم تفعل أي شيء حتى الآن. وأنه من المحزن جدا. ولكن في وقت قريب جدا، فإنه سيتم تغيير الألوان، وسوف تكون رهيبة. 

لذلك أنا ذاهب لمجرد المشي يا رفاق من خلال كيف يمكننا التعامل مع هذا. لذا فإن أول شيء أن نحن قد ترغب في القيام به، إذا كنا تغيير خلفية الجسم، فإن أول شيء نحن قد ترغب القيام به هو انتزاع الواقع ما هو الجسم، أليس كذلك؟ لذلك نحن نريد أن يكون المبلغ، لدينا الخلفية، وإذا لاحظت، أنا فقط تلقائيا مجرد البدء في الكتابة. لا يوجد شيء خاص أننا تحتاج إلى القيام به لملفات جافا سكريبت. أنا يمكن أن تبدأ تصريح المتغيرات، وإعلان وظائف عشوائية. وانها اكثر بكثير شكل حر. انها مثل مع C، وأعطينا لكم جميعا هذه القواعد الصلبة، وكبرت، لذلك نحن مثل، "يخرج. كن حرا. تفعل ما تريد ". وهذا ما هو جافا سكريبت. لذلك لدينا بعض المعلومات الأساسية هنا. مع طراز DOM دينا، ونحن نعلم أننا يمكن القيام به ثيقة نقطة الحصول على العنصر، واذا لاحظنا هنا، هيئتنا لديه هوية. أليس كذلك؟ حتى نتمكن من الحصول على الوثيقة التي لا الهوية، وهنا هو واحد بسيط. ما هو معرف لدينا أننا نريد هنا؟ الجمهور: الخلفية. ALLISON BUCHHOLTZ والاتحاد الافريقي: الخلفية. الكمال. ومنقوطة في نهاية المطاف. والتي لم تذهب بعيدا بعد. كنت لا تزال بحاجة منقوطة الخاص بك. موافق. ذلك أن أول واحد لدينا. وعندما كنا انقر شيء، ونحن تريد شيئا أن يحدث، أليس كذلك؟ ولذا فإننا قد ترغب بعض متغير وهذا ما ينتظر مقابل كل نقرة. ما نحن ذاهبون الى القيام به هو أننا في طريقنا لل تقديم وصلة لدينا أكثر مماثلة إلى زر. لذلك نحن في طريقنا لديك بعض زر يساوي توثيق نقطة الحصول على عنصر بواسطة Id. وإذا أنا أتحدث عن انقر فوق الارتباط أو انقر هنا للحزب رابط، ما قد يكون هويتي هنا؟ الحزب. صحيح. OK يست سيئة للغاية حتى الآن. الجميع الحصول على ما نقوم به؟ 

OK، وحتى الآن لدينا زر، ونريد الأشياء لتغيير عندما كنا اضغط عليها. حتى إذا كنا نتذكر من PowerPoint لدينا، شيء بسيط جدا يمكن أن نفعله هي زر نقطة عادلة عند _ النقر، أليس كذلك؟ وهذا ما سوف تساوي بعض من وظيفة. هذه هي وظيفة مجهولة. وهذا مجرد as-- في الواقع أنا الذهاب الى جعل هذا أكبر قليلا. 

فما أنا فقط لم هنا أقوله، OK، عندما كنا انقر على زر لدينا، والتي هي هذا الارتباط الذي أشرنا إليه للتو، نحن ذاهبون لتنفيذ هذه الوظيفة مجهولة. نحن لا تحتاج إلى أي المدخلات. نحن لا يهمني ما يقول المستخدم. عند النقر على ذلك، نحن الذهاب الى القيام بكل ما نريد، وهو تغيير لون الخلفية. موافق؟ ولهذا السبب ليس لدينا أي المدخلات، لدينا فقط هذه الوظيفة مجهولة. والآن نحن ذاهبون فعلا لكتابة هذه الوظيفة. 

لذلك هناك مجموعة من الطرق التي يمكن أن تولد لون عشوائي. الطريقة التي فعلت ذلك كان ل توليد ثلاثة أرقام عشوائية وتحويلها إلى RGB ثلاثة أضعاف. لذلك هذا فقط يظهر لك بعض بارد الأشياء التي إذا كنت مثل، "أوه، ولست بحاجة لتوليد عشوائي العدد. "إذا كنت غوغلد ذلك، هذا ما سوف تجد. 

لذلك لدينا ثلاثة مختلفة الأشياء، فار، وليس الحمراء مرة أخرى والأخضر. أليس كذلك؟ حتى أولئك هم ثلاثة الأشياء التي تشكل اللون. الأزرق والأحمر، والأخضر. باردة. وما يمكننا القيام به هو أن نعرف أنه يجب أن يكون بين 255، وإذا نظرت بعض مولد رقم عشوائي، هل يمكن الحصول على شيء مثل الرياضيات تنتشر بشكل عشوائي، والتي إذا نظرتم هذا الأمر يعود إلى بعض العدد بين صفر وواحد. موافق؟ وماذا تفعل لدينا أرقام يتضاعف ثلاث مرات RGB تذهب بين؟ الصفر، وماذا؟ ماذا يمكن أن ترتفع إلى؟ 255. إذا كان الأمر كذلك الرياضيات دوت عشوائية يذهب بين صفر وواحد، كيف يمكن أن نريد لتحويل هذا؟ الجمهور: الوقت؟ ALLISON BUCHHOLTZ والاتحاد الافريقي: نعم، بالضبط. ذلك الوقت هو 255. 

الجمهور: (غير مسموع) انها مثل (غير مسموع). ALLISON BUCHHOLTZ والاتحاد الافريقي: الرياضيات دوت عشوائي. الجمهور: بارد. ALLISON BUCHHOLTZ والاتحاد الافريقي: نعم. جافا سكريبت يستغرق سوى رعاية لك. موافق. حتى نتمكن من القيام بذلك لجميع هذه. أليس كذلك؟ الرياضيات دوت أوقات عشوائية 255. نسخ ذلك. باردة. ذلك الشيء هو، وهذا قد لن يعود عدد صحيح. أليس كذلك؟ ربما نحصل على بعض عدد بين صفر وواحد، ويتسبب في أن يكون قليلا قبالة، وRGBS لدينا لا يمكن أن يكون عوامات. التي يحتاجونها لتكون [إينتس]. حتى إذا حاولت هذه، انها تريد ان لدينا بعض سلوك خاطئ. وسيكون قليلا غير تقليدي. وذلك ما نقوم به هو أننا نريد أن نجعل تأكد من أن هذه يتم تقريب، وكنت قد جولة في اي من الاتجاهين. لفدت مع الأرض. لذلك جعل دائما على يقين أنه تقريبه إلى أسفل. ولكن الخروج من كيف بسيط كان لمجرد الحصول على رقم عشوائي، كيف يمكنك أن أعتقد أننا قد الكلمة هذا العدد؟ انها مشابهة جدا. أي فكرة؟ حتى إذا كان مجرد عشوائي الرياضيات نقطة عشوائي، لذلك كنت تعتقد كنا نفعل الكلمة؟ الرياضيات نقطة الأرض. ويمكنك أيضا القيام الرياضيات السقف نقطة. جولة هي نوع من الغموض لأنك لا معرفة ما إذا كان لاعتقال أو المستدير لأسفل. لذلك عادة ما نقوم به دائما الرياضيات الطابق نقطة، سقف الرياضيات نقطة. ولكن honestly-- 

الجمهور: هل الجولة الطابق الأسفل؟ 

ALLISON BUCHHOLTZ والاتحاد الافريقي: الطابق جولات أسفل. وهذا مجرد خيار من جانبي. 

حتى الآن لدينا ثلاثة أرقام لدينا التي تم توليدها عشوائيا، وما نحن ذاهبون الى القيام به الآن هو نحن مجرد الذهاب الى تغيير الخلفية. موافق؟ لذلك لدينا بالفعل لدينا الخلفية نوع من تخزين في هذا العنصر تسمى الخلفية. وذلك ما ستلاحظ هو، إذا كنت لعبت حوالي مع هذا، نحن نريد لتغيير النمط. وهذا هو نوع من شيء كنت جوجل ومعرفة، مثل كيفية تغيير اللون. 

ولكن الطريقة التي الوصول إلى هذا اللون هو خلفية دوت الخلفية أسلوب نقطة. لذلك هذا هو قائلا معين هذا الكائن، الخلفية، والذي يشير إلى أن عنصر معرف هناك، ونحن في طريقنا للنظر في أسلوب ضمن النمط، ونحن في طريقنا للبحث في الخلفية. موافق؟ وإذا كنت تذهب وننظر هذا الأمر، قد جعل أكثر من ذلك بقليل المعنى، ولكن هذا هو في الأساس مجرد القول، "أعطني هذه السمة محددة جدا ما كنت قد حددت في وقت سابق ". لذلك ما نقوم بتغييره إلى غير بعض RGB، لأنه من المنطقي. نستخدمه RGB يتضاعف ثلاث مرات، أليس كذلك؟ ونحن have-- أريد أن نتأكد من أنا الحصول على العدد الصحيح من يقتبس هنا. وذلك ما نقوم به هو لدينا RGB، ونحن في طريقنا علي: هذا هو مثل سلسلة، والتي هي الأحمر. ثم نريد بعض فاصلة. ثم نريد الأخضر بالإضافة إلى ذلك، ثم بعض فاصلة، وبعض الأزرق. 

لذلك فان هذه الإيجابيات فقط يعني مثل سلسلة. لذلك هذا هو مجرد خلق هذا السلسلة التي يجري داخل RGB. موافق؟ 

الجمهور: (غير مسموع) زائد ثم والأخضر بالإضافة ثم الحمراء. 

ALLISON BUCHHOLTZ والاتحاد الافريقي: نعم، لأنني افسدت أن ما يصل. غرامة أن المرء. أوه، على عقد. لا. لأنني بحاجة للتأكد من أنني حصلت على كل هذه الحق. لذلك سأشرح في مومنتو أونو. الأخضر والأزرق، والكمال. أنا الآن انتهيت. أعتقد. 

موافق. فما هو هذا، هو أن الخلفية هو الذهاب الى وضعها لبعض السلسلة. أليس كذلك؟ وهو ما لدينا هنا. انها سوف تكون بعض RGB 255 فاصلة 255 فاصلة صفر، أو أيا كان الرقم الذي ديك هناك. لذلك نقوم به هنا، لدينا بعض السلسلة. وما نريد القيام به، هو نحن نوع من خلق حيوي في الواقع أننا عندما تشغيل هذا البرنامج. لذلك هذا هو بعض السلسلة. بالإضافة إلى يسلسل مع القيمة التي الأحمر له، الذي يسلسل ذلك مع فاصلة، الذي يسلسل ذلك مع ما هو أخضر، و هكذا، وهكذا دواليك. موافق؟ حتى النهاية، الذي هو إغلاق الأقواس هذا RGB هنا. موافق؟ 

فما هذا هو الذهاب الى تولد بعض قيادة حقا هذا هو RGB من ثلاثة أرقام ومن المقرر أن الخلفية الآن. موافق؟ لذلك دعونا نرى ما اذا كان هذا يعمل. آمل أن يفعل، لأنه إذا لا، أنا ذاهب ليكون حزينا حقيقية. أوه لا. OK، على عقد. بالتأكيد الخلفية نقطة أسلوب نقطة الخلفية. أنا في عداد المفقودين بالتأكيد مجرد شيء صغير. لا يا رفاق يكرهون ذلك؟ عندما حان مجرد خطأ صغير صغير؟ خلفية عز وجل. RGB. 

الجمهور: (غير مسموع) ALLISON BUCHHOLTZ والاتحاد الافريقي: رقم حاولت ذلك من قبل الطبقة. لدي كل ما فعلت من قبل الدرجة في حال كنت مثل، "انتظر، ماذا فعلت خطأ؟" لأنني كنت مثل، "أنا ربما تصل هذه الفوضى في مرحلة ما ". بالإضافة إلى اللون الأخضر. كل شيء يبدو وكأنه انها متصلا بشكل صحيح. موافق. 

الجمهور: (غير مسموع) 

ALLISON BUCHHOLTZ والاتحاد الافريقي: أوه، هناك تذهب. هذا ما احتاجه. ننظر في ذلك. تيفاني لانقاذ. الكمال. موافق. الآن دعونا نرى ما اذا كان يعمل. يا إلهي. موافق. انتظر. 

الجمهور: الفضاء بعد بالإضافة إلى الثانية. 

ALLISON BUCHHOLTZ والاتحاد الافريقي: أي واحد؟ يا الانتظار، اضغط على. ارتداء الفضاء؟ 

الجمهور: ثانيا زائد في تسلسل الخضراء. ALLISON BUCHHOLTZ والاتحاد الافريقي: أوه. الجمهور: لا يوجد الفضاء بعد بالاضافة الى ذلك، نعم. ALLISON BUCHHOLTZ والاتحاد الافريقي: أنت لا تحتاج ذلك، but-- الجمهور: أوه، كنت لا؟ ALLISON BUCHHOLTZ والاتحاد الافريقي: يبدو جميلا. الحضور: OK. موافق. 

ALLISON BUCHHOLTZ الاتحاد الافريقي: دعونا نرى ما اذا كان هذا يعمل. موافق. أنا من الواضح الفشل في هذا العرض، الذي يذكرني من محاضرة الأسبوع الأخرى، ولكن أعرف أن هذا سوف يعمل. أعرف أن هذا سوف يعمل. قريبة جدا. وما لم المحذوفة عن طريق الخطأ مخطوطتي على هذا واحد. لا، بل هو نقطة حزب شبيبة. موافق على عقد. انا ذاهب الى نسخ هذا، وأنا أيضا مجرد الذهاب الى حذف كل شيء، لأنه لم يكن لدي هذا العمل في وقت سابق. 

أعدك أنه يعمل. إن لم يكن، وسوف تظهر لك ما هو تومي. وهناك. 

الجمهور: أنت الرجوع الحزب نقطة CSS، وانها طرف نقطة شبيبة. 

ALLISON BUCHHOLTZ والاتحاد الافريقي: آه، حسنا الحق هنا هو حزب شبيبة نقطة. OK، ماذا فعلت مختلفة؟ OK، وسنرى إذا كان هذا يعمل الآن. بام. لذلك، وأنا لا أعرف ما فعلته بشكل مختلف، ولكن هذا هو ما يجب أن يحدث. بارد كيندا. أنا النقر على هذا، مثل، إلى الأبد. ولكن يمكننا ان نحاول ونرى ما فعلت مختلف أن هذا واحد زيارتها. أنا لا أعرف عنك اللاعبين، ولكن هذا يبدو أساسا ما كتبته فقط. ربما كان هناك في عداد المفقودين منقوطة في مكان ما لي شيء. في الواقع بعد، وأعتقد أنني في عداد المفقودين فاصلة منقوطة الحق هنا في الواقع. لكنني لا يمكن أن نرى ذلك بسبب كان خارج الشاشة. 

ولكن اذا لاحظنا، وهذا هو جميلة كثيرا بالضبط ما كنت كتبت للتو. أعتقد ربما كان أصعب جزء عن هذا هو نوع عادل لهذا الشيء الحق هنا، فهم ما تقوم به هناك. هذه الأنواع من الأشياء التي تعلم حقا فقط عن طريق غوغلينغ وبصراحة مجرد محاولة. إذا كنت تعتقد أن هناك بعض السمة، هناك ربما هو. وذلك في محاولة منه. نرى ما سيحدث. كما قلت، هناك الكثير من التجريب مع جافا سكريبت، وPHP، وكل ما الاشياء، وCSS خاصة. هذا هو فقط صحيح طريقة لفهم ذلك. 

OK، وذلك بعد أن الفشل الذريع مع الحزب شبيبة نقطة، لدينا اثنين من الخيارات الأخرى. لدينا على مدار الساعة أو تويتر. انهم على حد سواء مثيرة للاهتمام. ربما ليس تماما متعة كما الحزب، والتي كان لها المضيئة تبرد قليلا شيء في نهاية المطاف. لا يا رفاق لديه أي تفضيل؟ الجمهور: على مدار الساعة؟ ALLISON BUCHHOLTZ والاتحاد الافريقي: على مدار الساعة؟ موافق. باردة. 

ذلك مرة أخرى، لدينا ملف جافا سكريبت فارغة. وكما نرى هنا، ونحن لدينا بعض HTML بسيطة جدا. لدينا ورقة نمط لدينا، أن فقط تنسيقات ما ينبغي أن تبدو. لدينا شعبة لدينا مع معرف على مدار الساعة، والتي يقول عادل "، وهذا ينبغي أن يكون على مدار الساعة". ولدينا صلة لنا إلى ملف جافا سكريبت ما يجري في الواقع ل توليد مدار الساعة بالنسبة لنا. لأن الشيء بارد، هو أنه يمكنك ضبط جافا سكريبت لتحديث تلقائيا نفسها. موافق؟ وذلك بدلا من الانتظار ل مستخدم لضرب إعادة تحميل على صفحة بحيث يمكنك الحصول على الوقت المحدثة، وجافا سكريبت يمكن تحديثه ومع ذلك فإنه يحب. 

لذا، وكما مع شركائنا في الماضي واحدة، أردنا للوصول خلفية لدينا، أليس كذلك؟ فما رأيك قد يكون أول شيء نريد أن نفعله هنا؟ إذا نحن نوع من الخروج هذا النوع من النموذج هنا؟ أننا ربما تريد الوصول على مدار الساعة لدينا، أليس كذلك؟ لذلك، لدينا بعض فار على مدار الساعة، والتي equals-- ماذا نعتقد أنه سيكون؟ وثيقة نقطة الحصول على عنصر by-- أنا أيضا أحب Sublime-- معرف ومعرف لدينا هو مدار الساعة. منقوطة. حصلت للتأكد من الحصول على تلك الفواصل المنقوطة هذا الوقت، لأنني أشعر من هذا القبيل كانت المشكلة في المرة السابقة. OK ذلك، كما كنت مجرد القول مع محاولة إلى تشغيل الجافا تحديث نفسها، هناك هذه الوظيفة العظيمة، وأنا أعلم أنه جاء في متناول يدي في العام الماضي، لست متأكدا من أنها تأتي في متناول اليدين لهذا PSET، لكنه دعا المجموعة الفاصلة. وهذا هو في الواقع حقا بارد إذا يا رفاق تفعل أي شيء مع مرور الوقت أو الحصول على معلومات محدثة. على موقع على الانترنت للنهائي المشروع، وهذا هو الأرجح وظيفة تريد الحصول على السوبر دراية. وذلك ما وضع فاصل يفعله هو أن ونحن في طريقنا لإعطائه وظيفة، وعدد المرات التي ينبغي استدعاء هذه الدالة. موافق؟ 

حتى في هذه الحالة، نحن مجرد الذهاب ل خلق بعض من وظيفة مجهول مرة أخرى، حسنا، هذا هو الذهاب للحصول على تاريخ لدينا، وعصرنا هذا، ثم تحديث الأمور وعرضه. ولذا فإننا سوف تقلق بشأن ذلك. سنكون مثل توليد مدار الساعة هنا. ولكن ما نحتاجه هو كيف في كثير من الأحيان لتحديث ذلك. حتى في هذه الحالة، فإنه من ميلي ثانية فقط. لذلك نحن مجرد الذهاب ل قيام 100 مللي ثانية. وبطبيعة الحال، تعسفية تماما. إذا أردت لتحديث ببطء أكثر من ذلك بكثير، هل يمكن. نستطيع تسكع مع المجموعة الفاصلة، كيف كبيرة الفاصلة لدينا هو بعد ان حصلنا على ساعة العمل، والتي من المؤمل سوف أكون أنا الحصول على. لذلك هذا هو مجرد القول، "حسنا، دعوة هذه وظيفة كل 100 ميلي ثانية. " موافق؟ هذا هو كل ما يفعله. 

ذلك ما نريد وظيفة جهدنا ل القيام به هو أننا نريد أن يكون بعض التاريخ وبعض الوقت هو ما ونحن في طريقنا لديهم. لذلك يمكننا أن نبدأ لدينا تاريخ يساوي شيئا، وعصرنا يساوي شيئا أننا لا نعرف حتى الآن. أو في الواقع، ونحن الآن بحاجة فقط، ل التاريخ سوف تشمل كل شيء. مرة أخرى إذا كنت مجرد جوجل شيئا عن ماذا تريد أن تفعل، وإذا كنت أكتب، "حسنا، أريد الحصول على الوقت عبر تفعيل جافا "، فإنه سوف أعطيك هذا عظيم وظيفة تسمى تاريخ الحصول عليها. حرفيا، معظم الأشياء الذي تريد القيام به، جافا سكريبت ستكون لدينا عليها القيام به بالنسبة لك بالفعل. لذلك فمن حرفيا كأنها جديدة الحصول على التاريخ، وهو creating-- أو تاريخ جديد، rather-- الذي يولد بعض الكائن الذي يمثل تاريخا. 

وماذا نحن في طريقنا للقيام هنا هذا is-- أنا أريد أن أكتب هذا، ثم شرح ما تقوم به. ولذا فإنني سوف نتأكد من الحصول على هذا الحق. 

OK، فما هذه الوظيفة لا، هو نحن فقط خلق HTML وهذا في الواقع سيذهب داخل إيد شعبة لدينا على مدار الساعة. فما هذا هو الذهاب الى ما تقوم به هو مجرد توليد بعض سلسلة، OK؟ أن يتم بعد ذلك سيكون زرعها في موقعنا HTML. أساسا ما يجري القيام به هو أيا كان ما we-- وسوف تظهر لك غير أن كل ما نقوله هو HTML، ونحن في طريقنا ليحل محل هذا النص هنا مع كل ما هو HTML. لذلك هذا هو الذهاب الى السماح لل لنا لتغيير مدار الساعة لدينا نقطة HTML من كونها مجرد نص هذا يجب أن تكون على مدار الساعة، لتظهر في الواقع أرقام والأشياء التي نهتم حول، ويكون في الواقع الساعة. 

وذلك ما نحن بصدد القيام به هو نحن الذهاب لبدء توليد هذه HTML. لذلك بنفس الطريقة التي استخدمناها للقيام زائد يساوي لالأعداد الصحيحة، يمكنك القيام به الآن أن للجمل، إلا انه سيكون لسلسلة لهم. أليس كذلك؟ كما رأينا مع نقطة حزب شبيبة، وهذا فقط يسلسل كل هذه الأشياء معا. حتى تتمكن من سلسلة بت مختلفة من HTML من المتغيرات، أو أجزاء من السلاسل أن تكتب بها نفسك، وهذا فقط يسمح حقا لك حيوي توليد HTML، الذي هو بارد جدا. حتى إذا كان لديك شيء الاستعمال جدا محدد، هذا يمكن أن تسمح لك أن تفعل ذلك. 

لذلك لدينا HTML، لانا ذاهب الى ومحاولة التأكد من الحصول على هذا الحق. لذلك نحن ذاهبون للقيام ببعض رأس h1. فما من المهم أن ندرك هنا هو أن هذا هو في الواقع مجرد HTML. أليس كذلك؟ نحن نكتب الفعلي كود HTML هنا، انها ليس مجرد سلسلة في وضعها الطبيعي الطريقة التي كنا نفكر في ذلك. لذلك لدينا بعض HTML. ويعتبر هذا سلسلة هنا بالرغم من ذلك. ونحن نفعل تاريخ dot-- نحن ترغب في الحصول على ساعات دينا. مرة أخرى، إذا كنت لننظر أي شيء عن التاريخ، ذلك أن أقول لكم هذه كلها سمات ذلك التاريخ له. وهنا ما يمكنك استخدامها على ذلك. لذلك ربما كان لديه أشياء مثل الحصول على ساعات، والحصول على دقائق، والحصول ثانية، والحصول على ميلي ثانية، ومن يدري ماذا لديهم. ولكن إذا نظرتم إلى الوثائق، وسيكون كل شيء هناك. 

لذلك لدينا الحصول على ساعات، ومن ثم فإننا نريد لسلسلة التي with-- أنا الذهاب إلى نقل هذا أكثر من هنا. حتى إذا نحن توليد الحق الآن، ونحن توليد فعلا الوقت، أليس كذلك؟ لدينا ساعة، ثم ما بين الساعات والدقائق؟ لديك فاصلة منقوطة، أليس كذلك؟ لذلك نحن نريد أن نفعل بعض منقوطة هنا. ثم نريد أجل الحصول على دقيقة، وذلك في نفس الطريق أن لدينا تاريخ الحصول على نقطة ساعات، كيف يمكن أن نحصل دقائق لدينا؟ انها حرفيا تاريخ الحصول على نقطة دقيقة، وأنا من النوع الذي يحب. انها مثل، "أوه، كيف يمكنني الحصول على دقائق الخاص بي؟ " أنا مجرد الحصول على دقائق بلدي. 

موافق. ومن ثم لدينا القولون آخر هنا. ثم إذا كنا نريد أجل الحصول على ثانية، كيف يمكن أن نحصل على لدينا الثانية؟ تاريخ دوت الحصول ثواني. اعتقد انها باردة جدا. وما هو مهم ل أدرك، هو أننا أيضا تحتاج إلى إغلاق لدينا علامة HTML هنا، ل ينبغي أن يكون لا يزال HTML صالحة، لذلك h1. باردة. 

حتى بعد ذلك، يمكننا القيام به على مدار الساعة نقطة HTML الداخلية تساوي HTML. موافق؟ لذلك تذكر كيف قلت HTML الداخلية أساسا يأخذ كل ما هو بين اثنين من العلامات التي تحدثنا عنها وتدرج أو يتلاعب كل ما هو هناك؟ فماذا يعني هذا، إذا نعود إلى الساعة لدينا، هو أن عقارب الساعة تشير إلى كل ما في هذا شعبة. هذه هي HTML الداخلية من هذه الساعة رقم شعبة. وذلك انه سيكون لتغييره إلى وHTML أننا ولدت للتو، الذي، التي، كما نأمل، نأمل، ونأمل، سوف تظهر في الوقت الآن. سنرى. بالطبع. العديد من القضايا الفنية. just-- أليسون أنا خارج بلدي لعبة اللاعبين اليوم. OK، أن يعمل. الساعة دوت HTML الداخلية. وكانت HTML حقا؟ أيضا هذا هو ما يحدث. عندما كنت لا تستطيع رؤية شيء ما، كنت مجرد إلقاء نظرة على شفرة المصدر الخاصة بك. موافق. هل تريد أن تعرف عمل حول بارد أننا في طريقنا للقيام هنا؟ 

الجمهور: يمكنك أن تفعل خطابات رأس المال؟ رسائل رأس المال؟ لأن لديك الحصول على ساعات، ومن ثم الحصول على دقائق. 

ALLISON BUCHHOLTZ والاتحاد الافريقي: إنه هو الحصول على ساعات وget-- اه. كنت are-- نجمة ذهبية. انها كل اختبار، والرجال. أعدك أنه كان يعمل قبل فئة. 

OK، ولكن شيئا باردا لمعرفته هو التي يمكنك also-- إذا أحيانا الملفات الخارجية الخاصة بك الحصول على القليل مجنون، يمكنك أيضا مجرد وضعها مباشرة هنا، والتي تميل لاصلاح الامور. ما عدا هذا هو مثل القبيح حقا. بالطبع تهيئة كل شيء. تأكد من كل شيء جميل. موافق. 

أردت أن تفعل كل العروض باردة، وانهم فقط لا يعمل بها. موافق. النصي فار مدار الساعة. على أي حال، ما هو مهم هو أن هذا هو الطريق العامة ان كنت تهيئة جافا سكريبت. كما ترون، أنه يمكن أن يكون صعب جدا في بعض الأحيان، حتى عندما كان حرفيا العمل ثانيتين قبل. أو قبل وليس اثنين الثانية، ولكن جدا، قريب جدا. 

لذلك لتظهر لك ما ينبغي أن تبدو وكأنها، وتظهر لك أنني لست مجنونا، وأن كل شيء هو بالضبط نفسه، وهذا هو ما ينبغي أن تبدو. كنت مجرد الذهاب للقيام بذلك الجزء العلوي هنا، وإذا كنت عرض مصدر الصفحة، إذا لاحظت، وقال انه فعل بعض الأشياء جنونا، وأنا المبسطة عليه. أيضا، والائتمان إلى تومي McWilliam، الذين فعلا ساعدني إنشاء هذه الأمثلة، وهذا هو السبب وأنا أعلم أنهم يعملون. لأن تومي هو سيد جافا سكريبت. ولكن اذا لاحظنا، لدينا بعض مجموعة. لدينا ظيفة على مدار الساعة لدينا هنا. هذا هو كل شيء جافا سكريبت أن كتبنا فقط، أو بعض من ذلك. كتبنا فقط هذا الحق واحد هنا. وكان لديه مبلغ إضافي الوظيفة التي منصات مجرد أنها عن طريق وضع صفر قبل إلكتروني أو قبل عدد لو كان واحد فقط منهم. لذلك إذا لاحظت، وهذا هو جميلة كثيرا بالضبط ما كتبنا فقط. لديك بعض مدار الساعة المتغيرة التي لديها عنصر لدينا، والحصول على عنصر عن الهوية، وهو مدار الساعة. لدينا المجموعة الفاصلة لدينا وظيفة، وهذا هو وظيفة مجهول الذي ينفذ كل هذا. لدينا بعض بدء سلسلة من HTML أننا ثم حيوي تولد من خلال وجود بعض رأس H1، وصل مع الحصول على ساعات، بالإضافة إلى لدينا القولون، بالإضافة إلى الحصول على الدقائق، بالإضافة إلى آخر القولون، بالإضافة إلى ثواني لدينا، وأخيرا HTML إنهاء لذلك. ومن ثم نقوم بتحديث مدار الساعة لدينا نقطة HTML الداخلية لHTML، ونقوم بتحديث كل 100 ميلي ثانية. موافق؟ 

انظر أعدكم بأنني لست مجنونا. لا أعرف. أنا لا أعرف لماذا لا يحبني. أشعر تبدو هي نفسها، ولكن على ما يبدو أنه يكره لي. 

لذلك دعونا نرى ما اذا كان للدور الثالث يذهب أفضل. نحن على وشك أن نرى. أنا لست متأكدا كيف هذا يحدث للذهاب. والجميع الحصول على ما لا يقل عن سلبيات، وكأنه مجرد موضوع عام من جافا سكريبت، على الرغم من؟ آمل أن على الأقل مفيد، وأكثر من تبين أنه صعب قليلا. ولكن مجموعة المشكلة الخاصة بك وسوف تكون ممتعة للغاية. انها سوف تكون كبيرة. انها لن تكون مملة جدا كما كما هذا، وأنا لا أعتقد. عليك في الواقع الحصول على ل رؤية الأشياء باردة حقا. 

آخر ذلك وليس آخرا، سنحاول في تويتر واحدة. أنا خائفة حقا الآن، والرجال. أنا لا أعرف كيف هذا يحدث للذهاب. ولكن فقط لإعطائك قليلا المزيد من الذوق، وهذا هو في الواقع سلاسل التلاعب و المدخلات، ما نحن في طريقنا للقيام هو، اذا لاحظنا هنا مع HTML-- هذا واحد لديه قليلا more-- لدينا بعض المناطق النص، الذي يتوافق هذا المجال النص هنا. موافق؟ ويحتوي على معرف من النص. نحن تصفيف ذلك قليلا مع بعض العرض والارتفاع بعد أن قمنا محددة سلفا، ولقد H1، والتي هي واحدة فقط رأس لدينا أن تمثل شخصياتنا غادرت. أعطينا بعض معرف الأحرف المتبقية، ثم لدينا بعض النصي هنا، والتي أنا حقا أمل الوقت ثالث سحر هنا، والرجال. 

وذلك ما نريد القيام به، في نفس السياق العام أننا قد فعلت مع عقارب الساعة نقطة شبيبة والنقطة حزب شبيبة كما لاحظنا، ونحن قد بدأت عن طريق الاستيلاء على الواقع الأشياء التي نهتم، أليس كذلك؟ حتى في هذه الحالة، وهناك نوعان الأشياء التي نهتم، OK؟ الشيء الوحيد الذي نحن في الواقع نوع من النظر في ورسم البيانات من، والشيء الوحيد الذي نحن تغيير الواقع. ولذلك لا يوجد لدينا HTML. إذا كانت هذه هي صفحة على شبكة الإنترنت لدينا هنا، ما هو البيانات التي نحن نبحث في؟ انها سوف تكون مهما النص في صناديق لدينا، أليس كذلك؟ وبغض النظر عن النوع الأول في هنا. هذا ما أريد أن أعرف، أو هذا ما أريد أن ننظر. وماذا سيكون تغيير على صفحة الويب لدينا؟ الأحرف المتبقية. وذلك في نفس الطريق، ونحن نريد ل تبدأ من خلال تهيئة المتغيرات التي تحمل في الواقع على تلك العناصر. موافق؟ حتى إذا كان لدينا بعض فار هذا هو المجال نصنا، ولدينا بعض فار الذي المتبقية. أليس كذلك؟ لذلك فان هذه ذاهب ل عقد هذين الأمرين. لذلك نفس النوع من الشيء، dot-- ثيقة موافق، وأنا الذهاب للتأكد من هذا هو الذهاب إلى العمل هذا الوقت. أنا مصرا جدا. حسنا، إذا كنا نريد لدينا منطقة النص، وفقا لدينا HTML، ما هو معرف لدينا؟ ما هو معرف لدينا؟ انها مجرد سيكون النص ل هذا يخلق منطقة نصنا، OK، ومعرف لدينا هو النص، ذلك أن كيف يمكننا انتزاع ما في هناك. OK، منقوطة. أنا ذاهب لتكون فائقة دقيقة حول هذا الموضوع، لأنني أريد هذا العمل هذا الوقت. OK، تفعل الشيء نفسه، الحصول على عنصر بواسطة Id. أنا أتساءل حقا ما لديها تسبب اثنين آخرين أن تصل الفوضى. OK، ثم في هذا واحد، ماذا نريد الوصول؟ ما هو معرف لدينا هنا؟ لدينا معرف آخر في لدينا HTML، ما هو؟ الجمهور: الأحرف المتبقية. ALLISON BUCHHOLTZ والاتحاد الافريقي: الأحرف المتبقية. 

موافق. باردة. لذلك أنا ذاهب لمجرد أكتب هذا بسرعة. أنا فقط أريد أن أكتب هذا في الثانية. حتى منطقة النص. ما هو المثير للاهتمام هو B function-- هناك والكثير من الوظائف التي لا فقط تتوافق مع الخاص بك الماوس، ولكن لوحة المفاتيح. موافق؟ لذلك يمكنك القول عند أي المفتاح هو ضغط، يمكنك أن تفعل أشياء من هذا القبيل. حتى واحد الذي نستخدمه ويطلق على مفتاح يصل، والتي يقول: "إذا كنت قد ضغطت على أي مفتاح على لوحة المفاتيح الخاصة بك، عندما رفعت المستخدم اصبعهم خارج هذا الزر، ومفتاح أصبح unpressed، ثم نحن في طريقنا للقيام بشيء ما ". موافق؟ لذلك هذا أمر منطقي، أليس كذلك؟ لأن كل حرف نحن اكتب، نحن ذاهبون لدينا لرفع أصابعنا قبالة من ذلك، حتى عندما يذهب المفتاح تصل، يمكننا أن نعرف لإنقاص شخصياتنا المتبقية. 

لذلك لدينا بعض على مفتاح يصل، وبنفس الطريقة، ونحن في طريقنا إلى القول، "حسنا، عندما نفعل ذلك، ونحن ذاهبون إلى خلق بعض الوظيفة التي هو ذاهب الى اتخاذ الإلكترونية، "في هذه الحالة، وما نريد القيام به هو حساب العدد المتبقي. OK، لذلك دعونا نبدأ عن طريق إنشاء متغير. لذلك لدينا بعض ص متغير، ما يجري لتمثيل عدد الحروف نحن قد تركنا. موافق؟ ونحن نعلم أن نبدأ مع 140، وإذا كنا نريد أن نعرف، دعنا نقول، وطول هذا سلسلة وهذا ما كان المدخلات، هل الرجال لديهم أي فكرة كيف يمكننا فعل ذلك؟ تستند فقط الخروج من ما هو واضح الأشياء، مثل إذا أردنا ساعة، كنا الحصول على ساعات. ونحن نعلم أن هدفنا هو منطقة النص، ولكن يمكن يا رفاق التفكير في ما قد يحدث بعد ذلك؟ أي أفكار؟ 

ذلك النوع هذا واحد من أقل بديهية، ولكنها لقيمة طول نقطة. حتى مجرد تعطيني بعض السمة القيمة التي هو في الواقع طول هذه السلسلة. لذلك سيكون لأقول، "حسنا، أنا أبحث في هذه السلسلة بأكملها داخل منطقة النص، وانا ذاهب لاقول لك كم من الوقت هو ". لأنه إذا كان علينا أن نتذكر السلاسل هي في الحقيقة مجرد صفائف، حتى نتمكن من اتخاذ مجرد طول منها. لذلك لدينا ذلك. باردة. 

ثم ما نريد أن نفعله هو أننا لا تريد أن تسمح للمستخدم لإدخال أكثر من 140 حرفا، أليس كذلك؟ لأنه إذا قلنا مثل، "أوه، كنت لا تملك إلا المتبقية هذا بكثير، " ومن ثم السماح لهم فعل ذلك على أي حال، لقد تم الكذب. وهذا هو آخر شيء أن جافا سكريبت يمكن أن تكون جيدة حقا ل، هو التحقق من صحة المستخدم والتأكد من أن لديك المستخدم تثبيتها داخل أي قواعد بعد أن كنت قد قدمت لهم. حتى إذا كنت تريد أن تفعل أشياء مثل صنع متأكد من شخص المدخلات عناوين بريدهم الإلكتروني، أو التأكد من أنهم عندما إدخال اثنين من كلمات السر، وأنها مطابقة. جافا سكريبت أن نفعل ذلك. كنت ستفعل شيئا مثل، "عندما يقدم شكل "، أو ما شابه، "عندما زر إرسال النموذج النقر عليها، تحقق من كل هذه الأشياء. " ويمكننا أن نفعل ذلك جافا سكريبت. لذلك هذا فقط ما ونحن في طريقنا للقيام به هنا. 

وذلك ما قد يكون وسيلة لمعرفة ما اذا كان لقد ذهب أكثر من 140 حرفا؟ ما الذي سيحدث ل قيمة لدينا من ص إذا كانت محاولة؟ انها سوف تكون سلبية، أليس كذلك؟ أو انها سوف تكون أقل من أو تساوي الصفر. حتى نتمكن من استخدام إذا كان هذا هو تماما مثل كل شيء آخر. موافق؟ ولدينا بعض المناطق النص نقطة القيمة، وما نفعله هنا هو نحن فقط cutting-- ما هو؟ آسف. هذا واحد، نحن نريد فقط أن عودة كاذبة. أنا حصلت على الخلط. جميع مرتبكة من الأشياء لا يعمل. OK، نحن نريد فقط أن العودة كاذبة، ومن ثم نحن ترغب في عرض الأحرف المتبقية، أليس كذلك؟ حتى مع عقارب الساعة، فعلنا شيء مع HTML الداخلية، أليس كذلك؟ حيث وضعنا ذلك يساوي بعض المتغير، وذلك ما قد نقوم به هنا؟ ما الذي نقوم بتغيير HTML الداخلية؟ 

الجمهور: المتبقي؟ 

ALLISON BUCHHOLTZ والاتحاد الافريقي: نحن تغيير المتبقية. كل الحق، وماذا نحن تريد تعيينها يساوي؟ انها سوف تكون ص، لأن ذلك يجب أن تكون شخصياتنا المتبقية. موافق؟ لذلك أنا متوترة حقا لمعرفة ما إذا هذا يعمل الآن، ولكن سنرى. ترك هذا. هذا هو سريع حقا. [غير مسموع] OK. مرة أخرى، أنا فقط ذاهب الى تبين لكم. لأي سبب من الأسباب، الألغام تقرر عدم العمل، ولكن ما أنا سوف تظهر لك هو أن هذا is-- يا أنا كان من المفترض أن وضع ذلك في. OK، نلاحظ نفس النوع من شيء هنا، والحصول على منطقة النص. 

أيضا، إذا لاحظت الرجل، إذا كان هناك من أي وقت مضى شيء تريد القيام به، وكنت لا تعرف كيفية القيام ذلك، فقط انقر فوق عرض المصدر ل، وانهم ذاهبون لنقول لك. في بعض الأحيان سوف تكون مشفرة ذلك. لPSET الخاصة بك، فإننا تشفير كل شيء، لذلك تبدو تماما مثل رطانة. ولكن إذا كان هناك أي وقت مضى حقا موقع بارد التي تريد، إذا كنت فقط انقر فوق عرض المصدر ل، انها سوف اقول لكم كيفية القيام بذلك. ذلك مرة أخرى، والعمل أكثر ذكاء، وليس أصعب. وكما ترون هنا، كل من هذه الأشياء هي نفسها. هذا واحد هنا يأخذ سوى بعض فرعية أن أنسى تماما ما يفعل ذلك. ولكن من الواضح أن يأخذ بعض فرعية من القيمة من صفر إلى عشرة، وترجع كاذبة ما يجب أن تتوقف المستخدم من إدخال بعد الآن، ثم من الواضح بتحديث وHTML الداخلية هناك. 

باردة. المختفى تأخذ كبيرة جدا من اليوم، التجربة، أن ننظر في الشفرة المصدرية لأنه سيكون لتساعدك كثيرا، والجميع، وأحيانا جافا سكريبت يمكن أن يكون من الصعب العمل مع ولا تعمل دائما بالطريقة التي تتوقعها ل، ولكن مجرد الاستمرار في المحاولة لأنني أعدكم أنها ستفعل ذلك. أعدك كل هذه الأمثلة كانوا يعملون قبل فئة. أنا لا أفهم ما حدث. أنا حرفيا يكون كل شيء نفس. 

أكثر شيء واحد أنني أريد فقط ل تظهر لك الرجال التي يمكن أن تكون مفيدة السوبر وin-- ما كان يعمل من قبل؟ وصلنا إلى حزب العمل، لم نحن؟ أعتقد ذلك. نعم. فعلنا. رائع. حسنا، الشيء الوحيد الذي يجب أن الرجال يعرفون هو سجل وحدة التحكم التي تحدثت عنها. لذلك مواساة سجل نقطة من مرحبا. لذلك هذا هو نوع من جافا سكريبت يعادل printf. حتى إذا كنت تريد من أي وقت مضى تفقد المتغيرات الخاصة بك أو رؤية ما يحدث هناك، ما يمكنك القيام به هو، إذا كان لنا أن تفقد عنصر، ما كنت ترغب في الذهاب ل، وتذهب إلى وحدة التحكم، سترى أنه المطبوعة مرحبا. 

حتى نتمكن من الحصول عليها طباعة كل ما أردنا. إذا أردنا ذلك لطباعة الخلفية أسلوب نقطة الخلفية نقطة، ينبغي أن نكون قادرين على رؤية RGB ثلاثة أضعاف أن يأتي. أم لا. أنسى بالضبط كيف طباعة متغير من هذا القبيل، ولكن يجب أن تكون قادرة على طباعة أشياء من هذا القبيل. وسيكون ذلك مفيدا جدا لPSET الخاص بك عندما كنت في محاولة للتلاعب ينسق أو غيرها. لذلك هم أيضا تغيير هذه القطعة في الصف. وهذا يختلف عن السنوات الماضية، لذلك مجرد أن يكون لطيفا لTFS الخاص بك، أو TFS في ساعات العمل بدلا من ذلك، لأننا نوع من التعلم جنبا إلى جنب مع رفاق. ولكن سجل وحدة التحكم كان سوبر، سوبر مفيدة لجافا سكريبت العام الماضي. حتى الحب. تعلم كيفية استخدامها. انها أسهل استخداما من GDB، بحيث يجب ان تكون على الاقل نقطة زائد. لكن شكرا يا رفاق تؤتي معي. أنا آسف أن بلدي أمثلة لسبب ما فقط لا تريد التعاون معي، لكنني نأمل أن ساعد النوع من تحصل على أكثر من ذلك بقليل في منطقة جافا سكريبت. وترسل لي جميع الأسئلة الخاصة بك ل الاسبوع المقبل حتى أتمكن من إصلاح فائقة، وسوف أحمل الحلوى وحتى خارج الحلوى لكان هذا مثير للسخرية. ولكن يا رفاق هي كبيرة، ولها الأسبوع رهيبة.