[Powered by Google Translate] [سیمینار] [جاوا سکرپٹ فریم ورک: کیوں اور کیسے] [کیون Schmid] [ہارورڈ یونیورسٹی] [یہ CS50 ہے.] [CS50.TV] 

ہیلو، سب کو. جاوا سکرپٹ فریم ورک سیمینار میں آپ کا استقبال. ، میرا نام کیون ہے، اور آج میں جاوا سکرپٹ فریم ورک کے بارے میں بات کرنے جا رہا ہوں اور اس سیمینار کا مقصد، آپ کو حاصل کرنے کے کا کہنا ہے کہ، SE فی ایک مخصوص فریم ورک میں مہارت حاصل کرنے کے لئے نہیں ہے لیکن فریم ورک کے ایک جوڑے کے لئے آپ کو ایک وسیع تعارف دینے کے لئے اور ہم نے کبھی ایک فریم ورک استعمال کرنے کے لئے چاہتے ہیں کیوں دکھاتے ہیں. 

میں نے ایسا کرنے سے پہلے، میں، جاوا سکرپٹ میں ایک چھوٹا سا پس منظر فراہم کریں گے اور پھر ہم وہاں سے لے لیں گے. ہم نے ایک پر کیا فہرست پر عمل درآمد کی طرف سے شروع کرنے کے لئے جا رہے ہیں. یہاں آج کے لئے ہمارے کام کی فہرست ہے. یہ مذاق کی طرح ہے. ہم جاوا سکرپٹ میں ایک سے کرتے فہرست کو نافذ کرنے کا ہے. یہ تا کہ ہمارا پہلا مقصد ہے، یہ کیا ہو رہا ہے کی طرح نظر آنا ہے. ہم ایسا کرنے کے لئے ایک فریم ورک کے استعمال کرنے کے لئے نہیں جا رہے ہیں. ہم کوڈ جاوا سکرپٹ پر جا کر اور سے کرتے ہیں کی فہرست میں کام کرنے کے لئے حاصل کر رہے ہیں. پھر ہم ایک فریم ورک کا استعمال کرتے ہوئے بغیر ڈیزائن کو بہتر بنانے جا رہے ہیں. ہم صرف جاوا اسکرپٹ اکیلے کے ساتھ کر سکتے ہیں مختلف معاملات پر بحث کرنے جا رہے ہیں ہمارے بنانے سے کرتے ہیں تھوڑا زیادہ اچھی طرح سے ڈیزائن کی فہرست. پھر ہم کچھ jQuery میں پھینک کرنے کے لئے جا رہے ہیں اور پھر ہم، فہرست کرنے کے لئے اسی کو دیکھنے کے لئے جا رہے ہیں صرف مختلف فریم ورک میں لاگو کیا، اور ہم بحث کریں گے  راستے میں پیشہ اور cons. 

کی فہرست کرنے کے لئے اس پر عمل درآمد شروع کرتے ہیں. چلو ہم یہ ایچ ٹی ایم ایل دی رہے ہیں. میں نے اس کو تھوڑا چھوٹے بنانے کے لئے جا رہا ہوں. آپ دیکھ سکتے ہیں، میں TODO کا کہنا ہے کہ ایک چھوٹا سا ہیڈر ہے میں نے ایک TODO کی وضاحت درج کر سکتے ہیں جہاں اور تھوڑا باکس اور اس کے بعد، تو اس فہرست میں ایک نیا TODO میں داخل کرنے کی کوشش کی ایک نیا آئٹم کے بٹن ہیں. ایک جاوا سکرپٹ فریم ورک سیمینار دے دو اور میں نیا آئٹم مارا ہوں. مجھے پر عمل درآمد کا کہنا ہے کہ یہ جاوا سکرپٹ کے الرٹ حاصل کریں. ہم اس کو لاگو کرنے کے لئے مل گیا ہے. ایچ ٹی ایم ایل اور جاوا اسکرپٹ، دونوں کی اس کے لئے کوڈ کو چیک کرتے ہیں. یہاں ہمارے ایچ ٹی ایم ایل ہے. اگر آپ یہاں دیکھ سکتے ہیں، یہاں ہماری چھوٹی Todos ہیڈر ہے. یہی وجہ ہے کہ سب سے اوپر ہے کہ جرات مندانہ بات تھی اور پھر ہم، پلیس ہولڈر کے ساتھ ان پٹ باکس ہے اور پھر اس تقریب addTodo بلاتا ہے کہ اس بٹن کی ایک خاص خصوصیت ہے. کسی signifying ہے پر کلک کیا ہے کہ لگتا ہے چاہتا ہے؟ [Student کی اشراوی کے جواب] اچھا ہے، پر کلک کریں، ایک واقعہ کی طرح طرح کی ہے ماؤس پر کلک کرنے سے صرف ایک واقعہ ہے، اور ہم کیا کر رہے ہیں ہے جیسے ہم اس تقریب کو پھانسی کے لئے اس بٹن پر کلک کرنے کی صورت دفن کر رہے ہیں ہے. AddTodo کہ بٹن پر کلک کرنے کے لئے اس ایونٹ ہینڈلر ہے. 

آپ دیکھ سکتے ہیں، میں نے نیا آئٹم بٹن پر کلک کریں جب پر کلک کریں واقعہ نوکری سے نکال دیا جاتا ہے، اور اس تقریب میں بلایا جاتا ہے. کی تقریب بھی جائزہ لیں. آپ دیکھ سکتے ہیں، یہاں اب تک میری جاوا سکرپٹ کے کوڈ ہے. کیا میں سب سے اوپر ہے میرے سے کرتے ہیں کی فہرست کے لئے ایک عالمی آنکڑا ڈھانچہ ہے. یہ ایک سرنی کی طرح لگتا ہے. یہ صرف ایک خالی سرنی ہے. اور پھر میں، ہم نے پہلے دیکھا کہ addTodo تقریب ہے اور وہاں کوڈ میں سے صرف لکیر کے اس انتباہ ہے. یہ مجھ پر عمل درآمد تنبیہات سب، اور پھر میں ہاتھ میں 2 کاموں ہے. میں، اس کے عالمی سطح پر اعداد و شمار کے ڈھانچے پر TODO شامل کرنے کے لئے ہے اور پھر میں نے کیا کی فہرست سے باہر اپنی طرف متوجہ کرنا چاہتے ہیں. کچھ بھی ابھی پسند ہیں، لیکن آپ کو جاوا اسکرپٹ، سے نا واقف ہو سکتے ہیں تو میں سست جانا اور اس طرح میں جاوا سکرپٹ کے بنیادی اصولوں کا جائزہ لینے جا رہا ہوں. 

