1
00:00:00,000 --> 00:00:02,690
[Powered by Google Translate] [سیمینار: JQUERY]

2
00:00:02,690 --> 00:00:04,790
[وپل شیھاوت، ہارورڈ یونیورسٹی]

3
00:00:04,790 --> 00:00:08,000
[یہ CS50 ہے.] [CS50.TV]

4
00:00:08,000 --> 00:00:10,640
آپ کے گھر میں ساتھ پیروی کر رہے ہیں تو، آپ کو اصل میں آن لائن میری سلائڈ تک رسائی حاصل کر سکتے ہیں

5
00:00:10,640 --> 00:00:13,310
اس لنک پر جا کر.

6
00:00:13,310 --> 00:00:18,650
یہ bit.ly. پر، TjjRWj ہے

7
00:00:18,650 --> 00:00:20,700
آپ یہ بھی صرف، براہ راست یو آر ایل پر جا سکتے ہیں

8
00:00:20,700 --> 00:00:27,300
جس میں میرا نام ہے جو cloud.cs50.net / ~ vshekhawat، ہے،

9
00:00:27,300 --> 00:00:32,409
اور jquery.

10
00:00:32,409 --> 00:00:34,920
میں انتہائی آپ کے گھر پر دیکھ رہے ہیں تو آپ کے ساتھ ساتھ پر عمل کرنے کی حوصلہ افزائی،

11
00:00:34,920 --> 00:00:40,650
آپ یہاں ہیں تو اور بھی، یہ ایک بہت انٹرایکٹو پریزنٹیشن ہے.

12
00:00:40,650 --> 00:00:43,160
>> آج تو، میں نے jQuery کے بارے میں بات کرنے جا رہا ہوں، اور سب سے پہلا سوال یہ ہے کہ

13
00:00:43,160 --> 00:00:45,300
jQuery کیا ہے؟

14
00:00:45,300 --> 00:00:47,090
اس سال، میں تم لوگوں کو جاوا اسکرپٹ کا احاطہ نہیں کیا ہے جانتے ہیں

15
00:00:47,090 --> 00:00:51,080
ہم نے گزشتہ سالوں میں زیادہ سے زیادہ تفصیل کے طور پر میں.

16
00:00:51,080 --> 00:00:53,150
جاوا سکرپٹ، سب سے پہلے، صرف ایک کلائنٹ سائڈ زبان ہے

17
00:00:53,150 --> 00:00:58,390
آپ کو ہر ایک صارف کی مشین پر سکرپٹ اور کوڈ کو چلانے کے لئے استعمال کرتے ہیں.

18
00:00:58,390 --> 00:01:00,660
تو کیا تم لوگوں پر ویب صفحات کو فراہم کرتا ہے کہ ایک سرور ہے

19
00:01:00,660 --> 00:01:02,600
لیکن آپ کو، ان کی مشین پر چیزیں کرنا چاہتا ہوں ہو سکتا ہے

20
00:01:02,600 --> 00:01:08,060
آپ کے سرور ہر 30 سیکنڈ یا اس طرح کچھ کرنے کے لئے درخواستیں بھیجنے کیلئے ان کی مشین سے دعا گو ہیں.

21
00:01:08,060 --> 00:01:10,420
آپ کو جاوا اسکرپٹ کا استعمال کرتے ہوئے ایسا کر سکتے ہیں.

22
00:01:10,420 --> 00:01:13,190
JQuery صرف جاوا سکرپٹ کے سب سے اوپر پر زیادہ فعالیت فراہم کرتا ہے

23
00:01:13,190 --> 00:01:15,680
کہ آپ کے لئے اضافی سامان کرتا ہے.

24
00:01:15,680 --> 00:01:17,710
آپ سب سے اوپر پر مندرجات پر نظر ڈالیں، تو

25
00:01:17,710 --> 00:01:21,410
کہ آپ کرنے کے قابل ہو کہ سامان میں سے کچھ بیان کرتا ہے.

26
00:01:21,410 --> 00:01:23,500
تو مجموعی طور پر، یہ جنوری 2006 میں بنایا گیا تھا.

27
00:01:23,500 --> 00:01:26,560
یہ سب سے پہلے اگست 2005 میں کے پیٹ میں کیا گیا تھا.

28
00:01:26,560 --> 00:01:31,370
یہ ایک دو سال کے لئے کے ارد گرد کیا گیا ہے، اور یہ واقعی میں نئی ​​ویب 2.0 تحریک کا حصہ ہے

29
00:01:31,370 --> 00:01:34,330
کہ انٹرنیٹ اتنی چمکدار بنایا ہے.

30
00:01:34,330 --> 00:01:37,630
یہ سب سے زیادہ وسیع پیمانے پر استعمال جاوا سکرپٹ لائبریری ہے.

31
00:01:37,630 --> 00:01:41,450
19.6 ملین سے زائد ویب سائٹس یہ استعمال کر رہے ہیں، اور استعمال بھی اضافہ ہو رہا ہے

32
00:01:41,450 --> 00:01:45,640
builtwith.com کے مطابق، جو، بظاہر، جو گزشتہ سال کے مقابلے میں،

33
00:01:45,640 --> 00:01:49,710
صرف مسلسل منصفانہ linearly اضافہ ہوا ہے.

34
00:01:49,710 --> 00:01:52,870
سب سے اوپر 10 ملین سائٹس کے علاوہ، وہاں اب بھی ہے -

35
00:01:52,870 --> 00:01:55,180
ان میں سے تقریبا 40٪ فی الحال اسے استعمال کر رہے ہیں.

36
00:01:55,180 --> 00:01:58,540
فیس بک پر اسے استعمال کرتا ہے، دوسری ویب سائٹس کے بہت سے فی الحال اسے استعمال.

37
00:01:58,540 --> 00:02:01,540
اگر آپ چاہیں تو آپ کو اپنے پر ان کے اعداد و شمار دیکھ سکتے ہیں.

38
00:02:01,540 --> 00:02:05,820
یہ ایک بنیادوں اور 13 بورڈ اراکین ہے کیونکہ اور تم، یہ legit بتا سکتا ہوں

39
00:02:05,820 --> 00:02:11,910
ایک باقاعدہ بنیاد پر اس پر کام کرنے والے 20 افراد کی ایک ٹیم کے ساتھ مل کر.

40
00:02:11,910 --> 00:02:16,110
تو یہ بہت ہی وسیع پیمانے پر استعمال کیا جاتا ہے، یہ ایک. تنظیم یو آر ایل ہے کہ یہ پسند ہے،

41
00:02:16,110 --> 00:02:21,660
دوسرے سامان کے لیے سپن آف ہے، تو یہ ایک بڑا سودا ہے.

42
00:02:21,660 --> 00:02:24,510
>> تم اسے کیوں کا استعمال کرنا چاہئے؟ JQuery بہت ہلکا پھلکا ہے.

43
00:02:24,510 --> 00:02:27,270
بس یہی ایک بہت بڑی فائل نہیں ہے کا مطلب ہے. آپ ڈاؤن لوڈ کرسکتے ہیں

44
00:02:27,270 --> 00:02:31,540
minified فائل، جس میں تمام سفید جگہ اور تبصرے کے بغیر ہے، اور یہ صرف 32 KB ہے.

45
00:02:31,540 --> 00:02:33,600
تو یہ صرف آپ کے ویب صفحے پر ٹاس کرنا آسان ہے

46
00:02:33,600 --> 00:02:35,910
اور صرف اس کا استعمال کرتے ہوئے شروع کرنے کے لئے.

47
00:02:35,910 --> 00:02:39,630
یہ بھی بہت موثر انداز میں لکھا گیا ہے، تو اس کی ایک بہت کچھ لے نہیں ہے -

48
00:02:39,630 --> 00:02:42,550
آپ اسے استعمال بہت جب یہ آپ کی ویب سائٹ کی رسائی سست کر نہیں کرتا.

49
00:02:42,550 --> 00:02:45,770
یہ آپ نے پہلے unfeasible تھا کہ چیزوں کو لاگو کرنے کی اجازت دیتا ہے.

50
00:02:45,770 --> 00:02:47,790
فعالیت کے کچھ پہلوؤں ہیں،

51
00:02:47,790 --> 00:02:51,780
متحرک تصاویر پیدا کرنے کی طرح، کہ عام طور پر ایسا کرنے کی بہت، بہت مشکل ہو جائے گا.

52
00:02:51,780 --> 00:02:54,300
لیکن jQuery میں وہ اصل میں بہت آسان ہیں.

53
00:02:54,300 --> 00:02:57,040
اور ایسا کرنے کے لئے پریشان کن ہے کہ کچھ چیزیں ہیں،

54
00:02:57,040 --> 00:02:59,610
جاوا اسکرپٹ میں ممکن، ایک پوسٹ کی درخواست بھیجنے کی طرح،

55
00:02:59,610 --> 00:03:02,190
لیکن ایک سرور سے ایک درخواست بھیجنے کے لئے، آپ کو لکھنا ہے

56
00:03:02,190 --> 00:03:04,320
کوڈ کے پانچ یا چھ یا سات لائنوں.

57
00:03:04,320 --> 00:03:07,200
اب تم صرف ایک ہی فنکشن کال میں، کوڈ کی ایک لائن میں یہ کر سکتا ہوں.

58
00:03:07,200 --> 00:03:11,790
یہ واقعی تم کر رہے ہو کہ بہت ساری چیزیں آسان بنا دیتا ہے.

59
00:03:11,790 --> 00:03:15,950
اور تمام ڈاؤن لوڈ، اتارنا بچوں کو یہ استعمال کر رہے ہیں. اس کی طرف سے، میرا مطلب.

60
00:03:15,950 --> 00:03:19,270
میرا آخری منصوبے میں گزشتہ سال جو، news.whrb.org ہے

61
00:03:19,270 --> 00:03:22,530
ریڈیو سٹیشن کے لئے ہے، جو میں نے اس بلاگ کو پیدا کیا

62
00:03:22,530 --> 00:03:29,750
جو ہم نے کیا ہے اس سے ظاہر ہوتا ہے اور ان کے لئے MP3 فائلوں کی میزبانی.

63
00:03:29,750 --> 00:03:32,070
آپ ماضی سے ظاہر ہوتا ہے کے ذریعے براؤز کر سکتے ہیں

64
00:03:32,070 --> 00:03:34,130
اور یہ سب jQuery کا استعمال کرتے ہوئے کیا ہے. آپ کو بتا سکتی

65
00:03:34,130 --> 00:03:37,340
کیونکہ ان تمام متحرک تصاویر کے، بنیادی طور پر.

66
00:03:37,340 --> 00:03:42,360
آپ کے پاس تو اگر - اگر آپ کو ایک نیا پیغام پیدا کر رہے ہیں تو،

67
00:03:42,360 --> 00:03:45,980
اگر آپ ان چھوٹی slideDowns دیکھو، کہ تمام jQuery کا استعمال کرتے ہوئے کیا ہے.

68
00:03:45,980 --> 00:03:49,140
اور یہ دھندلا - تو چیزیں اس طرح کی تمام، jQuery کا استعمال کرتے ہوئے کیا جاتا ہے

69
00:03:49,140 --> 00:03:52,720
اور آپ کو مسلسل سائٹ پر تشریف لے کرنے کے لئے صفحہ دوبارہ لوڈ کریں کی ضرورت نہیں ہے.

70
00:03:52,720 --> 00:03:57,220
jQuery استعمال کرتے ہوئے بنایا ہے کہ ایک ٹھنڈی چیز یہ پیشکش ہے.

71
00:03:57,220 --> 00:03:59,700
میں، scrolldeck بلایا یہ اوپن سورس چیز استعمال کر رہا ہوں

72
00:03:59,700 --> 00:04:03,250
جس کسی jQuery کے سب سے اوپر پر لکھا.

73
00:04:03,250 --> 00:04:04,870
آپ اصل منبع پر نظر ڈالیں تو، آپ اس کو دیکھ سکتے ہیں

74
00:04:04,870 --> 00:04:07,830
وہ اس ڈالر کا نشان استعمال کر رہے ہیں؛ ڈالر نشانیاں

75
00:04:07,830 --> 00:04:12,110
ایک تقریب میں ایک jQuery تقریب ہے کہ نشاندہی کرنے کے لئے jQuery میں استعمال کیا جاتا ہے.

76
00:04:12,110 --> 00:04:15,020
تو وہ jQuery کے سب سے اوپر پر ایک چادر وضاحت کر رہے ہیں

77
00:04:15,020 --> 00:04:18,570
کہ آپ اس طرح ایک پریزنٹیشن بنانے کے لئے کی اجازت دیتا ہے

78
00:04:18,570 --> 00:04:21,200
اور آپ، یہاں وہ اصل jQuery فائل بھی شامل رہے ہیں دیکھ سکتے ہیں

79
00:04:21,200 --> 00:04:24,120
جس jQuery استعمال کرنا چاہتے ہیں تو آپ کو شامل کرنے کے لئے پڑے گا کیا ہے

80
00:04:24,120 --> 00:04:30,450
آپ کی اپنی ویب سائٹس میں.

81
00:04:30,450 --> 00:04:32,790
>> اس پر چھو، تم اسے کس طرح انسٹال کروں؟

82
00:04:32,790 --> 00:04:36,150
آپ کو صرف فائل jQuery.com اور ڈاؤن لوڈ کرنے کے لئے جا سکتے ہیں

83
00:04:36,150 --> 00:04:38,320
ایک ویب ڈائریکٹری میں شامل کریں اور اس میں شامل ہیں.

84
00:04:38,320 --> 00:04:42,200
تو صرف سب سے اوپر پر، آپ کے HTML فائل کے سربراہ ٹیگ میں

