>> ٹھیک ہے.
تو، جاوا سکرپٹ.
اس کمرے میں تقریبا سب شاید کچھ ڈگری حاصل کی ہے
اس کے ساتھ آرام دہ اور پرسکون چاہے اس طرح واپس جب SC50 میں تھا
یا اس کی ذاتی ہو گیا ہے بھی ویب کے منصوبوں کے یا
آپ کے ساتھ اس کا تھوڑا سا کیا تو یہ گزشتہ پی ایچ پی کی بنیاد پر منصوبے،
لیکن سب سے زیادہ کے لئے حصہ، تم میں سے بہت،
آپ کو کچھ سکون ہے یہاں تک کہ اگر
جاوا سکرپٹ کے ساتھ ہو سکتا ہے نہیں کیا گیا ہے
عطا کے لئے کس طرح زبان کام اور کیا جاتا ہے
پر ہڈ کے نیچے اور ہم کوشش کرنے کے لئے جا رہے ہیں
آج ایسا کرنے کے لئے جلد واپس آ گیا ہے تکنیکی تہوں میں سے کچھ
جاوا اسکرپٹ کیا ہے، کس طرح یہ ایک زبان سے مختلف ہے
پی ایچ پی کی طرح، کیسے ہو سکتا ہے استعمال کیا جاتا ہے کلائنٹ کی طرف سے نہ صرف
بلکہ سرور کی طرف اور تو بہت خاص طور پر توجہ مرکوز
اس فریم ورک پر، کوئی جے ایس نوٹس جس میں بنیادی طور پر ایک چلت وقت ہے،
جس میں آپ کے ساتھ ایک پروگرام جاوا سکرپٹ کے کوڈ پھانسی کر سکتے ہیں،
سرور سائیڈ اور اس کے بننے تیزی سے مقبول ترتیب
کے اسی قد پر اس شاید روبی اور پی ایچ پی کے دن
اور ازگر اور آپ دیکھیں گے
یہ کچھ خوبصورت ہے کچھ کی راہ کی طرف سے طاقتور خصوصیات
تعمیر میں زبان کی تشکیل.
آسان لیکن اس سے پہلے، کچھ صرف آپ کو یاد دلانے کے لئے چیزیں
اس زبان کام کرتا ہے اور کس طرح آپ کو کسی بھی دیکھ دشواری ہو تو
یہ، صرف چللاو کے باہر اور ہم کو ایڈجسٹ کرے گا.
تو، پی ایچ پی میں کی طرح ایک نہیں ہے ایک اہم تقریب کا تصور،
آپ کو صرف کوڈ لکھنے شروع
اور آپ کو اس کی کر سکتے ہیں اوپر سے نیچے اس کی تشریح.
ایک براؤزر کے تناظر میں
یا کچھ سرور سائیڈ میں ہم نے کچھ مثالیں دیکھ لیں گے
تھوڑا سا میں.
ضوابط، syntactically ، پی ایچ پی کے برابر کے طور پر بھی سی
C + + اور دیگر زبانوں تو آپ کو ایک احساس دینے کے لئے
ہم اس کی ساخت کس طرح کی،
صرف ایک وہیت ہے حالت.
بولین اظہار، بالکل وہی تم نے دیکھا ہے syntactically کے طور پر
وہی دوسرے میں oring کے لئے دونوں زبانوں،
اور مل کر چیزوں کو ختم کرنے کے لئے.
جاوا اسکرپٹ کا سوئچ ہے، زیادہ سے زیادہ پی ایچ پی اور دیگر کی طرح
اور آپ کی طرح، ان تک محدود نہیں کر رہے ہیں لازمی primitives پر C میں
حروف اور ints کے پسند کر سکتے ہیں اصل میں اقدار کی دیگر اقسام.
loops کے. تو، یہ ہے وہی
اور شاید ایک درجن زبانوں، loops کے، کرتے ہیں جبکہ loops ہے جبکہ
اور پھر یہاں یہ چال.
تو، اس طرح کی ہے روزہ شمار کے طور پر جانا
اور یہ ایک بہت ہوشیار طریقہ ہے صرف پی ایچ پی کر کی طرح
بار کے طور پر ہر فو آپ اسی طرح کر سکتے ہیں،
ایک جاوا سکرپٹ کے آبجیکٹ میں، آبجیکٹ نام ہے جہاں
یہاں متغیر، کا کہنا ہے کہ، متغیر میں اعتراض اور ہر ایک iteration
اس لوپ کے، میں ہے ایک ہونے جا رہا
کہ اعتراض سے چابیوں کا.
تو، اگر آپ کو ایک کے لئے ایک چیز ہے تو طالب علم، اور ایک طالب علم ایک ID ہے
اور ایک کا نام اور ایک گھر، iteratively میں لے جائے گا
ID اور نام کی قدر اور گھر اور آپ وجہ انڈیکس کر سکتے ہیں
اعتراض میں ہے جیسے مربع بریکٹ کا استعمال کرتے ہوئے ایک صف
قیمت حاصل کرنے کے سنکیتن کلید کی شناخت یا نام کے
یا تو آگے کے گھر اور.
اور عام کرنے کے لئے اس کے برعکس مفروضہ، جاوا اسکرپٹ، اشیاء
خصوصیات نہیں ہیں ضروری کی ضمانت دی
اسی ترتیب میں، یہ بھی ہے پی ایچ پی کے لئے سچ تو فرض نہیں ہے
چیزیں رہیں گے اسی ترتیب میں
آپ کو ان کلیدی ڈال دیا ہے کہ کسی چیز میں قیمت کے جوڑوں.
کس طرح arrays کے بارے میں؟
طریقوں کے ایک جوڑے کی ہے syntactically یہ لکھنے کے لئے
لیکن یہ شاید سب سے زیادہ ہے عام اب صرف استعمال کرتے ہوئے مربع
بریکٹ سنکیتن.
لہذا، اس کے لئے ایک متغیر ہے سرنی پر مشتمل نمبر پر کال
وہاں چھ integers کے، یہاں ایک سادہ تار ہے
اور غائب کیا محسوس ان مثالوں سے،
جاوا اسکرپٹ کا ہے بظاہر کمی.
جی ہاں. تو، کوئی تصور نہیں ہے ٹائپنگ کی، یقینی طور پر نہیں
یہ یہاں سیاق و سباق، لیکن یہ واقعی ایک تار ہے.
تو، جاوا اسکرپٹ اقسام ہیں اور یہ کہ یقینا ایک صف تھا
خود کو ایک قسم ہے جو اور عناصر میں سے ہر ایک
اس صف میں قسم کے تھے جاوا سکرپٹ کے طور پر بڑی تعداد ان کے بلاتا ہے.
تو، یہ ایک شتل ٹائپ ہے زبان اور ہم دیکھیں گے
پی ایچ پی کی طرح جاوا سکرپٹ ایک شناخت آپریٹر ہے
اور دیگر طریقہ کار کے لئے اصل میں کس قسم کی جانچ پڑتال
کے کچھ متغیر ہے دونوں غلطی پرکھنے کے لئے
اور دوسرے پروگراموں کے لئے.
اور یہاں ایک نمونہ اعتراض صرف ایک کی شناخت اور ایک نام پر مشتمل.
اور اب، ہم کر رہے ہیں گھوبگھرالی بریکٹ سنکیتن کا استعمال کرتے ہوئے،
پوٹ کاری اور سفید خلائی طرح کی بے معنی ہے
اور اس کا اعلان ایک جس کا نام روب ہے متغیر
اور جن کے شناختی 1 ہے اور تاریخ کی قسم ہمارے یہاں بڑی تعداد ہے
اور بالترتیب سٹرنگ.
اور پھر یہ ہے تھوڑا سا مختلف کچھ
تم نے کبھی کچھ نہیں کیا ہے تو ان دنوں ایجیکس کے ساتھ؟
آپ نے شاید استعمال کیا جاتا ہے اس طرح کسی چیز کو
لیکن کیا یہاں نوٹنگ کے قابل ہے؟
syntactically کبھی کیا ہے بہت مختلف، صرف ایک جوڑے
اس مثال کے درمیان چیزوں کی اقرار چھوٹا ہے جو
اور یہ بڑی مثال کے طور پر.
تو، سب سے پہلے عام آدمی کی میں مدت، یہ کیا ہے؟
قسم کیا ہے عملے کو آپ کہیں گے؟
ٹھیک ہے، یہ ایک صف ہے، یہ کیا کے ایک صف ہے؟
>> اشیاء.
>> ٹھیک ہے، اشیاء کی ایک صف ہے.
اور اب، صرف ایک پر توجہ مرکوز - ان اشیاء میں سے کسی ایک،
مختلف کیا ہے یہ اور اس کے درمیان؟
>> چابیاں ڈور ہیں.
>> جی ہاں. تو، چابیاں ڈور ہیں،
اور چابیاں اصل میں ہیں دونوں صورتوں میں ڈور
اور یہ ایک مورھتاپورن کی طرح ہے
میری رائے تاریخی ڈیزائن میں فیصلہ آپ استعمال کر رہے ہیں جب بھی
JSON، جاوا سکرپٹ آبجیکٹ سنکیتن،
بنیادی طور پر ہے جو نقل و حمل کی شکل
ڈیٹا بھیجنے کے لئے عام طور پر نیٹ ورک بھر میں
، کلائنٹ اور سرور کے درمیان آپ کو یاد کرنے کی ضرورت ہے
یہ اصل میں نہیں ہے درست JSON اور اس میں سے ایک ہے
ان FYIs آپ کو جب تک کبھی دیوار کے خلاف اپنے سر دھماکے
کوئی اچھے کے لئے کئی منٹ کے لئے وجہ، یہ درست JSON نہیں ہے
چابیاں ہیں کیونکہ اصل میں کے حوالے سے نہیں.
JSON idiotically کی ضرورت ہوتی ہے چابیاں کے حوالے سے کہا جائے نہ صرف،
لیکن وہ دوگنا کے حوالے سے کہا ہے کہ، ایک کی قیمت درج کافی نہیں.
تو، پاگل چھوٹی چیز اور ایک مذاق حقیقت کے زیادہ
آج کے مقاصد کے لیکن اس کے لئے بہت درست جاوا اسکرپٹ ہو گا
یہ صرف نہیں ہے - بات سچ نہیں ہے.
ٹھیک ہے.
تو، ہم بہت زیادہ نظر آئے گا اس سے زیادہ.
ٹھیک ہے.
تو، یہ ہے کہ جاوا سکرپٹ syntactically شاید بہت
واقف، ہے جو تم میں سے کسی اس سے پہلے جاوا اسکرپٹ کا کبھی استعمال نہیں کیا
یہ پی ایچ پی کی طرف سے ایک بڑی چھلانگ نہیں ہے یا سب سے زیادہ کسی بھی عمل کی زبان
آپ کو استعمال کیا ہے ہو سکتا ہے.
تو، آج ہم پر توجہ مرکوز کریں گے دلچسپ پہلوؤں
جاوا اسکرپٹ کا خاص طور پر کوئی جے ایس کے تناظر میں
لیکن خصوصی طور پر کی وجہ سے اب تک آپ، شاید ہے
آپ کو جاوا سکرپٹ کا استعمال کیا ہے تو، ایک براؤزر کے اندر اس کا استعمال کیا.
تو، کوئی جے ایس ایک ایسا ماحول ہے اس کے بعد تھوڑا سا میں ہو رہا ہے
ہم تک رسائی حاصل کرنے کی اجازت جاوا سکرپٹ کے کوڈ کلائنٹ -
سرور سائیڈ لیکن سب سے پہلے، کی ایک نظر ڈالیں
ایک ہے کہ کچھ میں تھوڑا زیادہ کلائنٹ کی طرف.
تو، میں چلا گیا ہے اور یہ ہے کورس کی ویب سائٹ پر منسلک،
آپ کے ساتھ کھیلنے کے لئے چاہتے ہیں، دو subdirectories ہیں
کہا جاتا ہے کے آج کے زپ میں ذریعہ studs کے ویب سائٹ پر زپ
اور یہ صرف ایک یاد چند مثالیں
چیزوں کی تم نے دیکھا ہے ہو سکتا ہے سے پہلے اور اس میں طرح ان کی تعمیر
سادہ سے تھوڑا سا اوپر تنگ کرنے کے لئے زیادہ پیچیدہ
خصوصیات میں سے کچھ باہر جاوا اسکرپٹ کا.
تو، آگے بڑھو اور لے ایک اس میں مثال کے طور پر نظر آتے ہیں.
تو، افسوس کی بات ہے جھپک ٹیگ تھا کئی سال پہلے بند کر ہلاک
راستہ مل گیا ہے کے طور پر خوبصورت اور خوبصورت
اور جھپک ٹیگ لفظی تھا اوپن بریکٹ بند بریکٹ پلکیں جھپکاتی
اور اس طرح کا کوئی اب ہمارے ساتھ.
لیکن، ہم اب بھی زندہ کر سکتے ہیں صرف کی قسم کی طرف سے ٹیگ کے اس خیال
اس کے بارے میں سوچ منطقی طور پر، آپ کو کس طرح جانا ہے
کی طرح کچھ کرنے کے بارے میں اس intuitively پلکیں جھپکاتی؟
آپ کو ایک بہت کم جانتے سمجھتے ہوئے جاوا اسکرپٹ کا تھوڑا سا اور یا سی ایس ایس
اس نقطہ پر، یہ ہے ٹھیک ہے آپ کو نہیں ہے.
>> ایک وقت مقرر کریں اور چھپانے اس وقت میں اس کو ٹیگ کریں گے کے بعد
باہر اور پھر یہ دکھانے کے.
>> جی ہاں، کامل.
اس طرح کے، 101 پروگرامنگ ہے
کس طرح آپ کو ایک حاصل کرے گا اس طرح بصری اثر؟
ٹھیک ہے، اگر آپ کو کسی نہ کسی طرح کچھ دکھانا ہے
اور پھر کچھ، شو کو چھپانے کچھ، کچھ چھپا
اور جوناتھن کی تجویز کے طور پر وقت کے کچھ قسم کا استعمال کرتے ہوئے،
آپ کر سکتے ہیں کے شیڈول کے کچھ قسم اس بار بار کی ضرورت کے بغیر
ایک لوپ یا استعمال کرنے کے لئے اس طرح کچھ.
تو، مجھے جھپک-0.html میں جانے
اور مجھ سے چھوٹا فونٹ تھوڑا سا
اس سے زیادہ فٹ بیٹھتا ہے کہ.
اور ایک نظر ڈالیں یہاں کیا ہو رہا ہے میں.
تو، سب سے پہلے، نوٹس کہ جسم
اس صفحے کے سپر ہے جسم کے اندر، سادہ
صفحے کے صرف ایک DIV ہے.
میں نے منمانے دیا ہے سلام کے ایک ID
اور یہ کہ کچھ بھی ہو سکتا اتنی دیر یہ منفرد ہے کے طور پر
اور پھر میں کچھ ہے سادہ متن، ہیلو دنیا.
تو، اب میں سکرال، کچھ بندوق اسٹائل محسوس.
لہذا، میں تیز، کا کہنا ہے کہ سلام، جس سے آپ کو معلوم ہے کہ
سی ایس ایس میں صرف منفرد مطلب عنصر کی شناخت
سلام کے ایک خیال کے ساتھ،
فونٹ سائز منمانے جا رہا ہے اس، مارجن اور متن سیدھ ہو.
تو، پر uninteresting جمالیاتی تفصیلات
تقریبا ٹیکسٹ مرکز.
تو، دلچسپ حصہ ہے یہاں سکرپٹ ٹیگ میں
میں اندر ڈال دیا ہو جس صفحہ کے سربراہ کے.
تو، we'll - آپ کیا کر سکتے ہیں اس کے طریقوں میں سے کسی بھی تعداد میں
اور ہم میں سے چند ایک کو دیکھ لیں گے یہ ایک ہی پروگرام کی تکرار
لیکن سب سے اوپر سے شروع کرتے ہیں.
تو، میں نے ایک اعلان کیا ہے جھپک ملاقات کی تقریب
اور بظاہر اس کا استعمال کرتا ہے بلٹ میں کہا جاتا ڈوم طریقہ
شاید ہے جو getElementById زیادہ طاقتور طریقوں میں سے ایک
آپ کو باکس کے باہر حاصل ہے کہ جاوا سکرپٹ کے لئے تلاش کے ساتھ
"سلام" کرنے کے لئے نہیں ہے یہ تھا جیسے ڈبل قیمت درج ہو
ایچ ٹی ایم ایل میں یا تو ہے ٹھیک ہے، تو طویل ہے
آپ stylistically ہیں مسلسل میں ہمت ان دنوں کا کہنا ہے کہ
بہت سے لوگوں جاوا کا استعمال کرتے ہیں، جاوا سکرپٹ میں ایک کی قیمت درج،
ڈبل HTML میں کی قیمت درج کرنے، لیکن یہ واقعی کوئی فرق نہیں پڑتا
جب آپ مسلسل ہو.
تو، یہاں آپ واقف نہیں ہیں، آپ کو اصل تک رسائی حاصل کر سکتے ہیں
جاوا سکرپٹ کو سی ایس ایس کے ساتھ عناصر پر کی خصوصیات.
لہذا، میں ہے کہ نوٹس DIV کا اعلان کر دیا ایک متغیر
اور اندر ذخیرہ اس متغیر کی،
جو کچھ بھی کرنے کے لئے ایک حوالہ کہ ڈوم عنصر ہے.
تو، آپ واپس CS50 پر لگتا ہے یا تم نے سوچا کہ جس میں کسی بھی کلاس
درخت کے ڈھانچے کے بارے میں اور ڈوم، دستاویز آبجیکٹ ماڈل،
یہ صرف ایک حوالہ ہے ایک درخت میں ایک نوڈ،
کہ اس پیج کی نمائندگی کرتا ہے
اور اگر div.style.visibility جائیداد، برابر، برابر، برابر
چھپی ہوئی، اس کے بعد میں نے صرف ایک ٹوگل یہ چاہتے ہیں
جوناتھن کی تجویز کے طور پر دوسری صورت میں چاہتا ہوں
یہ پوشیدہ کے ٹاگل کرنے کے لئے.
اب، کی طرف میں کے طور پر، کیوں ٹرپل وہاں برابر ہے؟
یا اس کے مقابلے میں کیا ہے ڈبل برابر ہے؟
>> سخت برابر.
>> معذرت.
>> سخت برابر.
لہذا، یہ شناخت آپریٹرز ہے
آپ نہیں کی جانچ پڑتال کر رہے ہیں جہاں کی طرف سے متغیر کی صرف قیمت
برابر، برابر احساس کے طور پر بلکہ اس کی قسم.
لہذا، ہم نہیں ہے اگرچہ کسی بھی ڈیٹا اس دور کی وضاحت
میں کسی بھی متغیر کے لئے اقسام یہ یا سلائڈ کی کسی بھی،
منسلک ایک قسم ہے کہ سٹرنگ پوشیدہ کے ساتھ
کہ پوشیدہ قیمت، اور اس کے ساتھ اس کورس سٹرنگ کی ہے.
تو، اس صورت میں، اس کے واقعی کوئی فرق نہیں پڑتا
کوئی راستہ نہیں ہے کیونکہ وہاں ہم ایک تار conflate جا رہے ہیں
کے "پوشیدہ" کے ساتھ کچھ دوسرے قدر
لیکن یہ اکثر ایک اچھا ہے عادت میں حاصل کرنے کے لئے کہیں گے
برابر، برابر کا استعمال کرتے ہوئے میں،
برابر علامت عام طور پر ہے ایک اچھی بات.
یہ اپنے کوڈ کر دے گا زیادہ پی ایچ پی میں دونوں مضبوط لیکن
اور جاوا سکرپٹ میں آپ کو چلانے گے کیونکہ
کبھی کبھار کونے کے مقدمات میں قیمت صفر کہاں ہو سکتا ہے
آپ کے لئے جانچ پڑتال اور کر رہے ہیں صفر جھوٹے کے ساتھ conflated کیا جا سکتا ہے
یا، کوئی اور پی ایچ پی میں کے طور پر ہو سکتا ہے
جاوا سکرپٹ کو بھی ایک سے زیادہ کر سکتے ہیں جھوٹا اقدار جہاں صفر سے
اور باطل اور شہوت انگیز null اور جانچ تمام لپیٹ حل کر سکتے ہیں
جھوٹے پر.
لیکن اگر آپ واقعی خواہش کر رہے ہیں خاص طور پر قیمت کے لئے چیک کرنے کے لئے
جیسے صفر، تعداد، یا جھوٹے بولین تو آپ ہیں
اس کی شناخت آپریٹر استعمال کرنے کے لئے.
لہذا، یہ حاصل کرنے کے لئے ہو سکتا ہے ویسے بھی میں یہاں اگرچہ،
اس طرح کی بے معنی ہے ہم پڑتال کر رہے ہیں جانتے ہیں
ایک تار قیمت کے لئے اور یہ اور کچھ نہیں ہونے والا.
اگر ایسا ہے تو، یہاں جادو، تو ہے کہ میں یہاں اس لائن کے نیچے سکرال،
بظاہر، تعمیر ونڈو چیز میں
اور یہ ایک خصوصیت ہے آپ تک رسائی حاصل کر سکتے ہیں ایک براؤزر
اس سپر گلوبل پر دریچہ کہا جاتا اعتراض،
یہ ہے کہ کے اندر کچھ فعالیت،
اگر ٹکڑا جس کے وقفہ مقرر کیا گیا ہے
اور یہ بظاہر لیتا ہے دلائل کس قسم کی؟
جی ہاں.
>> تقریب کال اور ایک وقت.
>> اچھا. تو، ایک تقریب ایک وقت فون اور
اور تو خاص طور پر ایک ایک تقریب میں ریفرنس،
ایک تقریب میں ایک پوائنٹر ایک طرح سے
اور ہے کہ تقریب کا کہ رہا ہے
ہر تعداد کے پھانسی دے دی حاصل کرنے کے لئے milliseconds کے اور اس معاملے میں،
کہ ہر 500 milliseconds کے ہے.
لہذا، یہ والی کا ایک طریقہ ہے مؤثر طریقے سے اور لامحدود لوپ
iteration کے کا استعمال کرتے ہوئے، لیکن بغیر اس کی بجائے جاوا سکرپٹ کو کہہ
اندر کے انجن براؤزر کے
ہر 500 کرنے کے لئے milliseconds کے یا بند ہے
500 milliseconds کے یہ کر سکتے ہیں کے طور پر،
یہ پتہ چلا ہے کہ ہڈ کے نیچے،
واقعہ کہا جاتا ہے کیا ہے لوپ اور ہم اس پر واپس آ جائیں گے
نوڈ جے ایس کے تناظر میں کہ صرف مسلسل قسم
، کتائی، وہاں بیٹھے کے کیا جائے گا کام کے لئے انتظار کر رہے ہیں
اور جیسے ہی اس کا احساس کے طور پر،
500 milliseconds کے گزر چکے ہیں جھپک ایک بار پھر کہا جاتا ہے ہو جائے گا
اور بار بار ہے کسی دوسرے کام کے ساتھ ساتھ
کہ کیا حاصل کرنے کی ضرورت.
تو، ہم یہاں کیا کو بہتر بنانے کے کر سکتے ہیں؟
ٹھیک ہے، مجھے کھول اپ جھپک-1.html
اور جھپک-1.html مظاہرہ
کے طور پر جمالیاتی اعتبار سے بالکل ایک جیسی.
تو، ہم یہاں کیا کو بہتر بنانے کے کر سکتے ہیں؟
ٹھیک ہے، محسوس یہ کہ یہ قسم کے بیکار تھا
کے نام سے ایک تقریب کی وضاحت کرنے پلکیں جھپکاتی کی وجہ سے کس طرح بہت سے
میں کس طرح بہت سی جگہوں پر کیا مجھے تقریب جھپک کہتے ہو؟
>> بس ایک بار.
>> تو، ایک.
تو، اس میں، برا نہیں تھا حقیقت یہ ہے کہ یہ شاید خوبصورت ہے
سیدھا.
میں، ایک تقریب جھپک کی وضاحت میں راہ کی طرف سے ایک تقریب جھپک فون
اس پیرامیٹر کی، لیکن تکنیکی،
کی وجہ سے وہاں نہیں تھا یہ اور ایک عام مثال
جاوا اسکرپٹ میں اصل میں ہے لامڈا افعال کے استعمال بنانے کے
آپ کی طرف سے یاد کر سکتے ہیں کے طور پر 51 یا گمنام افعال
جہاں آپ کی ضرورت نہیں ہے تو ایک تقریب کے لئے ایک نام،
آپ کو صرف یہ بلا رہے ہو یقینی طور پر ایک جگہ میں،
کیوں، آپ کے کوڈ کی cluttering پریشان پروگرامرز کے دماغ کی cluttering
اور اپنے نام کی جگہ واقعی علامتوں کے ساتھ
تم سچ میں نہیں ہے کہ کے بارے میں دیکھ بھال کرنے کی ضرورت ہے.
اور اس طرح، اس ورژن میں یہاں،
میں بلا رہا ہوں کہ متعلقہ window.SetInterval براہ راست
کے سب سے اوپر پر اپنے سکرپٹ ٹیگ تو میں گزر رہا ہوں
ایک گمنام تقریب میں دلائل کہ کوئی لیتا ہے
اور یہ کہ بالکل ہے ٹھیک ہے اور پھر جسم
اس تقریب کی ہے ظاہر ہوتا ہے اس سے پہلے کیا تھا جیسی
اور صرف syntactic فرق ہے
یہاں نیچے اگلا 500.
میں جسم کو بند کر رہا ہوں تقریب کی
اور پھر میں کہہ رہا ہوں کہ گزشتہ کوڈ کو پھانسی،
ہر 500 milliseconds کے.
تو، بہت معمولی تبدیلی
لیکن کیا ہے کی طرف ایک قدم شاید ایک سے زیادہ خوبصورت
اس کا عمل.
تو، اس میں سے ایک لے اب میں اگر مزید قدم
جھپک دو حصوں میں، تمہیں ایک عام لائبریری کو دیکھنے کے،
جس کا اثر چل رہا ہے
مکمل طور پر معمولی ہونا ہم جا جمالیاتی لیکن اگر
یہاں دو ورژن میں، نوٹس کہ میرے سر کے سب سے اوپر،
میں نے شامل کر دیا ہے jQuery کے تازہ ترین ورژن.
اور پھر، یہاں نیچے، میں صرف صاف
کوڈ کو، یہ تھوڑا سا ہے ایک تفریح ​​کی دنیا نہیں جا رہا
کا استعمال کرتے ہوئے جاری رکھنے کے لئے آ ڈوم افعال
اور خام جاوا اسکرپٹ کی طرح.
اصل میں، jQuery کی تم کر سکتے ہو کے طور پر جانتے تو مقبول ہو گیا ہے
کہ سب سے زیادہ لوگوں کو صرف جاوا سکرپٹ کے ساتھ تنازعہ کے jQuery
لیکن واقعی صرف ایک رات کے کھانے لکھا مفید لائبریری
جان نامی ایک ساتھی کی طرف سے Resig اور دوسروں کے بعد سے
ہے صرف ایک ہے کہ تکاؤ بہت سی چیزوں کے
جاوا اسکرپٹ میں آسان اور مزید succinct.
تو، اس صورت میں یہاں کیا ہو رہا ہے؟
لہذا، میں اس ظہور ہے مزید اس پر ایک ڈالر کی نشانی،
صرف ایک لمحے میں، اس کے بعد یہ ایک سی ایس ایس سلیکٹر ہے.
تو، اس میں بہت اسی طرح ہے میں نے پہلے کیا کیا روح،
لیکن اس وقت، میں ہوں لفظی ہیش ٹیگ کا استعمال کرتے ہوئے
ایک منفرد بات کی نشاندہی کرنے سلام کہا جاتا شناخت
اور پھر بظاہر . سی ایس ایس کی تعمیر ایک طریقہ ہے
میں جو کچھ بھی اعتراض میں نے صرف پیدا کیا ہے
اور میں قیمت کی جانچ پڑتال کر رہا ہوں نمائش کلید کی.
اور اگر اس چابی کی قیمت ، برابر برابر، برابر، چھپا،
تو میں اسے ٹاگل کرنے کے لئے جا رہا ہے اور کر رہا ہوں میں نے اسے اس وقت ٹاگل کرنے کے لئے جا رہا ہوں
ایک ہی طریقہ کا استعمال کرتے ہوئے کی طرف سے جس میں بظاہر زیادہ بار ہے
یہ ہے اس معنی میں دو مختلف دستخط،
ایک دلیل کے ساتھ اور ایک دو دلائل کے ساتھ ایک،
جس کے دوسرے سیٹر ہے،
جس کے سابق ہے ایک حاصل کرنیوالا تو بات کرنے کی.
اور اگر میں جاننا اور آپ چاہتے ہیں تو اصل میں، اس میں کبھی نہیں دیکھا
ہمیں امید ہے کہ jquery.css پر جاتے ہیں سب سے اوپر ہٹ یقینا یہ ہے
اور آپ کو ایک زیادہ دیکھ سکتے ہیں رسمی طور پر وضاحت
ہم صرف اس کا استعمال کرتے ہیں، جائیداد کے نام کے ساتھ سی ایس ایس
اور اس کے بعد سیٹر ڈاٹ سی ایس ایس ہے
ایک پراپرٹی کے نام کے ساتھ اور ایک قیمت.
تو، معمولی کلینر، لیکن یہاں پیٹرن کی ترتیب کے نوٹس
ہر iteration کے ساتھ اس ضابطے کی،
ہم کی طرح یہ کر رہے ہیں سخت اور سخت اور سخت
اور بہتر ڈیزائن کہنا
ہم کسی کا استعمال کرتے ہوئے کر رہے ہیں ختم ہے کہ اور کے کوڈ
پیچیدگی میں سے کچھ.
تو، اب بنا دو یہ بھی آسان.
اور حقیقت میں، تو مجھے ہٹانے کے تمام آپ کو صرف تمام دیکھیں گے کی قیمت درج کرنے
آپ کو کس طرح نظر آئے گا پر تبصرہ آسان یہ ہو گیا ہے.
ایک فرق یہاں سے کورس ہے
میں ایک ٹوگل استعمال کر رہا ہوں کہ بھی تعمیر آتا ہے جس میں طریقہ کار
jQuery اور ہے کہ صرف میں
کیونکہ کسی کوڈ لکھا
کہ اصل میں ٹوگل نمائش کی ترتیب
کسی بھی ڈوم عنصر کی آپ اسے بھیج ہے.
تو، بہتر سے بہتر.
اور اس طرح، یہ ایک نمونہ ہے،
یہ ایک رات کا کھانا ہے اگرچہ سادہ مثال اور ترتیب دیں
بیوکوف نیٹ اثر کی جس ٹیکسٹ کا ایک ٹمٹمانے ٹکڑا ہے،
یہ سوچ اس طرح کی ہے آپ کو لگتا ہے کہ عمل کے -
کے بارے میں نہیں سوچ رہے ضروری بہت پہلے
غیر تحریری طور پر کچھ آئندہ منصوبے کے لئے
لیکن یقینی طور پر آپ iterate کے طور پر آپ مشیر کے ساتھ یا میرے ساتھ
اور آپ کی ٹیم کے اجلاسوں یا آپ صرف آپ کے ساتھی کے کوڈ کا جائزہ لینے کے
سخت کے بارے میں چیزوں کو، ٹھیک ہے؟
سب کے بعد، وہ کم ہیں -
کوڈ کا ایک کم لائنز بالآخر آپ ہیں
اصول میں کم کیڑے آپ مدعو ہونے کا امکان ہے
بس کیونکہ وہاں کے ساتھ گڑبڑ کرنے کے لئے کم کوڈ.
ٹھیک ہے.
تو، takeaways کے ایک جوڑے.
لامڈا کام کرتا ہے، گمنام افعال،
جس سے آپ کے بہت سے سے پہلے دیکھا ہے
اور پھر بھی صرف سخت لائبریری کے ساتھ چیزوں کو
اس میں jQuery کی طرح مخصوص کیس.
ٹھیک ہے.
کوئی سوال؟
کی ایک دوسرے کرتے ہیں یہاں کلائنٹ سائڈ پہلو،
فارم صفر میں ہم اس خالص اثر.
بظاہر سپر آسان فارم اور میں یہاں رجسٹر پر کلک کریں کرنے کی کوشش کریں تو،
ابتدائی طور پر یہ آپ ہیں مجھ سے کہتا ہے رجسٹرڈ، اچھی طرح سے، واقعی نہیں.
ٹھیک ہے، کیوں ہے؟
ٹھیک ہے، یہاں فارم 0.html ہے بہت کم کوڈ،
کوئی جاوا سکرپٹ کچھ اور یہ مکمل طور پر ایک جعلی طرح ہے
فارم کی وجہ سے کارروائی قیمت registered.html ہے
جس میں کوئی بات نہیں ہے کیا مطلب میں اس فارم میں ٹائپ کریں،
اس کے لئے کہاں جا رہا ہے سرور پر بھیجا جائے؟
جی ہاں. تو، registered.html پر جس میں واضح طور پر ایک HTML فائل ہے
اس وجہ سے مستحکم ہے جو کوئی مطلب ہے جس کی فائل
سنبھالنے صارف کی ان پٹ لینے کے کوئی جاوا سکرپٹ کے کوڈ ہے
اس میں سرایت ہے یو آر ایل میں تلاش
تو یہ مکمل طور پر ایک NOOP ہے اور کہ کچھ نہیں ہونے جا رہا ہے
ایک پیش کے اعداد و شمار، لیکن آپ کی ساخت کو دیکھ سکتے ہیں
ایک کافی آسان HTML5 فارم کی
کہ چند پاس ہے، چند ایک ان پٹ کی اقسام.
تو، اصل میں اب چلو کچھ غلطی کی چیکنگ شامل
اور دیکھ کہ ہم کس طرح ہو سکتا ہے اس کو بہتر بنانے کے.
تو، یہاں ترتیب کے ایک غریب ہے اس پر عمل درآمد کے آدمی کی راہ
اور اس طرح کی ایک ہے کوڈ کی گندی حصہ.
تو، سب سے پہلے کی دو کتاب نیچے نیچے
ایک ہی ہے کیا دیکھنے کے لئے اور کیا مختلف ہے.
مختلف صرف ایک ہی چیز اب اس کے درمیان
اور پچھلے ورژن ہے میں نے فارم اور ID دیا ہے
"رجسٹریشن" کر سکتے ہیں کے میں چاہتا گیا کچھ
لیکن اس کے منفرد کا مقصد شناخت بھی نہیں ہے
سختی ضروری ہے کیونکہ اگر ایک صفحہ صرف ضرور ایک فارم ہے میں نے
میں سے ایک کے ساتھ اس کی تلاش کر سکتے ہیں jQuery کے کے سلیکٹر کے طریقوں.
لیکن اس طرح صرف کرتا ہے یہ زیادہ نیتاتمک.
تو، میں نے اپنے سکرپٹ اب تو ٹیگ،، مندرجہ ذیل نوٹس
window.onload برابر ایک گمنام تقریب.
تو، یہ کیا کر رہا ہے؟
تو، آپ کو میں یاد کر سکتے ہیں کلائنٹ سائڈ پروگرامنگ -
جاوا سکرپٹ کے بجائے HTML صفحات مختلف واقعات منسلک ہے
عناصر، کلک کے ساتھ اور جمع کرنے اور توجہ مرکوز
اور دھندلاہٹ اور اس جیسے دیگر ہو سکتا ہے کہ واقعات
عام طور پر ایک صارف کے طور پر صفحہ کے ساتھ انٹرایکٹ،
window.onload یہ کہتے ہیں کہ کیا ہوتا ہے.
ونڈوز پوری لوڈ ہو رہا ہے پر
تو ایک بار تمام تصاویر گیا ہے تمام فائلوں کو ایک بار میں ہے ڈاؤن لوڈ
ایک بار ڈاؤن لوڈ کیا گیا صفحہ بھری ہوئی کیا گیا ہے،
مندرجہ ذیل کوڈ کرتے ہیں، اور میں نیچے سوئچ نوٹس
اس طریقے کی، نوٹس کوئی خانے ہیں
گھوبگھرالی منحنی خطوط وحدانی کے بعد کہنا ہے جو
میں نے قتل نہیں ہوں کہ اب یہاں اس تقریب،
براؤزر پھانسی کی جا رہی ہے یہ مقرر کیا ہے جب میرے لئے
صفحہ بھری ہوئی ہے.
تو، ہم کیا کیا ہے دیکھتے ہیں،
document.getElementById رجسٹریشن
تو یہ صرف میرے دیتا ہے نوڈ پر ایک حوالہ
کیا ہے کہ درخت میں رجسٹریشن کے ایک شناختی.
اور اب، میں جا رہا ہوں دوسرے ایونٹ ہینڈلر رجسٹر
form.onsubmit ہو جاتا ہے کرنے کی طرف سے اس گمنام تقریب
مندرجہ ذیل ہے جس کا مطلب کوڈ پر عمل کرنا چاہئے جب بھی
اس فارم پیش کیا جاتا ہے.
اب، اس کے سب سے زیادہ صرف ہے ترتیب کی منطق بورنگ.
تو، اگر قیمت شکل میں ای میل کے میدان میں ہے
"کچھ نہیں" تو آپ لازمی اپنا ای میل ایڈریس فراہم کرتے ہیں،
آپ کو ایک کے ساتھ صارف کو چللاو مطلع اور پھر جھوٹے واپس.
اور پھر میں ایک ہے دیگر چیک کے گروپ،
پاس ورڈ کے لئے چیک کرتا ہے،
چیک تو پاس ورڈ، ایک ہی ہیں
چیک اگر معاہدہ چیک باکس کی جانچ پڑتال کی ہے یا نہیں
اور میں صرف چللاو صارف اگر کوئی ہے تو
ان کے ٹیسٹ کے اصل میں ناکام رہتے ہیں.
اور اس طرح، یہ ایک مثال بھی ہے یہ تھوڑا کر contrived اگرچہ
میں استعمال کر رہا ہوں کہ یہاں حقیقت ،، برابر برابر، برابر
کا مطلب ہے کہ صارف چکما کرنے کی کوشش نہیں کر سکتے ہیں
کیا قیمت میں ٹائپ کی طرف سے.
یا بلکہ میں واقعی ہوں موجودگی کے لئے کی جانچ پڑتال
خالی سٹرنگ کی، صارف ابھی تک کچھ ٹائپ نہیں کیا گیا ہے.
اگر ٹائپ صارف ، لفظی صفر میں
"صفر" ممکنہ طور پر ہو سکتا ہے خالی سٹرنگ کے ساتھ الجھن میں.
اور میں نے اس طرح کا کہنا ہے کہ یہاں معنی
ظاہر بھی صفر ہے کیونکہ ایک ای میل ایڈریس نہیں ہے.
لیکن یہ ایک سے زیادہ تھا ایک متن والے فیلڈ کی طرح عام میدان
یا ایک نام یا ایک وضاحت یا آپ کے لئے قیمت کے لئے چاہتے ہیں کچھ
اور یہ ضروری نہیں ہے syntactically ہے
ایک ای میل ایڈریس، صارف ہو صفر کی طرح کچھ ٹائپ کر سکتے ہیں
اور پھر کونے کے کیس لیکن اس کیوں عام طور پر اقسام ہے کی جانچ پڑتال
ایک مفید چیز ہے.
تم سچ کے لئے کی جانچ پڑتال کر رہے ہیں صارف کچھ بھی ٹائپ کر
اس میدان میں.
تو، کیا ہوتا ہے اگر کوئی بھی کے ان کے ٹیسٹ، ٹھیک ہے، میں ناکام رہتے ہیں
سچ کے اندر واپس لوٹنے ایک ایونٹ ہینڈلر کے
جیسے onsubmit صرف دو کا مطلب اصل رویے اصل
اس وجہ سے تشہیر اور فارم جمع ہو جائے گا.
اور یہی وجہ ہے کہ جب میں نے آخر میں ہے میں نے پہلے پیش کلک
کے ذریعے register.html اور اب میں یہ کرتے ہیں، نوٹس،
میں نہیں کرتے ہیں تو چللایا ہو ایک ای میل ایڈریس فراہم
اور میں ٹائپ کر سکتے ہیں malan@harvard.edu،
کرمسن [صوتی]، کرمسن، باکس کی جانچ پڑتال،
اور اب رجسٹر اور اسے پھر سے، مجھ سے کہتا ہے،
آپ رجسٹرڈ ہیں یا واقعی نہیں.
ٹھیک ہے.
تو، صرف ایک اس کو صاف کرتے ہیں پھر تھوڑا سا اور منتقلی
نئے نئے کرنے کے لئے سرور سائیڈ چیزیں.
تو، میں نے فارم 2.html میں جانے، کچھ چیزیں محسوس.
تو، ایک، میں لایا واپس مکس میں jQuery کی
تو پھر ہے یہ ڈالر کا نشان
اور اب میں استعمال کر رہا ہوں کچھ jQuery کے طریقوں.
تو، سب سے پہلے، اس کے بارے میں کیا ہے ہے کہ ڈالر کی نشانی
یہاں خاص؟
ڈالر کا نشان laced کر کیا ہے سب سے زیادہ کسی بھی jQuery کوڈ میں؟
جی ہاں.
[اشراوی تبصرہ]
ٹھیک ہے. لہذا، ڈالر کا نشان تقریب تلاش ڈوم کے ذریعے جاتا ہے
اس کے ساتھ کسی چیز کے لئے خاص طور پر سی ایس ایس سلیکٹر.
تو، سچ ہے لیکن تقریبا بہت عین مطابق.
یہ کیا ہوتا ہے آپ کو ایک تار میں منتقل جب
اس معاملے میں، لیکن اگر آپ ایسا نہیں کرتے ہمیشہ ایک تار میں منتقل کرنے کی ہے.
اصل میں، پوائنٹ میں کیس، بہت یہاں پہلی سطر یہ ایک نہیں ہے
سی ایس ایس سلیکٹر، میں گزر رہا ہوں ایک لامڈا تقریب میں.
تو، زیادہ عام طور پر - تو، اچھا جواب لیکن بہت عین مطابق.
مزید عام طور پر، کیا ہے ڈالر علامت کی نمائندگی کرتے ہیں؟
>> بس jQuery کی.
>> جی ہاں. تو، صرف jQuery کی یا یہ صرف ایک تقریب ہے
کہ پہلے کچھ آدمی سال لکھا اور دوسرے لوگوں کو ہے
کے بعد بہتر ہے کہ لفظی پہلے سے طے شدہ کہا جاتا ہے کی طرف سے -
افوہ، jQuery کی کہا جاتا ہے.
یہ صرف - یہ بدل جاتا ہے ایک بہت کے برعکس باہر
زبانوں ڈالر کی نشانی ہے ایک استعمال کرنے کے لئے بالکل درست علامت
ایک متغیر کا نام ہے جبکہ میں
پی ایچ پی کی ڈالر سائن ان کریں ظاہر ہے خصوصی معنی ہے
لیکن جاوا سکرپٹ میں کی طرح کچھ زبانوں، ڈالر کا نشان
اور کرتے ہیں اور اس جیسے دیگر خصوصی حروف مکمل طور پر legit
اپنی خود کی علامت میں استعمال کرنے کے لئے متغیر کے لئے کے نام.
تو، کسی کو صرف فیصلہ کیا ہے ہے، آپ کیا جانتے ہیں؟
یہ بہت تکاؤ ہونے جا رہا ہے
پوری دنیا کو بنانے کے لئے jQuery تمام وقت کی قسم،
میرے طرح کے پلانٹ دو ایک زمین میں داؤ پر لگا اور کہتے ہیں،
"یہ لائبریری گے ڈالر کا نشان استعمال کرتے ہیں. "
اور حقیقت میں، اس خطرے میں اضافہ کرتا ہے
کہ presumptuously کسی ڈالر کا نشان استعمال کرنے کے لئے کی جا رہی ہے
اس کا یا اس لائبریری لیکن قسم کے بیمہ کرنے کے طریقوں ہے
کہ آپ کو ڈالر استعمال کرتے ہیں تو یہ jquery نقشے پر دستخط
آپ کو ٹیسٹ کر سکتے ہیں کیونکہ اگر یہ پہلے سے ہی مقرر کیا گیا ہے
بنیادی طور پر کچھ کرنے کے لئے.
ٹھیک ہے.
تو، یہ کہ تمام ہے کہ ، کوئی جادو نہیں ہے ہے.
یہ دیکھ کر صرف ایک شہوانی، شہوت انگیز ہے اچھا ہے کہ نحو کا ٹکڑا
اور فوری اور ٹائپ کرنے کے لئے آسان.
جب تم تو، کیا ہوتا ہے ڈالر کا نشان کھلی قوس ٹائپ
اور اس کے بعد ایک گمنام تقریب.
ٹھیک ہے، یہ پتہ چلتا ہے کہ اصل میں آشلپی سنکیتن
دستاویز ڈاٹ کے لئے تیار کھلی قوس.
تو، سنتھیا کے طور پر دیکھا پہلے ہم نے پہلے ہی پایا ایک
کونے کے کیس.
آپ کو صرف میں گزرتے ہیں لامڈا تقریب،
ڈالر کا اثر سائن تھوڑا مختلف ہے.
اصل میں، کیا واقعی ہو رہا ہے یہ اس کے برابر ہے ہے،
کرنے کے لئے ایک ریفرنس میں گزر عالمی دستاویز اعتراض
یہ صرف کی طرح عالمی سطح پر ہے ونڈو اعتراض ہے
کہ آپ کو کچھ دیتا ہے خصوصی فعالیت
کہ پورے صفحہ پر اثر انداز یا براؤزر اور یہ دیتا ہے
اس دستاویز کو جب آپ jQuery کے ساتھ لپیٹ،
jQuery کے بنیادی طور پر، احساس اوہ، یہ ایک حوالہ ہے
خصوصی دستاویز اعتراض کرنے،
اب مجھے رجسٹر ہیں ایک ایونٹ ہینڈلر کے لئے تیار سے ملاقات کی
آ نہیں ہے جاوا سکرپٹ یا ڈوم متعلق.
تیار ایک jQuery ہے کا کہنا ہے کہ بات
صفحہ بھری ہوئی ہے جب HTML عناصر کے تمام
لیکن ضروری بھری ہوئی نہیں، سی ایس ایس اور تصاویر کی تمام
جاوا اسکرپٹ فائلوں اور فائلوں اور پسند کرتا ہے فلیش.
تو، اس سے پہلے ایک قدم ہے لوڈ پر تو آگے بڑھو
اور مندرجہ ذیل پر عمل.
اور تیار استعمال کرنے کے الٹا کا مطلب ہے، آپ کو، آپ کو معلوم کر سکتے ہیں
کہ عناصر کے سب آپ ڈوم میں،
منفرد شناخت کے تمام آئی ڈیز کے ساتھ چیزوں کو، وہ بھی موجود ہیں
اگر پیج، اس کے مندرجات اب بھی لوڈنگ اور لوڈنگ کر رہے ہیں
اور آپ کو کچھ ہے ایک لمحے کے لئے ٹوٹا ہوا شبیہیں
یا پس منظر میں سفید صفحہ.
جی ہاں.
>> کیا ہوگا [اشراوی] ہے؟
>> بہترین مثال، ایک کامل سوال.
تو، ہم کر سکتے ہیں چلو دیکھتے ہیں اگر اب اس انکرن.
تو، مجھے آگے بڑھو اور خارج کر دیں یہاں اور پھر یہ دو لائنیں
ٹھیک کرنے کے لئے پریشان کر کے بغیر پوٹ کاری، مجھے جانے دو آگے
اور یہاں اس کے نیچے خارج کر دیں - افوہ، یہاں نیچے اس میں سے ایک.
اور اب، میرے اوپر چلتے ہیں صفحہ، فارم 2.html اور قسم پر جانے
رجسٹر میں، کچھ بھی نہیں لگ رہا تھا ہو، کا کہنا ہے کہ، یہی وجہ ہے کہ تھا،
آگے بڑھو اور کھولنے کروم کے انسپکٹر کو،
صرف دیکھنے کے لئے کنسول کو کھولنے کچھ یہاں ہوتا تو اب،
، اب بھی کچھ نہیں کریں.
تو، کوڈ syntactically ہے ٹھیک
تو میں نے کسی بھی نہیں دیکھ رہا ہوں ریڈ خرابی کے پیغامات،
لیکن واضح طور پر کیا نہیں ہو رہا ہے؟
اپنے کوڈ میں سے کوئی بھی، صحیح ہے یہ تو کام نہیں کر رہا کوئی
میرا کوڈ لگتا ہے تو یہ کیوں ہے، قتل؟
ٹھیک ہے، جاوا اسکرپٹ اور براؤزر عام طور پر پھانسی
ایک ویب کے صفحے، سب سے اوپر کے مندرجات نیچے، بائیں سے دائیں.
اور مسئلہ ہے کیونکہ سب سے اوپر
اس صفحے کے HTML پھر سر ہے پھر سکرپٹ پھر ایک سکرپٹ،
اس کو پھانسی دے دی حاصل کرنے کے لئے جا رہا ہے بھی تیار کیا ہے اس سے پہلے،
یا اس سے بھی درخت میں موجود ہے صفحہ کی نمائندگی.
فارم خود، بھی نہیں جسم کے اس مقام پر موجود ہے.
تو، jQuery کی کافی ہوشیار ہے اس کی غلطی کی چیکنگ کے ساتھ
کہ کوئی عنصر کے ساتھ ہے تو رجسٹریشن کے منفرد ID،
اس کے لئے نہیں جا رہا ہے آپ پر ضمانت
اور کچھ کنسول متحرک غلطی اور پوری صفحہ توڑ،
اس خاموشی کو نظر انداز کرنے جا رہا ہے آپ، لیکن اس کی وجہ سے کوئی بھی
اس کوڈ ہے کبھی executes ہے
آپ کے پاس کیونکہ جب اس، ہینڈلر جمع رجسٹر
کوئی عنصر نہیں تھا اس سے منسلک کرنے کے لئے.
تو، یہ وہاں کی طرح کوئی آپشن ہے.
لہذا، بجائے وضاحت کی طرف سے، عمر بھری ہوئی ہے تک انتظار
ہم window.onload کیا تو ترتیب ہے جس میں بات
کرنے کے پرانے اسکول کے راستے سے یا ہے sexier jQuery کے طریقہ
اس طرح، ہم کر سکتے ہیں یہ انتظار بتا تمام تک
ان HTML ٹیگ کی ہے تجزیہ کیا گیا ہے کہ تو بھی
تصاویر میں بھری ہوئی نہیں ہے کم از کم اس نوڈ کے درخت میں ہے،
پھر jQuery کی بات کا یقین کیا جا سکتا ہے کہ سب کچھ ہے.
جی ہاں.
[اشراوی تبصرہ]
جی ہاں، اچھا، جی ہاں بالکل.
تو، کے لئے دیگر حل یہ آپ کو اس کا استعمال نہیں کیا تو
یا یاد نہیں یہ موجود ہے،
تم بالکل منتقل کر سکتے ہیں نیچے اس کی سب
ویب کے صفحے کے، کے اندر اب بھی لیکن فارم کے نیچے جسم
اور وہ بھی کریں گے اس مسئلہ کو حل.
یہ صرف عام طور پر ہے برا مشق سمجھا جاتا ہے.
یہ تھوڑا گندا ہے اور میلا خاص
آپ کو سب کچھ جام رکھ صفحہ کے سب سے نیچے،
میں رکھ رہا ہوں خاص طور پر جب تمام رکھ کر چیزوں کو آسان
اندر اپنے کوڈ کے HTML پیج کی
جب آپ کر سکتے ہیں، کورس کی یقینی طور پر عادت میں حاصل
اسے باہر فیکٹرنگ کے ایک علیحدہ فائل
یہ صرف بہت اچھا ہے جس نقطہ پر
مرکزی پر سر میں فائلوں.
آپ کو ادا کی قیمت نہیں ہے، سوائے
جاوا سکرپٹ کو رکھ کر سی ایس ایس فائلوں کی طرح ایک دوسرے کے اثاثے
صفحے کے سر میں، آپ کو چلانے کے ایک خطرہ کیا ہے؟
>> سست صفحہ لوڈ ہو رہا ہے.
>> سست صفحے کے لوڈ، کیوں؟
>> ہم کوشش کر رہے ہیں کیونکہ تمام لائبریریاں لوڈ کرنے کے لئے
[اشراوی] سے پہلے.
>> بالکل کیونکہ براؤزر نیچے کوڈ سب سے اوپر پڑھیں،
بائیں سے دائیں تو گوگل تجزیات سست ہیں
یا jQuery CDN سست ہے یا فیس بک API سست ہے
اور اس فائل صرف لٹکی ہوئی ہے ممکنہ طور پر منحصر ہے
آپ اس فائل کو لوڈ کس طرح، پورے پیج کو پھانسی پر ظاہر ہو سکتے ہیں.
اور تم اس کو دیکھ تو ایک بہت واضح طور سے
ویب سائٹ پر انہوں نے ایک بہت ہے کے کم معیار کے اشتہارات
ان پر، ہم صرف سست ایک یا ایک سے ہیں تنڈربولٹ ویب سائٹ کے ایک صفحے کو پھانسی کر سکتے ہیں
کچھ غیر معینہ مدت کے لئے سیکنڈ کی تعداد
براؤزر کے آخر میں جب تک اس سے امید ہے کہ اوقات
اور پھر آپ کو پتہ چلتا ہے صفحہ کے باقی.
تو، کیا تم نے کبھی کی طرح استعمال کیا ہے بٹن کی طرح فیس بک،،
آپ کے ویب پیج میں، مجھے میں اس کو تلاش کر سکتے ہیں دیکھنے کے
یہاں میں لاگ ان کرنے کے لئے بغیر.
تو، آپ کو اگر فیس بک کی طرح بٹن
اور اس کے لات، ایک حاصل کوڈ پر کلک کریں،
ہم کر سکتے ہیں تو دیکھنے کی اجازت دیتا ہے مثال کے طور پر تلاش،
یقینا کسی نے اس پوسٹ کی تھی.
[روک دیں]
میں نے کچھ میں دے دیں گے ہم دیکھتے ہیں یہ نہیں ہے تو چلیں.
فیس بک asynch - ٹھیک ہے.
تو، یہ کوڈ ہے اور جب تک وہ حال ہی میں تبدیل کر دیا ہے
کہ فیس بک پر اصل آپ استعمال سفارش کرتا ہے کہ
ان کی لائبریری لوڈ کرنے کے لئے اور اصل میں تجویز
تم میں اس میں ڈال دیا ہے کہ آپ کے صفحے کے جسم.
تو، فیس بک پر آپ کو مشورہ پاگل div کے ایک طرح کی تخلیق
کہ صرف منفرد ID کی طرح ہے یہ تو ایک سکرپٹ ٹیگ
اور اس پیچیدگی کے تمام بنیادی طور پر درج ذیل کرتا ہے
اور وہ کسی بھی jQuery کے استعمال نہیں کرتے وہ چاہتے ہیں نہیں ہے کیونکہ
کسی دوسرے فرض انحصار،
مجھے یہ منتقل صرف تھوڑا سا زیادہ.
تو، وہ ایک ہے محسوس یہاں گمنام تقریب،
، صرف ایک لمحے میں اس پر زیادہ
وہ تو استعمال document.createElement،
وہ ایک ڈوم عنصر پیدا کر رہے ہیں، یہ تو بات کرنے malloc کی طرح ہے
ٹیگ کے قسم کی ہے جہاں سکرپٹ، اس وقت کی وضاحت کی ہے
کہ async وصف ٹیگ کی جا رہی ہے
سچ تو تم آگے بڑھو اور کیا یو آر ایل کے اعداد و شمار
فیس بک کی جاوا اسکرپٹ کا ہونا چاہئے
اور یہ صرف پسند ہیں طریقہ ہے
چیکنگ ہونا چاہئے یہ HGP یا HDPS ہو.
اور پھر آخر میں، آپ ، فیس بک کیا کرتا نوٹس
وہ ڈوم نوڈ حاصل ہے کہ فیس بک جڑ کی ID ہے
انہوں نے بتایا کہ جس کا ہے جو آپ کے صفحے میں ڈال
اور پھر وہ بچے شامل تو یہ سب کا اثر ہے
قسم کی متحرک طور پر انجیکشن آپ کا پیج میں ایک نئے سکرپٹ ٹیگ
div کے ایک بچے کے طور کہ آپ وہاں داخل تاکہ باقی
خوشی صفحہ بوجھ کے
اور پھر اس کوڈ کو اصل asynchronously لوڈ ہو جاتا ہے.
تو، بنیادی طور پر بعد حقیقت یہ ہے اور میں موخر ذکر
گمنام تقریب کے،
اس funky کیا ہے نحو یہاں کا حوالہ دیتے ہوئے
میں تقریب نہ صرف ہے جب قوس، قریبی قوس کھولنے
اور اس کے بعد گھوبگھرالی منحنی خطوط وحدانی، یہاں کیوں کھلی قوس
اور پھر کھولیں بند، بند وہاں قوس، کیا کر رہے ہے؟
>> [اشراوی] کی وضاحت اور پھر قتل؟
>> بالکل، یہ ایک فیصلہ کن ہے گمنام ہے، جس کی تقریب
لیکن صرف، ایک تقریب کی وضاحت
کورس کے عمل نہیں کرتا آپ یہ کہتے جب تک ایک تقریب
نام سے، لیکن کورس کے اس ایک گمنام تقریب ہے
تو کیا تم اسے فون نہیں کر سکتے ہیں نام سے لیکن آپ کر سکتے ہیں
جاوا اسکرپٹ میں پھانسی گمنام تقریب صرف
پوری بات encapsulating کی طرف سے قوسین میں ہم نے کیا ہے کے طور پر
اس قوس اور اس کے ساتھ یہاں اور پھر ایک فکسنگ قوس
تقریب کے اختتام پر کھولیں قوس، قریبی قوس،
آپ کے لئے نہیں کرنا چاہتے تو یہ کسی بھی دلائل کو منتقل.
لیکن اس قسم کے بیوکوف لگتا ہے
کیوں کی طرح اس اضافی syntactic پیچیدگی
زیادہ تر لوگوں کو کہ نہیں لگتا تھا تسلیم کرنے کے لئے، قیمت کیا ہے
ان ریپنگ کی کوڈ کی تین لائنیں
ایک گمنام تقریب میں اس طرح سے.
جی ہاں.
>> overwriting کی بچنے کے لئے ایک [اشراوی] میں قیمتی.
>> بالکل، سے بچنے کے لئے ایک متغیر کے اوپر
موجودہ صفحہ میں، ٹھیک ہے؟
فیس بک پر کسی حد تک ہے presumptuously کا فیصلہ کیا ہے،
وہ استعمال کرنے کے لئے جا رہے ہیں متغیر ای، یہ بہت امکان ہے
کہ آپ یا استعمال کرتے ہوئے کسی کو بھی بٹن کی طرح فیس بک
یا جو کچھ بھی دیگر سماجی پلگ ان
میں ایک متغیر ہے کہیں E. تو کہا جاتا ہے،
تمام encapsulating کی طرف سے کے اندر ان کے کوڈ
اس گمنام تقریب کے، وہ بنیادی طور پر ان کے اپنے دائرہ کار ہے
کہ clobbering خطرہ نہیں ہے کسی موجودہ متغیر.
تو، یہ بھی اصل میں ہے ایک بہت ہی عام مثال،
لکھنے کے خاص طور پر جب ایک لائبریری کوڈ
یا تم اپنے آپ کو ایسا نہیں کرتے جب آپ کے نام کی جگہ بے ترتیبی کے لئے چاہتے ہیں
دوسرے متغیر کے ساتھ آپ قیمت جینا چاہتے ہیں
آپ سے باہر نکلیں ایک بار اور مرنا کوڈ کی ہے کہ بلاک،
یہ ایک اچھا ٹیکنالوجی ہے جاوا سکرپٹ میں.
ٹھیک ہے.
تو، تو اس مثال کے طور پر واپس یہاں، ہم آخر میں کیا ہے
اس مثال کے ساتھ صرف کوڈ صاف.
تو، یہ اب بھی ایک پوری ہے سوئچ کے گروپ، ایک پوری چڑھانے
یہاں ضوابط، لیکن نحو کے تھوڑا سا محسوس،
یہ ڈوم کی نوڈ کے ساتھ تک رسائی حاصل منفرد ID رجسٹریشن،
خلا کا مطلب ہے کے لئے نظر اس نوڈ کی اولاد،
اس قسم کی ہے تو اسے تلاش ان پٹ اور اس کے بعد بھی
آپ اس کو نہیں دیکھا ہے تو اس سے پہلے، آپ کو معلوم ہو سکتا ہے
یہ صرف تلاش کا مطلب ہے کہ یہ ان پٹ ٹیگ کے ساتھ،
ایک ہے کہ ان پٹ کے عناصر قیمت کے ساتھ نام کے وصف
ای میل کی، اور اس کے بعد دو مجھے کچھ میں اپنے ہاتھ لہر
باقی نہیں ہے تمام ہے کہ متحرک
لیکن واقعی صرف jQuery کی نحو اسی آپریشن کے لئے.
ٹھیک ہے.
لیکن کیا اتنی اہم نہیں ہے یہاں براؤزر کی طرف سامان ہے
بلکہ حقیقت یہ ہے کہ ہم کلینر اور کلینر طریقوں تھا
اصل بنانے اس کوڈ کام.
ٹھیک ہے.
کوئی سوال؟
[اشراوی تبصرہ]
ٹھیک ہے. اب مزہ حصہ.
لہذا، node.js؟
کسے پرواہ ہے؟
آج آپ اس کے بارے میں کیا جانتے ہیں؟
Node.js، کیوں؟
ہنری [ہجے فرض].
[اشراوی تبصرہ]
بیٹری ری سیٹ؟
کیا - یہ ایک ہے کامل پہاڑ ہینگر
آج کے آخری نصف کے لئے.
ہم کیوں جاؤ اور لے نہیں ہے یہاں 5 منٹ کے وقفے،
نصف کینڈی ہے وہاں مشین آپ تو
بغیر کچھ کینڈی کی طرح اندر ایک چوتھائی ڈال