کی یہ ایک شاٹ دینے کرو چلو صارف کو اس باکس میں کچھ داخل ہوتا ہے کا کہنا ہے کہ. میں صرف یہاں میں، متن کچھ ٹائپ. میں کس طرح جاوا سکرپٹ کے ذریعے رسائی ہے کہ متن کی الگ الگ ہیں؟ جاوا سکرپٹ کے یاد رکھیں، اس کی بنیادی خصوصیات میں سے ایک یہ ہمیں دیتا ہے یہ ہے کہ ڈوم کے لئے اس پروگرام تک رسائی. اس سے ہمیں یہ اصل ایچ ٹی ایم ایل کے عناصر اور ان کی خصوصیات تک رسائی حاصل کرنے کی اجازت دیتا ہے. ہم ننگی ہڈیوں جاوا اسکرپٹ کے ساتھ ایسا طریقہ ہم واقعی getElementByID بلایا جاوا اسکرپٹ میں ایک تقریب کا استعمال کر سکتے ہیں. میں نے کچھ متغیر میں ٹائپ ہے کہ متن ذخیرہ کرنے کے لئے چاہتے ہیں تو میں نے، new_todo نامی ایک نئی متغیر کہنے جا رہا ہوں اور میں نے اس عنصر کو حاصل کرنے کے لئے جا رہا ہوں. یہ، ایک تقریب ہے. getElementByID. اور اب، میں آئی ڈی کی طرف سے ایک عنصر ہو رہی ہے، تو میں اس متن باکس کی ID کی ضرورت ہے تو میں نے اس کا شناختی new_todo_description دیا ہے. یہی تو میں ایک عنصر حاصل کرنے کے لئے جا رہا ہوں کہ کس طرح ہے. یہ حاصل کرنے کے لئے جس کی ID کی وضاحت کرنے کے لئے، اس تقریب میں میری دلیل ہے. اور اس طرح ہے کہ HTML میں ایک عنصر ہے، اور یہ خصوصیات ہیں. تم ان کو دیکھا ہے. وہ اوصاف ہیں. صارف کی ان پٹ ذخیرہ ہے کہ متن کے عنصر کی خصوصیت قدر کہا جاتا ہے. میں new_todo نامی اس متغیر میں اب اس متن باکس کی قدر بچا لیا. اب میں اس متغیر پر پروگرام تک رسائی حاصل ہے، جس طرح ٹھنڈا ہے اب میں کیا کر سکتے ہیں کیونکہ میں نے اپنے سے کرتے ہیں کی فہرست میں شامل کر سکتے ہیں ہے. 

ہم میں یہ کروں گا جس طرح جاوا اسکرپٹ اور اگر آپ اس سے ناواقف ہیں تو فکر نہ کریں، لیکن صرف اس کے ذریعے جا todos.push ہے یہاں میری عالمی اعداد و شمار کے ڈھانچے کے نام پر ہے، کیونکہ اور میں new_todo آگے بڑھانے کے لئے جا رہا ہوں. اب میں اپنے جاوا اسکرپٹ اسے شامل کر لیا ہے کیونکہ یہ بہت اچھا ہے اس سے ایسا فہرست کی نمائندگی. لیکن اب میں کس طرح ایچ ٹی ایم ایل کے لئے اسے واپس حاصل کروں؟ میں اسے واپس دھکا کی الگ الگ کرنے کیلئے کوئی راستہ تلاش کرنا ہوگا. دوسرے الفاظ میں، میں قسم کی اس طرف متوجہ کرنا ہے. ہم کیا کرنے جا رہے ہیں ہم سے کرتے ہیں کی فہرست میں اپنی طرف متوجہ کرنے کے لئے جا رہے ہیں ہے. میں نے اس صفحے پر دوسرے ایچ ٹی ایم ایل کو اپ ڈیٹ کرنے کی ضرورت ہے آپ دیکھ سکتے ہیں کے طور پر اور، میں یہاں ہوں، یہ چھوٹا سا برتن چھوڑ دیا ہے جن کی آئی ڈی todos ہے صفحے کے اس ویبکت، اور میں وہاں سے کرتے ہیں کی فہرست میں ڈال کرنے کے لئے جا رہا ہوں. سب سے پہلے میں سے کرتے ہیں کی فہرست میں ایک پرانے وہاں تھا، کا کہنا ہے کہ، اس وجہ سے اسے صاف کرنے کے لئے جا رہا ہوں. میں نے ایک بار پھر آئی ڈی کی طرف سے اس عنصر رہا ہوں اور میں نے اس عنصر کی اندرونی ایچ ٹی ایم ایل تک رسائی حاصل کر رہا ہوں اور میں نے اس کو صاف کرنے جا رہا ہوں. ہے کے طور پر ہم اس کوڈ کو چھوڑ دیا تو ہم وہاں ایک خالی کچھ بھی نہیں دیکھنا چاہتے اور اب میں اپنی نئی سے کرتے فہرست دے شروع کرنا چاہتے ہیں. میں بنیادی طور پر میرے سے ایسا فہرست کا صفایا کرنے جا رہا ہوں. 

اب وہ todos div کی اندرونی ایچ ٹی ایم ایل کے اندر مکمل طور پر واضح ہے اور اب میں اپنی فہرست میں شامل کرنے شروع کرنے کے لئے کی ضرورت ہے. میں واپس شامل کرنا چاہتے ہیں پہلی بات، بے ترتیب فہرست ٹیگ ہے جس میں بنیادی طور پر یہ ایک بے ترتیب فہرست کے آغاز یہ ہے کہ ظاہر کرنا. اب میری todos سرنی میں ہر عنصر کے لئے میں نے یہ ایچ ٹی ایم ایل کے اندر اسے باہر پرنٹ کرنے کے لئے چاہتے ہیں. میں نے اس فہرست میں سب سے نیچے اس پر شامل کرنا چاہتے ہیں. ذرا سی کی طرح، میں لوپ کے لئے استعمال کر سکتے ہیں، اور میں نے میری فہرست کے آغاز میں شروع کرنے کے لئے جا رہا ہوں عنصر 0 میں، اور میں فہرست کی طوالت کے لئے تمام راستے میں جا رہا ہوں. ہم اصل کی حد کے جائیداد کا استعمال کرتے ہوئے جاوا اسکرپٹ میں ایک صف کی لمبائی حاصل کر سکتے ہیں. بنیادی طور پر میں یہاں کے اندر بہت ہی کچھ کرنے کے لئے جا رہا ہوں اس عنصر باہر پرنٹ کرنے کے لئے. میں دوبارہ todos div، اس کی اندرونی HTML جائداد، تک رسائی حاصل کر سکتے ہیں اور میں نے اس نئی فہرست کی اشیاء پر شامل کرنے کے لئے جا رہا ہوں، اور اس طرف سے گھیر لیا جا رہا ہے اس لی ٹیگ، اور میں، + آپریٹر سے سلسلہ بندی کرنا جا رہا ہوں اور یہ کہ، میری todos سرنی کے ith عنصر ہے اور پھر میں اس ٹیگ کو بند کرنے جا رہا ہوں. اب ہر عنصر کے لیے ہم نے ایک نئی فہرست اندراج شامل کریں. اور پھر ہم واقعی کرنے کی ضرورت ہے کہ تمام ٹیگ بند کے قریب ہے. میں صرف فہرست ٹیگ بے ترتیب ہے کہ بند کو بند کرنے کی ضرورت ہے. 