85
00:04:42,200 --> 00:04:45,400
اپنے بنیادی ایچ ٹی ایم ایل فائل کی، صرف کوڈ کا اس لائن ہے

86
00:04:45,400 --> 00:04:49,490
آپ استعمال کر رہے ہیں jQuery کی جس کے ورژن کے لئے درست ورژن کے ساتھ.

87
00:04:49,490 --> 00:04:51,340
آپ jQuery.com پر جا کر اسے ڈاؤن لوڈ کر سکتے ہیں

88
00:04:51,340 --> 00:04:55,130
"، ڈاؤن لوڈ، اتارنا jQuery" پر کلک کریں اور آپ کو اسے مل گیا ہے. یہی ہے.

89
00:04:55,130 --> 00:04:58,880
اور اصل میں، ہم اسے کس طرح نظر آئے پر ایک نظر ڈالیں کر سکتے ہیں.

90
00:04:58,880 --> 00:05:01,080
آپ یہاں ڈاؤن لوڈ، اتارنا پر کلک کریں، تو jQuery یہ ہے.

91
00:05:01,080 --> 00:05:05,260
یہ آپ کے لئے تمام جادو چیزیں کرتا ہے صرف ایک بڑا جاوا اسکرپٹ فائل ہے.

92
00:05:05,260 --> 00:05:09,270
یہ بالکل پڑھنے کے قابل نہیں ہے جس minified ورژن، ہے.

93
00:05:09,270 --> 00:05:13,180
آپ یہ بھی پڑھنے کے قابل ہے جو، ترقی ورژن میں دیکھ سکتے ہیں

94
00:05:13,180 --> 00:05:15,370
لیکن اب بھی بہت، بہت طویل.

95
00:05:15,370 --> 00:05:17,980
یہ وہاں بہت ساری چیزیں ہے.

96
00:05:17,980 --> 00:05:20,240
آپ بھی اس میں سے گوگل کی میزبانی ورژن منسلک کر سکتے ہیں.

97
00:05:20,240 --> 00:05:23,820
تاکہ آپ کو صرف یہ فراہم کرنے کے لئے گوگل پر انحصار کرنے کی اجازت دیں گے.

98
00:05:23,820 --> 00:05:29,310
وہ ہر وقت دستیاب اس کے ہر ورژن، فراہم کرتے ہیں.

99
00:05:29,310 --> 00:05:31,530
تو آپ شاید آپ کے لئے اس کی میزبانی کے لئے گوگل پر بھروسہ کر سکتے ہیں.

100
00:05:31,530 --> 00:05:33,270
یا آپ jQuery کی اپنی تازہ ترین ورژن کے لئے لنک کر سکتے ہیں.

101
00:05:33,270 --> 00:05:36,400
وہ ہمیشہ تازہ ترین ورژن پر اپ ڈیٹ کر دیا ہے کہ یو آر ایل ہے.

102
00:05:36,400 --> 00:05:40,850
، یہ jQuery-تازہ ترین ہے، اور اس کے ساتھ ایک مسئلہ ہے

103
00:05:40,850 --> 00:05:44,350
جس میں یہ ہے کہ اگر اپ ڈیٹ jQuery اور گزشتہ فعالیت میں سے کچھ

104
00:05:44,350 --> 00:05:47,250
وہ retrograded یا فرسودہ ہو جاتا تھا

105
00:05:47,250 --> 00:05:49,620
یہ نہیں ہو سکتا - یہ اب کی حمایت نہیں کرنے کے لئے شروع کر سکتے ہیں.

106
00:05:49,620 --> 00:05:52,940
آپ، ورژن 1.8.2 کا استعمال کرتے ہوئے ایک ویب سائٹ لکھنا تو اگر

107
00:05:52,940 --> 00:05:55,000
وقت ورژن 2.7 باہر آتا ہے

108
00:05:55,000 --> 00:05:57,000
آپ نے لکھا کے افعال میں سے کچھ اب کام نہیں کرتے.

109
00:05:57,000 --> 00:05:59,930
تو یہ، 32 KB فائل صرف ڈاؤن لوڈ کرنے کے بہتر ہے

110
00:05:59,930 --> 00:06:04,100
آپ کے ویب صفحے پر ڈال دیا، اور اسے ہمیشہ کے لئے کام کریں گے.

111
00:06:04,100 --> 00:06:07,450
>> میں آگے بڑھو اور jQuery کی اصل فعالیت کے بارے میں بات شروع کرنے کے لئے جا رہا ہوں.

112
00:06:07,450 --> 00:06:13,090
پہلی بات سلیکٹرز ہے. یہ jQuery ابتدائی طور پر فراہم کرنے کے لئے حاملہ ہوئی تھی.

113
00:06:13,090 --> 00:06:15,500
اور آپ کو دیکھنے کے لئے دستاویزات پر کلک کر سکتے ہیں

114
00:06:15,500 --> 00:06:18,690
میں ڈھکنے کا ہونے والا ہوں سلیکٹرز کے لئے تفصیلی دستاویزات.

115
00:06:18,690 --> 00:06:24,120
سلیکٹرز کے پیچھے خیال ہے اگر آپ ایک صفحے پر HTML عناصر کو منتخب کر سکتے ہیں.

116
00:06:24,120 --> 00:06:28,790
ایک صفحے پر عناصر کی شناخت اور کلاس اور ان کی شناخت کے دوسرے پہلوؤں کے بارے میں ہے.

117
00:06:28,790 --> 00:06:30,500
بھی ہے - مختلف احکامات میں they're.

118
00:06:30,500 --> 00:06:32,570
وہ ایک دوسرے کے اندر اندر در اندر کر رہے ہیں وقت میں سے کچھ.

119
00:06:32,570 --> 00:06:38,120
JQuery آپ کے صفحے سے عناصر بازیافت اتنا آسان سوالات کی تعمیر کے لئے اجازت دیتا ہے.

120
00:06:38,120 --> 00:06:41,890
پھر آپ، jQuery افعال کا استعمال کرتے ہوئے ان عناصر جوڑتوڑ کر سکتے ہیں

121
00:06:41,890 --> 00:06:43,990
ہم بعد میں کرنے کے لئے مل جائے گا ہیرا پھیری کے سیکشن ہے.

122
00:06:43,990 --> 00:06:46,040
آپ ایچ ٹی ایم ایل، سی ایس ایس کو تبدیل، تبدیل کر سکتے ہیں

123
00:06:46,040 --> 00:06:50,500
آپ کو بھی متحرک اور بعض واقعات پر چالو کہ کام کرتا ہے شامل کر سکتے ہیں.

124
00:06:50,500 --> 00:06:52,710
کچھ کلک کیا ہے تو، اگر مثال کے طور پر، آپ کو ایسا کرنے کے لئے کچھ کرنا چاہتے ہیں

125
00:06:52,710 --> 00:06:55,210
آپ jQuery کے طور پر بھی استعمال کرتے ہوئے ایسا کر سکتے ہیں.

126
00:06:55,210 --> 00:06:57,380
اور عناصر کو منتخب کرنے کے لئے طریقوں کی ایک بڑی تعداد میں موجود ہیں.

127
00:06:57,380 --> 00:07:00,310
ان میں سے بیشتر، میں کبھی استعمال نہیں کیا ہے، لیکن بنیادی والے ہیں

128
00:07:00,310 --> 00:07:02,340
جو بہت اہم ہیں.

129
00:07:02,340 --> 00:07:05,750
عنصر سلیکٹر، مثال کے طور پر، اگر آپ نے ابھی کچھ بھی منتخب کر رہے ہیں

130
00:07:05,750 --> 00:07:10,640
کہ div ہے - میں واقعی میں اس سلائڈ پریزنٹیشن کے لئے کھلے کوڈ ہے.

131
00:07:10,640 --> 00:07:13,450
لہذا مثال کے طور پر، یہاں سب سے پہلے سلائڈ ہے.

132
00:07:13,450 --> 00:07:17,430
یہاں ہم ایک div ہے. ہم واقعی اس صفحے پر تمام divs منتخب کرتے ہیں تو،

133
00:07:17,430 --> 00:07:22,300
صرف ہم اس فائل میں موجود ہے کہ تمام divs کی ایک سرنی دے دونگا.

134
00:07:22,300 --> 00:07:27,040
آئی ڈی سلیکٹر آپ کو ایک دی ID کے ساتھ کسی چیز کو منتخب کریں کی اجازت دیتا ہے.

135
00:07:27,040 --> 00:07:32,230
یہ مثال کے طور پر، اس بات کو شناخت "کیا،" ہے اگر ایسا ہے تو

136
00:07:32,230 --> 00:07:37,160
اور ہم # کیا بجائے کچھ ID کے ساتھ یہ کیا ہے تو،

137
00:07:37,160 --> 00:07:42,920
یہ صرف ایک ہی عنصر ہے اور اس صفحے کے اس عنصر ہے کہ ایک سرنی واپس کردے گا.

138
00:07:42,920 --> 00:07:45,490
ہم نے بھی حاصل کرنے سے سلیکٹرز اس طرح جمع کر سکتے ہیں

139
00:07:45,490 --> 00:07:48,260
صرف divs ہیں کہ شناخت کے ساتھ چیزوں کو منتخب کریں.

140
00:07:48,260 --> 00:07:51,810
ہاں تو. صرف اس آئی ڈی ہے کہ divs منتخب کریں.

141
00:07:51,810 --> 00:07:55,260
کلاس کے لئے آپ کو صرف ایک نقطہ کا استعمال کرتے ہیں، یہ سی ایس ایس کے طور پر ایک ہی بات ہے.

142
00:07:55,260 --> 00:07:57,500
ونشج بھی کام کرتا ہے، آپ کو کچھ کلاس ہے اگر ایسا ہے تو

143
00:07:57,500 --> 00:08:00,170
مثال کے طور پر، تو - اور اسی طرح اس کے اندر اندر عناصر اندر در اندر ہے

144
00:08:00,170 --> 00:08:03,260
وہاں کچھ کلاس ہے اور یہ کسی دوسرے صفحے سے منسلک کرنے کے لئے ایک اینکر ٹیگ ہے،

145
00:08:03,260 --> 00:08:08,510
اگر آپ لنک دوبارہ حاصل کرنے کے لئے اس نحو استعمال کر سکتے ہیں.

146
00:08:08,510 --> 00:08:12,420
تم نے بھی ایک بار میں ایک سے زیادہ چیزوں کو منتخب کر سکتے ہیں، صرف کی علامت کے ذریعے ان کو علیحدہ،

147
00:08:12,420 --> 00:08:17,360
اگر آپ چاہتے ہیں کسی بھی سلیکٹر کا استعمال کرتے ہیں، اور آپ کو ایک ہی صف میں، ایک ہی وقت میں ان سب کو منتخب کریں گے.

148
00:08:17,360 --> 00:08:19,650
اور پھر بھی سلیکٹر نہیں ہے، لہذا آپ کو تمام divs منتخب کر سکتے ہیں

149
00:08:19,650 --> 00:08:24,210
کچھ مخصوص طبقے نہیں ہے.

150
00:08:24,210 --> 00:08:28,790
اور یہ صرف یہ انتخاب کس طرح کام کرنے کے لئے ایک تعارف حاصل کرنے کے لئے ایک مفید طریقہ ہے.

151
00:08:28,790 --> 00:08:32,270
میں ایک سیکنڈ میں کچھ ٹھوس مثال کے طور پر دکھاتا ہوں.

152
00:08:32,270 --> 00:08:35,480
>> اعلی درجے کی سلیکٹرز ہیں - یہ صرف چند مثالیں ہیں.

153
00:08:35,480 --> 00:08:38,840
وہاں ان میں سے درجنوں ہیں، لیکن آپ کو تمام تصویر کے ٹیگز منتخب کرنے کے لئے چاہتے ہیں تو

154
00:08:38,840 --> 00:08:42,799
کچھ عنصر کے اندر اندر، تو آپ صرف کرتے ہیں: تصویر.

155
00:08:42,799 --> 00:08:45,340
اگر آپ مثال کے طور پر، یہاں تک کہ عناصر کو منتخب کرنے کے لئے چاہتے ہیں، تو ان میں سے 20 ہیں تو،

156
00:08:45,340 --> 00:08:48,290
آپ، 0، 2، 4، 6 اور اسی طرح منتخب کرنے کے لئے چاہتے ہیں

157
00:08:48,290 --> 00:08:51,630
بھی، یا آپ یہ بھی کر سکتے ہیں: تم کرتے ہو عجیب.

158
00:08:51,630 --> 00:08:55,470
یہ چھدم سلیکٹرز ہیں، جس میں وہ اصل میں گنتی کا مطلب ہے کہ

159
00:08:55,470 --> 00:09:00,960
ہر دوسرے عنصر نہیں بلکہ صرف جا کر اور ان سب کو منتخب کرنے سے زیادہ.

160
00:09:00,960 --> 00:09:05,510
آپ یہ بھی کر سکتے ہیں - ہر عنصر بھی مخصوص اوصاف کر سکتے ہیں.

161
00:09:05,510 --> 00:09:10,580
لہذا مثال کے طور پر کلاس = مرکز بھی ایک وصف ہے.

162
00:09:10,580 --> 00:09:16,500
اس اینکر ٹیگ کے لئے، href کی، ہایپر ٹیکسٹ ریفرنس، بھی ایک وصف ہے.

163
00:09:16,500 --> 00:09:21,150
یہ واقعی عام ہے - تو آپ کو ایک مخصوص صفحے یا صرف لنکس کہ کچھ منتخب کر سکتے ہیں.

