1 00:00:00,000 --> 00:00:02,000 [Powered by Google Translate] [سیمینار] [جاوا سکرپٹ فریم ورک: کیوں اور کیسے] 2 00:00:02,000 --> 00:00:04,000 [کیون Schmid] [ہارورڈ یونیورسٹی] 3 00:00:04,000 --> 00:00:06,960 [یہ CS50 ہے.] [CS50.TV] 4 00:00:06,960 --> 00:00:10,630 >> ہیلو، سب کو. جاوا سکرپٹ فریم ورک سیمینار میں آپ کا استقبال. 5 00:00:10,630 --> 00:00:14,910 ، میرا نام کیون ہے، اور آج میں جاوا سکرپٹ فریم ورک کے بارے میں بات کرنے جا رہا ہوں 6 00:00:14,910 --> 00:00:20,400 اور اس سیمینار کا مقصد، آپ کو حاصل کرنے کے کا کہنا ہے کہ، SE فی ایک مخصوص فریم ورک میں مہارت حاصل کرنے کے لئے نہیں ہے 7 00:00:20,400 --> 00:00:23,810 لیکن فریم ورک کے ایک جوڑے کے لئے آپ کو ایک وسیع تعارف دینے کے لئے 8 00:00:23,810 --> 00:00:27,150 اور ہم نے کبھی ایک فریم ورک استعمال کرنے کے لئے چاہتے ہیں کیوں دکھاتے ہیں. 9 00:00:27,150 --> 00:00:31,060 >> میں نے ایسا کرنے سے پہلے، میں، جاوا سکرپٹ میں ایک چھوٹا سا پس منظر فراہم کریں گے 10 00:00:31,060 --> 00:00:33,750 اور پھر ہم وہاں سے لے لیں گے. 11 00:00:33,750 --> 00:00:36,270 ہم نے ایک پر کیا فہرست پر عمل درآمد کی طرف سے شروع کرنے کے لئے جا رہے ہیں. 12 00:00:36,270 --> 00:00:39,330 یہاں آج کے لئے ہمارے کام کی فہرست ہے. 13 00:00:39,330 --> 00:00:41,990 یہ مذاق کی طرح ہے. ہم جاوا سکرپٹ میں ایک سے کرتے فہرست کو نافذ کرنے کا ہے. 14 00:00:41,990 --> 00:00:45,110 یہ تا کہ ہمارا پہلا مقصد ہے، یہ کیا ہو رہا ہے کی طرح نظر آنا ہے. 15 00:00:45,110 --> 00:00:47,160 ہم ایسا کرنے کے لئے ایک فریم ورک کے استعمال کرنے کے لئے نہیں جا رہے ہیں. 16 00:00:47,160 --> 00:00:51,930 ہم کوڈ جاوا سکرپٹ پر جا کر اور سے کرتے ہیں کی فہرست میں کام کرنے کے لئے حاصل کر رہے ہیں. 17 00:00:51,930 --> 00:00:54,370 پھر ہم ایک فریم ورک کا استعمال کرتے ہوئے بغیر ڈیزائن کو بہتر بنانے جا رہے ہیں. 18 00:00:54,370 --> 00:00:57,190 ہم صرف جاوا اسکرپٹ اکیلے کے ساتھ کر سکتے ہیں مختلف معاملات پر بحث کرنے جا رہے ہیں 19 00:00:57,190 --> 00:01:00,650 ہمارے بنانے سے کرتے ہیں تھوڑا زیادہ اچھی طرح سے ڈیزائن کی فہرست. 20 00:01:00,650 --> 00:01:02,490 پھر ہم کچھ jQuery میں پھینک کرنے کے لئے جا رہے ہیں 21 00:01:02,490 --> 00:01:05,030 اور پھر ہم، فہرست کرنے کے لئے اسی کو دیکھنے کے لئے جا رہے ہیں 22 00:01:05,030 --> 00:01:07,170 صرف مختلف فریم ورک میں لاگو کیا، اور ہم بحث کریں گے 23 00:01:07,170 --> 00:01:09,280  راستے میں پیشہ اور cons. 24 00:01:09,280 --> 00:01:12,040 >> کی فہرست کرنے کے لئے اس پر عمل درآمد شروع کرتے ہیں. 25 00:01:12,040 --> 00:01:14,270 چلو ہم یہ ایچ ٹی ایم ایل دی رہے ہیں. 26 00:01:14,270 --> 00:01:16,620 میں نے اس کو تھوڑا چھوٹے بنانے کے لئے جا رہا ہوں. 27 00:01:16,620 --> 00:01:19,300 آپ دیکھ سکتے ہیں، میں TODO کا کہنا ہے کہ ایک چھوٹا سا ہیڈر ہے 28 00:01:19,300 --> 00:01:21,740 میں نے ایک TODO کی وضاحت درج کر سکتے ہیں جہاں اور تھوڑا باکس 29 00:01:21,740 --> 00:01:26,990 اور اس کے بعد، تو اس فہرست میں ایک نیا TODO میں داخل کرنے کی کوشش کی ایک نیا آئٹم کے بٹن ہیں. 30 00:01:26,990 --> 00:01:31,000 ایک جاوا سکرپٹ فریم ورک سیمینار دے دو 31 00:01:31,000 --> 00:01:33,090 اور میں نیا آئٹم مارا ہوں. 32 00:01:33,090 --> 00:01:35,730 مجھے پر عمل درآمد کا کہنا ہے کہ یہ جاوا سکرپٹ کے الرٹ حاصل کریں. 33 00:01:35,730 --> 00:01:37,560 ہم اس کو لاگو کرنے کے لئے مل گیا ہے. 34 00:01:37,560 --> 00:01:41,490 ایچ ٹی ایم ایل اور جاوا اسکرپٹ، دونوں کی اس کے لئے کوڈ کو چیک کرتے ہیں. 35 00:01:41,490 --> 00:01:43,260 یہاں ہمارے ایچ ٹی ایم ایل ہے. 36 00:01:43,260 --> 00:01:45,500 اگر آپ یہاں دیکھ سکتے ہیں، یہاں ہماری چھوٹی Todos ہیڈر ہے. 37 00:01:45,500 --> 00:01:47,620 یہی وجہ ہے کہ سب سے اوپر ہے کہ جرات مندانہ بات تھی 38 00:01:47,620 --> 00:01:50,690 اور پھر ہم، پلیس ہولڈر کے ساتھ ان پٹ باکس ہے 39 00:01:50,690 --> 00:01:59,460 اور پھر اس تقریب addTodo بلاتا ہے کہ اس بٹن کی ایک خاص خصوصیت ہے. 40 00:01:59,460 --> 00:02:05,460 کسی signifying ہے پر کلک کیا ہے کہ لگتا ہے چاہتا ہے؟ 41 00:02:05,460 --> 00:02:07,390 [Student کی اشراوی کے جواب] 42 00:02:07,390 --> 00:02:09,289 اچھا ہے، پر کلک کریں، ایک واقعہ کی طرح طرح کی ہے 43 00:02:09,289 --> 00:02:12,120 ماؤس پر کلک کرنے سے صرف ایک واقعہ ہے، اور ہم کیا کر رہے ہیں ہے جیسے 44 00:02:12,120 --> 00:02:16,890 ہم اس تقریب کو پھانسی کے لئے اس بٹن پر کلک کرنے کی صورت دفن کر رہے ہیں ہے. 45 00:02:16,890 --> 00:02:21,700 AddTodo کہ بٹن پر کلک کرنے کے لئے اس ایونٹ ہینڈلر ہے. 46 00:02:21,700 --> 00:02:25,010 >> آپ دیکھ سکتے ہیں، میں نے نیا آئٹم بٹن پر کلک کریں جب 47 00:02:25,010 --> 00:02:29,940 پر کلک کریں واقعہ نوکری سے نکال دیا جاتا ہے، اور اس تقریب میں بلایا جاتا ہے. 48 00:02:29,940 --> 00:02:33,170 کی تقریب بھی جائزہ لیں. 49 00:02:33,170 --> 00:02:36,260 آپ دیکھ سکتے ہیں، یہاں اب تک میری جاوا سکرپٹ کے کوڈ ہے. 50 00:02:36,260 --> 00:02:41,280 کیا میں سب سے اوپر ہے میرے سے کرتے ہیں کی فہرست کے لئے ایک عالمی آنکڑا ڈھانچہ ہے. 51 00:02:41,280 --> 00:02:44,060 یہ ایک سرنی کی طرح لگتا ہے. یہ صرف ایک خالی سرنی ہے. 52 00:02:44,060 --> 00:02:47,100 اور پھر میں، ہم نے پہلے دیکھا کہ addTodo تقریب ہے 53 00:02:47,100 --> 00:02:50,740 اور وہاں کوڈ میں سے صرف لکیر کے اس انتباہ ہے. 54 00:02:50,740 --> 00:02:55,730 یہ مجھ پر عمل درآمد تنبیہات سب، اور پھر میں ہاتھ میں 2 کاموں ہے. 55 00:02:55,730 --> 00:02:58,790 میں، اس کے عالمی سطح پر اعداد و شمار کے ڈھانچے پر TODO شامل کرنے کے لئے ہے 56 00:02:58,790 --> 00:03:01,860 اور پھر میں نے کیا کی فہرست سے باہر اپنی طرف متوجہ کرنا چاہتے ہیں. 57 00:03:01,860 --> 00:03:06,360 کچھ بھی ابھی پسند ہیں، لیکن آپ کو جاوا اسکرپٹ، سے نا واقف ہو سکتے ہیں 58 00:03:06,360 --> 00:03:12,370 تو میں سست جانا اور اس طرح میں جاوا سکرپٹ کے بنیادی اصولوں کا جائزہ لینے جا رہا ہوں. 59 00:03:12,370 --> 00:03:15,490 >> کی یہ ایک شاٹ دینے کرو 60 00:03:15,490 --> 00:03:21,130 چلو صارف کو اس باکس میں کچھ داخل ہوتا ہے کا کہنا ہے کہ. 61 00:03:21,130 --> 00:03:23,360 میں صرف یہاں میں، متن کچھ ٹائپ. 62 00:03:23,360 --> 00:03:27,620 میں کس طرح جاوا سکرپٹ کے ذریعے رسائی ہے کہ متن کی الگ الگ ہیں؟ 63 00:03:27,620 --> 00:03:32,500 جاوا سکرپٹ کے یاد رکھیں، اس کی بنیادی خصوصیات میں سے ایک یہ ہمیں دیتا ہے یہ ہے کہ 64 00:03:32,500 --> 00:03:34,670 ڈوم کے لئے اس پروگرام تک رسائی. 65 00:03:34,670 --> 00:03:40,670 اس سے ہمیں یہ اصل ایچ ٹی ایم ایل کے عناصر اور ان کی خصوصیات تک رسائی حاصل کرنے کی اجازت دیتا ہے. 66 00:03:40,670 --> 00:03:43,430 ہم ننگی ہڈیوں جاوا اسکرپٹ کے ساتھ ایسا طریقہ 67 00:03:43,430 --> 00:03:51,360 ہم واقعی getElementByID بلایا جاوا اسکرپٹ میں ایک تقریب کا استعمال کر سکتے ہیں. 68 00:03:51,360 --> 00:03:55,140 میں نے کچھ متغیر میں ٹائپ ہے کہ متن ذخیرہ کرنے کے لئے چاہتے ہیں 69 00:03:55,140 --> 00:03:58,350 تو میں نے، new_todo نامی ایک نئی متغیر کہنے جا رہا ہوں 70 00:03:58,350 --> 00:04:01,980 اور میں نے اس عنصر کو حاصل کرنے کے لئے جا رہا ہوں. 71 00:04:01,980 --> 00:04:06,330 یہ، ایک تقریب ہے. getElementByID. 72 00:04:06,330 --> 00:04:11,580 اور اب، میں آئی ڈی کی طرف سے ایک عنصر ہو رہی ہے، تو میں اس متن باکس کی ID کی ضرورت ہے 73 00:04:11,580 --> 00:04:15,860 تو میں نے اس کا شناختی new_todo_description دیا ہے. 74 00:04:15,860 --> 00:04:18,399 یہی تو میں ایک عنصر حاصل کرنے کے لئے جا رہا ہوں کہ کس طرح ہے. 75 00:04:18,399 --> 00:04:23,880 یہ حاصل کرنے کے لئے جس کی ID کی وضاحت کرنے کے لئے، اس تقریب میں میری دلیل ہے. 76 00:04:23,880 --> 00:04:28,110 اور اس طرح ہے کہ HTML میں ایک عنصر ہے، اور یہ خصوصیات ہیں. 77 00:04:28,110 --> 00:04:30,650 تم ان کو دیکھا ہے. وہ اوصاف ہیں. 78 00:04:30,650 --> 00:04:37,090 صارف کی ان پٹ ذخیرہ ہے کہ متن کے عنصر کی خصوصیت قدر کہا جاتا ہے. 79 00:04:37,090 --> 00:04:40,860 میں new_todo نامی اس متغیر میں اب اس متن باکس کی قدر بچا لیا. 80 00:04:40,860 --> 00:04:45,040 اب میں اس متغیر پر پروگرام تک رسائی حاصل ہے، جس طرح ٹھنڈا ہے 81 00:04:45,040 --> 00:04:49,200 اب میں کیا کر سکتے ہیں کیونکہ میں نے اپنے سے کرتے ہیں کی فہرست میں شامل کر سکتے ہیں ہے. 82 00:04:49,200 --> 00:04:52,870 >> ہم میں یہ کروں گا جس طرح جاوا اسکرپٹ اور اگر آپ اس سے ناواقف ہیں تو فکر نہ کریں، 83 00:04:52,870 --> 00:04:57,010 لیکن صرف اس کے ذریعے جا todos.push ہے 84 00:04:57,010 --> 00:05:00,130 یہاں میری عالمی اعداد و شمار کے ڈھانچے کے نام پر ہے، کیونکہ 85 00:05:00,130 --> 00:05:04,450 اور میں new_todo آگے بڑھانے کے لئے جا رہا ہوں. 86 00:05:04,450 --> 00:05:09,120 اب میں اپنے جاوا اسکرپٹ اسے شامل کر لیا ہے کیونکہ یہ بہت اچھا ہے 87 00:05:09,120 --> 00:05:11,280 اس سے ایسا فہرست کی نمائندگی. 88 00:05:11,280 --> 00:05:15,170 لیکن اب میں کس طرح ایچ ٹی ایم ایل کے لئے اسے واپس حاصل کروں؟ 89 00:05:15,170 --> 00:05:18,560 میں اسے واپس دھکا کی الگ الگ کرنے کیلئے کوئی راستہ تلاش کرنا ہوگا. 90 00:05:18,560 --> 00:05:21,830 دوسرے الفاظ میں، میں قسم کی اس طرف متوجہ کرنا ہے. 91 00:05:21,830 --> 00:05:26,060 ہم کیا کرنے جا رہے ہیں ہم سے کرتے ہیں کی فہرست میں اپنی طرف متوجہ کرنے کے لئے جا رہے ہیں ہے. 92 00:05:26,060 --> 00:05:29,270 میں نے اس صفحے پر دوسرے ایچ ٹی ایم ایل کو اپ ڈیٹ کرنے کی ضرورت ہے 93 00:05:29,270 --> 00:05:32,040 آپ دیکھ سکتے ہیں کے طور پر اور، میں یہاں ہوں، یہ چھوٹا سا برتن چھوڑ دیا ہے 94 00:05:32,040 --> 00:05:36,840 جن کی آئی ڈی todos ہے صفحے کے اس ویبکت، 95 00:05:36,840 --> 00:05:40,870 اور میں وہاں سے کرتے ہیں کی فہرست میں ڈال کرنے کے لئے جا رہا ہوں. 96 00:05:40,870 --> 00:05:47,240 سب سے پہلے میں سے کرتے ہیں کی فہرست میں ایک پرانے وہاں تھا، کا کہنا ہے کہ، اس وجہ سے اسے صاف کرنے کے لئے جا رہا ہوں. 97 00:05:47,240 --> 00:05:49,560 میں نے ایک بار پھر آئی ڈی کی طرف سے اس عنصر رہا ہوں 98 00:05:49,560 --> 00:05:54,530 اور میں نے اس عنصر کی اندرونی ایچ ٹی ایم ایل تک رسائی حاصل کر رہا ہوں 99 00:05:54,530 --> 00:05:58,010 اور میں نے اس کو صاف کرنے جا رہا ہوں. 100 00:05:58,010 --> 00:06:05,510 ہے کے طور پر ہم اس کوڈ کو چھوڑ دیا تو ہم وہاں ایک خالی کچھ بھی نہیں دیکھنا چاہتے 101 00:06:05,510 --> 00:06:10,410 اور اب میں اپنی نئی سے کرتے فہرست دے شروع کرنا چاہتے ہیں. 102 00:06:10,410 --> 00:06:12,870 میں بنیادی طور پر میرے سے ایسا فہرست کا صفایا کرنے جا رہا ہوں. 103 00:06:12,870 --> 00:06:18,180 >> اب وہ todos div کی اندرونی ایچ ٹی ایم ایل کے اندر مکمل طور پر واضح ہے 104 00:06:18,180 --> 00:06:20,060 اور اب میں اپنی فہرست میں شامل کرنے شروع کرنے کے لئے کی ضرورت ہے. 105 00:06:20,060 --> 00:06:23,890 میں واپس شامل کرنا چاہتے ہیں پہلی بات، بے ترتیب فہرست ٹیگ ہے 106 00:06:23,890 --> 00:06:33,890 جس میں بنیادی طور پر یہ ایک بے ترتیب فہرست کے آغاز یہ ہے کہ ظاہر کرنا. 107 00:06:33,890 --> 00:06:39,770 اب میری todos سرنی میں ہر عنصر کے لئے میں نے یہ ایچ ٹی ایم ایل کے اندر اسے باہر پرنٹ کرنے کے لئے چاہتے ہیں. 108 00:06:39,770 --> 00:06:43,710 میں نے اس فہرست میں سب سے نیچے اس پر شامل کرنا چاہتے ہیں. 109 00:06:43,710 --> 00:06:49,040 ذرا سی کی طرح، میں لوپ کے لئے استعمال کر سکتے ہیں، اور میں نے میری فہرست کے آغاز میں شروع کرنے کے لئے جا رہا ہوں 110 00:06:49,040 --> 00:06:54,140 عنصر 0 میں، اور میں فہرست کی طوالت کے لئے تمام راستے میں جا رہا ہوں. 111 00:06:54,140 --> 00:07:01,100 ہم اصل کی حد کے جائیداد کا استعمال کرتے ہوئے جاوا اسکرپٹ میں ایک صف کی لمبائی حاصل کر سکتے ہیں. 112 00:07:01,100 --> 00:07:03,420 بنیادی طور پر میں یہاں کے اندر بہت ہی کچھ کرنے کے لئے جا رہا ہوں 113 00:07:03,420 --> 00:07:05,600 اس عنصر باہر پرنٹ کرنے کے لئے. 114 00:07:05,600 --> 00:07:12,970 میں دوبارہ todos div، اس کی اندرونی HTML جائداد، تک رسائی حاصل کر سکتے ہیں 115 00:07:12,970 --> 00:07:17,560 اور میں نے اس نئی فہرست کی اشیاء پر شامل کرنے کے لئے جا رہا ہوں، اور اس طرف سے گھیر لیا جا رہا ہے 116 00:07:17,560 --> 00:07:25,390 اس لی ٹیگ، اور میں، + آپریٹر سے سلسلہ بندی کرنا جا رہا ہوں 117 00:07:25,390 --> 00:07:28,040 اور یہ کہ، میری todos سرنی کے ith عنصر ہے 118 00:07:28,040 --> 00:07:32,380 اور پھر میں اس ٹیگ کو بند کرنے جا رہا ہوں. 119 00:07:32,380 --> 00:07:36,240 اب ہر عنصر کے لیے ہم نے ایک نئی فہرست اندراج شامل کریں. 120 00:07:36,240 --> 00:07:48,700 اور پھر ہم واقعی کرنے کی ضرورت ہے کہ تمام ٹیگ بند کے قریب ہے. 121 00:07:48,700 --> 00:07:52,820 میں صرف فہرست ٹیگ بے ترتیب ہے کہ بند کو بند کرنے کی ضرورت ہے. 122 00:07:52,820 --> 00:07:55,490 >> آپ اس کیسے کام کرتا ہے کے لئے ایک احساس حاصل کروں؟ 123 00:07:55,490 --> 00:07:57,700 یہ مکمل فہرست کھولتا ہے. 124 00:07:57,700 --> 00:08:01,080 یہ، todos فہرست سے فہرست میں انفرادی عناصر اضافہ کر دیتی ہے 125 00:08:01,080 --> 00:08:05,470 اور پھر ساری کی فہرست میں بند کر دیتا ہے، اور یہ میرا addTodo تقریب ہے. 126 00:08:05,470 --> 00:08:09,590 میں بنیادی طور پر متن باکس سے TODO ہو رہی ہے کی طرف سے شروع کرتے ہیں. 127 00:08:09,590 --> 00:08:18,950 میں todos سرنی ہے کہ میں شامل، اور پھر میں سے ایسا فہرست دوبارہ رینڈر. 128 00:08:18,950 --> 00:08:21,520 اب میں اپنی فہرست میں اشیاء شامل کر سکتے ہیں. 129 00:08:21,520 --> 00:08:24,620 اس قسم کی دلچسپ ہے کیونکہ کوڈ کے صرف چند لائنوں میں 130 00:08:24,620 --> 00:08:28,240 ہم بنیادی طور پر ہم اشیاء کو شامل کر سکتے ہیں جہاں سے کرتے فہرست بنائی ہے. 131 00:08:28,240 --> 00:08:30,050 عظیم. 132 00:08:30,050 --> 00:08:34,480 جاوا سکرپٹ کے لئے ایک بنیادی تعارف کی طرح ہے. 133 00:08:34,480 --> 00:08:36,179 ، اب کے لئے نحو کے بارے میں بہت زیادہ فکر نہ کرو 134 00:08:36,179 --> 00:08:38,130 لیکن یہ conceptually کے بارے میں سوچنا. 135 00:08:38,130 --> 00:08:40,539 ہم کچھ HTML تھا. 136 00:08:40,539 --> 00:08:45,310 ہم ان پٹ ایک سے کرتے آئٹم بنیادی طور پر کی اجازت دی صارفین کو شامل کرنے کے لئے اس صفحے پر ایک ٹیکسٹ باکس تھا. 137 00:08:45,310 --> 00:08:49,210 اور پھر ہم اس متن باکس سے TODO لانے کے لئے جاوا اسکرپٹ کا استعمال کیا. 138 00:08:49,210 --> 00:08:52,830 ہم نے ایک جاوا اسکرپٹ سرنی کے اندر، جس طرح بنیادی طور پر یہ ہے کہ ذخیرہ 139 00:08:52,830 --> 00:08:56,010 کہ ہمارے پروگرام کی نمائندگی کی فہرست کرنے کے لئے، 140 00:08:56,010 --> 00:08:59,060 اور پھر ہم اسے باہر پرنٹ. 141 00:08:59,060 --> 00:09:02,690 یہ todos.js ہے. 142 00:09:02,690 --> 00:09:07,620 >> یہ ڈاؤن لوڈ، اتارنا کی طرح ہے، لیکن کس طرح ہم اس کو مزید لے جا سکتے ہیں؟ 143 00:09:07,620 --> 00:09:11,350 آپ دیکھ سکتے ہیں کے طور پر ٹھیک ہے، اس سے ایسا فہرست ایک مکمل کی طرح نہیں ہے. 144 00:09:11,350 --> 00:09:15,100 مثال کے طور پر، میں نامکمل طور پر ان اشیاء میں سے کوئی نشان نہیں کر سکتے ہیں 145 00:09:15,100 --> 00:09:19,920 میں اشیاء reprioritize یا اشیاء کو حذف کرنا چاہتے تھے تو اچھا لگتا ہے. 146 00:09:19,920 --> 00:09:23,150 یہ ٹھیک ہے، لیکن ہم اس کو مزید لگ سکتے ہیں. 147 00:09:23,150 --> 00:09:29,280 میں اضافی خصوصیات شامل کرنے کے بارے میں بہت زیادہ بات کرنے کے لئے نہیں جا رہا ہوں 148 00:09:29,280 --> 00:09:32,800 لیکن ہم اس میں مزید وقت لگ سکتا ہے. 149 00:09:32,800 --> 00:09:35,970 فہرست کرنے کے لئے اس پر ایک اور خصوصیت کا اضافہ کرنے کے بارے میں بات کرتے ہیں، 150 00:09:35,970 --> 00:09:40,370 ایک فرد سے کرتے شے کی جانچ پڑتال کرنے کے قابل ہونے جا رہا ہے جس میں 151 00:09:40,370 --> 00:09:44,780 اور یہ تو بنیادی طور پر میں نے یہ کیا ہے اور کہا کہ باہر سے تجاوز کیا ہے. 152 00:09:44,780 --> 00:09:50,240 کی اس کو پورا کر سکتا ہے کہ کچھ کوڈ بھی جائزہ لیں. 153 00:09:50,240 --> 00:09:52,740 کیا میں سب سے اوپر کیا ہے میں اضافہ کر دیا ہے ہے نوٹس 154 00:09:52,740 --> 00:09:57,620 ایک نئی عالمی صف مکمل ملاقات کی. 155 00:09:57,620 --> 00:10:02,890 میں بنیادی طور پر ذخیرہ کرنے کے لئے اس کا استعمال کر رہا ہوں یا نہیں کیا کی فہرست پر اشیاء 156 00:10:02,890 --> 00:10:06,560 کا م برائےمکمل یا نہیں ہیں. 157 00:10:06,560 --> 00:10:08,470 یہ ایسا کرنے کا ایک طریقہ ہے. 158 00:10:08,470 --> 00:10:13,750 میں اس کے نفاذ، ڈسپلے، پر نظر ڈالیں تو 159 00:10:13,750 --> 00:10:21,120 میں نے ایک TODO درج کریں اور اگر بنیادی طور پر میں اس ٹوگل بٹن دبائیں 160 00:10:21,120 --> 00:10:25,040 اسے باہر پار، تو اس فہرست میں ہر شے یا تو ایک مکمل ہے 161 00:10:25,040 --> 00:10:31,050 یا نامکمل ریاست، اور میں اس کی نمائندگی کرنے کا ایک اور سرنی استعمال کر رہا ہوں. 162 00:10:31,050 --> 00:10:33,730 >> بنیادی طور پر اس todos سرنی میں ہر TODO کے لئے 163 00:10:33,730 --> 00:10:37,110 ایک آئٹم بنیادی طور پر کی طرف اشارہ کرتا ہے کہ مکمل سرنی میں ہے 164 00:10:37,110 --> 00:10:39,060 کہ مکمل ہے یا نہیں. 165 00:10:39,060 --> 00:10:41,640 میں نے اس کوڈ کو کم سے کم کرنے کے لئے کافی تبدیلیاں کرنے کے لئے تھا 166 00:10:41,640 --> 00:10:44,470 تو یہاں ہمارے addTodo تقریب ہے. 167 00:10:44,470 --> 00:10:48,530 میں یہاں سرنی پر یہ زور دے رہا ہوں کہ نوٹس 168 00:10:48,530 --> 00:10:51,300 اور پھر میں نے اس کی مکمل سرنی کے لئے ایک 0 زور دے رہا ہوں 169 00:10:51,300 --> 00:10:57,090 بنیادی طور پر کہنا ہے کہ نئے TODO دھکا کے ساتھ متوازی طور پر 170 00:10:57,090 --> 00:11:00,430 میں، اس شے کا اضافہ کر رہا ہوں، اور اس کی قیمت کے ساتھ مل کر ہے 171 00:11:00,430 --> 00:11:02,810 جو اس نامکمل ہے کا مطلب ہے کہ. 172 00:11:02,810 --> 00:11:04,970 اور پھر میں پر کیا فہرست redrawing رہا ہوں. 173 00:11:04,970 --> 00:11:09,220 اب، میں اس drawTodoList تقریب میں شامل کیا ہے توجہ. 174 00:11:09,220 --> 00:11:11,760 یہ، ہم سے پہلے تھا، کوڈ کی ایک بہت لیتا ہے 175 00:11:11,760 --> 00:11:15,320 بنیادی طور پر باکس کے باہر صاف کرتا ہے اور پھر نئے سے کرتے ہیں کی فہرست میں مدد دیتی ہے. 176 00:11:15,320 --> 00:11:19,620 لیکن اس کے اندر لوپ کے لئے ہمیں مزید اب تھوڑا کر رہے ہیں کہ متعلقہ. 177 00:11:19,620 --> 00:11:25,000 ہم بنیادی طور پر ith TODO آئٹم اسی چاہے یہاں کی جانچ پڑتال کر رہے ہیں 178 00:11:25,000 --> 00:11:30,220 مکمل ہو گیا ہے، اور ہم ان 2 حالات میں مختلف سلوک کر رہے ہیں. 179 00:11:30,220 --> 00:11:32,790 یہ مکمل ہے، تو ہم اس ڈیل ٹیگ کا اضافہ کر رہے ہیں 180 00:11:32,790 --> 00:11:35,360 جس میں بنیادی طور پر آپ کا اثر ہے کہ ہڑتال کے ذریعے حاصل کر سکتے ہیں طریقہ ہے 181 00:11:35,360 --> 00:11:38,190 یہ مکمل ہے اگر ہم یہ فہرست باہر سے تجاوز کر، 182 00:11:38,190 --> 00:11:42,200 یہ نہیں ہے اور اگر ہم اس کو شامل نہیں کر رہے ہیں. 183 00:11:42,200 --> 00:11:45,030 اور اس طرح اس طرح، اس کا خیال رکھتا ہے 184 00:11:45,030 --> 00:11:49,140 >> اور یہ کہ اس کو پورا کرنے کے لئے ایک طریقہ ہے. 185 00:11:49,140 --> 00:11:53,420 صارف ان میں سے ایک کلک کرنے اور پھر کا نوٹس 186 00:11:53,420 --> 00:11:56,780 ہم نے اس کی تکمیل کی حیثیت ٹاگل. 187 00:11:56,780 --> 00:12:02,170 صارفین کے کلکس، ہم اسے مکمل یا نہیں رہا ہے کہ آیا ریورس گے جب، 188 00:12:02,170 --> 00:12:04,540 اور پھر ہم اس redraw گے. 189 00:12:04,540 --> 00:12:06,190 کام کرتا ہے اس طرح. 190 00:12:06,190 --> 00:12:09,860 ہم نے ان کے اپنے کاموں کو انجام دیتے ہیں کہ ان کے افعال میں ہے 191 00:12:09,860 --> 00:12:11,730 اور یہ ٹھیک ہے. 192 00:12:11,730 --> 00:12:14,110 ہم اگرچہ اس کے بارے میں بہتر کر سکتے ہیں کچھ ہے؟ 193 00:12:14,110 --> 00:12:18,700 ہم ان 2 عالمی arrays نوٹس ہے. 194 00:12:18,700 --> 00:12:23,550 اس سی تھی، اور ہم قسم کی نمائندگی کی ہے کہ 2 arrays ہوتا تو 195 00:12:23,550 --> 00:12:25,800 قسم کی کوئی نہ کوئی راستہ میں سے متعلق تھا کہ اعداد و شمار 196 00:12:25,800 --> 00:12:30,140 ہم ان 2 شعبوں جمع C میں کیا استعمال کریں گے 197 00:12:30,140 --> 00:12:35,420 معلومات کے دونوں ٹکڑوں encapsulates ایسی چیز میں؟ 198 00:12:35,420 --> 00:12:37,600 کوئی بھی ایک تجویز بنانا چاہتے ہیں؟ 199 00:12:37,600 --> 00:12:39,450 [Student کی اشراوی کے جواب] 200 00:12:39,450 --> 00:12:42,340 >> بالکل ٹھیک، تو ہم، struct کسی قسم کا استعمال کر سکتے ہیں 201 00:12:42,340 --> 00:12:44,960 اور آپ pset 3، کا کہنا ہے کہ، میں واپس لگتا ہے، اگر 202 00:12:44,960 --> 00:12:47,350 ہم لغت تھا، اور پھر ہم کو یاد تھا کہ کیا لفظ 203 00:12:47,350 --> 00:12:50,230 لغت میں تھا، اور تمام ہے کہ معلومات کو ایک ساتھ پیش کیا گیا 204 00:12:50,230 --> 00:12:52,420 کچھ اعداد و شمار کے ڈھانچے کے اندر. 205 00:12:52,420 --> 00:12:56,390 میں نے اس کوڈ کے ساتھ کیا کر سکتے ہیں ایک بات ان 2 مختلف arrays ہونے سے بچنے کے لئے 206 00:12:56,390 --> 00:13:01,760 معلومات کے اسی طرح ٹکڑے ٹکڑے کر کے لیے میں نے ایک جاوا اسکرپٹ اعتراض میں ان کو اکٹھا کر سکتا ہے. 207 00:13:01,760 --> 00:13:07,150 کی اس پر ایک نظر ڈالیں ہیں. 208 00:13:07,150 --> 00:13:11,740 میں صرف اب سے اوپر دیئے گئے ایک سرنی ہے نوٹس 209 00:13:11,740 --> 00:13:17,650 اور جو میں نے کیا ہے اور یہ صرف ترتیب کے لئے جاوا اسکرپٹ نحو ہے 210 00:13:17,650 --> 00:13:21,350 کسی چیز کی ایک لغوی ورژن کی تشکیل، 211 00:13:21,350 --> 00:13:24,670 اور، تو ہم TODO ہے، 2 خصوصیات موجود ہیں نوٹس 212 00:13:24,670 --> 00:13:29,660 اور اسی طرح اس کا م برائےمکمل یا نامکمل ہے یا نہیں کے ساتھ مل کر رکھا ہے. 213 00:13:29,660 --> 00:13:31,000 یہ بہت ہی اسی طرح کے کوڈ ہے. 214 00:13:31,000 --> 00:13:35,310 ہم جاوا اسکرپٹ اشیاء استعمال کر رہے ہیں. 215 00:13:35,310 --> 00:13:38,600 بہتر چیزیں اس طرح. 216 00:13:38,600 --> 00:13:43,850 اب کی طرح متعلقہ معلومات کے ان تمام شعبوں کو ایک ساتھ رکھا جاتا ہے. 217 00:13:43,850 --> 00:13:46,410 ہم اسے باہر پرنٹ کرنے کے لئے جاتے ہیں، تو ہم کھیتوں تک رسائی حاصل کر سکتے ہیں. 218 00:13:46,410 --> 00:13:49,060 >> ہم todos [میں] کر رہے ہیں کہ کس طرح محسوس. مکمل 219 00:13:49,060 --> 00:13:52,880 بجائے علیحدہ علیحدہ مکمل سرنی کی جانچ پڑتال کی، 220 00:13:52,880 --> 00:13:56,560 اور ہم سے ایسا جائیداد ہو رہی ہے سے ایسا سٹرنگ حاصل کرنا چاہتے ہیں جب محسوس 221 00:13:56,560 --> 00:13:58,750 کہ TODO کی، تو اس قسم کی سمجھ میں آتا ہے کیونکہ 222 00:13:58,750 --> 00:14:01,660 ہر شے اس کے بارے میں ان اندرونی خصوصیات ہیں. 223 00:14:01,660 --> 00:14:05,650 یہ ایک TODO ہے، اور یہ کا م برائےمکمل یا نہیں ہے کہ آیا ہے. 224 00:14:05,650 --> 00:14:11,540 نہیں بہت زیادہ تبدیلیاں وہاں فعل کے، صرف کوڈ کرنے کے لئے کچھ زیادہ ہے. 225 00:14:11,540 --> 00:14:13,430 یہ درست ہے کہ کچھ محاذوں پر ایک بہتر ہے؟ 226 00:14:13,430 --> 00:14:16,030 مجھے تھوڑی ڈیزائن کے باہر ہم factored، مطلب ہے. 227 00:14:16,030 --> 00:14:20,350 اب ہم بنیادی طور پر اس ڈیٹا encapsulate پر اشیاء ہے. 228 00:14:20,350 --> 00:14:27,130 ہم جاوا اسکرپٹ کے لحاظ سے یہاں سے کر سکتے ہیں اور کچھ ہے؟ 229 00:14:27,130 --> 00:14:31,810 پسند نوٹس کہ یہیں اس کوڈ 230 00:14:31,810 --> 00:14:34,760 ایک div کی اندرونی HTML حاصل کرنے کے لئے 231 00:14:34,760 --> 00:14:40,520 ایک چھوٹا سا، مجھے لگتا ہے، طویل ہے. 232 00:14:40,520 --> 00:14:45,100 document.getElementByID ("todos") ہے. innerHTML. 233 00:14:45,100 --> 00:14:48,400 ہم اس کوڈ کو تھوڑا سا دوستانہ نظر بنانے کے لئے کر سکتا تھا ایک بات 234 00:14:48,400 --> 00:14:51,450 تو میں، آگے پیچھے، طومار کر بائیں اور دائیں رکھنے کے لئے نہیں پڑے گا 235 00:14:51,450 --> 00:14:58,480 میں jQuery کی طرح ایک لائبریری کا استعمال کر سکتے ہیں. 236 00:14:58,480 --> 00:15:02,710 >> کی، سیمینار 2 چیک کرنے کے لیے کرتے ہیں 237 00:15:02,710 --> 00:15:05,880 اور یہ وہی کوڈ ہے، لیکن یہ jQuery کے ساتھ کیا کیا ہے. 238 00:15:05,880 --> 00:15:08,790 آپ jQuery کے ساتھ بھی واقف نہیں ہو سکتا 239 00:15:08,790 --> 00:15:11,510 لیکن صرف jQuery جاوا سکرپٹ کے لئے ایک لائبریری کی طرح ہے 240 00:15:11,510 --> 00:15:15,910 کہ آسان ڈوم کی رسائی انفرادی عناصر کی طرح کام کرنا پڑتا ہے. 241 00:15:15,910 --> 00:15:21,280 یہاں بجائے document.getElementByID کہہ کے ("todos"). innerHTML 242 00:15:21,280 --> 00:15:25,210 میں، jQuery میں زیادہ کلینر کا راستہ استعمال کر سکتے ہیں 243 00:15:25,210 --> 00:15:28,490 جس میں صرف سلیکٹرز استعمال کرنے کے لئے ہے. 244 00:15:28,490 --> 00:15:31,300 آپ دیکھ سکتے ہیں، اس کوڈ کو، تھوڑا سا کلینر ملی 245 00:15:31,300 --> 00:15:35,770 بہت فعل کے اسی طرح کی ہے، لیکن ہے کہ خیال ہے. 246 00:15:35,770 --> 00:15:37,980 ہم نے اب تک کی چیزوں کے ایک جوڑے کو دیکھا ہے 247 00:15:37,980 --> 00:15:42,010 لہذا ہم صرف خام جاوا سکرپٹ پر عمل درآمد کے ساتھ شروع کر دیا. 248 00:15:42,010 --> 00:15:45,370 ہم نئی خصوصیات شامل کی ہیں اور ہم ساتھ اسے بہتر بنا سکتے ہیں کہ کس طرح دکھایا 249 00:15:45,370 --> 00:15:49,090 صرف ہم جو جاوا سکرپٹ میں ہے. 250 00:15:49,090 --> 00:15:53,300 >> کسی نے اس کے ڈیزائن کے ساتھ کسی بھی مشکلات دیکھتا ہے؟ 251 00:15:53,300 --> 00:16:01,090 یعنی، مجھے لگتا ہے یا مشکلات ضروری نہیں لیکن اس کا کہنا ہے کہ دو کی 252 00:16:01,090 --> 00:16:04,830 ہم سے کرتے ہیں فہرست منصوبے نہیں کر رہے تھے، اور کل ہم نے فیصلہ کیا 253 00:16:04,830 --> 00:16:10,320 ہم نے ایک گروسری کی فہرست یا ایک خریداری کی فہرست منصوبے بنانا چاہتے تھے. 254 00:16:10,320 --> 00:16:14,150 ان خصوصیات کے بہت سے بہت ملتے جلتے ہیں. 255 00:16:14,150 --> 00:16:19,080 ہم جاوا سکرپٹ کے باہر نکلنا چاہتا ہوں بہت ساری چیزیں، بہت عام ہیں 256 00:16:19,080 --> 00:16:23,820 اور اس کی راہ کی کسی قسم کی ضرورت کو ظاہر کرتی 257 00:16:23,820 --> 00:16:25,670 کرنے کے لئے یہ آسان بنا رہے ہیں. 258 00:16:25,670 --> 00:16:30,400 میں،، یہ ایچ ٹی ایم ایل تک رسائی کے تمام اپ کی تعمیر کے لیے یہ سب ڈوم تک رسائی حاصل رہی 259 00:16:30,400 --> 00:16:35,530 میں اس ماڈل کے ساتھ ہم یہ فہرست کی نمائندگی کرنے جا رہا ہوں جیسے. 260 00:16:35,530 --> 00:16:39,130 اور میں جاوا سکرپٹ ڈویلپر کے طور پر ذمہ دار ہوں نوٹس 261 00:16:39,130 --> 00:16:42,890 میں مطابقت پذیری میں ہیں کہ ایچ ٹی ایم ایل اور جاوا سکرپٹ کے رکھنے کے لئے. 262 00:16:42,890 --> 00:16:48,040 خود کار طریقے سے کر دیا کچھ بھی نہیں ہے کہ جاوا اسکرپٹ نمائندگی 263 00:16:48,040 --> 00:16:51,590 یا ہم یہ فہرست ایچ ٹی ایم ایل کو باہر دھکیل دیا ہو. 264 00:16:51,590 --> 00:16:54,000 کچھ بھی نہیں ہے کہ میرے لئے سوائے نافذ. 265 00:16:54,000 --> 00:16:56,880 میں فہرست تقریب-کرنا ڈرا لکھنا پڑا. 266 00:16:56,880 --> 00:17:01,650 اور مطلب میں ہو، یہ ایسا کرنے کے لئے مناسب نہیں کر سکتے ہیں 267 00:17:01,650 --> 00:17:03,670 لیکن یہ کبھی کبھی مشکل ہو سکتا ہے. 268 00:17:03,670 --> 00:17:08,190 آپ کو ایک وسیع تر منصوبے ہیں، تو اس مشکل ہو سکتا ہے. 269 00:17:08,190 --> 00:17:10,720 >> فریم ورک، فریم ورک کے مقاصد میں سے ایک 270 00:17:10,720 --> 00:17:14,060 عنصر کے اس عمل اور طرح باہر کو آسان بنانے کے لئے ہے 271 00:17:14,060 --> 00:17:16,950 ان عام میں تم سے کر سکتا ہے کا کہنا ہے کہ ڈیزائن پیٹرن لگتا ہے 272 00:17:16,950 --> 00:17:20,700 کہ لوگوں کو عام طور پر، اعداد و شمار کی نمائندگی کرنے کی راہ کسی قسم کا ہے 273 00:17:20,700 --> 00:17:25,599 اس نقشے کے بارے میں معلومات ہے، چاہے ایک دوستوں کی فہرست میں ہے کہ آیا 274 00:17:25,599 --> 00:17:27,280 یا کچھ یا ایک سے کرتے ہیں کی فہرست. 275 00:17:27,280 --> 00:17:30,660 کچھ لوگ، عام طور پر کے بارے میں معلومات کی نمائندگی کرنے کا ایک طریقہ ہے 276 00:17:30,660 --> 00:17:33,650 اور وہ عام طور پر مطابقت پذیری میں اس طرح کی معلومات رکھنے کے لئے کی ضرورت ہے 277 00:17:33,650 --> 00:17:36,520 صارف کے نقطہ نظر کے کچھ قسم میں دیکھتا ہے کے درمیان، 278 00:17:36,520 --> 00:17:39,850 آپ لیکچر میں دیکھا کہ ماڈل قول کنٹرولر کی طرح کی شرائط میں بات کرتے ہوئے، 279 00:17:39,850 --> 00:17:45,400 اور پھر اس معاملے میں یہ جاوا سکرپٹ کے سرنی ہے جو ماڈل،. 280 00:17:45,400 --> 00:17:49,020 فریم ورک ہمیں اس مسئلے کو حل کرنے کا ایک طریقہ دے. 281 00:17:49,020 --> 00:17:53,080 اب کی فہرست کرنے کے لئے اس کے نفاذ پر ایک نظر ڈالیں دو 282 00:17:53,080 --> 00:18:02,360 angularjs نامی ایک فریم ورک میں. 283 00:18:02,360 --> 00:18:04,650 یہ وہ ہے. یہ ایک سلائڈ پر فٹ بیٹھتا نوٹس. 284 00:18:04,650 --> 00:18:07,330 میں نے بائیں اور دائیں کرنے کے لئے سکرال کرنے کی ضرورت نہیں. 285 00:18:07,330 --> 00:18:10,460 یہ شاید، ایک فریم ورک کا استعمال کرتے ہوئے کی سفارش پر ایک بہت بڑی وجہ نہیں ہے 286 00:18:10,460 --> 00:18:20,120 لیکن نوٹس میں نے کبھی یہاں انفرادی HTML عناصر تک رسائی حاصل کر رہی ہوں؟ 287 00:18:20,120 --> 00:18:22,400 میں نے کبھی ڈوم میں جا رہا ہوں؟ 288 00:18:22,400 --> 00:18:26,120 آپ اس طرح کسی بھی document.getElementByID یا کچھ نظر آتا ہے؟ 289 00:18:26,120 --> 00:18:29,870 نہیں، وہ چلی گئی ہے. 290 00:18:29,870 --> 00:18:35,590 >> کونیی ہمیں ڈوم اور کچھ ہماری جاوا اسکرپٹ نمائندگی رکھنے میں مدد ملتی 291 00:18:35,590 --> 00:18:40,430 مطابقت پذیری میں کی قسم، یہ، جے ایس فائل میں نہیں ہے اگر ایسا ہے تو 292 00:18:40,430 --> 00:18:46,790 پروگرام کے تمام ہے کہ ایچ ٹی ایم ایل مواد پر حاصل کرنے کا کوئی راستہ نہیں ہے تو 293 00:18:46,790 --> 00:18:51,800 جاوا اسکرپٹ سے ہم کس طرح مطابقت پذیری میں یہ رکھ رہے ہو؟ 294 00:18:51,800 --> 00:18:58,160 یہ. جے ایس فائل میں نہیں ہے تو، یہ درست ہے، HTML میں ہوگا؟ 295 00:18:58,160 --> 00:19:01,910 یہ، HTML فائل کے نئے ورژن ہے 296 00:19:01,910 --> 00:19:04,660 اور ہم یہاں ایک بہت کچھ شامل کیا ہے توجہ. 297 00:19:04,660 --> 00:19:11,110 NG-کلک کریں اور NG-دہرانے کا کہنا ہے کہ ان نئے صفات وہاں کے نوٹس. 298 00:19:11,110 --> 00:19:15,650 ڈیزائن میں مشکلات سے اس مسئلہ کو حل کرنے کونیی کی اپروچ 299 00:19:15,650 --> 00:19:19,130 بنیادی طور پر ایچ ٹی ایم ایل کہیں زیادہ طاقتور بنانا ہے. 300 00:19:19,130 --> 00:19:24,420 کونیی آپ ایچ ٹی ایم ایل کسی حد تک زیادہ سے زیادہ بنانے کے لئے کی اجازت دے اظہار کا ایک طریقہ ہے. 301 00:19:24,420 --> 00:19:30,520 مثال کے طور پر، میں اس متن باکس باندھنے یا پابند کرنے جا رہا ہوں کہہ سکتے ہیں کہ 302 00:19:30,520 --> 00:19:35,080 میری کونیی جاوا سکرپٹ کے کوڈ کے اندر اندر ایک متغیر ہے. 303 00:19:35,080 --> 00:19:37,030 یہ NG-ماڈل صرف یہ کرتا ہے. 304 00:19:37,030 --> 00:19:41,550 بنیادی طور پر کا کہنا ہے کہ اس شے کے متن باکس کے اندر، کہ 305 00:19:41,550 --> 00:19:45,000 صرف تغیر پذیر new_todo_description کے ساتھ اس سے منسلک 306 00:19:45,000 --> 00:19:47,870 جاوا سکرپٹ کے کوڈ کے اندر اندر. 307 00:19:47,870 --> 00:19:51,600 میں واضح طور پر جانا کرنے کی ضرورت نہیں ہے کیونکہ یہ بہت طاقتور ہے 308 00:19:51,600 --> 00:19:53,310 ڈوم ہے کہ معلومات حاصل کرنے کے لئے. 309 00:19:53,310 --> 00:19:56,250 میں document.getElementByID کہنے کی ضرورت نہیں ہے. 310 00:19:56,250 --> 00:19:58,750 میں ڈوم رسائی طرح jQueries استعمال کرنے کی ضرورت نہیں ہے. 311 00:19:58,750 --> 00:20:03,280 میں اس متغیر کو تبدیل جب میں اس کے بعد ایک متغیر کے ساتھ اس سے منسلک ہے، اور کر سکتے ہیں 312 00:20:03,280 --> 00:20:07,400 جاوا سکرپٹ کے اندر اندر، ایچ ٹی ایم ایل کے ساتھ مطابقت پذیری میں رکھا ہے 313 00:20:07,400 --> 00:20:11,640 تاکہ دونوں کے درمیان آگے پیچھے جانے کے لئے ہونے کے عمل کو آسان بنا دیتا ہے. 314 00:20:11,640 --> 00:20:18,260 یہ عقل مندی ہے؟ 315 00:20:18,260 --> 00:20:22,060 >> اور کوئی ایچ ٹی ایم ایل کوڈ کو رسائی وہاں کے نوٹس. 316 00:20:22,060 --> 00:20:27,760 ہم صرف، ایچ ٹی ایم ایل زیادہ طاقتور بنایا ہے 317 00:20:27,760 --> 00:20:32,070 اور اب، مثال کے طور پر، ہم اس طرح کی باتیں کر سکتے ہیں 318 00:20:32,070 --> 00:20:38,610 اگر آپ اس پر کلک کریں، جب todos.js کے دائرہ کار کے اندر اندر اس تقریب کو فون پسند ہے، 319 00:20:38,610 --> 00:20:43,410 اور، اس NG-ماڈل کی طرح، ہم پہلے یہ کر سکتا ہے، لیکن دیگر چیزیں ہیں 320 00:20:43,410 --> 00:20:47,020 اور اس NG-دوبارہ محسوس. 321 00:20:47,020 --> 00:20:51,520 اگر آپ کو یہ کرتا ہے کیا خیال ہے؟ 322 00:20:51,520 --> 00:20:54,390 یہاں پہلے سے ہماری بے ترتیب فہرست ہے. 323 00:20:54,390 --> 00:20:56,470 ہم نے شیخ الاسلام کی تلاش میں ہے 324 00:20:56,470 --> 00:21:03,710 لیکن میں نے کبھی جاوا سکرپٹ کے کوڈ کے اندر اس فہرست دے رہا ہوں؟ 325 00:21:03,710 --> 00:21:09,280 میں نے کبھی واضح طور پر اس فہرست فراہم نہیں کر رہا ہوں. 326 00:21:09,280 --> 00:21:11,580 یہ کس طرح کام کرتا ہے؟ 327 00:21:11,580 --> 00:21:16,410 ٹھیک ہے، راستہ کونیی یہ ایک ریپیٹر کہا جاتا ہے ہے accomplishes. 328 00:21:16,410 --> 00:21:22,760 بنیادی طور پر اس میں یہ HTML پرنٹ کرنے کے لئے چاہتے ہیں کا کہنا ہے کہ 329 00:21:22,760 --> 00:21:26,240 میری todos سرنی کے ہر TODO کے اندر کے لئے. 330 00:21:26,240 --> 00:21:31,850 todos.jr کے اندر ایک todos سرنی، یہیں پر ہے 331 00:21:31,850 --> 00:21:37,910 اور یہ کہ سرنی کے ذریعے کونیی گو بتا دیں گے، اور ہر عنصر کے لئے آپ کو دیکھ 332 00:21:37,910 --> 00:21:41,390 میں تم سے یہ HTML پرنٹ کرنے کے لئے چاہتے ہیں. 333 00:21:41,390 --> 00:21:44,620 میں یہ نہیں صرف کر سکتے ہیں اس کی وجہ یہ خوفناک کی قسم ہے 334 00:21:44,620 --> 00:21:47,760 لوپ کے لئے ایک لکھنے کے لئے بغیر، 335 00:21:47,760 --> 00:21:52,250 جس کے کوڈ کا صرف 30 لائنز تھا کہ ایک سے کرتے ہیں فہرست کے لئے 336 00:21:52,250 --> 00:21:54,700 سب سے نفع مند چیز نہیں ہو سکتا، 337 00:21:54,700 --> 00:22:01,240 آپ کو ایک بڑی منصوبہ ہے لیکن اگر یہ بہت آسان ہو جائے گی. 338 00:22:01,240 --> 00:22:06,100 >> یہ ایچ ٹی ایم ایل زیادہ طاقتور بنانے، اس مسئلے کا ایک حل ہے، 339 00:22:06,100 --> 00:22:10,820 اور یہ کہ ہم میں مطابقت پذیری میں جاوا اسکرپٹ اور ایچ ٹی ایم ایل کو رکھنے کے لئے اجازت دیتا ہے. 340 00:22:10,820 --> 00:22:13,220 اس مسئلہ کو حل کرنے کے دوسرے طریقوں سے ممکن ہیں، 341 00:22:13,220 --> 00:22:15,320 اور ہر فریم ورک یہ ایسا نہیں کرتا. 342 00:22:15,320 --> 00:22:17,720 ہر فریم ورک کے ان خطوط پر کام کرتا ہے نہیں ہے. 343 00:22:17,720 --> 00:22:19,490 کچھ فریم ورک، مختلف نقطہ نظر ہے 344 00:22:19,490 --> 00:22:23,310 اور اگر آپ دوسرے پر ایک فریم ورک میں کوڈنگ لطف آتا ہے کہ مل سکتی ہے. 345 00:22:23,310 --> 00:22:26,160 کی ایک اور بھی جائزہ لیں. 346 00:22:26,160 --> 00:22:30,060 یہ ریڑھ کی ہڈی نامی ایک فریم ورک میں کوڈت سے کرتے فہرست ہے. 347 00:22:30,060 --> 00:22:33,250 میں جلدی سے اس کے ذریعے جانے کے لئے جا رہا ہوں. 348 00:22:33,250 --> 00:22:38,300 ہم وہاں جانے سے پہلے میں ایچ ٹی ایم ایل کے ساتھ شروع کریں گے. 349 00:22:38,300 --> 00:22:40,290 ایک سیکینڈ. 350 00:22:40,290 --> 00:22:43,950 آپ کو نوٹس کے طور پر، ایچ ٹی ایم ایل کے ساتھ شروع ہو رہا ہے، ہمارے ایچ ٹی ایم ایل بہت ملتا جلتا ہے 351 00:22:43,950 --> 00:22:50,000 اس محاذ پر اس سے پہلے، لہذا بہت زیادہ نہیں نیا کیا ہے. 352 00:22:50,000 --> 00:22:55,410 لیکن ہمارے جے ایس فائل کو ایک چھوٹی سی مختلف ہے. 353 00:22:55,410 --> 00:23:00,360 کی ریڑھ کی ہڈی طرح اس خیال ہے، یا خیال پر بناتا ہے 354 00:23:00,360 --> 00:23:04,750 ہم کیا کرتے ہیں کے ایک بہت، کا کہنا ہے کہ، ہماری جاوا سکرپٹ منصوبوں 355 00:23:04,750 --> 00:23:09,110 ماڈلز اور ان ماڈل کے مجموعہ کے بارے میں سوچنا ہے. 356 00:23:09,110 --> 00:23:12,510 یہ، مثال کے طور پر تصاویر کی ایک تصویر اور جمع ہو سکتا ہے 357 00:23:12,510 --> 00:23:16,230 یا دوستوں کے ایک دوست اور جمع کا خیال. 358 00:23:16,230 --> 00:23:20,700 اور اکثر ہم جاوا اسکرپٹ ایپلی کیشنز پروگرامنگ رہے ہیں جب 359 00:23:20,700 --> 00:23:25,340 دوستوں کا ایک مجموعہ ہونے کے خیال کی نمائندگی کرتے ہیں کے ہم الگ الگ ہوں گے 360 00:23:25,340 --> 00:23:29,500 کسی نہ کسی طرح جاوا سکرپٹ، اور ریڑھ کی ہڈی نے ہمیں یہ پرت فراہم کرتا ہے 361 00:23:29,500 --> 00:23:33,040 جاوا اسکرپٹ کی موجودہ arrays اور اشیاء کی سب سے اوپر پر 362 00:23:33,040 --> 00:23:38,300 زیادہ آسانی سے اس کے ساتھ زیادہ طاقتور چیز پر. 363 00:23:38,300 --> 00:23:41,870 >> یہاں میں ایک پر کیا ماڈل وضاحت کی گئی ہے 364 00:23:41,870 --> 00:23:44,630 اور آپ، نحو کے بارے میں بہت زیادہ فکر کرنے کی ضرورت نہیں ہے 365 00:23:44,630 --> 00:23:48,730 لیکن جو اس کی خصوصیات میں سے ایک ہے کہ متعلقہ؟ 366 00:23:48,730 --> 00:23:53,190 یہ ایک پہلے سے طے شدہ فیلڈ ہے. 367 00:23:53,190 --> 00:23:56,640 ریڑھ کی ہڈی میرے بیٹ سے دور پہلے ہی کی وضاحت کرنے کی اجازت دیتا 368 00:23:56,640 --> 00:24:00,190 میں پیدا ہونے والے سے کرتے ہیں کسی بھی نئے ان ڈیفالٹس ہے جا رہا ہے. 369 00:24:00,190 --> 00:24:04,100 اب میں اس اپنی مرضی کے مطابق، لیکن ڈیفالٹس کی وضاحت کرنے کے قابل کیا جا رہا ہے کر سکتے ہیں 370 00:24:04,100 --> 00:24:07,220 اچھا ہے، اور اس طرح ہے کہ کچھ نہیں ہے کیونکہ یہ آسان کی طرح ہے 371 00:24:07,220 --> 00:24:10,430 جاوا اسکرپٹ میں شامل، اور اب میں واضح طور پر کرنے کی ضرورت نہیں 372 00:24:10,430 --> 00:24:12,430 todos نامکمل کہتے ہیں کہ. 373 00:24:12,430 --> 00:24:19,190 میں todos نامکمل طور پر نشان زد کیا جا رہا ہے وہ درست بلے بازی سے دور کہہ سکتے ہیں. 374 00:24:19,190 --> 00:24:21,300 پھر نوٹس یہ کیا ہے؟ 375 00:24:21,300 --> 00:24:25,520 اب میں ایک سے کرتے فہرست ہے، اور یہ کہ ایک مجموعہ ہے. 376 00:24:25,520 --> 00:24:30,960 ماڈل TODO کا کہنا ہے کہ کے ساتھ منسلک میدان نوٹس. 377 00:24:30,960 --> 00:24:33,390 یہ ہے کہ ریڑھ کی ہڈی کہہ کے اپنے طریقہ ہے 378 00:24:33,390 --> 00:24:37,350 میں ان انفرادی todos کا ایک مجموعہ کے بارے میں سوچ رہے ہوں گے جا رہی ہوں. 379 00:24:37,350 --> 00:24:42,140 یہ بنیادی طور پر اپنے پروگرام کے لئے ماڈل کی ساخت ہے. 380 00:24:42,140 --> 00:24:44,980 یہاں میں، ایک مجموعہ کا یہ خیال ہے 381 00:24:44,980 --> 00:24:48,960 اور بنیادی طور پر اس مجموعہ میں شامل تمام اشیاء، ان todos ہونے جا رہے ہیں 382 00:24:48,960 --> 00:24:51,910 اور یہ کہ اس معنی میں بہت قدرتی ہے 383 00:24:51,910 --> 00:24:59,890 میں کرتا ہوں کیونکہ todos ہے، اور میں ایک مجموعہ میں ان کی ہے. 384 00:24:59,890 --> 00:25:02,940 >> کی اس سے تھوڑا زیادہ بھی جائزہ لیں. 385 00:25:02,940 --> 00:25:05,900 یہاں ایک ریڑھ کی ہڈی قول ہے. 386 00:25:05,900 --> 00:25:08,890 ریڑھ کی ہڈی کا کہنا ہے کہ دوسری بات یہ ہے کہ 387 00:25:08,890 --> 00:25:14,660 آپ کے بارے میں یا اس سے بھی مجموعہ سوچ رہی ہو کہ ماڈل کی ایک بہت 388 00:25:14,660 --> 00:25:19,150 دکھائے جانے کا کوئی نہ کوئی راستہ ہے کرنے کی ضرورت جا رہے ہیں. 389 00:25:19,150 --> 00:25:21,900 ہم، فہرست کرنے کے لئے کہ فراہم کرنے کی ضرورت ہے 390 00:25:21,900 --> 00:25:25,460 ہم ایک ماڈل کے لئے فراہم کر سکتا ہے اور اگر یہ اچھا نہیں ہو گا 391 00:25:25,460 --> 00:25:28,390 یا ہر ماڈل کے ساتھ اس نقطہ نظر سے منسلک 392 00:25:28,390 --> 00:25:34,020 ہمارے لئے کی اجازت دیتا ہے کہ میں نے دو ایک دوسرے کے ساتھ رابطہ قائم لگتا ہے؟ 393 00:25:34,020 --> 00:25:38,320 جبکہ اس سے پہلے کہ ہم کے ذریعے چلانے کے کہ لوپ کے لئے ایک استعمال کرنے کے لئے تھا 394 00:25:38,320 --> 00:25:41,130 ہر ہماری فہرست میں TODO اور پھر یہ یہاں سے باہر پرنٹ 395 00:25:41,130 --> 00:25:44,650 ہم بنیادی طور پر اس ماڈل کے ساتھ اس کا رابطہ قائم کر سکتے ہیں. 396 00:25:44,650 --> 00:25:47,550 یہ ایک سے ایسا قول ہے. 397 00:25:47,550 --> 00:25:50,550 یہ ہم پہلے پایا TODO کے ساتھ منسلک ہے. 398 00:25:50,550 --> 00:25:54,940 اب ہر TODO displayable یا renderable ہے 399 00:25:54,940 --> 00:25:56,960 اس کی طرف سے نقطہ نظر-کرنا. 400 00:25:56,960 --> 00:25:59,440 کھیتوں میں سے کچھ نوٹس. 401 00:25:59,440 --> 00:26:05,880 آپ اس tagName ہے tagName کیا خیال ہے: لی؟ 402 00:26:05,880 --> 00:26:09,790 ایک TODO فراہم کرنے کے لئے ہم چاہتے تھے جب پہلے سے یاد رکھیں 403 00:26:09,790 --> 00:26:16,700 ہم واضح طور پر اس لی ٹیگ کے ساتھ ہمارے todos کرنا ہوگا. 404 00:26:16,700 --> 00:26:21,080 اب ہم اس TODO رہنے کے لئے کہاں جا رہی ہے کہ کہہ رہے ہیں 405 00:26:21,080 --> 00:26:25,250 ایک لی ٹیگ کے اندر ہونے جا رہا ہے. 406 00:26:25,250 --> 00:26:31,440 اور اب ہم بھی ہمارے todos کے ساتھ واقعات منسلک رہے ہیں. 407 00:26:31,440 --> 00:26:34,320 >> ہر TODO یہ ایک واقعہ ہے. 408 00:26:34,320 --> 00:26:38,480 آپ کو بہت زیادہ ٹوگل بٹن پر کلک کرتے ہیں تو، کہ، میں وہاں کہہ رہا ہوں 409 00:26:38,480 --> 00:26:43,080 تو بنیادی طور پر اس سے پہلے کیا تھا کے مخالف کے طور پر نشان زد TODO 410 00:26:43,080 --> 00:26:45,890 اور اس کے بعد درخواست دوبارہ رینڈر. 411 00:26:45,890 --> 00:26:47,810 اس سے پہلے کوڈ کرنے کے لئے اسی طرح کی طرح کی ہے. 412 00:26:47,810 --> 00:26:50,730 ہم یا تو مخالف یا کے طور پر نشان لگا دیا گیا جب یاد رکھیں 413 00:26:50,730 --> 00:26:52,410 اور پھر ہم اسے دوبارہ پیش کی گئی. 414 00:26:52,410 --> 00:26:57,750 لیکن اب ایچ ٹی ایم ایل میں تھا کہ کچھ ہونے کے لئے استعمال کیا جاتا ہے اس ایونٹ نوٹس. 415 00:26:57,750 --> 00:26:59,640 وہ وہاں بیٹھا ہوا تھا. 416 00:26:59,640 --> 00:27:01,410 ایک بٹن پر کلک کریں پڑا. 417 00:27:01,410 --> 00:27:05,310 آپ کے بٹن پر کلک کرتے ہیں تو، اس قسم کی چیزیں کرنے کے لئے کرتا ہے 418 00:27:05,310 --> 00:27:07,210 TODO نامکمل ہونا کہ قائم کی. 419 00:27:07,210 --> 00:27:11,180 یہاں ہم اس ٹوگل بٹن پر کلک کے اس واقعہ منسلک ہے 420 00:27:11,180 --> 00:27:15,830 اور اس کے اس قول کے ساتھ یا بند ہے یا نہیں تبدیل. 421 00:27:15,830 --> 00:27:20,480 >> یہ بہت مضبوطی سے پابند ہے تاکہ یہ اس ایونٹ کو قائم کرنے کا ایک اچھا طریقہ ہے 422 00:27:20,480 --> 00:27:26,980 یہ دیکھنے کے لئے، اور اتنا زیادہ یہ ایک توجہ. 423 00:27:26,980 --> 00:27:31,050 میں اس رینڈر کے طریقہ کار ہیں، اور ہم تفصیلات کے ذریعے جانے کے لئے ضرورت نہیں ہے. 424 00:27:31,050 --> 00:27:33,650 یہ، ہم سے پہلے تھا جو اسی طرح کی طرح کی ہے 425 00:27:33,650 --> 00:27:36,070 لیکن میں نے کچھ بھی نہیں کر رہا ہوں کے ذریعے looping نوٹس. 426 00:27:36,070 --> 00:27:40,700 میں عناصر کے تمام پرنٹ کرنے کے لئے جا رہا ہوں کہہ طرح ہے کہ شیخ الاسلام ٹیگ پرنٹ نہیں کر رہا ہوں. 427 00:27:40,700 --> 00:27:46,610 میں اس سے کر دے شے کے لئے فعالیت فراہم کر رہا ہوں. 428 00:27:46,610 --> 00:27:49,400 اس کی وجہ بنیادی طور پر ایک بہت ہی طاقتور تصور ہے 429 00:27:49,400 --> 00:27:53,600 ہمارا ایسا فہرست میں ان تمام todos پر مشتمل ہوتا ہے، اور ہم نے بنیادی طور پر وضاحت کر سکتے ہیں اگر 430 00:27:53,600 --> 00:27:56,890 ان میں سے ایک todos رینڈر کرنے کا طریقہ 431 00:27:56,890 --> 00:28:04,230 پھر ہم SE فی ہماری ریڑھ کی ہڈی طاقتور ہو سکتا ہے todos کے تمام رینڈر 432 00:28:04,230 --> 00:28:07,760 انفرادی todos پر رینڈر طریقہ فون کر کے. 433 00:28:07,760 --> 00:28:14,180 یہ مفید ہے کہ ایک تصور ہے. 434 00:28:14,180 --> 00:28:18,160 اب سے پوچھو کرنے کے لئے ایک اچھا سوال ہے اس درخواست کو کس طرح ایک دوسرے کے ساتھ ڈال دیا جا رہا ہے ہے؟ 435 00:28:18,160 --> 00:28:21,200 ہم ایک TODO رینڈر کرنے کی صلاحیت ہے، کیونکہ 436 00:28:21,200 --> 00:28:23,860 لیکن ہم کس طرح ایک سے زیادہ todos کے خیال حاصل کروں؟ 437 00:28:23,860 --> 00:28:25,100 >> کی اس پر ایک نظر ڈالیں ہیں. 438 00:28:25,100 --> 00:28:27,100 یہ آخری حصہ ہے. 439 00:28:27,100 --> 00:28:29,740 ہم یہاں ایک سے کرتے فہرست دیکھیں پڑے نوٹس 440 00:28:29,740 --> 00:28:34,440 اور یہ بھی ایک نقطہ نظر کے نوٹس. 441 00:28:34,440 --> 00:28:36,970 اور چیزوں کے ایک جوڑے کے اوپر جانے کے لئے، 442 00:28:36,970 --> 00:28:45,280 ہم نے سب سے پہلے اس پر کیا فہرست بناتے ہیں تو اس کی ابتدا کا طریقہ بلایا جائے گا. 443 00:28:45,280 --> 00:28:52,630 آپ دیکھ سکتے ہیں، اس پر ہم یہ فہرست بنانے اور اس قول کے ساتھ یہ منسلک کرنے کی طرح ہے. 444 00:28:52,630 --> 00:28:57,860 آپ کو ایک اضافہ کریں جب اور پھر میں تو بنیادی طور پر یہاں کام کرتا ہے شامل شے- 445 00:28:57,860 --> 00:29:01,440 اس addItem طریقہ کی طرح ہے ہم پہلے-دیکھا 446 00:29:01,440 --> 00:29:07,430 میں ایک نیا TODO آبجیکٹ تخلیق، اور میں اصل میں بات کر رہا ہوں محسوس کرنے جا رہا ہوں 447 00:29:07,430 --> 00:29:13,080 اس نئے TODO طریقہ ہے، لہذا یہ ریڑھ کی ہڈی کی طرف سے فراہم کی جاتی ہے، 448 00:29:13,080 --> 00:29:16,010 اور میں یہاں اپنے خصوصیات میں منتقل کر سکتی ہیں. 449 00:29:16,010 --> 00:29:23,710 اور اب میں اس کا استعمال کرتے ہوئے پیدا ہونے والے ہر TODO ہم پہلے دیکھا کہ فعالیت کو مل جائے گا. 450 00:29:23,710 --> 00:29:28,140 میں متن کے خانے کو خالی کرنے سے باہر رہا ہوں اس سے پہلے کے ایک چھوٹے سے تھوڑا تفصیل سے نوٹس 451 00:29:28,140 --> 00:29:32,900 اور پھر میں اس مجموعہ کا اضافہ کر رہا ہوں. 452 00:29:32,900 --> 00:29:37,630 >> یہ تقریبا عجیب لگتا ہے ہم ایسے todos.push کرنا پڑا کیونکہ اس سے پہلے، 453 00:29:37,630 --> 00:29:43,310 اور پھر ہم کیا کر رہے تھے، اور یہ اس مخصوص منصوبے کے لئے زیادہ پیچیدہ لگ سکتا ہے 454 00:29:43,310 --> 00:29:46,980 اور آپ اس ریڑھ کی ہڈی یا اس سے بھی کونیی یا کسی دوسرے فریم ورک کو تلاش کر سکتے ہیں 455 00:29:46,980 --> 00:29:50,790 آپ کی خاص طور پر اس منصوبے کے مطابق، لیکن میں اس کے بارے میں سوچنے کے لئے اہم ہے نہیں ہے 456 00:29:50,790 --> 00:29:54,100 کیا یہ بڑے منصوبوں کے لئے بڑے پیمانے پر کا مطلب ہے، 457 00:29:54,100 --> 00:29:56,610 کیونکہ ہم نے کی نمائندگی کر رہے تھے، جہاں ایک بڑے منصوبے تھا 458 00:29:56,610 --> 00:30:00,860 کچھ واقعی پیچیدہ مجموعہ، صرف ایک سے کرتے ہیں کی فہرست سے گہرا کچھ، 459 00:30:00,860 --> 00:30:04,490 ایک دوست کی فہرست یا کچھ اس طرح کا کہنا ہے کہ دو، اس ہاتھ میں آ سکتا ہے 460 00:30:04,490 --> 00:30:09,620 کیونکہ ہم نے ایک بہت آسان طریقہ میں اپنے کوڈ کو منظم کر سکتے ہیں 461 00:30:09,620 --> 00:30:12,550 کسی کے لئے یہ آسان بنا دے گا کہ ایک طرح سے 462 00:30:12,550 --> 00:30:16,820 جو صلی اللہ علیہ وسلم کی تعمیر کے ایک منصوبے لینے کے لئے چاہتا تھا. 463 00:30:16,820 --> 00:30:21,450 آپ اس کی ساخت کی ایک بہت فراہم کرتا ہے دیکھ سکتے ہیں. 464 00:30:21,450 --> 00:30:26,580 اور پھر میں اس addItem پر رینڈر بلا رہا ہوں. 465 00:30:26,580 --> 00:30:31,050 آپ دیکھ سکتے ہیں کے طور پر رینڈر، اور اگر آپ کو یہ مکمل نحو سمجھنے کی ضرورت نہیں ہے، 466 00:30:31,050 --> 00:30:37,790 لیکن بنیادی طور پر ہر ایک ماڈل کے لئے یہ کسی انفرادی رینڈر کے طریقہ کار کو فون کرنے جا رہا ہے. 467 00:30:37,790 --> 00:30:41,500 اس سے آتا ہے جہاں اس طرح کا ہے. 468 00:30:41,500 --> 00:30:44,140 صرف انفرادی todos فراہم کرنے کے لئے کس طرح کی وضاحت چلو، 469 00:30:44,140 --> 00:30:47,310 اور پھر مجموعی طور پر ایک دوسرے کے ساتھ گلو ان کے ہیں. 470 00:30:47,310 --> 00:30:49,810 لیکن یہ، تجرید کا ایک طریقہ فراہم کرتا ہے 471 00:30:49,810 --> 00:30:55,470 میں انفرادی todos رینڈر کرنے کا فیصلہ کرنے کا طریقہ تبدیل کر سکتا ہے، کیونکہ 472 00:30:55,470 --> 00:30:57,940 اور میں نے اس کوڈ کے کسی بھی تبدیل کرنے کی ضرورت نہیں کرے گا. 473 00:30:57,940 --> 00:31:00,700 اس قسم کا اچھا ہے. 474 00:31:00,700 --> 00:31:08,540 >> کسی کو جاوا سکرپٹ فریم ورک کے بارے میں کوئی سوال ہے؟ 475 00:31:08,540 --> 00:31:14,310 [Student کی اشراوی سوال] 476 00:31:14,310 --> 00:31:16,050 اوہ، اس بات کا یقین ہے کہ ایک بہت بڑا سوال ہے. 477 00:31:16,050 --> 00:31:19,080 سوال یہ ہے کہ کس طرح میں نے فریم ورک میں شامل کیا تھا؟ 478 00:31:19,080 --> 00:31:22,970 زیادہ تر جاوا سکرپٹ فریم ورک بنیادی طور پر صرف جے ایس فائلوں کو ہیں 479 00:31:22,970 --> 00:31:25,740 آپ اپنے کوڈ کے سب سے اوپر شامل کر سکتے ہیں. 480 00:31:25,740 --> 00:31:29,830 میں ان سب سکرپٹ ٹیگز ہے میری ایچ ٹی ایم ایل کے سربراہ حصہ نوٹس کے، 481 00:31:29,830 --> 00:31:34,250 اور آخری سکرپٹ ٹیگ ہم نے لکھا ہے کہ کوڈ ہے. 482 00:31:34,250 --> 00:31:38,820 اور پھر 3 فریم ورک کوڈ صرف بھی سکرپٹ کی تلاش میں ہیں. 483 00:31:38,820 --> 00:31:42,110 میں نے ایک CDN کے کہا جاتا ہے کی طرف سے ان سمیت رہا ہوں 484 00:31:42,110 --> 00:31:46,200 جو مجھے اس مقام پر کسی سے حاصل کرنے کے لئے کی اجازت دیتا ہے 485 00:31:46,200 --> 00:31:57,930 لیکن ہر فریم ورک یہ آپ کو بہت زیادہ مواد تلاش کر سکتے ہیں ہے 486 00:31:57,930 --> 00:32:03,540 اس طرح کچھ CDN یا کچھ اور پر دستیاب ایک مخصوص جاوا سکرپٹ لائبریری کے لئے، 487 00:32:03,540 --> 00:32:05,570 اور پھر آپ ان سکرپٹ ٹیگ شامل کر سکتے ہیں. 488 00:32:05,570 --> 00:32:07,600 یہ عقل مندی ہے؟ 489 00:32:07,600 --> 00:32:09,500 ڈاؤن لوڈ، اتارنا. 490 00:32:09,500 --> 00:32:11,730 >> ان لوگوں کو 2 مختلف نقطہ نظر ہیں. 491 00:32:11,730 --> 00:32:14,640 وہ لوگ اس مسئلہ کو حل کرنے کا واحد طریقہ نہیں ہیں. 492 00:32:14,640 --> 00:32:17,080 بہت سے مختلف چیزیں ہیں کہ 493 00:32:17,080 --> 00:32:19,490 کسی کر سکتے ہیں، اور بہت سے فریم ورک وہاں موجود ہیں. 494 00:32:19,490 --> 00:32:23,300 کونیی اور ریڑھ کی ہڈی پوری کہانی بیان نہیں کرتے. 495 00:32:23,300 --> 00:32:26,370 آپ کی آخری منصوبوں کے ساتھ گڈ لک، اور بہت بہت شکریہ. 496 00:32:31,960 --> 00:32:35,000 [CS50.TV]