آپ اس کیسے کام کرتا ہے کے لئے ایک احساس حاصل کروں؟ یہ مکمل فہرست کھولتا ہے. یہ، todos فہرست سے فہرست میں انفرادی عناصر اضافہ کر دیتی ہے اور پھر ساری کی فہرست میں بند کر دیتا ہے، اور یہ میرا addTodo تقریب ہے. میں بنیادی طور پر متن باکس سے TODO ہو رہی ہے کی طرف سے شروع کرتے ہیں. میں todos سرنی ہے کہ میں شامل، اور پھر میں سے ایسا فہرست دوبارہ رینڈر. اب میں اپنی فہرست میں اشیاء شامل کر سکتے ہیں. اس قسم کی دلچسپ ہے کیونکہ کوڈ کے صرف چند لائنوں میں ہم بنیادی طور پر ہم اشیاء کو شامل کر سکتے ہیں جہاں سے کرتے فہرست بنائی ہے. عظیم. جاوا سکرپٹ کے لئے ایک بنیادی تعارف کی طرح ہے. ، اب کے لئے نحو کے بارے میں بہت زیادہ فکر نہ کرو لیکن یہ conceptually کے بارے میں سوچنا. ہم کچھ HTML تھا. ہم ان پٹ ایک سے کرتے آئٹم بنیادی طور پر کی اجازت دی صارفین کو شامل کرنے کے لئے اس صفحے پر ایک ٹیکسٹ باکس تھا. اور پھر ہم اس متن باکس سے TODO لانے کے لئے جاوا اسکرپٹ کا استعمال کیا. ہم نے ایک جاوا اسکرپٹ سرنی کے اندر، جس طرح بنیادی طور پر یہ ہے کہ ذخیرہ کہ ہمارے پروگرام کی نمائندگی کی فہرست کرنے کے لئے، اور پھر ہم اسے باہر پرنٹ. یہ todos.js ہے. 

یہ ڈاؤن لوڈ، اتارنا کی طرح ہے، لیکن کس طرح ہم اس کو مزید لے جا سکتے ہیں؟ آپ دیکھ سکتے ہیں کے طور پر ٹھیک ہے، اس سے ایسا فہرست ایک مکمل کی طرح نہیں ہے. مثال کے طور پر، میں نامکمل طور پر ان اشیاء میں سے کوئی نشان نہیں کر سکتے ہیں میں اشیاء reprioritize یا اشیاء کو حذف کرنا چاہتے تھے تو اچھا لگتا ہے. یہ ٹھیک ہے، لیکن ہم اس کو مزید لگ سکتے ہیں. میں اضافی خصوصیات شامل کرنے کے بارے میں بہت زیادہ بات کرنے کے لئے نہیں جا رہا ہوں لیکن ہم اس میں مزید وقت لگ سکتا ہے. فہرست کرنے کے لئے اس پر ایک اور خصوصیت کا اضافہ کرنے کے بارے میں بات کرتے ہیں، ایک فرد سے کرتے شے کی جانچ پڑتال کرنے کے قابل ہونے جا رہا ہے جس میں اور یہ تو بنیادی طور پر میں نے یہ کیا ہے اور کہا کہ باہر سے تجاوز کیا ہے. کی اس کو پورا کر سکتا ہے کہ کچھ کوڈ بھی جائزہ لیں. کیا میں سب سے اوپر کیا ہے میں اضافہ کر دیا ہے ہے نوٹس ایک نئی عالمی صف مکمل ملاقات کی. میں بنیادی طور پر ذخیرہ کرنے کے لئے اس کا استعمال کر رہا ہوں یا نہیں کیا کی فہرست پر اشیاء کا م برائےمکمل یا نہیں ہیں. یہ ایسا کرنے کا ایک طریقہ ہے. میں اس کے نفاذ، ڈسپلے، پر نظر ڈالیں تو میں نے ایک TODO درج کریں اور اگر بنیادی طور پر میں اس ٹوگل بٹن دبائیں اسے باہر پار، تو اس فہرست میں ہر شے یا تو ایک مکمل ہے یا نامکمل ریاست، اور میں اس کی نمائندگی کرنے کا ایک اور سرنی استعمال کر رہا ہوں. 

بنیادی طور پر اس todos سرنی میں ہر TODO کے لئے ایک آئٹم بنیادی طور پر کی طرف اشارہ کرتا ہے کہ مکمل سرنی میں ہے کہ مکمل ہے یا نہیں. میں نے اس کوڈ کو کم سے کم کرنے کے لئے کافی تبدیلیاں کرنے کے لئے تھا تو یہاں ہمارے addTodo تقریب ہے. میں یہاں سرنی پر یہ زور دے رہا ہوں کہ نوٹس اور پھر میں نے اس کی مکمل سرنی کے لئے ایک 0 زور دے رہا ہوں بنیادی طور پر کہنا ہے کہ نئے TODO دھکا کے ساتھ متوازی طور پر میں، اس شے کا اضافہ کر رہا ہوں، اور اس کی قیمت کے ساتھ مل کر ہے جو اس نامکمل ہے کا مطلب ہے کہ. اور پھر میں پر کیا فہرست redrawing رہا ہوں. اب، میں اس drawTodoList تقریب میں شامل کیا ہے توجہ. یہ، ہم سے پہلے تھا، کوڈ کی ایک بہت لیتا ہے بنیادی طور پر باکس کے باہر صاف کرتا ہے اور پھر نئے سے کرتے ہیں کی فہرست میں مدد دیتی ہے. لیکن اس کے اندر لوپ کے لئے ہمیں مزید اب تھوڑا کر رہے ہیں کہ متعلقہ. ہم بنیادی طور پر ith TODO آئٹم اسی چاہے یہاں کی جانچ پڑتال کر رہے ہیں مکمل ہو گیا ہے، اور ہم ان 2 حالات میں مختلف سلوک کر رہے ہیں. یہ مکمل ہے، تو ہم اس ڈیل ٹیگ کا اضافہ کر رہے ہیں جس میں بنیادی طور پر آپ کا اثر ہے کہ ہڑتال کے ذریعے حاصل کر سکتے ہیں طریقہ ہے یہ مکمل ہے اگر ہم یہ فہرست باہر سے تجاوز کر، یہ نہیں ہے اور اگر ہم اس کو شامل نہیں کر رہے ہیں. اور اس طرح اس طرح، اس کا خیال رکھتا ہے 