164
00:09:21,150 --> 00:09:25,410
اگر آپ چاہتے ہیں کہ کسی بھی وصف کے ساتھ کچھ بھی منتخب کر سکتے ہیں.

165
00:09:25,410 --> 00:09:27,470
اور پھر، بھی، وصف پر مشتمل ہے.

166
00:09:27,470 --> 00:09:30,420
اگر آپ مثال کے طور پر تمام ان پٹ کے عناصر کو منتخب کرنے کے لئے کرنا چاہتا تھا تو

167
00:09:30,420 --> 00:09:32,700
کہ، ان کے نام کے طور پر لفظ "پاس" ہے

168
00:09:32,700 --> 00:09:37,560
ایک صفحے کو ایک ان پٹ متن کا ٹکڑا ہے تو

169
00:09:37,560 --> 00:09:41,050
کہ تم نے اس کو منتخب کر سکتے ہیں کا ایک طریقہ ہو گا کہ "پاس ورڈ" کہا جاتا ہے.

170
00:09:41,050 --> 00:09:43,020
اور بہت زیادہ ہیں. تم آگے بڑھو اور دستاویزات میں دیکھ سکتے ہیں

171
00:09:43,020 --> 00:09:46,950
اور یہ کس طرح کام کرتا کے مخصوص مثالیں ملاحظہ کریں.

172
00:09:46,950 --> 00:09:48,840
>> اگلی بات یہ ہے ڈوم ہیرا پھیری ہے.

173
00:09:48,840 --> 00:09:52,500
ہم عناصر کو منتخب کرنے کے بعد، ہم اصل میں ان کے ساتھ چیزیں کرنا چاہتا ہوں گے.

174
00:09:52,500 --> 00:09:55,500
ابھی تک ہم سب اس کی طرف دیکھا، لیکن نہیں کیا ہے آپ کو دستاویزات پر نظر ڈالیں تو،

175
00:09:55,500 --> 00:09:57,950
ہم کیا کر سکتے ہیں ایک بہت کچھ واقعی ہے.

176
00:09:57,950 --> 00:10:02,900
اس مرحلے پر، ہم اس کی پریزنٹیشن پر عناصر کو منتخب کرنے کے لئے جا رہے ہیں

177
00:10:02,900 --> 00:10:04,890
اور ان jQuery کا استعمال کرتے ہوئے جوڑتوڑ.

178
00:10:04,890 --> 00:10:08,290
اس jQuery کا استعمال کرتے ہوئے لاگو کیا جاتا ہے کیونکہ، ہم، jQuery لائبریری تک رسائی حاصل ہے

179
00:10:08,290 --> 00:10:13,580
اور ہم اس کوڈ کے اندر اندر ان لوگوں کے افعال کو استعمال کرسکتے ہیں.

180
00:10:13,580 --> 00:10:16,200
آپ کے بارے میں معلوم نہیں ہو سکتا کہ ایک مفید چیز کنسول ہے.

181
00:10:16,200 --> 00:10:19,340
اور گوگل کروم میں استعمال کر رہا ہوں کیا ہے. آپ ALT کمانڈ J دبائیں کر سکتے ہیں

182
00:10:19,340 --> 00:10:21,720
یا ALT کنٹرول J کنسول کھولنے کے لئے.

183
00:10:21,720 --> 00:10:26,130
فائر فاکس میں میں نے اس کے حکم کی شفٹ کشمیر یا کنٹرول شفٹ کے خیال سے

184
00:10:26,130 --> 00:10:28,880
سفاری میں آپ کو کچھ ترتیبات تبدیل جانا پڑے.

185
00:10:28,880 --> 00:10:35,460
وہاں آپ یہ کرنا چاہتے ہیں تو ایک لنک ہے، لیکن میں کروم یا فائر فاکس حاصل کرنے کی سفارش کرتے ہیں.

186
00:10:35,460 --> 00:10:37,750
تو کی کنسول کھول دو، یہ یہاں نیچے ہے.

187
00:10:37,750 --> 00:10:41,170
یہ آپ کو بنیادی طور پر آپ چاہتے ہیں کچھ بھی کر صرف اجازت دیتا ہے.

188
00:10:41,170 --> 00:10:45,100
تو کیا تم صرف ایک متغیر X کہا جاتا ہے تخلیق میں ٹائپ کر سکتے ہیں

189
00:10:45,100 --> 00:10:49,200
X = 5، X + 2 کیا ہے دیکھتے ہیں.

190
00:10:49,200 --> 00:10:57,670
آپ کاوچ سرفنگ کے ایسا کچھ بھی کر سکتے ہیں + چلو دیکھتے ہیں، ایکس CS50 ہو جائے گا + 45،.

191
00:10:57,670 --> 00:11:00,530
آپ کو صرف کچھ مخصوص جاوا اسکرپٹ چیزیں کر سکتے ہیں.

192
00:11:00,530 --> 00:11:02,730
لیکن آپ کو بھی یہاں میں jQuery کر سکتے ہیں.

193
00:11:02,730 --> 00:11:06,200
>> تو یہاں یہ پہلی پہلو پر نظر رکھیں.

194
00:11:06,200 --> 00:11:09,500
ہم ایک تار ہے جو ایچ ٹی ایم ایل، نامی ایک متغیر پیدا کرنے کے لئے جا رہے ہیں.

195
00:11:09,500 --> 00:11:15,890
یہ کچھ نئے متن کہا جاتا ہے کہ اس میں ایک پیراگراف ٹیگ ہے.

196
00:11:15,890 --> 00:11:19,420
تو ہم یہ ایچ ٹی ایم ایل ہے، یہ پیراگراف ٹیگ میں، کچھ نئے متن ہے.

197
00:11:19,420 --> 00:11:21,800
اب ہم اصل صفحہ میں شامل کرنا چاہتے ہیں.

198
00:11:21,800 --> 00:11:28,310
میں نے اس پیراگراف کے لیے ایچ ٹی ایم ایل، یہاں اس عنوان، شامل ID ہے تاکہ وہ قائم کی.

199
00:11:28,310 --> 00:11:32,320
پھر ہم شامل آئی ڈی کو منتخب کریں اور اگر اسے شامل

200
00:11:32,320 --> 00:11:34,560
میں نے ابھی پیدا کیا ایچ ٹی ایم ایل متغیر،

201
00:11:34,560 --> 00:11:40,370
یہ درست ہے اس پیراگراف ٹیگ کے بعد، آخر میں ہے کہ ایچ ٹی ایم ایل میں شامل کیا جائے گا.

202
00:11:40,370 --> 00:11:43,730
ہم ایسا کریں تو - ہم، اس پیراگراف منتخب

203
00:11:43,730 --> 00:11:47,590
اور ہم، میں صرف ایچ ٹی ایم ایل میں شامل متغیر کے ساتھ شامل کی تقریب میں بلایا ہے

204
00:11:47,590 --> 00:11:50,960
اس صفحے پر ابھی وہاں کہ نئے متن کا اضافہ کریں گے.

205
00:11:50,960 --> 00:11:54,970
ہم نے بھی اس عنصر کے آغاز میں، اس سے پہلے جائیں گے جس کا مطلب ہے، prepend کرسکتے ہیں.

206
00:11:54,970 --> 00:11:58,290
تو شروع اور بعد میں کچھ نئے متن موجود نہیں ہے.

207
00:11:58,290 --> 00:12:01,660
میں آگے بڑھیں اور میں نے ابھی کیا ہے یہ سب سے چھٹکارا حاصل کرنے ریفریش کر سکتے ہیں.

208
00:12:01,660 --> 00:12:05,280
لیکن یہ آپ prepend استعمال کر سکتے ہیں کہ کس طرح ایک مثال ہے اور طریقوں شامل

209
00:12:05,280 --> 00:12:08,910
صفحے پر چیزیں جوڑتوڑ، کچھ HTML شامل کریں.

210
00:12:08,910 --> 00:12:11,080
>> آپ بھی کلاس تبدیل کر سکتے ہیں.

211
00:12:11,080 --> 00:12:14,970
پیچھے اگلا، دوسرا اس انداز فائل میں، میں جیت کے طبقے کے لئے یہ بنایا ہے

212
00:12:14,970 --> 00:12:19,990
اس متن کا رنگ سرخ، کچھ پس منظر کا رنگ، اور ایک متن کی چھایا ہے.

213
00:12:19,990 --> 00:12:23,810
یہ ڈراونا لگ رہا ہے، لیکن میں واقعی میں کر سکتے ہیں -

214
00:12:23,810 --> 00:12:26,410
اس پیراگراف کلاس ID کے لئے مساوی ہے.

215
00:12:26,410 --> 00:12:29,860
تو میں جیت کے لئے کلاس کے شامل کر سکتے ہیں.

216
00:12:29,860 --> 00:12:31,870
میں، کنسول میں اس پھانسی کر سکتے ہیں

217
00:12:31,870 --> 00:12:35,480
اور یہ کہ اس کلاس کا اضافہ کریں گے، اور اب یہ ڈراونا لگ رہا ہے، کے طور پر امید کی جاتی ہے.

218
00:12:35,480 --> 00:12:39,680
سی ایس ایس کے خود کار طریقے سے کہ کلاسیں آپ پر لاگو ہو جاتا ہے -

219
00:12:39,680 --> 00:12:42,680
ایک کلاس کے لئے سی ایس ایس ہے، تو یہ خود کار طریقے سے لاگو کیا جاتا ہے

220
00:12:42,680 --> 00:12:44,680
آپ کو ایک عنصر کے طبقے میں تبدیلی ہو.

221
00:12:44,680 --> 00:12:49,230
پھر ہم صرف ہٹائیں کلاس کا استعمال کرتے ہوئے اسے ختم کر سکتے ہیں.

222
00:12:49,230 --> 00:12:53,690
آپ کو سرخ یا روشنی ڈالی کی طرح کچھ پیش وضاحتی کلاس ہے، اگر ایسا ہے تو

223
00:12:53,690 --> 00:12:55,990
اور پھر آپ، عناصر ان لوگوں کو لاگو کرنا چاہتے ہیں

224
00:12:55,990 --> 00:12:58,230
آپ کو ہر وقت اسٹائل تمام سی ایس ایس کرنے کے لئے ضرورت نہیں ہے.

225
00:12:58,230 --> 00:13:01,510
آپ کو صرف ایک عنصر طبقے کو شامل کر سکتے ہیں، اور پھر یہ خود بخود بن جائے گا -

226
00:13:01,510 --> 00:13:05,580
یہ خود کار طریقے کہ کلاس کے لئے مناسب لگے گا.

227
00:13:05,580 --> 00:13:07,900
ہم نے بھی چیزوں کو ختم کر سکتے ہیں، تو میں نے تمام divs منتخب کرنے کے لئے جا رہا ہوں

228
00:13:07,900 --> 00:13:10,830
صفحے پر اور انہیں خارج کر دیں.

229
00:13:10,830 --> 00:13:13,990
اس طرح دیکھنے کے لئے کیا جا رہا ہے؟

230
00:13:13,990 --> 00:13:16,170
یہ کچھ بھی نہیں کی طرح نظر آتے جا رہا ہے، تو اصل میں کچھ بھی نہیں بچا ہے.

231
00:13:16,170 --> 00:13:18,170
میرا ڈیمو چلا گیا ہے.

232
00:13:18,170 --> 00:13:21,290
میں نے خوش قسمتی سے، تازہ کاری کریں اور اسے واپس لا سکتے ہیں

233
00:13:21,290 --> 00:13:24,420
یہ صرف ایک بار چلا رہا ہے، کیونکہ

234
00:13:24,420 --> 00:13:29,460
آپ کو مکمل طور پر صفحہ دور ایک عنصر کو تباہ کرنا چاہتے ہیں لیکن اس سے، ہٹانے کی ایک مثال ہے.

235
00:13:29,460 --> 00:13:33,180
>> آپ یہ بھی ادلیکھت کر سکتے ہیں، اور میں صفحے پر تمام پیراگراف ٹیگ منتخب کرنے کے لئے جا رہا ہوں

236
00:13:33,180 --> 00:13:36,850
اور ان کے اندر جاکر انہوں نے ان میں جو کچھ بھی متن کی جگہ لے لے

237
00:13:36,850 --> 00:13:39,690
کے ساتھ صرف لفظ "کی جانچ."

238
00:13:39,690 --> 00:13:46,520
آپ ایسا کرتے ہیں تو، آپ اس کی جانچ کے ساتھ صفحے پر ہر پیراگراف کی جگہ لے لیں گے.

239
00:13:46,520 --> 00:13:49,150
جی ہاں. ان سب کی جانچ سے تبدیل کر رہے ہیں.

240
00:13:49,150 --> 00:13:53,270
تاکہ متن تک رسائی حاصل کرنے اور اس overwriting کی ایک مثال ہے.

241
00:13:53,270 --> 00:13:57,490
آپ یہ بھی معلومات حاصل کر سکتے ہیں، اور اس ان پٹ باکس کے لئے واقعی ڈاؤن لوڈ، اتارنا ہے.

242
00:13:57,490 --> 00:14:00,470
تم لوگوں کو میں چیزیں ٹائپ کر رہے ہیں کہ ایک ان پٹ باکس، ہے تو

243
00:14:00,470 --> 00:14:03,880
لوگوں کو اس میں چیزیں ٹائپ کر رہے ہیں،

244
00:14:03,880 --> 00:14:09,030
یہاں ہم ان پٹ، متن کی ایک قسم کے ساتھ کسی بھی ان پٹ ٹیگ منتخب کریں.

245
00:14:09,030 --> 00:14:13,800
اس صورت میں، پوری ڈیمو میں صرف ایک ان پٹ باکس، ہے

246
00:14:13,800 --> 00:14:17,260
لہذا ہم صرف پہلے ایک کو منتخب کریں گے، اور پھر ہم اس پر ویل تقریب کہتے ہیں.

247
00:14:17,260 --> 00:14:19,570
یہی وجہ ہے کہ قیمت واپس، اور ایک ان پٹ باکس کے لئے

248
00:14:19,570 --> 00:14:24,330
قیمت اس کے اندر بننے کے لئے جو کچھ ہوتا ہے تو صرف ہے.

249
00:14:24,330 --> 00:14:31,880
ہم ایسا کرتے ہیں تو، یہ صرف سٹرنگ چیزیں واپس.

250
00:14:31,880 --> 00:14:36,860
ہم زیادہ چیزیں لکھنے کے بعد اسے دوبارہ فون اور اگر اسے زیادہ چیزیں میں بدل جاتا ہے.

251
00:14:36,860 --> 00:14:40,760
یہی وجہ ہے کہ دیکھنے کے لیے تو ایک ان پٹ باکس کے عناصر تک رسائی کے لئے ایک عظیم طریقہ ہے، اور

252
00:14:40,760 --> 00:14:45,060
یہ ایک درست ای میل ایڈریس ہے، اس کی مثال کے طور پر، ایک درست تاریخ ہے.

253
00:14:45,060 --> 00:14:49,600
لوگ اسے ٹائپ کر رہے ہیں کے طور پر آپ کو صرف فوری طور پر چیزیں حاصل کر سکتے ہیں

254
00:14:49,600 --> 00:14:54,830
اور پھر، یہ درست ہے یا نہیں دیکھنے کے لیے ایک سرور پر اسے واپس بھیج دیں، آپ اس کے ساتھ کرنا چاہتے ہیں کچھ بھی کر.

255
00:14:54,830 --> 00:14:57,720
اور یہ کہ آپ کو ان خانوں کے اندر کیا ہے تک رسائی حاصل کرنے کا طریقہ یہ ہے.

256
00:14:57,720 --> 00:15:00,090
>> آپ بھی اس کی بجائے انہوں نے مزید کہا کی ایسا ہے، تو براہ راست سی ایس ایس میں ترمیم کرسکتے ہیں

257
00:15:00,090 --> 00:15:02,510
کچھ پیش وضاحتی خصوصیات ہیں کہ ایک کلاس،

258
00:15:02,510 --> 00:15:08,120
آپ کو صرف آپ کو کچھ کرنا چاہتے ہیں جو سی ایس ایس شامل کر سکتے ہیں.

259
00:15:08,120 --> 00:15:10,350
پورے پریزنٹیشن ہے جو تو چلو منتخب جسم،،

260
00:15:10,350 --> 00:15:14,370
اور رنگ متن کیا ہے رنگوں کی وضاحت کرتا ہے کہ ملکیت ہے.

261
00:15:14,370 --> 00:15:19,420
ہم سرخ رنگ میں تبدیل کر دیا ہے تو، صفحہ میں تمام متن سرخ کرنے کے لئے بند ہو جائے گا.

262
00:15:19,420 --> 00:15:26,310
ہم نے نیلے رنگ کے پس منظر کا رنگ کی طرح کچھ بھی کر سکتے ہیں

263
00:15:26,310 --> 00:15:30,680
وہاں ہم نے جانا؛ یہ خوبصورت ہے.

264
00:15:30,680 --> 00:15:33,840
کیا آپ واقعی یہ کرنا چاہتے ہیں کے ساتھ کچھ بھی کر سکتا ہے.

265
00:15:33,840 --> 00:15:39,250
سی ایس ایس کی جائیداد کا استعمال کرتے ہوئے، آپ واقعی کچھ بھی کسی بھی وقت لگ رہا ہے کہ کس طرح تبدیل کر سکتے ہیں.

266
00:15:39,250 --> 00:15:41,630
اگلی چیز کے اثرات ہے.

267
00:15:41,630 --> 00:15:45,710
اثرات، بنیادی طور پر سی ایس ایس میں تبدیلی کرنے کے طور پر ایک ہی بات کر رہے ہیں

268
00:15:45,710 --> 00:15:48,870
لیکن وہ اصل میں اس پر کچھ اضافی حرکت پذیری فراہم کرتے ہیں.

269
00:15:48,870 --> 00:15:53,380
تو بجائے صرف رنگ دکھا یا کچھ چھپا یا تبدیل کرنے کا،

270
00:15:53,380 --> 00:15:56,130
آپ اصل میں اسے متحرک کر سکتے ہیں.

271
00:15:56,130 --> 00:16:00,760
تم اس کے لئے وسیع پیمانے پر دستاویزات پر ایک نظر ڈالیں کرنا چاہتے ہیں تو یہاں دستاویزات، ہے.

272
00:16:00,760 --> 00:16:04,760
لیکن میں اہم لوگ پورا کرنے کے لئے جا رہا ہوں.

273
00:16:04,760 --> 00:16:12,030
شو اور چھپائیں خصوصیات موجود ہیں.

274
00:16:12,030 --> 00:16:14,510
ID دراصل اس پورے باکس سے میل دکھائیں / چھپائیں،

275
00:16:14,510 --> 00:16:18,190
میں نے اسے چھپا تو، یہ صرف غائب ہو جائے گا.

276
00:16:18,190 --> 00:16:24,210
میں نے اس کے واپس آنے بنانا چاہتے ہیں تو میں اسے دوبارہ دکھا سکتے ہیں.

277
00:16:24,210 --> 00:16:26,340
اور یہ واپس آ گیا ہے. یہ اصل میں، غائب نہیں تھا

278
00:16:26,340 --> 00:16:30,670
میں واقعی میں کے صفحے سے اسے ختم نہیں کیا، میں صرف کرنے کے لئے کی نمائش کو پوشیدہ کی سی ایس ایس جائیداد مقرر

279
00:16:30,670 --> 00:16:34,030
لہذا آپ اب اسے دیکھ نہیں سکتا.

280
00:16:34,030 --> 00:16:39,250
وہاں بھی اپ سلائڈ اور نیچے سلائڈ ہے، تم اس کے اثر کی اجازت دیتا ہے.

281
00:16:39,250 --> 00:16:47,050
یہ غائب کرنے کے لئے سلائڈ، اور اس کے بعد غائب

282
00:16:47,050 --> 00:16:53,210
تم نے اسے واپس آئے بنانے کے لئے نیچے سلائڈ کر سکتے ہیں. اور اب واپس آ گیا ہے.

283
00:16:53,210 --> 00:16:57,650
دھندلا ID اس باکس سے میل - جو دھندلا اثر، بھی ہے.

284
00:16:57,650 --> 00:17:01,200
میں اسے ختم، تو آہستہ آہستہ غائب ہو جائیں گے.

285
00:17:01,200 --> 00:17:04,490
میں نے بھی اس میں ختم ہو سکتا ہے، اور وہ واپس آ جائے گا.

286
00:17:04,490 --> 00:17:08,930
آپ یہ بھی دھندلا تقریب کے لئے مخصوص ہے، پر دھندلا کر سکتے ہیں.

287
00:17:08,930 --> 00:17:12,589
تم نے اسے جو آپ چاہتے ہیں کسی بھی مخصوص دھندلاپن کرنے کے لئے ختم کر سکتے ہیں.

288
00:17:12,589 --> 00:17:16,869
آپ .5 پر آہستہ آہستہ یہ ختم ہو جائے تو اس نصف دیکھ سکتے ہو جائے گا.

289
00:17:16,869 --> 00:17:22,630
میں یہ .1 پر جانے کے کر سکتے ہیں، اور واپس 1 اسے دوبارہ مکمل طور پر نظر آتا ہے بنانے کے لئے.

290
00:17:22,630 --> 00:17:24,760
یہ صرف آپ کر سکتے ہیں کہ ایک اور حرکت پذیری ہے.

291
00:17:24,760 --> 00:17:26,750
>> ٹوگل اثرات بھی ہیں.

292
00:17:26,750 --> 00:17:33,410
لہذا میں اس باکس سے میل جو ٹوگل ID، منتخب کرنے کے لئے جا رہا ہوں

293
00:17:33,410 --> 00:17:38,970
اور یہ کہ div پر آپ ٹوگل کال کر سکتے ہیں، یہ نظر آتا ہے تو پوشیدہ ہو جائے گا،

294
00:17:38,970 --> 00:17:42,320
یہ پوشیدہ ہے تو اسے پھر سے دیکھ سکتے ہو جائے گا.

295
00:17:42,320 --> 00:17:44,440
تو میں صرف دو بار اس ٹوگل تقریب کہا جاتا ہے، سب سے پہلے ایک تھا

296
00:17:44,440 --> 00:17:48,380
چھپائیں کے طور پر ایک ہی بات، دوسری کال ایک شو کے طور پر ایک ہی بات تھی.

297
00:17:48,380 --> 00:17:53,510
اور تم بھی ایک دھندلا ٹوگل کے ساتھ ایسا کر سکتے ہیں

298
00:17:53,510 --> 00:17:55,730
جس میں یہ اصل میں fades سوائے ایک ہی بات، کرتا ہے.

299
00:17:55,730 --> 00:17:59,410
اور سلائڈ کے ساتھ ایک ہی بات بدلنے کے لئے.

300
00:17:59,410 --> 00:18:01,460
جکڑے اثرات کے ساتھ ساتھ موجود ہیں، جس کا مطلب ہے کہ

301
00:18:01,460 --> 00:18:05,520
آپ کو ایک عنصر کو منتخب کریں اور صرف اس پر حرکت پذیری طریقوں میں سے ایک گروپ کو فون کرتے ہیں تو،

302
00:18:05,520 --> 00:18:07,400
تم اسے باہر ختم کرنا چاہتا تھا، تو، نیچے سلائڈ

303
00:18:07,400 --> 00:18:11,040
اور پھر چھپانے اور اس کے بعد میں ختم، یہ ایک صف میں ان پر عمل کرو گے.

304
00:18:11,040 --> 00:18:24,920
تو غائب ہو گیا، واپس آ گیا - کسی وجہ سے، چھپائیں ایسا نہیں ہوا.

305
00:18:24,920 --> 00:18:30,030
اسے باہر کی کوشش کرتے ہیں. جی ہاں، تو اسے باہر کی چمک کم ہے اور پھر اسے دور slid.

306
00:18:30,030 --> 00:18:32,230
اور بہت زیادہ ہیں. آپ ذی تقریب میں استعمال کر سکتے ہیں

307
00:18:32,230 --> 00:18:35,370
آپ کی اپنی متحرک تصاویر پیدا کرنے کے لئے، جو، کافی پیچیدہ ہے

308
00:18:35,370 --> 00:18:38,790
لیکن یہ لامتناہی extensibility کے ساتھ آپ کو فراہم کرتا ہے.

309
00:18:38,790 --> 00:18:40,630
تم جو چاہتے حرکت پذیری کسی بھی قسم کے کر سکتے ہیں.

310
00:18:40,630 --> 00:18:44,230
آپ یہ بھی ایک وقت میں ایک سے زیادہ متحرک تصاویر اوپر قطار قطار استعمال کر سکتے ہیں.

311
00:18:44,230 --> 00:18:47,340
لہذا، آپ کے صفحے بھر میں پرواز کرنے کے لئے کچھ کرنا چاہتے ہیں تو

312
00:18:47,340 --> 00:18:49,860
نیچے بائیں طرف اوپر دائیں سے سلائڈ، آپ یہ کر سکتے ہیں

313
00:18:49,860 --> 00:18:55,240
اور صرف ایک کے بعد ایک جا کے اعمال کا ایک مجموعہ ہے.

314
00:18:55,240 --> 00:18:57,490
>> ہم کے بارے میں بات کرنے جا رہے ہیں اگلے چیز واقعات ہے.

315
00:18:57,490 --> 00:19:02,090
واقعات آپ کی اجازت دیتے ہیں - اب تک، ہم صرف کنسول میں چیزیں ٹائپ کر دیا گیا ہے

316
00:19:02,090 --> 00:19:04,870
اور یہ کہ، ایسا کرنے کے لئے ایک طریقہ ہے

317
00:19:04,870 --> 00:19:08,020
لیکن ایک حقیقی صفحے پر، آپ کرنے کے قابل ہو نہیں جا رہے ہو

318
00:19:08,020 --> 00:19:10,020
کنسول میں صارف کی قسم چیزیں بناتے ہیں.

319
00:19:10,020 --> 00:19:12,050
تم چیزوں کو خود کار طریقے سے ہو کرنا چاہتے ہیں.

320
00:19:12,050 --> 00:19:18,060
اس کے لئے، آپ کو کچھ مخصوص واقعہ پر چالو ہو رہا ہے کہ واقعات کو استعمال کرنے کی ضرورت ہے.

321
00:19:18,060 --> 00:19:21,340
آپ کو مکمل تفصیلات کے لئے دستاویزات چیک کر سکتے ہیں.

322
00:19:21,340 --> 00:19:24,030
تو دیکھتے ہیں. ہم نے باکس دکھائیں یا دکھانا چاہتے ہیں

323
00:19:24,030 --> 00:19:29,340
میں نے ابھی تک اس پر عملدرآمد نہیں کیا لیکن ابھی اس بٹن کو کچھ بھی نہیں ہے.

324
00:19:29,340 --> 00:19:35,420
میں اصل HTML پیج پر جانے کے لئے جا رہا ہوں.

325
00:19:35,420 --> 00:19:38,560
یہاں سلائڈ ہے. سلائڈ کے لئے ایک div ہے.