اور یہ کہ اس کو پورا کرنے کے لئے ایک طریقہ ہے. صارف ان میں سے ایک کلک کرنے اور پھر کا نوٹس ہم نے اس کی تکمیل کی حیثیت ٹاگل. صارفین کے کلکس، ہم اسے مکمل یا نہیں رہا ہے کہ آیا ریورس گے جب، اور پھر ہم اس redraw گے. کام کرتا ہے اس طرح. ہم نے ان کے اپنے کاموں کو انجام دیتے ہیں کہ ان کے افعال میں ہے اور یہ ٹھیک ہے. ہم اگرچہ اس کے بارے میں بہتر کر سکتے ہیں کچھ ہے؟ ہم ان 2 عالمی arrays نوٹس ہے. اس سی تھی، اور ہم قسم کی نمائندگی کی ہے کہ 2 arrays ہوتا تو قسم کی کوئی نہ کوئی راستہ میں سے متعلق تھا کہ اعداد و شمار ہم ان 2 شعبوں جمع C میں کیا استعمال کریں گے معلومات کے دونوں ٹکڑوں encapsulates ایسی چیز میں؟ کوئی بھی ایک تجویز بنانا چاہتے ہیں؟ [Student کی اشراوی کے جواب] 

بالکل ٹھیک، تو ہم، struct کسی قسم کا استعمال کر سکتے ہیں اور آپ pset 3، کا کہنا ہے کہ، میں واپس لگتا ہے، اگر ہم لغت تھا، اور پھر ہم کو یاد تھا کہ کیا لفظ لغت میں تھا، اور تمام ہے کہ معلومات کو ایک ساتھ پیش کیا گیا کچھ اعداد و شمار کے ڈھانچے کے اندر. میں نے اس کوڈ کے ساتھ کیا کر سکتے ہیں ایک بات ان 2 مختلف arrays ہونے سے بچنے کے لئے معلومات کے اسی طرح ٹکڑے ٹکڑے کر کے لیے میں نے ایک جاوا اسکرپٹ اعتراض میں ان کو اکٹھا کر سکتا ہے. کی اس پر ایک نظر ڈالیں ہیں. میں صرف اب سے اوپر دیئے گئے ایک سرنی ہے نوٹس اور جو میں نے کیا ہے اور یہ صرف ترتیب کے لئے جاوا اسکرپٹ نحو ہے کسی چیز کی ایک لغوی ورژن کی تشکیل، اور، تو ہم TODO ہے، 2 خصوصیات موجود ہیں نوٹس اور اسی طرح اس کا م برائےمکمل یا نامکمل ہے یا نہیں کے ساتھ مل کر رکھا ہے. یہ بہت ہی اسی طرح کے کوڈ ہے. ہم جاوا اسکرپٹ اشیاء استعمال کر رہے ہیں. بہتر چیزیں اس طرح. اب کی طرح متعلقہ معلومات کے ان تمام شعبوں کو ایک ساتھ رکھا جاتا ہے. ہم اسے باہر پرنٹ کرنے کے لئے جاتے ہیں، تو ہم کھیتوں تک رسائی حاصل کر سکتے ہیں. 

ہم todos [میں] کر رہے ہیں کہ کس طرح محسوس. مکمل بجائے علیحدہ علیحدہ مکمل سرنی کی جانچ پڑتال کی، اور ہم سے ایسا جائیداد ہو رہی ہے سے ایسا سٹرنگ حاصل کرنا چاہتے ہیں جب محسوس کہ TODO کی، تو اس قسم کی سمجھ میں آتا ہے کیونکہ ہر شے اس کے بارے میں ان اندرونی خصوصیات ہیں. یہ ایک TODO ہے، اور یہ کا م برائےمکمل یا نہیں ہے کہ آیا ہے. نہیں بہت زیادہ تبدیلیاں وہاں فعل کے، صرف کوڈ کرنے کے لئے کچھ زیادہ ہے. یہ درست ہے کہ کچھ محاذوں پر ایک بہتر ہے؟ مجھے تھوڑی ڈیزائن کے باہر ہم factored، مطلب ہے. اب ہم بنیادی طور پر اس ڈیٹا encapsulate پر اشیاء ہے. ہم جاوا اسکرپٹ کے لحاظ سے یہاں سے کر سکتے ہیں اور کچھ ہے؟ پسند نوٹس کہ یہیں اس کوڈ ایک div کی اندرونی HTML حاصل کرنے کے لئے ایک چھوٹا سا، مجھے لگتا ہے، طویل ہے. document.getElementByID ("todos") ہے. innerHTML. ہم اس کوڈ کو تھوڑا سا دوستانہ نظر بنانے کے لئے کر سکتا تھا ایک بات تو میں، آگے پیچھے، طومار کر بائیں اور دائیں رکھنے کے لئے نہیں پڑے گا میں jQuery کی طرح ایک لائبریری کا استعمال کر سکتے ہیں. 

کی، سیمینار 2 چیک کرنے کے لیے کرتے ہیں اور یہ وہی کوڈ ہے، لیکن یہ jQuery کے ساتھ کیا کیا ہے. آپ jQuery کے ساتھ بھی واقف نہیں ہو سکتا لیکن صرف jQuery جاوا سکرپٹ کے لئے ایک لائبریری کی طرح ہے کہ آسان ڈوم کی رسائی انفرادی عناصر کی طرح کام کرنا پڑتا ہے. یہاں بجائے document.getElementByID کہہ کے ("todos"). innerHTML میں، jQuery میں زیادہ کلینر کا راستہ استعمال کر سکتے ہیں جس میں صرف سلیکٹرز استعمال کرنے کے لئے ہے. آپ دیکھ سکتے ہیں، اس کوڈ کو، تھوڑا سا کلینر ملی بہت فعل کے اسی طرح کی ہے، لیکن ہے کہ خیال ہے. ہم نے اب تک کی چیزوں کے ایک جوڑے کو دیکھا ہے لہذا ہم صرف خام جاوا سکرپٹ پر عمل درآمد کے ساتھ شروع کر دیا. ہم نئی خصوصیات شامل کی ہیں اور ہم ساتھ اسے بہتر بنا سکتے ہیں کہ کس طرح دکھایا صرف ہم جو جاوا سکرپٹ میں ہے. 