326
00:19:38,560 --> 00:19:41,230
یہ سلائڈ کی کلاس ہے.

327
00:19:41,230 --> 00:19:46,890
متن موجود نہیں ہے. اب، اس باکس اور باکس بٹن ہے.

328
00:19:46,890 --> 00:19:52,900
ہم کس طرح اصل میں یہ غائب ہو گے؟

329
00:19:52,900 --> 00:19:58,250
سب سے پہلے، کی باکس ID غائب ہے کہ ایک تقریب لکھ دو.

330
00:19:58,250 --> 00:20:01,820
یہ funtion کے لئے نحو ہے، کی صرف یہ hideTheBox فون ہیں.

331
00:20:01,820 --> 00:20:06,130
لیا جائے دلائل نہیں ہیں کیونکہ یہ کسی بھی دلائل لے نہیں ہے.

332
00:20:06,130 --> 00:20:08,950
ہم ID باکس کو منتخب کر سکتے ہیں.

333
00:20:08,950 --> 00:20:15,020
منتخب jQuery کا استعمال کرتے ہوئے تو، ہم، باکس ID انتخاب کر سکتے ہیں

334
00:20:15,020 --> 00:20:17,700
اور اس کے بعد صرف یہ غائب ہو کر سکتے ہیں.

335
00:20:17,700 --> 00:20:20,690
چلو اسے ختم کر سکتے ہیں.

336
00:20:20,690 --> 00:20:27,390
ہم اصل کنسول میں اس تقریب بھاگ گیا تو

337
00:20:27,390 --> 00:20:33,380
ہم نے اس تقریب کی وضاحت کر سکتے ہیں، ہم hideTheBox کال کر سکتے ہیں، اور یہ کام کرتا ہے.

338
00:20:33,380 --> 00:20:36,650
لیکن ہم اصل میں بٹن دبایا جاتا ہے تو ایسا کرنا چاہتے ہیں.

339
00:20:36,650 --> 00:20:40,950
ایسا کرنے کے لئے، ہم نے ایک تقریب کا استعمال کرنا ہوگا.

340
00:20:40,950 --> 00:20:45,500
کچھ مخصوص بٹن یا کچھ کارروائی ہو رہا کرنے کے لئے ایک تقریب پابند کرنے،

341
00:20:45,500 --> 00:20:50,040
ہم ایونٹ ٹرگر کیا جائے گا کہ عنصر کو منتخب کرنا پڑتا ہے -

342
00:20:50,040 --> 00:20:52,650
یا یہ کہ افسوس ہے، ایونٹ شروع ہو جائے گی.

343
00:20:52,650 --> 00:20:57,220
>> سب سے پہلے تو، بکس بٹن ID کو منتخب کرتے ہیں

344
00:20:57,220 --> 00:20:59,610
کیونکہ اس کے بٹن کے لئے، اب بٹن ہے، اور،

345
00:20:59,610 --> 00:21:02,750
ہم نے اسے کلک کیا ہے جب ایک حرکت پذیری بنانے کے لئے چاہتے ہیں.

346
00:21:02,750 --> 00:21:05,040
تو اس پر کلک کریں تقریب ہے.

347
00:21:05,040 --> 00:21:08,470
یہ آپ کو اس کی ایک اور تقریب پابند کرنے کی اجازت دیتا ہے.

348
00:21:08,470 --> 00:21:12,320
یہ تقریب ایک دلیل کے طور پر ایک اور تقریب میں لیتا ہے

349
00:21:12,320 --> 00:21:14,310
ہم hideTheBox تقریب میں منتقل کر سکتی ہیں

350
00:21:14,310 --> 00:21:20,950
اور اس بٹن کو کلک کیا جاتا ہے جب بھی اس تقریب خود کار طریقے سے عملدرآمد کیا جائے گا.

351
00:21:20,950 --> 00:21:24,850
تو یہ ہے، ہم اس کو بچانے کے لئے تو میں تازہ گے کام کریں گے

352
00:21:24,850 --> 00:21:33,460
اور - ایک سیکنڈ، میں معافی چاہتا ہوں.

353
00:21:33,460 --> 00:21:44,770
مجھے واقعی بہت تیزی سے اس کو ٹھیک کرتے ہیں.

354
00:21:44,770 --> 00:21:50,680
ٹھیک ہے. وہاں ہم چلے. ہم بٹن پر کلک کریں جب تو اب باکس غائب ہے.

355
00:21:50,680 --> 00:21:55,470
ہم نے بھی، صرف fadeToggle کرنے کے لئے اس کو تبدیل کرسکتے ہیں

356
00:21:55,470 --> 00:22:00,020
باکس دکھائیں یا دکھانے کے لئے صرف اسے تبدیل،

357
00:22:00,020 --> 00:22:03,850
ہم کو تازہ اور اگر یہ بھی، بھی کام کریں گے.

358
00:22:03,850 --> 00:22:08,550
ہم نے اسے چھپا سکتے ہیں، ہم کو یہ بھی دکھا سکتے ہیں، اور یہ کہ کام کرنے کے لئے جاری رہے گی.

359
00:22:08,550 --> 00:22:12,210
ہم کر سکتے ہیں ایک اور چیز ہے، ہم اصل میں اس hideTheBox تقریب کی وضاحت کرنے کی ضرورت نہیں

360
00:22:12,210 --> 00:22:15,050
ہم کلک فنکشن کال سے پہلے.

361
00:22:15,050 --> 00:22:17,640
تو بجائے تقریب وضاحت اور hideTheBox بلا کی،

362
00:22:17,640 --> 00:22:20,310
ہم صرف اس بات کو کلک کیا جاتا ہے تو اسے فون کرنے جا رہے ہیں.

363
00:22:20,310 --> 00:22:22,310
تو ہم، یہاں میں یہ گمنام وضاحت کر سکتے ہیں

364
00:22:22,310 --> 00:22:25,070
جو جاوا سکرپٹ ہے کہ ایک خصوصیت ہے.

365
00:22:25,070 --> 00:22:29,720
آپ نے ایک تقریب کی وضاحت کر سکتے ہیں، عام طور پر، ہم تقریب hideTheBox کہیں گے

366
00:22:29,720 --> 00:22:34,490
دلائل کے ساتھ، بلکہ اس کی بجائے، ہم صرف، دلائل کوئی کام کہہ سکتے ہیں

367
00:22:34,490 --> 00:22:36,870
، تقریب کی وضاحت کرنے کے گھوبگھرالی منحنی خطوط وحدانی شروع

368
00:22:36,870 --> 00:22:40,780
کہ گھوبگھرالی منحنی خطوط وحدانی کے قریب، اور پھر صرف یہاں میں تقریب کی وضاحت

369
00:22:40,780 --> 00:22:45,130
سب سے پہلے قوسین اور آخری قوسین کے اندر

370
00:22:45,130 --> 00:22:47,860
اس کلک تقریب کے دلائل کے مطابق ہیں.

371
00:22:47,860 --> 00:22:53,320
ہم نے اس تقریب میں گزر رہے ہیں تو، ہم یہیں پر کوڈ کی اس لائن کاپی کر سکتے ہیں،

372
00:22:53,320 --> 00:22:55,450
اور یہ کہ بالکل وہی کام کریں گے.

373
00:22:55,450 --> 00:22:57,290
اور اب ہم اس بے ترتیب fadeTheBox تقریب نہیں ہے

374
00:22:57,290 --> 00:22:59,960
کہ کوئی ظاہر وجہ کے لئے کے ارد گرد بیٹھی ہے.

375
00:22:59,960 --> 00:23:02,070
تقریب گمنام بیان کیا گیا تھا، یہ ایک نام نہیں ہے.

376
00:23:02,070 --> 00:23:08,060
ہم باکس کے بٹن پر کلک کریں جب یہ صرف عملدرآمد کیا جائے گا.

377
00:23:08,060 --> 00:23:12,180
تو تازہ کاری کر ایک بار پھر، ایک بار، اور آپ کو یہ اب بھی کام کرتا ہے دیکھ سکتے ہیں.

378
00:23:12,180 --> 00:23:16,700
اور یہ کہ آپ واقعات کو پیدا کرتا ہے.

379
00:23:16,700 --> 00:23:19,190
>> ہم استعمال کر سکتے ہیں کہ مختلف واقعات کی ایک بہت ہیں.

380
00:23:19,190 --> 00:23:23,540
میں نے ابھی کس طرح ان کا کام آپ کو ظاہر کرنے کے لئے کنسول استعمال کرتے ہوئے کرنے کے لئے واپس سوئچ کرنے کے لئے جا رہا ہوں.

381
00:23:23,540 --> 00:23:28,210
ان میں سے ہر ایک کے لئے شناخت ہر باکس کے مطابق ہیں.

382
00:23:28,210 --> 00:23:33,020
اس باکس پر کلک کریں ID ہے تو، یہ ایک کلید کی شناخت ہے، اور یہ ایک ماؤس ID ہے.

383
00:23:33,020 --> 00:23:36,120
بجائے ہر وقت اسے باہر ٹائپ، ایک بات اور اس عمل کی تقریب کہ وہاں ہے

384
00:23:36,120 --> 00:23:41,610
میں واقعی میں آگے چلے گئے اور یہاں اس فعل کی تقریب نیچے بیان کیا.

385
00:23:41,610 --> 00:23:46,860
یہ hideTheBox تقریب کے طور پر ایک ہی بات کرتا ہے.

386
00:23:46,860 --> 00:23:51,340
یہ باکس اور fades اسے باہر یا اندر fades یا تو یہ ہو جاتا ہے

387
00:23:51,340 --> 00:23:54,110
ہم یہاں اس کا استعمال کرنے کے قابل ہو اور اس وجہ سے ہے.

388
00:23:54,110 --> 00:24:00,350
ہم اس پر کلک کریں ID پر کلک کریں تو، ہم باکس غائب یا ظاہر کرنے کے لئے چاہتے ہیں.

389
00:24:00,350 --> 00:24:03,610
یہ ہم نے گزشتہ سلائڈ میں تھا کہ بٹن طور پر ایک ہی بات ہے.

390
00:24:03,610 --> 00:24:07,450
ہم اس فون اب کے بعد، ہم اس پر کلک کریں کر سکتے ہیں اور باکس غائب ہو جائے گا

391
00:24:07,450 --> 00:24:10,160
پھر اس پر کلک کریں اور باکس دوبارہ کرے گا.

392
00:24:10,160 --> 00:24:12,480
یہ بہت آسان ہے. ڈبل کلک کریں، ایک ہی بات کرتا ہے

393
00:24:12,480 --> 00:24:15,660
سوائے یہ ایک ڈبل کلک کریں کی ضرورت ہے.

394
00:24:15,660 --> 00:24:19,030
تم نے ایک بار اس پر کلک کریں اور دوبارہ اس پر کلک کریں تو کچھ بھی نہیں، ہو گا

395
00:24:19,030 --> 00:24:21,140
لیکن آپ کو فوری طور پر ڈبل کلک کریں تو یہ غائب ہو جائیں گے.

396
00:24:21,140 --> 00:24:23,310
آپ ڈبل دوبارہ کلک کریں، تو یہ واپس آئے گا.

397
00:24:23,310 --> 00:24:25,250
تو یہ بہت آسان ہے.

398
00:24:25,250 --> 00:24:31,170
کی بورڈ شارٹ پٹ عجیب قسم کا ہے، میں یہ اصل میں اس مثال میں کام نہیں لگتا

399
00:24:31,170 --> 00:24:37,670
کی وجہ سے نیچے کی کلید، کلیدی اپ اور اہم پریس اور دیگر اہم افعال

400
00:24:37,670 --> 00:24:47,190
یہ آپ کو پابند کیا عنصر سے کوئی فرق نہیں چالو کرنے کے.

401
00:24:47,190 --> 00:24:51,410
مثال کے طور پر، میں جسم یا مکمل طور پر کچھ کرنے کے لئے نیچے اہم پابند، یہاں تک کہ اگر

402
00:24:51,410 --> 00:24:55,950
تو یہ اب بھی کوئی فرق نہیں پڑتا چالو کرے گا - یہ مخصوص نہیں ہے.

403
00:24:55,950 --> 00:25:00,190
میں اس پر کلک کرنا پڑتا ہے اور کچھ غائب کرنے کے لئے ایک بٹن کو دبائیں نہیں ہے.

404
00:25:00,190 --> 00:25:04,470
اس سے قطع نظر اس وقت میں اندر ہوں کیا عنصر کے چالو کیا جائے گا

405
00:25:04,470 --> 00:25:06,880
تو یہ اصل میں اس مثال میں کام نہیں کرتے

406
00:25:06,880 --> 00:25:13,180
کیونکہ یہ کی بورڈ ان پٹ div میں ان پٹ میں داخل ہونے کے طور پر مجھے پہچانا نہیں ہے.

407
00:25:13,180 --> 00:25:15,740
>> لیکن آپ کو ماؤس کے اعمال کو دیکھو تو،

408
00:25:15,740 --> 00:25:19,620
سب سے پہلے ایک ہوور ہے، اور یہ سی ایس ایس کا استعمال کرتے ہوئے اس میں سے کچھ کر سکتے ہیں.

409
00:25:19,620 --> 00:25:24,280
اگر آپ سی ایس ایس استعمال کرتے ہیں تو آپ کو کچھ زائد ہوور، تو آپ کو، تاکہ وہ تشکیل دے سکتے ہیں

410
00:25:24,280 --> 00:25:28,940
پھر اس سٹائل تبدیلیاں.

411
00:25:28,940 --> 00:25:32,170
لیکن jQuery کا استعمال کرتے ہوئے آپ کے ساتھ ساتھ دیگر چیزوں کے سٹائل تبدیل کر سکتے ہیں.

412
00:25:32,170 --> 00:25:37,120
لہذا مثال کے طور پر، ہم اس سے زیادہ div ہوور اگر کارروائی کو فون کرنے جا رہے ہیں.

413
00:25:37,120 --> 00:25:39,660
اسی وجہ سے ہم اس پر ہوور، تو باکس غائب ہو جائے گا کا مطلب ہے.

414
00:25:39,660 --> 00:25:42,430
ہم اس سے دور منتقل، تو باکس دوبارہ کرے گا.

415
00:25:42,430 --> 00:25:45,090
ہم اس کو فون کریں اور اس پر ہوور، تو باکس، غائب ہے

416
00:25:45,090 --> 00:25:47,050
اور جیسے ہی ہمیں دور منتقل کے طور پر، وہ واپس آتا ہے.

417
00:25:47,050 --> 00:25:49,750
ہم ماؤس ID پر اس ہور تقریب فون ہے تو،

418
00:25:49,750 --> 00:25:54,380
ہم باکس کے اوپر ہوور تو جو اس کے بعد، اس باکس سے میل،

419
00:25:54,380 --> 00:26:00,440
پھر باکس واقعی غائب ہو جائے گا - یہ ابھی funky کیا جا رہا ہے، لیکن ہے -

420
00:26:00,440 --> 00:26:06,310
ہم اس سے دور منتقل، تو یہ دوبارہ کیا جائے گا. ابھی کسی وجہ سے پیچھے کی طرف ہے.

421
00:26:06,310 --> 00:26:12,720
ماؤس درج کریں اور ماؤس اقدام کسی حد تک اسی طرح کام کرتا ہے، لیکن تھوڑا سا مختلف ہیں.

422
00:26:12,720 --> 00:26:16,470
ماؤس ماؤس کے طور پر توقع باکس، میں داخل ہوتا ہے جب صرف متحرک درج کریں.

423
00:26:16,470 --> 00:26:19,210
تم اس میں منتقل ہو جائے تو یہ غائب ہو جائیں گے.

424
00:26:19,210 --> 00:26:23,210
آپ دور منتقل جب لیکن یہ دوبارہ نہیں کریں گے، تم واپس آنا اس کے لئے اس پر واپس منتقل کرنے کے لئے پڑے گا.

425
00:26:23,210 --> 00:26:25,590
چالو ہو جائے گا جس ماؤس اقدام تقریب، بھی ہے

426
00:26:25,590 --> 00:26:29,300
ماؤس کے خانے میں بھی موجود ہے جب بھی.

427
00:26:29,300 --> 00:26:32,430
تو یہ صرف اندر اور باہر دھندلاہٹ، جا پر رکھیں گے.

428
00:26:32,430 --> 00:26:35,660
اور یہ اصل میں لاگ ان ہے - یہ باہر یہ صرف میں دھندلاہٹ ہے جیسا لگتا ہے اور،

429
00:26:35,660 --> 00:26:39,140
لیکن یہ اصل میں، اس سے بہت زیادہ اعمال کندےبانی کی ہے

430
00:26:39,140 --> 00:26:43,550
لہذا آپ کو دور منتقل جب یہ صرف یہ ان میں سے ایک ہزار کی طرح کا ہے کیونکہ جا رہیں گے.

431
00:26:43,550 --> 00:26:46,620
شاید نہیں ایک ہزار. شاید پانچ.

432
00:26:46,620 --> 00:26:50,200
اس سے کہیں زیادہ نوشتہ.

433
00:26:50,200 --> 00:26:53,280
نقطہ، تمام ماؤس کے اعمال ہے، ان میں سے ایک بہت ہیں.

434
00:26:53,280 --> 00:26:55,480
، آپ کو دوسرے لوگوں کے پر اپ پڑھ سکتے ہیں، لیکن وہ سب تھوڑا سا مختلف ہیں

435
00:26:55,480 --> 00:26:57,700
آپ کو ضرورت ہے جو بھی ایک ہے اور آپ کو منتخب کر سکتے ہیں

436
00:26:57,700 --> 00:27:02,130
مخصوص جو بھی مقصد کے لئے آپ کو کرنے کی کوشش کر رہے ہیں.

437
00:27:02,130 --> 00:27:05,060
>> میں نے کے بارے میں بات کرنے جا رہا ہوں اگلے چیز AJAX ہے.

438
00:27:05,060 --> 00:27:09,340
AJAX، میں، ہم اس سال زیادہ سے زیادہ گہرائی کے طور پر میں جاوا اسکرپٹ کا احاطہ نہیں کیا تھا معلوم

439
00:27:09,340 --> 00:27:11,770
تو میں صرف ایک منٹ کے لئے عام طور پر AJAX بارے میں بات کرنے جا رہا ہوں.

440
00:27:11,770 --> 00:27:15,210
AJAX جاوا اسکرپٹ غیر ہم آہنگ اور XML کے لئے کھڑا ہے.

441
00:27:15,210 --> 00:27:19,030
یہ بنیادی طور پر، مثال کے طور پر، آپ کو فیس بک پر ہیں اور جب یہ، آپ کو ایک نوٹیفکیشن pushes ہے

442
00:27:19,030 --> 00:27:23,060
AJAX آپ کے ویب براؤزر پر چل رہا ہے اس کی وجہ سے ہے.

443
00:27:23,060 --> 00:27:25,800
آپ کے ویب براؤزر اصل میں ہے سیکنڈ کے ہر جوڑے

444
00:27:25,800 --> 00:27:29,420
ان سے پوچھ، فیس بک کے سرور پر جا، آپ میرے لئے کچھ نیا ہے

445
00:27:29,420 --> 00:27:31,980
اور پھر یہ آپ کے پاس واپس آتا ہے.

446
00:27:31,980 --> 00:27:36,320
یہ آپ کو ایک سرور کی درخواستوں کو بھیجنے کے لئے اجازت دیتا ہے

447
00:27:36,320 --> 00:27:38,660
اصل صفحہ لوڈ کرنے کے لئے بغیر.

448
00:27:38,660 --> 00:27:42,040
تو عام طور پر، آپ کو صرف پی ایچ پی اور ایک ڈیٹا بیس استعمال کررہے ہیں تو،

449
00:27:42,040 --> 00:27:45,480
آپ کو سرور سے نئی معلومات حاصل کر سکتے ہیں اس سے پہلے کہ آپ صفحے کو ریفریش کرنا ہوگا.

450
00:27:45,480 --> 00:27:48,770
لیکن AJAX کا استعمال کرتے ہوئے، آپ کو مسلسل اس نئی معلومات کے لئے ھیںچو کر سکتے ہیں

451
00:27:48,770 --> 00:27:52,250
آپ کو ایک بٹن یا اس طرح کچھ بھی کلک کرنے یا اس کے لئے ھیںچو.

452
00:27:52,250 --> 00:27:56,140
ہم سے صفحے کو دوبارہ لوڈ کے بغیر درخواستوں کو بھیجنے کے لئے اجازت دیتا ہے یہ تو

453
00:27:56,140 --> 00:27:58,130
اور ہم حاصل کریں یا درخواستوں کو پوسٹ کریں یا تو استعمال کر سکتے ہیں.

454
00:27:58,130 --> 00:28:05,370
>> درخواستوں آپ کو اگر Google.com پر، مثال کے طور پر حاصل ہوتے ہیں

455
00:28:05,370 --> 00:28:10,900
اور ق = ٹیسٹ کرتے ہیں. کہ ان کے ایک سوال کے ٹیسٹ دے رہی ہے.

456
00:28:10,900 --> 00:28:15,890
اس یو آر ایل کو خود میں ان پیرامیٹرز میں گزر رہا ہے کیونکہ اور یہ کہ ایک حاصل کرنے کی درخواست ہے.

457
00:28:15,890 --> 00:28:19,250
آپ پیغام کے ذریعے انہیں بھیج رہے ہیں کے طور پر اگر ایک پوسٹ کی درخواست ہے.

458
00:28:19,250 --> 00:28:22,500
آپ کو ایک خط میں ڈال دیا اور ان کے لئے یہ جہاز کی طرح یہ ہے

459
00:28:22,500 --> 00:28:25,140
لیکن وہ اصل میں مواد نہیں دیکھتے. وہ یو آر ایل میں نظر نہیں آرہی ہیں.

460
00:28:25,140 --> 00:28:31,040
آپ کو براہ راست میں ٹائپ نہیں کر سکتے ہیں، آپ کو تقریبا چپکے یہ بھیجنا ہے.

461
00:28:31,040 --> 00:28:33,880
یہ ایک پوسٹ میں ہے.

462
00:28:33,880 --> 00:28:38,660
لیکن jQuery کا استعمال کرتے ہوئے، آپ کو ملتا ہے اور درخواستوں کو پوسٹ کر سکتے ہیں

463
00:28:38,660 --> 00:28:42,740
بہت زیادہ آسانی سے آپ عام طور پر صرف سادہ جاوا اسکرپٹ کا استعمال کرتے ہوئے کر سکتے ہیں کے مقابلے میں.

464
00:28:42,740 --> 00:28:50,140
آپ کی درخواستوں کو حاصل کریں کا استعمال کرتے ہوئے APIs کا سوال کر سکتے ہیں، اور آپ کو بھی لاگ ان معلومات کے لئے چیک کر سکتے ہیں.

465
00:28:50,140 --> 00:28:54,400
اگلے صفحے پر، میں نے جو "دوپہر کے کھانے کے لئے ہے کیا؟"، پوچھتا ہے، یہ پیدا کیا

466
00:28:54,400 --> 00:28:58,230
ہارورڈ خوراک API کا استعمال کرتے ہوئے، اس لیے کی کہ ھیںچو ہیں.

467
00:28:58,230 --> 00:29:01,840
اس سے آپ کو ایک API کے لئے ایک حاصل کرنے کی درخواست کرنے کے لئے jQuery استعمال کر سکتے ہیں کہ کس طرح کی صرف ایک مثال ہے

468
00:29:01,840 --> 00:29:04,200
اور اس سے واپس معلومات حاصل.

469
00:29:04,200 --> 00:29:07,090
تو ہم، آج کے لئے مینو میں دیکھنا چاہتے ہیں

470
00:29:07,090 --> 00:29:10,560
اور ہم دوپہر کے کھانے کے لئے کیا دیکھنا چاہتے ہیں.

471
00:29:10,560 --> 00:29:16,500
یہاں jQuery میں حاصل کرنے کی درخواست پیدا کرنے کے لئے یو آر ایل ہے.

472
00:29:16,500 --> 00:29:18,600
آپ کو $ استعمال کرتے ہیں. تقریب ملتا ہے.

473
00:29:18,600 --> 00:29:22,290
پہلی دلیل آپ querying کر رہے ہیں تو بالکل وہی جو، یو آر ایل ہے.

474
00:29:22,290 --> 00:29:27,200
اس کے بعد اگلے دلیل حاصل کی درخواست مکمل ہو گیا ہے جب executes ہے کہ ایک تقریب ہے.

475
00:29:27,200 --> 00:29:29,980
تو کیا تم، سرور سے کچھ درخواست بھیج اسے واپس آنے کا انتظار کرو.

476
00:29:29,980 --> 00:29:33,770
اسے واپس آتی ہے تو، آپ سرور سے واپس آ گیا ہے کہ اعداد و شمار کے ساتھ کچھ کارروائی کرنے جا رہے ہیں.

477
00:29:33,770 --> 00:29:37,520
کی آگے بڑھو اور اس کے ساتھ ساتھ کوڈ ہیں.

478
00:29:37,520 --> 00:29:42,110
میں نے جان بوجھ کر، یا تو اس کوڈ کو نہیں دیا.

479
00:29:42,110 --> 00:29:46,660
یہاں TODO ہے. سب سے پہلے، کی تقریب کا استعمال کرتے ہیں بائنڈنگ دو

480
00:29:46,660 --> 00:29:50,820
اس بٹن دبایا جاتا ہے، ہم ایک حاصل کرنے کی درخواست سے دور بھیج تاکہ.

481
00:29:50,820 --> 00:29:53,410
اور یہ کہ بعض اعداد و شمار کے ساتھ درخواست کی واپسی حاصل کریں، جب

482
00:29:53,410 --> 00:29:57,290
ہم اس کھانے معلومات ID div میں لکھنے کے لئے جا رہے ہیں.

483
00:29:57,290 --> 00:30:02,860
سب سے پہلے، کی خوراک بٹن ID کو منتخب کرتے ہیں.

484
00:30:02,860 --> 00:30:07,320
اسے کلک کیا ہے، تو ہم اس کو کچھ کرنا چاہتے ہیں.

485
00:30:07,320 --> 00:30:11,930
چلو ذرا پہلے کے طور پر، یہ ایک گمنام fuction بناتے ہیں.

486
00:30:11,930 --> 00:30:15,550
ان گھوبگھرالی منحنی خطوط وحدانی لپیٹ کر سکتے ہیں،

487
00:30:15,550 --> 00:30:18,530
اور اس بٹن دبایا جاتا ہے، ہم ایک حاصل کرنے کی درخواست بھیجنا چاہتے ہیں

488
00:30:18,530 --> 00:30:20,750
دوپہر کے کھانے کے لئے کیا ہے دیکھنے کے لیے.

489
00:30:20,750 --> 00:30:24,970
ایسا کرنے کے لئے، ہم صرف $ میں ٹائپ کر سکتے ہیں. ملتا ہے.