کسی نے اس کے ڈیزائن کے ساتھ کسی بھی مشکلات دیکھتا ہے؟ یعنی، مجھے لگتا ہے یا مشکلات ضروری نہیں لیکن اس کا کہنا ہے کہ دو کی ہم سے کرتے ہیں فہرست منصوبے نہیں کر رہے تھے، اور کل ہم نے فیصلہ کیا ہم نے ایک گروسری کی فہرست یا ایک خریداری کی فہرست منصوبے بنانا چاہتے تھے. ان خصوصیات کے بہت سے بہت ملتے جلتے ہیں. ہم جاوا سکرپٹ کے باہر نکلنا چاہتا ہوں بہت ساری چیزیں، بہت عام ہیں اور اس کی راہ کی کسی قسم کی ضرورت کو ظاہر کرتی کرنے کے لئے یہ آسان بنا رہے ہیں. میں،، یہ ایچ ٹی ایم ایل تک رسائی کے تمام اپ کی تعمیر کے لیے یہ سب ڈوم تک رسائی حاصل رہی میں اس ماڈل کے ساتھ ہم یہ فہرست کی نمائندگی کرنے جا رہا ہوں جیسے. اور میں جاوا سکرپٹ ڈویلپر کے طور پر ذمہ دار ہوں نوٹس میں مطابقت پذیری میں ہیں کہ ایچ ٹی ایم ایل اور جاوا سکرپٹ کے رکھنے کے لئے. خود کار طریقے سے کر دیا کچھ بھی نہیں ہے کہ جاوا اسکرپٹ نمائندگی یا ہم یہ فہرست ایچ ٹی ایم ایل کو باہر دھکیل دیا ہو. کچھ بھی نہیں ہے کہ میرے لئے سوائے نافذ. میں فہرست تقریب-کرنا ڈرا لکھنا پڑا. اور مطلب میں ہو، یہ ایسا کرنے کے لئے مناسب نہیں کر سکتے ہیں لیکن یہ کبھی کبھی مشکل ہو سکتا ہے. آپ کو ایک وسیع تر منصوبے ہیں، تو اس مشکل ہو سکتا ہے. 

فریم ورک، فریم ورک کے مقاصد میں سے ایک عنصر کے اس عمل اور طرح باہر کو آسان بنانے کے لئے ہے ان عام میں تم سے کر سکتا ہے کا کہنا ہے کہ ڈیزائن پیٹرن لگتا ہے کہ لوگوں کو عام طور پر، اعداد و شمار کی نمائندگی کرنے کی راہ کسی قسم کا ہے اس نقشے کے بارے میں معلومات ہے، چاہے ایک دوستوں کی فہرست میں ہے کہ آیا یا کچھ یا ایک سے کرتے ہیں کی فہرست. کچھ لوگ، عام طور پر کے بارے میں معلومات کی نمائندگی کرنے کا ایک طریقہ ہے اور وہ عام طور پر مطابقت پذیری میں اس طرح کی معلومات رکھنے کے لئے کی ضرورت ہے صارف کے نقطہ نظر کے کچھ قسم میں دیکھتا ہے کے درمیان، آپ لیکچر میں دیکھا کہ ماڈل قول کنٹرولر کی طرح کی شرائط میں بات کرتے ہوئے، اور پھر اس معاملے میں یہ جاوا سکرپٹ کے سرنی ہے جو ماڈل،. فریم ورک ہمیں اس مسئلے کو حل کرنے کا ایک طریقہ دے. اب کی فہرست کرنے کے لئے اس کے نفاذ پر ایک نظر ڈالیں دو angularjs نامی ایک فریم ورک میں. یہ وہ ہے. یہ ایک سلائڈ پر فٹ بیٹھتا نوٹس. میں نے بائیں اور دائیں کرنے کے لئے سکرال کرنے کی ضرورت نہیں. یہ شاید، ایک فریم ورک کا استعمال کرتے ہوئے کی سفارش پر ایک بہت بڑی وجہ نہیں ہے لیکن نوٹس میں نے کبھی یہاں انفرادی HTML عناصر تک رسائی حاصل کر رہی ہوں؟ میں نے کبھی ڈوم میں جا رہا ہوں؟ آپ اس طرح کسی بھی document.getElementByID یا کچھ نظر آتا ہے؟ نہیں، وہ چلی گئی ہے. 

کونیی ہمیں ڈوم اور کچھ ہماری جاوا اسکرپٹ نمائندگی رکھنے میں مدد ملتی مطابقت پذیری میں کی قسم، یہ، جے ایس فائل میں نہیں ہے اگر ایسا ہے تو پروگرام کے تمام ہے کہ ایچ ٹی ایم ایل مواد پر حاصل کرنے کا کوئی راستہ نہیں ہے تو جاوا اسکرپٹ سے ہم کس طرح مطابقت پذیری میں یہ رکھ رہے ہو؟ یہ. جے ایس فائل میں نہیں ہے تو، یہ درست ہے، HTML میں ہوگا؟ یہ، HTML فائل کے نئے ورژن ہے اور ہم یہاں ایک بہت کچھ شامل کیا ہے توجہ. NG-کلک کریں اور NG-دہرانے کا کہنا ہے کہ ان نئے صفات وہاں کے نوٹس. ڈیزائن میں مشکلات سے اس مسئلہ کو حل کرنے کونیی کی اپروچ بنیادی طور پر ایچ ٹی ایم ایل کہیں زیادہ طاقتور بنانا ہے. کونیی آپ ایچ ٹی ایم ایل کسی حد تک زیادہ سے زیادہ بنانے کے لئے کی اجازت دے اظہار کا ایک طریقہ ہے. مثال کے طور پر، میں اس متن باکس باندھنے یا پابند کرنے جا رہا ہوں کہہ سکتے ہیں کہ میری کونیی جاوا سکرپٹ کے کوڈ کے اندر اندر ایک متغیر ہے. یہ NG-ماڈل صرف یہ کرتا ہے. بنیادی طور پر کا کہنا ہے کہ اس شے کے متن باکس کے اندر، کہ صرف تغیر پذیر new_todo_description کے ساتھ اس سے منسلک جاوا سکرپٹ کے کوڈ کے اندر اندر. میں واضح طور پر جانا کرنے کی ضرورت نہیں ہے کیونکہ یہ بہت طاقتور ہے ڈوم ہے کہ معلومات حاصل کرنے کے لئے. میں document.getElementByID کہنے کی ضرورت نہیں ہے. میں ڈوم رسائی طرح jQueries استعمال کرنے کی ضرورت نہیں ہے. میں اس متغیر کو تبدیل جب میں اس کے بعد ایک متغیر کے ساتھ اس سے منسلک ہے، اور کر سکتے ہیں جاوا سکرپٹ کے اندر اندر، ایچ ٹی ایم ایل کے ساتھ مطابقت پذیری میں رکھا ہے تاکہ دونوں کے درمیان آگے پیچھے جانے کے لئے ہونے کے عمل کو آسان بنا دیتا ہے. یہ عقل مندی ہے؟ 

اور کوئی ایچ ٹی ایم ایل کوڈ کو رسائی وہاں کے نوٹس. ہم صرف، ایچ ٹی ایم ایل زیادہ طاقتور بنایا ہے اور اب، مثال کے طور پر، ہم اس طرح کی باتیں کر سکتے ہیں اگر آپ اس پر کلک کریں، جب todos.js کے دائرہ کار کے اندر اندر اس تقریب کو فون پسند ہے، اور، اس NG-ماڈل کی طرح، ہم پہلے یہ کر سکتا ہے، لیکن دیگر چیزیں ہیں اور اس NG-دوبارہ محسوس. اگر آپ کو یہ کرتا ہے کیا خیال ہے؟ یہاں پہلے سے ہماری بے ترتیب فہرست ہے. ہم نے شیخ الاسلام کی تلاش میں ہے لیکن میں نے کبھی جاوا سکرپٹ کے کوڈ کے اندر اس فہرست دے رہا ہوں؟ میں نے کبھی واضح طور پر اس فہرست فراہم نہیں کر رہا ہوں. یہ کس طرح کام کرتا ہے؟ ٹھیک ہے، راستہ کونیی یہ ایک ریپیٹر کہا جاتا ہے ہے accomplishes. بنیادی طور پر اس میں یہ HTML پرنٹ کرنے کے لئے چاہتے ہیں کا کہنا ہے کہ میری todos سرنی کے ہر TODO کے اندر کے لئے. todos.jr کے اندر ایک todos سرنی، یہیں پر ہے اور یہ کہ سرنی کے ذریعے کونیی گو بتا دیں گے، اور ہر عنصر کے لئے آپ کو دیکھ میں تم سے یہ HTML پرنٹ کرنے کے لئے چاہتے ہیں. میں یہ نہیں صرف کر سکتے ہیں اس کی وجہ یہ خوفناک کی قسم ہے لوپ کے لئے ایک لکھنے کے لئے بغیر، جس کے کوڈ کا صرف 30 لائنز تھا کہ ایک سے کرتے ہیں فہرست کے لئے سب سے نفع مند چیز نہیں ہو سکتا، آپ کو ایک بڑی منصوبہ ہے لیکن اگر یہ بہت آسان ہو جائے گی. 

یہ ایچ ٹی ایم ایل زیادہ طاقتور بنانے، اس مسئلے کا ایک حل ہے، اور یہ کہ ہم میں مطابقت پذیری میں جاوا اسکرپٹ اور ایچ ٹی ایم ایل کو رکھنے کے لئے اجازت دیتا ہے. اس مسئلہ کو حل کرنے کے دوسرے طریقوں سے ممکن ہیں، اور ہر فریم ورک یہ ایسا نہیں کرتا. ہر فریم ورک کے ان خطوط پر کام کرتا ہے نہیں ہے. کچھ فریم ورک، مختلف نقطہ نظر ہے اور اگر آپ دوسرے پر ایک فریم ورک میں کوڈنگ لطف آتا ہے کہ مل سکتی ہے. کی ایک اور بھی جائزہ لیں. یہ ریڑھ کی ہڈی نامی ایک فریم ورک میں کوڈت سے کرتے فہرست ہے. میں جلدی سے اس کے ذریعے جانے کے لئے جا رہا ہوں. ہم وہاں جانے سے پہلے میں ایچ ٹی ایم ایل کے ساتھ شروع کریں گے. ایک سیکینڈ. آپ کو نوٹس کے طور پر، ایچ ٹی ایم ایل کے ساتھ شروع ہو رہا ہے، ہمارے ایچ ٹی ایم ایل بہت ملتا جلتا ہے اس محاذ پر اس سے پہلے، لہذا بہت زیادہ نہیں نیا کیا ہے. لیکن ہمارے جے ایس فائل کو ایک چھوٹی سی مختلف ہے. کی ریڑھ کی ہڈی طرح اس خیال ہے، یا خیال پر بناتا ہے ہم کیا کرتے ہیں کے ایک بہت، کا کہنا ہے کہ، ہماری جاوا سکرپٹ منصوبوں ماڈلز اور ان ماڈل کے مجموعہ کے بارے میں سوچنا ہے. یہ، مثال کے طور پر تصاویر کی ایک تصویر اور جمع ہو سکتا ہے یا دوستوں کے ایک دوست اور جمع کا خیال. اور اکثر ہم جاوا اسکرپٹ ایپلی کیشنز پروگرامنگ رہے ہیں جب دوستوں کا ایک مجموعہ ہونے کے خیال کی نمائندگی کرتے ہیں کے ہم الگ الگ ہوں گے کسی نہ کسی طرح جاوا سکرپٹ، اور ریڑھ کی ہڈی نے ہمیں یہ پرت فراہم کرتا ہے جاوا اسکرپٹ کی موجودہ arrays اور اشیاء کی سب سے اوپر پر زیادہ آسانی سے اس کے ساتھ زیادہ طاقتور چیز پر. 