490
00:30:24,970 --> 00:30:28,850
یہ ڈالر کا نشان کا استعمال کرتے ہوئے، ایک jQuery دالہ ہے.

491
00:30:28,850 --> 00:30:31,430
یہ دلائل کے ایک جوڑے سے لیتا ہے. سب سے پہلے، یو آر ایل ہے

492
00:30:31,430 --> 00:30:34,450
دوسری کال بیک تقریب، کہا جاتا ہے کہ دالہ ہے

493
00:30:34,450 --> 00:30:37,740
یہ درخواست ہے کہ اصل میں واپس جب.

494
00:30:37,740 --> 00:30:39,890
کی صرف پہلے یو آر ایل کی تعمیر کرتے ہیں.

495
00:30:39,890 --> 00:30:44,650
ہم نے داؤد کو لکھا ہے API کی طرف سے یہ حاصل کر سکتے ہیں.

496
00:30:44,650 --> 00:30:51,360
یہاں جا رہے ہیں، ہم یہ food.cs50.net/api/1.3/menus ہے دیکھ سکتے ہیں

497
00:30:51,360 --> 00:30:54,140
اور پھر آپ کو صرف آپ کو پسند کرے گا کہ پیرامیٹرز کے ناموں میں منتقل.

498
00:30:54,140 --> 00:30:57,760
تو پیرامیٹر قیمت 1 1 ہے.

499
00:30:57,760 --> 00:31:00,910
یہ معیاری تاریخ کی طرح لگتا ہے، آج کی تاریخ، ڈیفالٹس شروع

500
00:31:00,910 --> 00:31:03,110
تم نے کچھ اور بھی ختم ہونے کی تاریخ ڈیفالٹس میں داخل نہیں ہے تو

501
00:31:03,910 --> 00:31:05,930
آج آپ کو کچھ داخل نہ ہو تو.

502
00:31:05,930 --> 00:31:10,790
اس لئے ہم چاہتے ہیں. ہم صرف آج کے لئے معلومات حاصل کرنا چاہتے ہیں.

503
00:31:10,790 --> 00:31:12,950
>> ہم شکل JSON میں بننا چاہتا ہوں.

504
00:31:12,950 --> 00:31:15,570
یہ صرف صوابدیدی ہے، تم جو آپ چاہتے ہیں کسی بھی شکل استعمال کر سکتے ہیں.

505
00:31:15,570 --> 00:31:18,950
آپ CSV استعمال کر سکتے ہیں، لیکن JSON جاوا اسکرپٹ آبجیکٹ سنکیتن ہے.

506
00:31:18,950 --> 00:31:24,150
جاوا سکرپٹ اس کا مطلب سمجھنے کے لئے یہ بہت آسان ہے

507
00:31:24,150 --> 00:31:27,110
اور ہم زیادہ آسانی سے اس طرح اسے باہر پرنٹ کر سکتے ہیں.

508
00:31:27,110 --> 00:31:30,490
تو کی JSON میں درخواست دو، اور لشکر طیبہ کی درخواست دوپہر کے کھانے کے.

509
00:31:30,490 --> 00:31:37,660
= دوپہر کا کھانا کھانے کے تو. بس کہ یو آر ایل کو لکھنے کے لئے، ہم یہاں واپس جانا.

510
00:31:37,660 --> 00:31:41,290
ڈاؤن مینو میں ہے. پہلا پیرامیٹر پیداوار = JSON ہے

511
00:31:41,290 --> 00:31:44,640
اس وجہ سے ہے کہ ہم کیا چاہتے ہیں، اور آپ کو ایک ساتھ پیرامیٹرز الگ 'اور.'

512
00:31:44,640 --> 00:31:48,940
دوسرا پیرامیٹر ہے - مجھے یاد نہیں ہے.

513
00:31:48,940 --> 00:31:52,170
کھانا. اور ہم کھانے = دوپہر کا کھانا چاہتے ہیں.

514
00:31:52,170 --> 00:31:57,390
آپ کو اپنے براؤزر میں ٹائپ اور اس سے جا کر اس یو آر ایل کی جانچ کر سکتے ہیں.

515
00:31:57,390 --> 00:32:03,120
یہ آپ کو کچھ پیداوار دے گا. یہ صرف دوپہر کے کھانے کے لئے ہے کہ سامان کا ایک گروپ ہے.

516
00:32:03,120 --> 00:32:10,410
یہ اس بدسورت کی شکل میں ہے. ہم نے ایک بہتر شکل میں ہمارے صفحہ پر یہ پرنٹ کرنے کے لئے چاہتے ہیں.

517
00:32:10,410 --> 00:32:12,580
URL درست ہے تو، اب ہم صرف ایک تقریب لکھنے کے لئے کی ضرورت ہے

518
00:32:12,580 --> 00:32:18,300
درخواست کامیاب ہے جب واپس کال کرنے.

519
00:32:18,300 --> 00:32:20,430
یہ تقریب دراصل ایک دلیل لے جائے گا. یہ اعداد و شمار ہو گا.

520
00:32:20,430 --> 00:32:25,650
اعداد و شمار حاصل کرنے کی درخواست پر کیا جاتا ہے کے بعد حاصل کرنے کی درخواست سے واپس آتا ہے.

521
00:32:25,650 --> 00:32:28,860
ہم گھوبگھرالی منحنی خطوط وحدانی کر سکتے ہیں، یہاں ہم نے نام ظاہر نہ کرنے کی تقریب میں لکھنا

522
00:32:28,860 --> 00:32:33,900
کہ ہم واپس معلومات حاصل جب کہ اعداد و شمار کا استعمال کرتے ہوئے، executes.

523
00:32:33,900 --> 00:32:37,840
اعداد و شمار تو، ہم اس یو آر ایل میں ٹائپ کرتے وقت،

524
00:32:37,840 --> 00:32:41,540
یہ اعداد و شمار کی طرح دیکھ بھال کے لئے کیا ہو رہا ہے. یہ بہت بڑا سٹرنگ ہونے جا رہا ہے.

525
00:32:41,540 --> 00:32:48,610
لیکن اچھی بات یہ ہے ہے، جاوا سکرپٹ JSON.parse تقریب کا استعمال کرتے ہوئے کی طرف سے اس کا تجزیہ کر سکتے ہیں.

526
00:32:48,610 --> 00:32:54,950
تو کی توڑتے ڈیٹا نامی ایک نئی متغیر بنانے کے ہیں.

527
00:32:54,950 --> 00:32:57,060
اور توڑتے اعداد و شمار اشیاء کی ایک سرنی ہے.

528
00:32:57,060 --> 00:33:04,200
ہر شئی کی طرح کے طور پر معلومات پر مشتمل ہے - اچھا، چلو ایک نظر ڈالیں ہیں.

529
00:33:04,200 --> 00:33:08,980
یہ ایک تاریخ، کھانا، زمرہ، ہدایت، یہ سب دوسری چیزیں ہیں.

530
00:33:08,980 --> 00:33:10,860
تو بس ہر ایک کا نام باہر پرنٹ ہیں.

531
00:33:10,860 --> 00:33:13,790
ہم اس سے واپس حاصل ہے کہ سامان کی ساری سرنی سے زیادہ iterate کرتے ہیں،

532
00:33:13,790 --> 00:33:17,570
اور صرف ہر ایک باہر پرنٹ - ہر ایک کے نام پر باہر پرنٹ.

533
00:33:17,570 --> 00:33:22,670
یہ لوپ کے لئے ایک ہے.

534
00:33:22,670 --> 00:33:26,030
>> جاوا سکرپٹ، آپ کو ایک سرنی پر ایک متغیر اور لوپ تشکیل دے سکتے ہیں جہاں اس کے مددگار نحو ہے

535
00:33:26,030 --> 00:33:30,150
اور متغیر میں، اس کے بجائے متغیر میں = 0 کرنا ہونے کی تو، صرف iterator ہے

536
00:33:30,150 --> 00:33:40,290
میں کی لمبائی سے بھی کم تھا، میں + +، آپ کو صرف تصریف اعداد و شمار میں میں متغیر کر سکتے ہیں.

537
00:33:40,290 --> 00:33:47,060
اس مثال میں، اعداد و شمار کے تجزیہ (I) موجودہ عنصر کے مطابق کرے گا

538
00:33:47,060 --> 00:33:49,850
سرنی کی، اصل اعتراض.

539
00:33:49,850 --> 00:33:51,720
اور ہم اس کے نام پر باہر نکلنا چاہتا ہوں.

540
00:33:51,720 --> 00:33:54,170
تو صرف نام کرتے ہیں.

541
00:33:54,170 --> 00:33:57,000
اور آخری بات یہ ہے، ہم پھر کچھ jQuery ہے جا رہے ہے.

542
00:33:57,000 --> 00:34:02,660
اصل میں div، فی الحال خالی ہے کہ اس کے کھانے کی معلومات div میں شامل کریں.

543
00:34:02,660 --> 00:34:05,430
تو کی ہے کہ منتخب ہیں.

544
00:34:05,430 --> 00:34:13,870
ہم jQuery اور منتخب کھانا معلومات div ID، یا کھانے کی معلومات آئی ڈی استعمال کریں گے، معاف کرنا.

545
00:34:13,870 --> 00:34:16,580
ہم اس پر شامل کرنا چاہتے ہیں.

546
00:34:16,580 --> 00:34:21,030
ہم نے ٹیسٹ کیا ہے تو، مثال کے طور پر، یہ صرف یہ ہر وقت ادلیکھت گا.

547
00:34:21,030 --> 00:34:29,190
تو ہم نے صرف یہ شامل کر سکتے ہیں.

548
00:34:29,190 --> 00:34:31,889
سرنی میں موجودہ عنصر، ہم، اس کا نام لے کر آتا ہوں

549
00:34:31,889 --> 00:34:38,159
اور ہم کھانے معلومات ID div کے اختتام پر یہ شامل کریں گے.

550
00:34:38,159 --> 00:34:40,120
اور پھر، اسے صاف ستھرا نظر آئے بنانے کے لئے

551
00:34:40,120 --> 00:34:51,550
یہ ایک لائن پر تمام نہیں ہے لہذا ہم ایک لائن بریک شامل کریں گے.

552
00:34:51,550 --> 00:34:55,280
سب کچھ ٹھیک ہو جاتا ہے تو اس کے لئے اچھا ہونا چاہیئے -

553
00:34:55,280 --> 00:34:57,220
سب سے پہلے، اس بٹن کو کلک کیا جاتا ہے جب بھی،

554
00:34:57,220 --> 00:35:00,070
اس یو آر ایل کو ایک حاصل کرنے کی درخواست سے دور بھیج دیا جائے گا.

555
00:35:00,070 --> 00:35:02,500
اعداد و شمار اس سے واپس آتا ہے تو اسے، اس کا تجزیہ کریں گے

556
00:35:02,500 --> 00:35:06,950
JSON، کہ اعداد و شمار کی نمائندگی پورے سرنی سے زائد لوپ، میں تبدیل

557
00:35:06,950 --> 00:35:10,310
اور پھر اس کا نام اور ایک لائن بریک شامل

558
00:35:10,310 --> 00:35:16,500
پہلے خالی تھا جو اس کے کھانے کی معلومات کے ID میں ہر لائن.

559
00:35:16,500 --> 00:35:18,910
تو اس صفحے پر واپس جا رہا، ہم کو تازہ کریں گے،

560
00:35:18,910 --> 00:35:23,690
پر کلک کریں، باہر تلاش ہے - یہ کام نہیں کرتا. یہ بدقسمتی کی بات ہے.

561
00:35:23,690 --> 00:35:25,830
ٹھیک اندر آتا ہے اور کہاں ہے

562
00:35:25,830 --> 00:35:30,070
Index.html، لائن 1.

563
00:35:30,070 --> 00:35:57,210
یہ دلچسپ ہے.

564
00:35:57,210 --> 00:35:59,720
ٹھیک ہے، ٹھیک ہے، یہ کر وقت گزارنے کی بجائے، میں صرف کرنے کے لئے جا رہا ہوں

565
00:35:59,720 --> 00:36:07,070
میں ہے کہ کیا فائل ھیںچو، جس میں مکمل ورژن ہے.

566
00:36:07,070 --> 00:36:13,710
میں کیا فرق ہے یقین نہیں ہے، لیکن ہم صرف اس کی بجائے اس کو کھول سکتے ہیں.

567
00:36:13,710 --> 00:36:19,740
اور ہم AJAX کے پاس جاؤ، اور یہ درست طریقے سے کام کرنا چاہئے.

568
00:36:19,740 --> 00:36:21,730
یہی وجہ ہے کہ آج دوپہر کے کھانے کے لئے کیا ہے

569
00:36:21,730 --> 00:36:24,870
کسی خاص ترتیب میں، اس کے ارد گرد کی قیمت درج کرنے کے ساتھ ہے، تو یہ سب سے خوبصورت نہیں ہے.

570
00:36:24,870 --> 00:36:27,090
لیکن، واضح طور پر، آپ کو ایک حتمی منصوبے کے لئے یہ کر رہے تھے، اگر

571
00:36:27,090 --> 00:36:30,120
تم اسے بہتر نظر پڑے گا.

572
00:36:30,120 --> 00:36:32,530
لیکن یہ آپ کو ملتا ہے کی درخواست کرتے ہیں کہ کس طرح صرف ایک سادہ مثال ہے.

573
00:36:32,530 --> 00:36:34,580
ہم اصل کوڈ پر نظر ڈالیں، تو میں اندازہ لگا رہا ہوں، مجھے یقین ہے

574
00:36:34,580 --> 00:36:39,690
یہ اب بھی کافی زیادہ ایک ہی ہے.