یہاں میں ایک پر کیا ماڈل وضاحت کی گئی ہے اور آپ، نحو کے بارے میں بہت زیادہ فکر کرنے کی ضرورت نہیں ہے لیکن جو اس کی خصوصیات میں سے ایک ہے کہ متعلقہ؟ یہ ایک پہلے سے طے شدہ فیلڈ ہے. ریڑھ کی ہڈی میرے بیٹ سے دور پہلے ہی کی وضاحت کرنے کی اجازت دیتا میں پیدا ہونے والے سے کرتے ہیں کسی بھی نئے ان ڈیفالٹس ہے جا رہا ہے. اب میں اس اپنی مرضی کے مطابق، لیکن ڈیفالٹس کی وضاحت کرنے کے قابل کیا جا رہا ہے کر سکتے ہیں اچھا ہے، اور اس طرح ہے کہ کچھ نہیں ہے کیونکہ یہ آسان کی طرح ہے جاوا اسکرپٹ میں شامل، اور اب میں واضح طور پر کرنے کی ضرورت نہیں todos نامکمل کہتے ہیں کہ. میں todos نامکمل طور پر نشان زد کیا جا رہا ہے وہ درست بلے بازی سے دور کہہ سکتے ہیں. پھر نوٹس یہ کیا ہے؟ اب میں ایک سے کرتے فہرست ہے، اور یہ کہ ایک مجموعہ ہے. ماڈل TODO کا کہنا ہے کہ کے ساتھ منسلک میدان نوٹس. یہ ہے کہ ریڑھ کی ہڈی کہہ کے اپنے طریقہ ہے میں ان انفرادی todos کا ایک مجموعہ کے بارے میں سوچ رہے ہوں گے جا رہی ہوں. یہ بنیادی طور پر اپنے پروگرام کے لئے ماڈل کی ساخت ہے. یہاں میں، ایک مجموعہ کا یہ خیال ہے اور بنیادی طور پر اس مجموعہ میں شامل تمام اشیاء، ان todos ہونے جا رہے ہیں اور یہ کہ اس معنی میں بہت قدرتی ہے میں کرتا ہوں کیونکہ todos ہے، اور میں ایک مجموعہ میں ان کی ہے. 

کی اس سے تھوڑا زیادہ بھی جائزہ لیں. یہاں ایک ریڑھ کی ہڈی قول ہے. ریڑھ کی ہڈی کا کہنا ہے کہ دوسری بات یہ ہے کہ آپ کے بارے میں یا اس سے بھی مجموعہ سوچ رہی ہو کہ ماڈل کی ایک بہت دکھائے جانے کا کوئی نہ کوئی راستہ ہے کرنے کی ضرورت جا رہے ہیں. ہم، فہرست کرنے کے لئے کہ فراہم کرنے کی ضرورت ہے ہم ایک ماڈل کے لئے فراہم کر سکتا ہے اور اگر یہ اچھا نہیں ہو گا یا ہر ماڈل کے ساتھ اس نقطہ نظر سے منسلک ہمارے لئے کی اجازت دیتا ہے کہ میں نے دو ایک دوسرے کے ساتھ رابطہ قائم لگتا ہے؟ جبکہ اس سے پہلے کہ ہم کے ذریعے چلانے کے کہ لوپ کے لئے ایک استعمال کرنے کے لئے تھا ہر ہماری فہرست میں TODO اور پھر یہ یہاں سے باہر پرنٹ ہم بنیادی طور پر اس ماڈل کے ساتھ اس کا رابطہ قائم کر سکتے ہیں. یہ ایک سے ایسا قول ہے. یہ ہم پہلے پایا TODO کے ساتھ منسلک ہے. اب ہر TODO displayable یا renderable ہے اس کی طرف سے نقطہ نظر-کرنا. کھیتوں میں سے کچھ نوٹس. آپ اس tagName ہے tagName کیا خیال ہے: لی؟ ایک TODO فراہم کرنے کے لئے ہم چاہتے تھے جب پہلے سے یاد رکھیں ہم واضح طور پر اس لی ٹیگ کے ساتھ ہمارے todos کرنا ہوگا. اب ہم اس TODO رہنے کے لئے کہاں جا رہی ہے کہ کہہ رہے ہیں ایک لی ٹیگ کے اندر ہونے جا رہا ہے. اور اب ہم بھی ہمارے todos کے ساتھ واقعات منسلک رہے ہیں. 

ہر TODO یہ ایک واقعہ ہے. آپ کو بہت زیادہ ٹوگل بٹن پر کلک کرتے ہیں تو، کہ، میں وہاں کہہ رہا ہوں تو بنیادی طور پر اس سے پہلے کیا تھا کے مخالف کے طور پر نشان زد TODO اور اس کے بعد درخواست دوبارہ رینڈر. اس سے پہلے کوڈ کرنے کے لئے اسی طرح کی طرح کی ہے. ہم یا تو مخالف یا کے طور پر نشان لگا دیا گیا جب یاد رکھیں اور پھر ہم اسے دوبارہ پیش کی گئی. لیکن اب ایچ ٹی ایم ایل میں تھا کہ کچھ ہونے کے لئے استعمال کیا جاتا ہے اس ایونٹ نوٹس. وہ وہاں بیٹھا ہوا تھا. ایک بٹن پر کلک کریں پڑا. آپ کے بٹن پر کلک کرتے ہیں تو، اس قسم کی چیزیں کرنے کے لئے کرتا ہے TODO نامکمل ہونا کہ قائم کی. یہاں ہم اس ٹوگل بٹن پر کلک کے اس واقعہ منسلک ہے اور اس کے اس قول کے ساتھ یا بند ہے یا نہیں تبدیل. 

یہ بہت مضبوطی سے پابند ہے تاکہ یہ اس ایونٹ کو قائم کرنے کا ایک اچھا طریقہ ہے یہ دیکھنے کے لئے، اور اتنا زیادہ یہ ایک توجہ. میں اس رینڈر کے طریقہ کار ہیں، اور ہم تفصیلات کے ذریعے جانے کے لئے ضرورت نہیں ہے. یہ، ہم سے پہلے تھا جو اسی طرح کی طرح کی ہے لیکن میں نے کچھ بھی نہیں کر رہا ہوں کے ذریعے looping نوٹس. میں عناصر کے تمام پرنٹ کرنے کے لئے جا رہا ہوں کہہ طرح ہے کہ شیخ الاسلام ٹیگ پرنٹ نہیں کر رہا ہوں. میں اس سے کر دے شے کے لئے فعالیت فراہم کر رہا ہوں. اس کی وجہ بنیادی طور پر ایک بہت ہی طاقتور تصور ہے ہمارا ایسا فہرست میں ان تمام todos پر مشتمل ہوتا ہے، اور ہم نے بنیادی طور پر وضاحت کر سکتے ہیں اگر ان میں سے ایک todos رینڈر کرنے کا طریقہ پھر ہم SE فی ہماری ریڑھ کی ہڈی طاقتور ہو سکتا ہے todos کے تمام رینڈر انفرادی todos پر رینڈر طریقہ فون کر کے. یہ مفید ہے کہ ایک تصور ہے. اب سے پوچھو کرنے کے لئے ایک اچھا سوال ہے اس درخواست کو کس طرح ایک دوسرے کے ساتھ ڈال دیا جا رہا ہے ہے؟ ہم ایک TODO رینڈر کرنے کی صلاحیت ہے، کیونکہ لیکن ہم کس طرح ایک سے زیادہ todos کے خیال حاصل کروں؟ 