575
00:36:39,690 --> 00:37:04,990
اوہ، میں نے ایک سٹرنگ پر بھی اسے تبدیل کرنے کے لئے بھول گیا تھا، یہ بات ہے.

576
00:37:04,990 --> 00:37:07,920
نہیں، یہ اب بھی کام نہیں کر رہا ہے. سے قطع نظر، یہاں اصل مکمل کوڈ ہے

577
00:37:07,920 --> 00:37:10,300
اس طرح نظر آنا چاہئے اس کے لئے،

578
00:37:10,300 --> 00:37:16,400
اور اس میں صرف عملدرآمد کیا کے طور پر ایک ہی بات کرتا ہے.

579
00:37:16,400 --> 00:37:22,760
آپ کو بٹن پر کلک کریں، تو یہ خود کار طریقے سے اعداد و شمار کا تجزیہ کرنے کے لئے حاصل JSON استعمال کرتا ہے.

580
00:37:22,760 --> 00:37:29,190
یہ اعداد و شمار سے واپس لیتا ہے اور پوری سرنی کے ذریعے loops

581
00:37:29,190 --> 00:37:32,770
اور باہر پرنٹس - دوپہر کے کھانے کے لئے آج جو کچھ بھی ہے، اس کا نام،

582
00:37:32,770 --> 00:37:38,020
اور ہر سطر کے بعد ایک لائن بریک appends.

583
00:37:38,020 --> 00:37:41,100
کہ آپ کو ملتا تقریب کا استعمال کرتے ہیں کس طرح ہے.

584
00:37:41,100 --> 00:37:44,040
>> تم نے بھی مجھے وقت نہیں ملا جس کے بعد استعمال کر سکتے ہیں

585
00:37:44,040 --> 00:37:47,940
اس کے لئے ایک مثال کے طور پر اپ کو لکھنے کے لئے، لیکن ہم دستاویزات میں دیکھ سکتے ہیں.

586
00:37:47,940 --> 00:37:53,220
آپ jquery.post پر نظر ڈالیں تو

587
00:37:53,220 --> 00:37:55,510
تم اس کے تقریبا ایک ہی چیز ہے کہ دیکھ سکتے ہیں.

588
00:37:55,510 --> 00:38:01,650
آپ ایک یو آر ایل ہے، بلکہ اس کی بجائے استعمال کرتے ہوئے پیرامیٹرز گزرنے کے -

589
00:38:01,650 --> 00:38:03,990
صرف یو آر ایل ہی کے لئے سٹرنگ میں ڈال

590
00:38:03,990 --> 00:38:06,300
اگر آپ کو یہ اعداد و شمار کے متغیر میں منتقل کرنے کی ہے

591
00:38:06,300 --> 00:38:11,990
کہ ایک ڈکشنری، بنیادی طور پر ایک سرنی ہے کہ اقدار کے نقشے پیرامیٹرز.

592
00:38:11,990 --> 00:38:17,690
تم نے اس کے پاس، اور یہ کہ ایک پوسٹ کا استعمال کرتے ہوئے میں ان کے بھیجتا ہے.

593
00:38:17,690 --> 00:38:20,790
اور ایک بار تم، تو آپ کو کامیاب تقریب ہو سکتا ہے کہ ہے

594
00:38:20,790 --> 00:38:23,930
ڈیٹا واپس آتا ہے کہ جب executes.

595
00:38:23,930 --> 00:38:26,430
دوسری صورت میں، یہ بالکل ایسا ہی ہے. تو ای میل کا استعمال کرتے ہوئے،

596
00:38:26,430 --> 00:38:29,970
آپ کو ایک ان پٹ کے فارم ہے اگر آپ مثال کے طور پر، پوسٹ استعمال کرنا چاہتے ہیں کر سکتے ہیں

597
00:38:29,970 --> 00:38:35,780
آپ اس میں لوگوں کو ان پٹ پاس ورڈ کو دو، اور ان لوگوں کے پاس ورڈ کو ودا

598
00:38:35,780 --> 00:38:41,850
اپنی پیٹھ کے آخر میں سکرپٹ کرنے کے لئے، اس صارف درست ہے یا نہیں ڈیٹا بیس میں چیک کرنے کے لئے.

599
00:38:41,850 --> 00:38:46,700
آپ کر سکتے ہیں کہ تمام jQuery کا استعمال کرتے ہوئے کی بجائے بالکل صفحے کی تازہ کاری کرنے کے لئے.

600
00:38:46,700 --> 00:38:52,160
لہذا میں نے میں نے پہلے تمہیں دکھایا ہے کہ بلاگ میں لاگو کیا طریقہ یہ ہے.

601
00:38:52,160 --> 00:38:59,530
ہم آخر پورٹل پر جائیں اور لاگ آؤٹ، تو لاگ آؤٹ

602
00:38:59,530 --> 00:39:02,600
کام نہیں کرتا ہے لاگ آؤٹ.

603
00:39:02,600 --> 00:39:13,360
ٹھیک ہے، مجھے صرف ایک نئی ونڈو میں اسے کھولو ہیں.

604
00:39:13,360 --> 00:39:16,580
یہاں وہاں ایک پاس ورڈ ہے، اور میں کچھ بے ترتیب میں ٹائپ کرنے کے لئے جا رہا تھا.

605
00:39:16,580 --> 00:39:18,590
یہ کام نہیں کرتا، لیکن آپ کو ہم نے نہیں کیا وہ دیکھ سکتا ہوں

606
00:39:18,590 --> 00:39:20,840
اصل میں بالکل صفحے کو ریفریش کرنا ہوگا.

607
00:39:20,840 --> 00:39:24,610
کوڈ، تم اس کو دیکھنے کے لئے چاہتے ہیں،

608
00:39:24,610 --> 00:39:37,460
یہاں میں تمام دستیاب ہے.

609
00:39:37,460 --> 00:39:45,680
کوڈ تو میں کچھ دیر کے گزشتہ سال لکھا.

610
00:39:45,680 --> 00:39:47,790
اگر آپ یہاں دیکھ سکتے ہیں، ہم نے ایک پوسٹ کی درخواست بھیج رہے ہیں.

611
00:39:47,790 --> 00:39:50,400
میں واپس آخر میں login.php نامی ایک فائل ہے

612
00:39:50,400 --> 00:39:53,860
پاس ورڈ درست ہے تو جس کی جانچ پڑتال کرتا ہے.

613
00:39:53,860 --> 00:39:56,000
ہم میں منتقل کرنے کے لئے پیرامیٹرز کو مائچترت پاس ورڈ، ہیں

614
00:39:56,000 --> 00:40:00,030
فی الحال اس ان پٹ باکس میں ہے کہ ان پٹ.

615
00:40:00,030 --> 00:40:04,110
اور اعداد و شمار کو واپس آتی ہے تو، ہم چیک کریں.

616
00:40:04,110 --> 00:40:07,680
اعداد و شمار جھوٹ ہے، تو ہم غلط پاس ورڈ کا کہنا ہے کہ، اس کے نیچے سلائڈ

617
00:40:07,680 --> 00:40:09,580
اور صرف یہ کہ اس کے بعد غائب ہو کر سکتے ہیں.

618
00:40:09,580 --> 00:40:12,320
دوسری صورت میں، ہم منتظم صفحہ لوڈ ہو.

619
00:40:12,320 --> 00:40:15,080
اور یہ تمام JSON کا استعمال کرتے ہوئے کیا گیا تھا.

620
00:40:15,080 --> 00:40:18,510
کوڈ کا یہ کئی لائنوں میں، آپ کو صرف واپس آخر ڈیٹا منتقل کر سکتی ہیں

621
00:40:18,510 --> 00:40:21,020
یہ صحیح ہے یا نہیں دیکھنے کے لیے، آپ کو درست طریقے سے لاگ ان چاہے چیک کریں

622
00:40:21,020 --> 00:40:24,200
اور اصل میں صحیح صفحے شخص کو منتقل کیا جا رہا ہے، یہ کا جواب

623
00:40:24,200 --> 00:40:29,760
یا میں ان لاگ ان دے اور وہ ایک غلط پاس ورڈ تھا کہ انہیں نہیں بتا رہی.

624
00:40:29,760 --> 00:40:33,040
تاکہ آپ jQuery پوسٹ استعمال کر سکتے ہیں کہ کس طرح ایک مثال ہے

625
00:40:33,040 --> 00:40:37,010
اپنی پیٹھ کے آخر تک ایک پوسٹ کی درخواست بھیجنے کے لئے،

626
00:40:37,010 --> 00:40:42,400
کسی کو صحیح طریقے سے لاگ ان ہے یا نہیں کی جانچ پڑتال.

627
00:40:42,400 --> 00:40:44,820
>> ٹھیک ہے، میں نے تمام مثال کے طور پر، اور میں احاطہ کرنے کے لئے کرنا چاہتا تھا ساری چیزیں ہے تاکہ.

628
00:40:44,820 --> 00:40:47,110
لوگ jQuery تم کرتے ہو کی اجازت دیتا ہے کہ بڑی باتیں ہیں:

629
00:40:47,110 --> 00:40:52,640
، عناصر منتخب ڈوم ہیرا پھیری کا استعمال کرتے ہوئے ان پر نظر ثانی،

630
00:40:52,640 --> 00:40:56,340
آپ اثرات کا اضافہ کر سکتے ہیں، بعض واقعات پر چیزوں کو چالو کرنے کے،

631
00:40:56,340 --> 00:41:00,430
اور بھی بہت بغیر کسی رکاوٹ اور آسانی سے AJAX کی درخواستوں کرتے ہیں.

632
00:41:00,430 --> 00:41:02,840
تو، آ رہے ہو یا دیکھ کے لئے آپ کا شکریہ

633
00:41:02,840 --> 00:41:06,230
اگر آپ کوئی سوال ہے تو اور، صرف مجھے بتا دینا. جی ہاں؟

634
00:41:06,230 --> 00:41:12,730
[Student کی] پیچھے تمہیں دکھایا جب، آپ کی قیمت درج کرنے کے بعد درخواست کے بعد JSON تھا

635
00:41:12,730 --> 00:41:15,170
اور میں نے صرف اس نے کیا کیا سوچ رہی تھی.

636
00:41:15,170 --> 00:41:20,070
>> جی ہاں، میں دیکھ رہا ہوں. سوال یہ ہے، مثال کے طور پر میں میں صرف مظاہرہ کیا، یہ تھی کہ

637
00:41:20,070 --> 00:41:25,790
کے ارد گرد کی قیمت درج کرنے میں لفظ JSON نہیں تھی -

638
00:41:25,790 --> 00:41:31,690
میں نے صرف اسے دوبارہ ھیںچو گے - ڈاک کی تقریب کے ارد گرد.

639
00:41:31,690 --> 00:41:43,320
میں صرف دکھانے کے لئے اسے ھیںچ رہا ہوں.

640
00:41:43,320 --> 00:41:46,890
تو یہاں اس پوسٹ کی درخواست کی ہے، اور واوین میں اس JSON ہے.

641
00:41:46,890 --> 00:41:50,280
یہ صرف ہم پیداوار ہونے کی امید کر رہے ہیں وضاحت کرتا ہے.

642
00:41:50,280 --> 00:41:54,070
ہم متوقع اعداد و شمار قسم کے طور پر JSON میں منتقل، تو اگر

643
00:41:54,070 --> 00:41:56,070
، یہ ایک کی ضرورت نہیں ہے، لیکن ہم میں اس کے پاس تو

644
00:41:56,070 --> 00:41:58,590
اس وقت کے اعداد و شمار کے خود کار طریقے سے JSON کے طور پر تجزیہ کیا جائے گا.

645
00:41:58,590 --> 00:42:00,600
تو ہم اس پر JSON توڑتے تقریب کو فون کرنے کی ضرورت نہیں ہے

646
00:42:00,600 --> 00:42:02,620
یہ صرف خود کار طریقے سے ہوگا.

647
00:42:02,620 --> 00:42:05,150
اور تم پوسٹ کے لیے دستاویزات پر ایک نظر ڈالیں تو،

648
00:42:05,150 --> 00:42:09,850
یہ اعداد و شمار کی قسم متغیر، سرور سے توقع کے اعداد و شمار کی قسم کی نہیں ہے.

649
00:42:09,850 --> 00:42:12,660
غلط ہو سکتا ہے کہ ایک بڑا اندازہ کرنے کے لئے یہ ڈیفالٹس،

650
00:42:12,660 --> 00:42:15,520
لہذا آپ اسے خالی چھوڑ سکتے ہیں، لیکن یہ اعداد و شمار کے صرف کی قسم ہے

651
00:42:15,520 --> 00:42:21,680
تم نے اسے JSON یا XML ہے یا کچھ اور، چاہے استعمال کر رہے ہیں کہ کوڈنگ میں.

652
00:42:21,680 --> 00:42:25,280
>> کوئی اور سوال؟

653
00:42:25,280 --> 00:42:27,300
ٹھیک ہے. آپ کو کسی بھی دیگر سوالات ہیں، تو مجھے ای میل کرنے کے لئے آزاد محسوس کرتے ہیں

654
00:42:27,300 --> 00:42:30,830
vshekhawat@college.harvard.edu میں،

655
00:42:30,830 --> 00:42:34,860
اور سلائڈ اور کوڈ خوبصورت جلد ہی آن لائن دستیاب ہونا چاہئے.

656
00:42:34,860 --> 00:42:42,810
آپ کی آخری منصوبوں کے ساتھ گڈ لک، آپ کو استعمال کرتے ہیں jQuery امید ہے.

657
00:42:42,810 --> 00:42:46,810
[CS50.TV]