کی اس پر ایک نظر ڈالیں ہیں. یہ آخری حصہ ہے. ہم یہاں ایک سے کرتے فہرست دیکھیں پڑے نوٹس اور یہ بھی ایک نقطہ نظر کے نوٹس. اور چیزوں کے ایک جوڑے کے اوپر جانے کے لئے، ہم نے سب سے پہلے اس پر کیا فہرست بناتے ہیں تو اس کی ابتدا کا طریقہ بلایا جائے گا. آپ دیکھ سکتے ہیں، اس پر ہم یہ فہرست بنانے اور اس قول کے ساتھ یہ منسلک کرنے کی طرح ہے. آپ کو ایک اضافہ کریں جب اور پھر میں تو بنیادی طور پر یہاں کام کرتا ہے شامل شے- اس addItem طریقہ کی طرح ہے ہم پہلے-دیکھا میں ایک نیا TODO آبجیکٹ تخلیق، اور میں اصل میں بات کر رہا ہوں محسوس کرنے جا رہا ہوں اس نئے TODO طریقہ ہے، لہذا یہ ریڑھ کی ہڈی کی طرف سے فراہم کی جاتی ہے، اور میں یہاں اپنے خصوصیات میں منتقل کر سکتی ہیں. اور اب میں اس کا استعمال کرتے ہوئے پیدا ہونے والے ہر TODO ہم پہلے دیکھا کہ فعالیت کو مل جائے گا. میں متن کے خانے کو خالی کرنے سے باہر رہا ہوں اس سے پہلے کے ایک چھوٹے سے تھوڑا تفصیل سے نوٹس اور پھر میں اس مجموعہ کا اضافہ کر رہا ہوں. 

یہ تقریبا عجیب لگتا ہے ہم ایسے todos.push کرنا پڑا کیونکہ اس سے پہلے، اور پھر ہم کیا کر رہے تھے، اور یہ اس مخصوص منصوبے کے لئے زیادہ پیچیدہ لگ سکتا ہے اور آپ اس ریڑھ کی ہڈی یا اس سے بھی کونیی یا کسی دوسرے فریم ورک کو تلاش کر سکتے ہیں آپ کی خاص طور پر اس منصوبے کے مطابق، لیکن میں اس کے بارے میں سوچنے کے لئے اہم ہے نہیں ہے کیا یہ بڑے منصوبوں کے لئے بڑے پیمانے پر کا مطلب ہے، کیونکہ ہم نے کی نمائندگی کر رہے تھے، جہاں ایک بڑے منصوبے تھا کچھ واقعی پیچیدہ مجموعہ، صرف ایک سے کرتے ہیں کی فہرست سے گہرا کچھ، ایک دوست کی فہرست یا کچھ اس طرح کا کہنا ہے کہ دو، اس ہاتھ میں آ سکتا ہے کیونکہ ہم نے ایک بہت آسان طریقہ میں اپنے کوڈ کو منظم کر سکتے ہیں کسی کے لئے یہ آسان بنا دے گا کہ ایک طرح سے جو صلی اللہ علیہ وسلم کی تعمیر کے ایک منصوبے لینے کے لئے چاہتا تھا. آپ اس کی ساخت کی ایک بہت فراہم کرتا ہے دیکھ سکتے ہیں. اور پھر میں اس addItem پر رینڈر بلا رہا ہوں. آپ دیکھ سکتے ہیں کے طور پر رینڈر، اور اگر آپ کو یہ مکمل نحو سمجھنے کی ضرورت نہیں ہے، لیکن بنیادی طور پر ہر ایک ماڈل کے لئے یہ کسی انفرادی رینڈر کے طریقہ کار کو فون کرنے جا رہا ہے. اس سے آتا ہے جہاں اس طرح کا ہے. صرف انفرادی todos فراہم کرنے کے لئے کس طرح کی وضاحت چلو، اور پھر مجموعی طور پر ایک دوسرے کے ساتھ گلو ان کے ہیں. لیکن یہ، تجرید کا ایک طریقہ فراہم کرتا ہے میں انفرادی todos رینڈر کرنے کا فیصلہ کرنے کا طریقہ تبدیل کر سکتا ہے، کیونکہ اور میں نے اس کوڈ کے کسی بھی تبدیل کرنے کی ضرورت نہیں کرے گا. اس قسم کا اچھا ہے. 

کسی کو جاوا سکرپٹ فریم ورک کے بارے میں کوئی سوال ہے؟ [Student کی اشراوی سوال] اوہ، اس بات کا یقین ہے کہ ایک بہت بڑا سوال ہے. سوال یہ ہے کہ کس طرح میں نے فریم ورک میں شامل کیا تھا؟ زیادہ تر جاوا سکرپٹ فریم ورک بنیادی طور پر صرف جے ایس فائلوں کو ہیں آپ اپنے کوڈ کے سب سے اوپر شامل کر سکتے ہیں. میں ان سب سکرپٹ ٹیگز ہے میری ایچ ٹی ایم ایل کے سربراہ حصہ نوٹس کے، اور آخری سکرپٹ ٹیگ ہم نے لکھا ہے کہ کوڈ ہے. اور پھر 3 فریم ورک کوڈ صرف بھی سکرپٹ کی تلاش میں ہیں. میں نے ایک CDN کے کہا جاتا ہے کی طرف سے ان سمیت رہا ہوں جو مجھے اس مقام پر کسی سے حاصل کرنے کے لئے کی اجازت دیتا ہے لیکن ہر فریم ورک یہ آپ کو بہت زیادہ مواد تلاش کر سکتے ہیں ہے اس طرح کچھ CDN یا کچھ اور پر دستیاب ایک مخصوص جاوا سکرپٹ لائبریری کے لئے، اور پھر آپ ان سکرپٹ ٹیگ شامل کر سکتے ہیں. یہ عقل مندی ہے؟ ڈاؤن لوڈ، اتارنا. 

ان لوگوں کو 2 مختلف نقطہ نظر ہیں. وہ لوگ اس مسئلہ کو حل کرنے کا واحد طریقہ نہیں ہیں. بہت سے مختلف چیزیں ہیں کہ کسی کر سکتے ہیں، اور بہت سے فریم ورک وہاں موجود ہیں. کونیی اور ریڑھ کی ہڈی پوری کہانی بیان نہیں کرتے. آپ کی آخری منصوبوں کے ساتھ گڈ لک، اور بہت بہت شکریہ. [CS50.TV]