1
00:00:00,000 --> 00:00:02,910
>> [موسیقی بجانے]

2
00:00:02,910 --> 00:00:04,850

3
00:00:04,850 --> 00:00:07,275
>> اونیل مہتا: یہاں یہ جاتا ہے.

4
00:00:07,275 --> 00:00:11,070
>> ویسے، سب، ویب پر خیر مقدم کرتے ہیں
کے ساتھ مستقبل کے اطلاقات ردعمل.

5
00:00:11,070 --> 00:00:11,870
یہ CS50 ہے.

6
00:00:11,870 --> 00:00:12,930
میرا نام اونیل ہے.

7
00:00:12,930 --> 00:00:17,689
میں CS50 اور ایک sophomore لئے ایک ٹا ہوں
ہارورڈ کالج اور ایک بہت، بہت سے اوپر

8
00:00:17,689 --> 00:00:18,730
پرجوش ویب ڈویلپر.

9
00:00:18,730 --> 00:00:20,730
تو میں بہت دلچسپ ہوں
آج آپ سے بات ہو،

10
00:00:20,730 --> 00:00:24,550
آپ یہاں یا گھر پر چاہے
دیکھ، کے بارے میں ایک بار پھر، ہے جس میں، ردعمل

11
00:00:24,550 --> 00:00:27,270
میں ویب اطلاقات کی، مستقبل کہا.

12
00:00:27,270 --> 00:00:29,055
>> تو ردعمل ایک ویب فریم ورک ہے.

13
00:00:29,055 --> 00:00:30,930
میں کیا گیا ہے کے طور پر اور کہہ
یہاں کچھ لوگوں کو،

14
00:00:30,930 --> 00:00:33,400
ایک فریم ورک صرف ایک ہے
آپ استعمال کر سکتے ٹولز کا مجموعہ

15
00:00:33,400 --> 00:00:35,770
تشکیل اور آپ کی ویب اپلی کیشن کی تعمیر کرنے کے لئے.

16
00:00:35,770 --> 00:00:39,010
اور ویب ایپس، پھر، ویب سائٹس ہیں
فیس بک کی طرح انٹرایکٹو ہیں کہ،

17
00:00:39,010 --> 00:00:42,330
Twitter.com، Instagram.com، جو.

18
00:00:42,330 --> 00:00:45,590
>> تو فیس بک ایک ویب فریم ورک ہے
کہ فیس بک کی طرف سے تیار کی گئی تھی

19
00:00:45,590 --> 00:00:48,060
ردعمل back-- ایک جوڑے سال ہے.

20
00:00:48,060 --> 00:00:50,830
اس کے بعد میں استعمال کیا گیا ہے
ان کے موبائل اطلاقات فیس بک پر

21
00:00:50,830 --> 00:00:52,460
اور ویب اپلی کیشن، Instagram.

22
00:00:52,460 --> 00:00:56,350
خان اکیڈمی ایک اور مثال ہے
ردعمل کے ممتاز ابتدائی adopter.

23
00:00:56,350 --> 00:00:58,630
>> یہ واقعی میں مل رہا ہے
انتہائی مقبول.

24
00:00:58,630 --> 00:01:03,420
کیا تم نے کبھی کونیی یا جیسے چیزوں کا استعمال کرتے ہیں
ریڑھ کی ہڈی، اس ایک ہی خاندان سے ہے،

25
00:01:03,420 --> 00:01:05,830
لیکن اس کے بعد اب تک ہے
ان کی مقبولیت سے پہلے آسکتی.

26
00:01:05,830 --> 00:01:06,890
یہ گرم، شہوت انگیز نئی چیز ہے.

27
00:01:06,890 --> 00:01:09,590
یہ واقعی، واقعی بہت بڑا ہے.

28
00:01:09,590 --> 00:01:13,470
>> اور اس طرح رد عمل کا اظہار کے طور پر نہ صرف اچھا ہے
عمارت انٹرفیس کے لئے ویب فریم ورک.

29
00:01:13,470 --> 00:01:16,020
یہ ویب انٹرفیس کی تعمیر کے لئے اچھا ہے.

30
00:01:16,020 --> 00:01:18,350
کسی چیز کو بھی نہیں ہے
نامی مقامی ردعمل جس

31
00:01:18,350 --> 00:01:22,200
آپ انٹرفیس کی تعمیر کی اجازت دیتا ہے
لوڈ، اتارنا Android اور iOS کے لئے

32
00:01:22,200 --> 00:01:26,390
مستقبل میں اور شاید دوسرے پلیٹ فارم
صرف اسی جاوا سکرپٹ کے کوڈ کا استعمال کرتے ہوئے.

33
00:01:26,390 --> 00:01:31,130
آپ کو عین مطابق اسی استعمال کر سکتے ہیں
جاوا سکرپٹ کے کوڈ، فراہم کرنے کے لئے ویب سائٹس

34
00:01:31,130 --> 00:01:33,040
لوڈ، اتارنا Android اطلاقات اور iOS اطلاقات رینڈر کرنے کے لئے.

35
00:01:33,040 --> 00:01:35,000
>> یہ ایک بہت، بہت دلچسپ وقت ہے.

36
00:01:35,000 --> 00:01:37,070
یہ ایک بہت، بہت ٹھنڈا موقع ہے.

37
00:01:37,070 --> 00:01:42,020
یہ واقعی ایک عالمگیر ویب ہے
انٹرفیس ترقی کے آلے کے،

38
00:01:42,020 --> 00:01:44,420
تو یہ ایک بہت، بہت ہے
اہم بات جاننا.

39
00:01:44,420 --> 00:01:46,949
اور، میں نے لوگوں کو بتا رہا تھا کے طور پر
سے پہلے، یہ، مجھے لگتا ہے کہ،

40
00:01:46,949 --> 00:01:48,990
ہم کس طرح تبدیل کرنے کے لئے کی جا رہی ہے
ہمیشہ ویب اطلاقات کی تعمیر.

41
00:01:48,990 --> 00:01:55,820
تو یہ ہو سکتا ہے کہ تھوڑا سا مبالغہ ہے، لیکن میں
یہ معلوم کرنے کے لئے ایک بہت اچھا بات ہے.

42
00:01:55,820 --> 00:01:57,580
>> ٹھیک ہے، تو رد عمل کا اظہار کیا ہے؟

43
00:01:57,580 --> 00:02:01,020
رد عمل کا اظہار ایک فریم ورک آپ کر سکتے ہیں ہے
انٹرفیس کی تعمیر کے لئے استعمال کرتے ہیں.

44
00:02:01,020 --> 00:02:03,240
ایک انٹرفیس، پھر، ہے
حق ایک ویب کے صفحے،؟

45
00:02:03,240 --> 00:02:06,340
تو یہاں Instagram.com ہے، استعمال ردعمل.

46
00:02:06,340 --> 00:02:08,740
>> پر بنایا گیا ہے رد عمل کا اظہار
اجزاء کے تصور.

47
00:02:08,740 --> 00:02:11,900
ایک جزو ایک ایچ ٹی ایم ایل
سٹیرائڈز پر عنصر،

48
00:02:11,900 --> 00:02:14,470
تو ایک HTML عنصر ایک بٹن کی طرح ہے.

49
00:02:14,470 --> 00:02:15,250
یہ ایک پیراگراف ہے.

50
00:02:15,250 --> 00:02:17,500
یہ درست ہے، ایک ہیڈر ہے؟

51
00:02:17,500 --> 00:02:22,740
اور Instagram ان کا استعمال، لیکن یہ کرے گا
بھی ردعمل کے اجزاء کا استعمال کریں گے.

52
00:02:22,740 --> 00:02:25,740
>> اجزاء ہیں رد عمل کا اظہار
souped اپ HTML عناصر

53
00:02:25,740 --> 00:02:28,100
ان کے اپنے رویے ہے کہ
ان کے اندر موجود.

54
00:02:28,100 --> 00:02:31,800
لہذا، ایک مثال کے طور پر، ہم کر سکتے ہیں
ایک وقت عنصر، ایک وقت جزو،

55
00:02:31,800 --> 00:02:34,095
جس طرح بھی شامل ہو گی
وقت سٹیمپ، آپ جانتے ہیں،

56
00:02:34,095 --> 00:02:37,170
پروفائل جزو جس
پروفائل تصویر پر مشتمل ہوگا

57
00:02:37,170 --> 00:02:38,820
اور اس شخص کے نام.

58
00:02:38,820 --> 00:02:42,930
یہ ایک طرح انسداد، ہو سکتا ہے جس
پسند کرتا ہے کی تعداد کی طرح اعتماد کر سکتے ہیں،

59
00:02:42,930 --> 00:02:45,610
آپ اس پر کلک، تو یہ کروں گا
پسند کرتا ہے کی تعداد میں اضافہ.

60
00:02:45,610 --> 00:02:48,200
ایک جزو صرف ایک ہے
HTML کوڈ کے گروپ ہے کہ

61
00:02:48,200 --> 00:02:50,520
کچھ فعالیت ہے
اس کے اندر لپیٹ.

62
00:02:50,520 --> 00:02:53,770
تو یہ ایک HTML عنصر کی طرح ہے
سٹیرائڈز پر، میں نے پہلے کہا کے طور پر.

63
00:02:53,770 --> 00:02:56,270
تم ان اجزاء لے جا سکتے ہیں،
اور آپ کو ان کے ساتھ ڈال کر سکتے ہیں

64
00:02:56,270 --> 00:02:59,060
میں، نئے اجزاء بنانے کے لئے
اس صورت میں، ایک پوسٹ جزو،

65
00:02:59,060 --> 00:03:00,505
جس میں تمام اس سامان پر مشتمل ہے.

66
00:03:00,505 --> 00:03:04,050
یہ پروفائل وقت پر مشتمل ہو گی،
LikeCounter، شاید تبصرہ

67
00:03:04,050 --> 00:03:06,100
اور شاید تصویر خود.

68
00:03:06,100 --> 00:03:10,810
اور اس طرح ویب اطلاقات صرف لینے کی طرف سے تعمیر کر رہے ہیں
اجزاء اور ان کے ساتھ لگانے.

69
00:03:10,810 --> 00:03:15,620
ایک Instagram فیڈ سے زیادہ کچھ نہیں ہے
خطوط کا ایک مجموعہ ایک کے بعد ایک،

70
00:03:15,620 --> 00:03:19,032
ہر پوسٹ، وقت کی طرح پر مشتمل ہے
اسی طرح، LikeCounter پروفائل، اور.

71
00:03:19,032 --> 00:03:20,490
اس قسم کے گھر کی تعمیر کی طرح ہے.

72
00:03:20,490 --> 00:03:22,660
آپ کی تعمیر نہیں
نیچے اوپر سے گھر.

73
00:03:22,660 --> 00:03:24,960
آپ اجزاء لے
باتھ روم کی طرح لے.

74
00:03:24,960 --> 00:03:28,320
آپ ان رہنا bedroom-- لے
ایک دوسرے کے ساتھ، اور آپ کو ایک نیا جزو ہے.

75
00:03:28,320 --> 00:03:29,760
آپ کے گھر کا ایک نیا حصہ ہے.

76
00:03:29,760 --> 00:03:32,860
>> تو تمام کے ارد گرد تعمیر کیا گیا ہے رد عمل کا اظہار
اجزاء کی اس خیال ہے کہ

77
00:03:32,860 --> 00:03:36,600
اعلانیہ ہیں کہ، انٹرایکٹو ہیں.

78
00:03:36,600 --> 00:03:39,650
کیا آپ صرف کا کہنا ہے کی طرح
پروفائل ہے، اور یہ دیتا ہے.

79
00:03:39,650 --> 00:03:40,600
وہ composable ہیں.

80
00:03:40,600 --> 00:03:43,880
آپ ایک وقت اور ایک پروفائل لے جا سکتے ہیں، ڈال
ان کے ساتھ، کچھ کو بہتر بنانے.

81
00:03:43,880 --> 00:03:47,770
اور وہ تو، دوبارہ پریوست ہیں آپ
ایک عہدے کے لئے منبع کوڈ ہے،

82
00:03:47,770 --> 00:03:49,440
آپ کہیں کہ یمبیڈ کر سکتے ہیں.

83
00:03:49,440 --> 00:03:53,160
>> تم ایک Instagram یمبیڈ کر سکتے ہیں
اپنی ویب سائٹ پر بات.

84
00:03:53,160 --> 00:03:56,830
آپ فیس بک میں یمبیڈ کر سکتے ہیں، مثال کے طور پر،
جب تک اسے استعمال کرتا ہے کے طور پر رد عمل کا اظہار.

85
00:03:56,830 --> 00:04:00,360
تو اجزاء واقعی، واقعی، واقعی ہیں
ویب کی طاقتور عمارت کے بلاکس

86
00:04:00,360 --> 00:04:04,180
کہ کہیں بھی استعمال کیا اور کیا جا سکتا ہے
ایک دوسرے کے ساتھ نئی عمارت بلاکس بنانے کے لئے.

87
00:04:04,180 --> 00:04:07,159
یہ بہت، بہت ہے
اعلی سطح کے جائزہ.

88
00:04:07,159 --> 00:04:09,200
تو، ایک بار پھر، اگر آپ کے پاس
کسی بھی موڑ پر کسی بھی سوالات

89
00:04:09,200 --> 00:04:14,470
ری ایکٹر، کے فلسفے کے بارے میں
کوڈنگ، مجھے روک، اور مجھے پتہ کرنے.

90
00:04:14,470 --> 00:04:18,420
>> ٹھیک ہے، تو اس کی وجہ سے ٹھنڈا رد عمل کا اظہار ہے
دیکھنے کا ایک مختلف طریقہ ہے

91
00:04:18,420 --> 00:04:19,870
آپ کو ویب اطلاقات کی تعمیر کس طرح.

92
00:04:19,870 --> 00:04:23,620
آپ نے شاید MVC، ایک کے بارے میں سنا ہے
ماڈل آپ CS50 یا جو کچھ بھی میں کنٹرول

93
00:04:23,620 --> 00:04:25,940
آپ استعمال کرتے ہیں کی تحقیقات کلاسوں دیگر.

94
00:04:25,940 --> 00:04:29,000
اور سب سے فریم ورک ہے
MVC کے خیال کے ارد گرد تعمیر.

95
00:04:29,000 --> 00:04:30,410
رد عمل کا اظہار نہیں ہے.

96
00:04:30,410 --> 00:04:32,980
خیال کے ارد گرد بنایا گیا ہے رد عمل کا اظہار
یو nidirectional ڈیٹا کے بہاؤ کے

97
00:04:32,980 --> 00:04:36,510
یہاں اس چارٹ یا گرافک کی طرف سے دیکھا کے طور پر.

98
00:04:36,510 --> 00:04:38,260
>> بنیادی طور پر، آپ کو ایک ڈیٹا کا ذریعہ ہے.

99
00:04:38,260 --> 00:04:42,380
اور اعداد و شمار کے ذریعہ فیصلہ کرے گا
کس طرح بعض اجزاء باہر بچھانے.

100
00:04:42,380 --> 00:04:45,452
اور اجزاء گے
تو، وہ تبدیل جب،

101
00:04:45,452 --> 00:04:47,160
وہ بتائیں گے
ڈیٹا کا ذریعہ تبدیل کرنے.

102
00:04:47,160 --> 00:04:49,350
>> انسٹاگرام استعمال کرنے کے لئے
مثال کے طور پر، آپ ہو سکتا ہے

103
00:04:49,350 --> 00:04:52,050
طرح پوسٹ اشیاء کی ایک فہرست
ایک ڈیٹا بیس یا کچھ میں.

104
00:04:52,050 --> 00:04:53,310
ڈیٹا.

105
00:04:53,310 --> 00:04:57,600
اور پھر ہماری پوسٹ اجزاء
کہ اعداد و شمار لے جائے گا،

106
00:04:57,600 --> 00:05:01,830
اور فراہم کرنے کے کہ اعداد و شمار کا استعمال کرتے ہیں
سکرین پر ایک بات.

107
00:05:01,830 --> 00:05:04,300
یہی تیر
، اتحادی ہے کے اعداد و شمار سے

108
00:05:04,300 --> 00:05:07,930
اور پھر اس ہی اعداد و شمار استعمال کیا جاتا ہے
اجزاء کا ایک گروپ رینڈر کرنے کے لئے.

109
00:05:07,930 --> 00:05:10,290
>> فیس بک رسول میں، کے لئے
رد عمل کا اظہار ہے جس میں مثال کے طور پر،،

110
00:05:10,290 --> 00:05:13,410
آپ کی ایک فہرست ہو سکتا ہے
آپ کے ڈیٹا کا ذریعہ کے طور پر پیغامات.

111
00:05:13,410 --> 00:05:15,927
اور یہ کہ نہیں رینڈر
پیغامات میں سے صرف فہرست

112
00:05:15,927 --> 00:05:17,510
بلکہ دوستوں کی فہرست آپ کو کرنا پڑے.

113
00:05:17,510 --> 00:05:19,200
آپ ناخواندہ شمار.

114
00:05:19,200 --> 00:05:23,330
شاید یہ بھی فیس بک بات رینڈر
کہ Facebook.com کے نچلے حصے میں ہے.

115
00:05:23,330 --> 00:05:25,610
ایک ہی ڈیٹا ہے
سچائی کا واحد ذریعہ

116
00:05:25,610 --> 00:05:28,290
اور اس کا ایک بہت کا سبب بنتا ہے
اجزاء مہیا کیا جائے.

117
00:05:28,290 --> 00:05:30,290
اور جب ان میں سے ایک
اجزاء تبدیل کر دیا ہے،

118
00:05:30,290 --> 00:05:32,320
اسے واپس جاتا ہے اور
ڈیٹا کا ذریعہ تبدیل.

119
00:05:32,320 --> 00:05:33,460
>> تم نے صحیح، ایک پیغام بھیجنے؟

120
00:05:33,460 --> 00:05:34,780
اس ڈیٹا کا ذریعہ تبدیل.

121
00:05:34,780 --> 00:05:39,490
آپ اپنے پیغامات پڑھنے،
تو آپ 0 ناخواندہ مقرر.

122
00:05:39,490 --> 00:05:41,136
اس ڈیٹا کا ذریعہ تبدیل.

123
00:05:41,136 --> 00:05:44,010
اور ایک ان میں سے تمام نوٹس
تیر ایک ہی اعداد و شمار کے واپس جا

124
00:05:44,010 --> 00:05:47,662
دیکھئے، آپ کو معلوم ہے تو،
ایک مخصوص اعداد و شمار کے سیٹ دی،

125
00:05:47,662 --> 00:05:49,870
آپ بالکل وہی جو جانتے
صفحے کی طرح نظر کی جا رہی ہے.

126
00:05:49,870 --> 00:05:50,700
یہ نیتاتمک ہے.

127
00:05:50,700 --> 00:05:53,451
تم، دیا بعض اعداد و شمار معلوم، کیا
صفحے کی طرح نظر کی جا رہی ہے.

128
00:05:53,451 --> 00:05:56,158
آپ اس میں جا رہا ہے کہ کس طرح کی پیشن گوئی کر سکتے ہیں
برتاؤ کرتے ہیں اور کس طرح چیزوں کو جا رہے ہیں

129
00:05:56,158 --> 00:05:57,650
وہ ایک ساتھ ڈال رہے ہیں جب کام کرنے کے.

130
00:05:57,650 --> 00:06:00,410
>> اور میں نے ایک ملین اجزاء تھا تو
یہاں، یہ درست ہے، ایک ہی برتاؤ کریں گے؟

131
00:06:00,410 --> 00:06:02,290
آپ کسی بھی نہیں پڑے گا
عجیب کے interconnections.

132
00:06:02,290 --> 00:06:04,120
ایک ڈیٹا ایک ملین اجزاء مہیا.

133
00:06:04,120 --> 00:06:06,879
ایک ملین اجزاء سکتا
واپس جاؤ اور ڈیٹا میں ترمیم.

134
00:06:06,879 --> 00:06:07,920
اور اس طرح یہ بہت اچھا ہے.

135
00:06:07,920 --> 00:06:10,870
ہم، composable تعمیر کر رہے ہیں
آسانی سے توسیع پذیر ویب اطلاقات.

136
00:06:10,870 --> 00:06:13,150
>> آپ کو ایک ڈیٹا کا ذریعہ ہے،
سچ کا ذریعہ.

137
00:06:13,150 --> 00:06:15,790
یہ آپ کو بتاتا ہے اجزاء
کس طرح صفحے باہر بچھانے،

138
00:06:15,790 --> 00:06:18,190
اور اجزاء گے
بات چیت کو ہینڈل.

139
00:06:18,190 --> 00:06:20,150
اور وہ تبدیل کرنا چاہتے ہیں تو
چیزیں صرف واپس جانا

140
00:06:20,150 --> 00:06:21,750
اور اعداد و شمار کے ذریعہ تبدیل کرنے کے لیے کہو.

141
00:06:21,750 --> 00:06:22,850
کوئی مطلب ہے؟

142
00:06:22,850 --> 00:06:26,010
تو ردعمل سمجھ کے بارے میں ہے
کس طرح ایک جزو کی تعمیر کے لئے

143
00:06:26,010 --> 00:06:29,540
اور آپ کے جزو بنانے کے لئے کس طرح
باہر کی دنیا کے ساتھ بات چیت.

144
00:06:29,540 --> 00:06:31,850
>> جزو بات چیت بنانا
بیرونی دنیا کے ساتھ

145
00:06:31,850 --> 00:06:34,490
ایک ٹیکنالوجی کا استعمال کرتا
کہا جاتا بہاؤ، جس

146
00:06:34,490 --> 00:06:36,872
ہے کہ ایک فریم ورک ہے
ردعمل کے سب سے اوپر پر شامل.

147
00:06:36,872 --> 00:06:38,330
ہم اس بارے میں بات کرنے کے لئے نہیں جا رہے ہیں.

148
00:06:38,330 --> 00:06:42,990
ہم نے دیا، کے بارے میں مزید بات کرنے کے لئے جا رہے ہیں
ڈیٹا، کس طرح آپ کو ایک جزو فراہم کر سکتے ہیں؟

149
00:06:42,990 --> 00:06:47,010
>> اور اس طرح آپ کی وجہ سے واقعی ٹھنڈا ہے رد عمل کا اظہار
آپ چاہتے ہیں کسی بھی واپس اختتام کے ساتھ اس کا استعمال کر سکتے ہیں.

150
00:06:47,010 --> 00:06:50,480
آپ کو ایک ازگر واپس آخر کی طرح ہے تو،
آپ ازگر کچھ اعداد و شمار سے باہر توکنا کر سکتے ہیں تو،

151
00:06:50,480 --> 00:06:51,610
یہ فراہم کر سکتے ہیں رد عمل کا اظہار.

152
00:06:51,610 --> 00:06:54,700
آپ کو کوئی جے نتائج ہیں
اعداد و شمار کے، ردعمل یہ دیتا ہے.

153
00:06:54,700 --> 00:06:56,890
روبی کے ساتھ ریلز
ڈیٹا، ردعمل یہ دیتا ہے.

154
00:06:56,890 --> 00:07:01,860
>> تو بنیادی طور پر ایک رد عمل کا اظہار ویب
اجزاء کے ساتھ ایک سامنے اختتام view--

155
00:07:01,860 --> 00:07:03,910
کسی بھی ڈیٹا کا ذریعہ کے لئے.

156
00:07:03,910 --> 00:07:07,145
اور اس طرح کے اعداد و شمار کے ذریعہ سے کرنے کے لئے جا
اجزاء رد عمل کا اظہار بہت آسان ہے.

157
00:07:07,145 --> 00:07:08,770
دوسرے طریقے سے جا تھوڑا مشکل ہے.

158
00:07:08,770 --> 00:07:10,462
میں نے پہلے ذکر کے طور پر اس بہاؤ استعمال کرتا ہے.

159
00:07:10,462 --> 00:07:11,420
ہم اس میں نہیں ملے گا.

160
00:07:11,420 --> 00:07:13,740
ہم پر زیادہ توجہ مرکوز کریں گے
ڈیٹا ٹو جزو طرف.

161
00:07:13,740 --> 00:07:15,880
آپ کر سکتے ہیں اس طرح
ٹھنڈا، مزہ ویب اطلاقات.

162
00:07:15,880 --> 00:07:19,870
یہ باہر کی دنیا کو متاثر نہیں ہوں گے
اب کے لئے، لیکن اس سے ایک کہانی ہے.

163
00:07:19,870 --> 00:07:22,210
>> ٹھیک ہے، اگر ایسا ہے تو تم یہاں تھے
میری آخری سیمینار کے لئے

164
00:07:22,210 --> 00:07:26,610
آپ کے لئے کوڈ کی ہے کہ سب جانتے ہیں ہوں
آج کی بات اس URL پر ہونے جا رہا ہے

165
00:07:26,610 --> 00:07:29,320
یہاں، افسوس، اس یو آر ایل.

166
00:07:29,320 --> 00:07:32,730
اور بنیادی طور پر ہم جانے کے لئے جا رہے ہیں
شاید چار مراحل، پانچ کے ذریعے،

167
00:07:32,730 --> 00:07:33,510
شاید نہیں پانچ.

168
00:07:33,510 --> 00:07:37,300
ہم نے چار مراحل کے ذریعے منتقل کریں گے
ایک نمونہ کی تعمیر کے اپلی کیشن ردعمل.

169
00:07:37,300 --> 00:07:39,550
اور اس طرح تمام منبع کوڈ
راستے سے ہر قدم کے لئے

170
00:07:39,550 --> 00:07:42,216
اگر ایسا ہے تو، یہیں ہونے جا رہا ہے
آپ کے گھر میں ساتھ پیروی کر رہے ہیں

171
00:07:42,216 --> 00:07:43,991
اس کوڈ peruse بلا جھجھک.

172
00:07:43,991 --> 00:07:46,740
آپ یہاں ساتھ مندرجہ ذیل کر رہے ہیں تو،
ہم سکرین پر دکھا جائے گا

173
00:07:46,740 --> 00:07:47,739
تو اس کے بارے میں فکر نہ کرو.

174
00:07:47,739 --> 00:07:50,930
لیکن آپ کے گھر پر ہیں تو، محسوس
اس ویب سائٹ کا دورہ کرنے کے لئے آزاد.

175
00:07:50,930 --> 00:07:56,400
اور، جی ہاں، آپ کو حاصل کرنے کے قابل ہونا چاہئے
کیا تم نے کبھی یہاں کی ضرورت چاہتے ہیں تمام کوڈ.

176
00:07:56,400 --> 00:08:01,380
تو یہ ایک اچھا دھوکے باز شیٹ کے ساتھ ساتھ ہے
کے ساتھ اپنے مستقبل مہم جوئی کے لئے رد عمل کا اظہار.

177
00:08:01,380 --> 00:08:04,490
ٹھنڈی، اگر ایسا ہے تو یہاں ہے جو ہر کسی کو،
اور آپ کے گھر میں ہیں یہاں تک کہ اگر،

178
00:08:04,490 --> 00:08:11,580
is.gd/cs50react، اس ویب سائٹ ھیںچو،
کوئی دارالحکومت، کوئی کشید، کوئی کچھ بھی نہیں.

179
00:08:11,580 --> 00:08:15,849
>> آپ لگتا ہے کہ ایک صفحہ نظر آئے گا
اس طرح تھوڑا سا.

180
00:08:15,849 --> 00:08:17,140
یہ CodePen نامی ایک چیز ہے.

181
00:08:17,140 --> 00:08:20,030
CodePen ایک باہمی تعاون ہے
کوڈنگ ماحول

182
00:08:20,030 --> 00:08:23,364
جس کے ساتھ میں یہاں کوڈ لکھنے، اور کر سکتے ہیں
یہ خود بخود آپ کو بھیجا جائے گا.

183
00:08:23,364 --> 00:08:24,780
اور اس طرح، میں نے کوڈ لکھ سکتے ہیں.

184
00:08:24,780 --> 00:08:26,920
میں یہاں کوڈ کو چلانے کے کر سکتے ہیں.

185
00:08:26,920 --> 00:08:33,470
>> مثال کے طور پر اور یہ دیکھیں reloads-- تو،
صفحے پر جاوا سکرپٹ کے کوڈ رہا ہوں

186
00:08:33,470 --> 00:08:36,390
یہیں، اور یہ کروں گا
خود کار طریقے سے ایک ویب کے صفحے رینڈر

187
00:08:36,390 --> 00:08:37,980
یہ جاوا سکرپٹ کے کوڈ کے ساتھ.

188
00:08:37,980 --> 00:08:40,039
اور اس طرح یہ ایک طریقہ ہے
ہم کوڈ باہر کرنے کی کوشش کرنے کے لئے

189
00:08:40,039 --> 00:08:43,089
استعمال کرنے کے لئے بغیر واقعی فوری
ہماری شناخت یا اپنے مقامی مشین کا استعمال

190
00:08:43,089 --> 00:08:44,290
یا جو کچھ بھی.

191
00:08:44,290 --> 00:08:47,670
یہ آپ mockup کی کے لئے ایک بہت ہی تیز طریقہ ہے
اور کوڈ کے مختلف قسم کے باہر کی جانچ.

192
00:08:47,670 --> 00:08:50,560
>> تو میں لے جا رہا ہوں
مثال کے طور پر کوڈ، اسے یہاں ڈال.

193
00:08:50,560 --> 00:08:52,374
ہم اس کے ذریعے کام کرنے جا رہے ہیں.

194
00:08:52,374 --> 00:08:54,540
اور آپ گھر پر ہیں تو، آپ کو
اس کے ساتھ ساتھ ھیںچو کر سکتے ہیں.

195
00:08:54,540 --> 00:08:57,530
اور میں نے پہلے ہی نصب ہے
یہاں رد عمل کا اظہار، لہذا آپ کو صرف کر سکتے ہیں

196
00:08:57,530 --> 00:09:00,770
یہاں آپ کے اپنے کوڈ لکھنے، اور
آپ کے اپنے کھیل کے میدان کے طور پر اس کی کوشش.

197
00:09:00,770 --> 00:09:04,940
>> جی ہاں، ہر کسی کو تو
یہاں اس لنک کو کھولنے.

198
00:09:04,940 --> 00:09:08,080
مجھے ایک انگوٹھوں دے دو
آپ اسے کھول ہے ایک بار.

199
00:09:08,080 --> 00:09:10,960

200
00:09:10,960 --> 00:09:13,770
ٹھنڈی، ٹھنڈی ٹھنڈی.

201
00:09:13,770 --> 00:09:16,914
کچھ بھی نہیں، اب کے لئے یہاں کچھ نہیں ہے لیکن
ہم بہت جلد ہے کہ بدل جائے گی.

202
00:09:16,914 --> 00:09:21,250
>> ٹھیک ہے، تو ایک جاوا سکرپٹ ہے رد عمل کا اظہار
لائبریری، اور اس طرح کے طور پر،

203
00:09:21,250 --> 00:09:24,480
، جاوا اسکرپٹ کا علم کی ضرورت ہوتی
جس میں ویب پروگرامنگ زبان ہے.

204
00:09:24,480 --> 00:09:27,660
اور یہ دوسری چیزوں کے لئے استعمال کیا جا رہا
اب بھی لیکن بنیادی طور پر ویب کی ترقی

205
00:09:27,660 --> 00:09:32,040
زبان، آپ کے ساتھ نا واقف ہیں تو
کہ، JSforCats.com نامی ایک ویب سائٹ کو پڑھنے کے.

206
00:09:32,040 --> 00:09:32,700
یہ حیرت انگیز ہے.

207
00:09:32,700 --> 00:09:34,240
آپ کو جاوا اسکرپٹ سیکھ سکتے ہیں
آدھے گھنٹے میں.

208
00:09:34,240 --> 00:09:34,990
یہ ناقابل اعتماد ہے.

209
00:09:34,990 --> 00:09:36,420
>> تو یہ ایک پڑھ دینے کے.

210
00:09:36,420 --> 00:09:39,960
ہم نے بھی کیونکہ یہاں ایچ ٹی ایم ایل کی ایک بہت ہے
ہم نے کورس کی ویب صفحات کے ڈیزائن کر رہے ہیں.

211
00:09:39,960 --> 00:09:43,890
آپ سے ناواقف ہیں تو
ایچ ٹی ایم ایل، HTMLdog.com چیک.

212
00:09:43,890 --> 00:09:46,520
میں رد عمل کا اظہار ہے ایک سیکھنے لگتا
ملین اوقات آسان پہلے سے اگر آپ کو

213
00:09:46,520 --> 00:09:47,892
عمارت کے بلاکس جانتے.

214
00:09:47,892 --> 00:09:50,600
آپ اجزاء ہے، تو یہ ہے
آسان ایک بڑا اتحادی بنانے کے لئے.

215
00:09:50,600 --> 00:09:51,860
یہ ہے کہ آپ کے لئے زبان کو رد عمل کا اظہار ہے.

216
00:09:51,860 --> 00:09:54,270
>> لہذا آگے بڑھیں اور دے
ان چیزوں کو پڑھنے.

217
00:09:54,270 --> 00:09:55,070
اس ویڈیو کو روکنے کے.

218
00:09:55,070 --> 00:09:57,440
اگر آپ یہ ایک پڑھ دینے کے
گھر میں آپ نہیں ہیں تو

219
00:09:57,440 --> 00:10:00,794
HTML یا جاوا سکرپٹ سے واقف

220
00:10:00,794 --> 00:10:02,960
ٹھیک ہے، تو ہم کرنے جا رہے ہیں
کیا ہم بنانے کے لئے جا رہے ہیں ہے

221
00:10:02,960 --> 00:10:06,470
ردعمل کا استعمال کرتے ہوئے ایک بہت ہی بنیادی flashcard سے اپلی کیشن.

222
00:10:06,470 --> 00:10:08,210
ہم نے ایک flashcard سے لئے جا رہے ہیں.

223
00:10:08,210 --> 00:10:09,880
آپ کو آگے پیچھے کارڈ پلٹائیں کر سکتے ہیں.

224
00:10:09,880 --> 00:10:12,399
اور ہم بھی کی فہرست پڑے گا
ہم ہے کہ تمام کارڈز،

225
00:10:12,399 --> 00:10:14,190
اور ہم محسوس کر رہے ہیں
مہتواکانکشی، ہم ہو سکتا ہے

226
00:10:14,190 --> 00:10:17,060
کے درمیان سوئچ کرنے کے قابل
ان پر کلک کر کاریں.

227
00:10:17,060 --> 00:10:20,360
>> لیکن یہ اپنے ننگے کے، ہے
ہڈیوں، ایک بہت سادہ اپلی کیشن ردعمل.

228
00:10:20,360 --> 00:10:22,560
اور اس طرح یہ اصل میں ہے
لاگو کرنے کے لئے چھوٹی سی نہیں،

229
00:10:22,560 --> 00:10:26,030
لیکن ہم آپ کو کرتے ہیں تو، یہ دکھانے کے لئے جا رہے ہیں
اس، اسے بڑھانے کے لئے بہت، بہت آسان ہے

230
00:10:26,030 --> 00:10:27,680
دوسرے لوگوں کے ساتھ آپ کی مدد.

231
00:10:27,680 --> 00:10:33,750
تو ہم چار مراحل کے ذریعے جانے کے لئے جا رہے ہیں
شروع سے شروع ہونے والے اس کی تعمیر کے لئے.

232
00:10:33,750 --> 00:10:36,740
>> ٹھیک ہے، تو چار مراحل، ہم کریں گے
پہلا قدم کے ساتھ شروع.

233
00:10:36,740 --> 00:10:39,790
پہلا قدم ہونے جا رہا ہے
آپ کی پہلی جزو کی عمارت.

234
00:10:39,790 --> 00:10:44,830
میں نے پہلے کہا، ایک جزو میں ردعمل
سٹیرائڈز پر صرف ایک HTML عنصر ہے.

235
00:10:44,830 --> 00:10:49,660
یہ ایچ ٹی ایم ایل کی وضاحت کرتا ہے
اور کچھ رویے، اور یہ

236
00:10:49,660 --> 00:10:52,600
کس طرح لوگوں کی وضاحت کریں گے
یہ کس طرح کے ساتھ بات چیت کر سکتے ہیں

237
00:10:52,600 --> 00:10:54,270
یہ اندرونی ریاست ہوگا.

238
00:10:54,270 --> 00:10:57,630
ایک بٹن کتنے طرح پتہ چل جائے گا کی طرح
بار یہ مثال کے طور پر کلک کیا گیا ہے،

239
00:10:57,630 --> 00:11:01,010
اور اسے خود باہر بچھانے کے لئے کس طرح پتہ چل جائے گا.

240
00:11:01,010 --> 00:11:04,430
>> تو آگے بڑھو اور تعمیر ہماری
جاوا سکرپٹ کو استعمال پہلا جزو.

241
00:11:04,430 --> 00:11:09,711
نحو عجیب لگتا ہے اگر ایسا ہے تو،
اس قسم کی ہے اس کی وجہ سے ہے.

242
00:11:09,711 --> 00:11:11,710
تو، ایک بار پھر، ہم جا رہے ہیں
نامی ایک متغیر بنانے کے لئے

243
00:11:11,710 --> 00:11:14,580
اپلی کیشن مطلوبہ الفاظ دو استعمال کر رہے ہیں،
جس میں ایک متغیر ہے،

244
00:11:14,580 --> 00:11:18,210
اپلی کیشن برابر React.createClass دو.

245
00:11:18,210 --> 00:11:22,609
>> رد عمل کا اظہار ایک لائبریری ہے اور ہے
کلاس تقریب تخلیق.

246
00:11:22,609 --> 00:11:24,400
اس تقریب ہے
کوڈ کا تھوڑا سا ہے کہ آپ کو

247
00:11:24,400 --> 00:11:29,090
ایک نیا تخلیق کرنے کے لئے استعمال کر سکتے ہیں
جزو ردعمل کی قسم.

248
00:11:29,090 --> 00:11:32,780
اور اس طرح React.createClass
ایک جزو ہے،

249
00:11:32,780 --> 00:11:35,270
اور اس کے اتحادیوں گا
چیزیں کرنے کے لئے کے قابل ہو جائے.

250
00:11:35,270 --> 00:11:40,460
یہ کر سکتے ہیں اہم بات رینڈر ہے
کچھ، ایک تقریب کے طور رینڈر.

251
00:11:40,460 --> 00:11:44,500
>> ایک بار پھر، اس انڈیکس پر واضح نہیں ہے تو
آپ، میں آپ کو بلیوں کے لئے جے ایس پر جانے کی سفارش کرتے ہیں

252
00:11:44,500 --> 00:11:45,682
اور اسے باہر کی جانچ پڑتال.

253
00:11:45,682 --> 00:11:47,710
اچھی طرح سے کہ میں یکبر ہے؟

254
00:11:47,710 --> 00:11:48,490
ٹھنڈا.

255
00:11:48,490 --> 00:11:50,670
>> تو ہر جزو کی ضروریات
ایک رینڈر تقریب ہے.

256
00:11:50,670 --> 00:11:53,010
رینڈر تقریب، کا کہنا ہے کہ
میں سکرین پر کیا پرنٹ کروں؟

257
00:11:53,010 --> 00:11:54,760
لیکن اتحادی ہے
اگر ایسا نہیں ہوتا بیکار

258
00:11:54,760 --> 00:11:58,060
لہذا، سکرین پر پرنٹ کرنے کے لئے کیا پتہ
آپ کو ایک رینڈر تقریب ہے کرنے کی ضرورت ہے.

259
00:11:58,060 --> 00:12:01,904
>> ، آپ بات رینڈر میں So
صرف کچھ HTML واپس کرنے کی ضرورت.

260
00:12:01,904 --> 00:12:03,820
اور کیا اچھا ہے یہ ہے کہ
نامی ایک چیز ہے

261
00:12:03,820 --> 00:12:08,660
کی ایک توسیع ہے جو JSX،
کی طرف سے استعمال کیا جاتا ہے کہ جاوا اسکرپٹ رد عمل کا اظہار.

262
00:12:08,660 --> 00:12:11,845
یہ آپ کے اندر HTML لکھنے چلو
آپ کو جاوا اسکرپٹ کا جو

263
00:12:11,845 --> 00:12:13,970
جب عجیب قسم آواز
آپ سب سے پہلے اس کے بارے میں سوچنا،

264
00:12:13,970 --> 00:12:15,553
لیکن یہ اس کے بعد احساس کی ایک بہت کرتا ہے.

265
00:12:15,553 --> 00:12:17,430
تو ہم ایسا کر سکتے ہیں.

266
00:12:17,430 --> 00:12:21,360
آپ کو HTML کے ساتھ واقف ہیں تو، میں جانتا ہوں
ہم ایک عام مقصد کے ساتھ ایک div ہے

267
00:12:21,360 --> 00:12:22,790
سامان کے لئے کنٹینر.

268
00:12:22,790 --> 00:12:26,380
ہم اندر ایک div واپس کر سکتے ہیں اور
اس div، ہم چیزیں ڈال کر سکتے ہیں.

269
00:12:26,380 --> 00:12:32,390
>> تو ہم صرف رینڈر کرنے کے لئے چاہتے ہیں کا کہنا ہے کہ
اب کے لئے ایک براہ راست اپ flashcard سے.

270
00:12:32,390 --> 00:12:34,890
flashcard سے، میں، کا کہنا ہے کہ
ایک سوال اور اس کا جواب ہوگا.

271
00:12:34,890 --> 00:12:37,530
تو اس div کے اندر، چلو
ایک پیراگراف باہر پرنٹ

272
00:12:37,530 --> 00:12:42,155
کہ کیا ہے question-- کا کہنا ہے کہ
زندگی کے لئے حتمی جواب، یونیورس؟

273
00:12:42,155 --> 00:12:47,640

274
00:12:47,640 --> 00:12:50,345
اور پھر جواب ہے
42، کورس کے، ہونے جا رہا.

275
00:12:50,345 --> 00:12:56,880

276
00:12:56,880 --> 00:12:59,730
>> یہ سب اچھی طرح سے نہیں آیا تھا.

277
00:12:59,730 --> 00:13:04,164
جی ہاں، تو بنیادی طور پر آپ کر سکتے ہیں واقعی
آپ کو جاوا اسکرپٹ اندر HTML لکھنے.

278
00:13:04,164 --> 00:13:06,330
یہ ہونے جا رہا ہے
سکرین میں باہر پرنٹ.

279
00:13:06,330 --> 00:13:08,250
تو اسے باہر کرنے کی کوشش کریں.

280
00:13:08,250 --> 00:13:09,520
>> تو ہم ہمارے جزو ہے.

281
00:13:09,520 --> 00:13:12,210
ہم ڈال کرنے کے لئے رد عمل کا اظہار بتانے کی ضرورت ہے
سکرین پر جزو

282
00:13:12,210 --> 00:13:18,990
تو React.render، تاکہ ہم محسوس
کسی دوسرے عنصر جیسے اپلی کیشن کا علاج.

283
00:13:18,990 --> 00:13:21,010
یہ ایک HTML عنصر تھا کے طور پر ہم یہ لکھ.

284
00:13:21,010 --> 00:13:25,100
بجائے IMG طرح کہہ طرح
پیراگراف کے لیے تصویر یا P کے لئے،

285
00:13:25,100 --> 00:13:28,120
اپلی کیشن ہے، لہذا آپ کو اپلی کیشن لکھیں
ایک HTML عنصر کی طرح سلوک کیا.

286
00:13:28,120 --> 00:13:30,380
میں نے پہلے کہا، یہ ہے
سٹیرائڈز پر ایک عنصر.

287
00:13:30,380 --> 00:13:32,870
>> تو آپ کو اپلی کیشن رینڈر، اور آپ
یہ ڈال کرنے کے لئے ایک جگہ دے.

288
00:13:32,870 --> 00:13:37,170
اور یہ کس طرح آپ کر سکتے ہیں ہے
کہاں ڈال پر یہ بتانے.

289
00:13:37,170 --> 00:13:46,200
میں نے ایک سادہ div پیدا کیا ہے
صفحے کے ایک ID کے ساتھ کہا جاتا صفحے،

290
00:13:46,200 --> 00:13:48,300
اور وہ کہاں ہے
عنصر جا رہا ہے.

291
00:13:48,300 --> 00:13:49,841
>> اور ہم HTML کے ساتھ چلانے کے لئے نہیں جا رہے ہیں.

292
00:13:49,841 --> 00:13:53,145
بنیادی طور پر اس کو حاصل کرنے کی جا رہی ہے
اس صفحے عنصر کے اندر ڈال دیا

293
00:13:53,145 --> 00:13:54,270
ہم سکرین پر ہے کہ.

294
00:13:54,270 --> 00:13:59,210
تو یہ اس کوڈ چلتا ہے، اور یہ اس ڈرا
سکرین پر بات، تو ہم یہاں ہیں.

295
00:13:59,210 --> 00:14:01,770
ہم اپنے پہلے رد عمل کا اظہار جزو بنا دیا ہے.

296
00:14:01,770 --> 00:14:08,000
>> تو صرف ایک recap طور پر، ہم آہستہ بنایا
جزو کی ایک نئی قسم، ٹھیک ہے؟

297
00:14:08,000 --> 00:14:10,145
یہی React.createClass ہے.

298
00:14:10,145 --> 00:14:12,680
اس جزو میں، ہم
یہ کیا کرنا چاہئے یہ بتایا.

299
00:14:12,680 --> 00:14:15,590
جب اس کے اتحادیوں کے لئے ہے
سکرین پر پرنٹ کیا جا،

300
00:14:15,590 --> 00:14:19,300
اس div کے ساتھ باہر پرنٹ گا
اس کے اندر دو پیرا.

301
00:14:19,300 --> 00:14:24,460
>> اور ہم نے کیا ہے، ہم ایک نیا اپلی کیشن بنایا
زاویہ بریکٹ سنکیتن کا استعمال کرتے اپلی کیشن.

302
00:14:24,460 --> 00:14:27,160
ہم نے اسے ڈال کرنے کے لئے کہا
صفحہ عنصر کے اندر.

303
00:14:27,160 --> 00:14:29,867
اور اس طرح میں نے کیا، اسے پیدا
اس سانچے کی طرف سے ایک نئے اے پی پی.

304
00:14:29,867 --> 00:14:31,200
اور پھر میں اس رینڈر کو بتایا.

305
00:14:31,200 --> 00:14:33,680
تو اس نے کہا، ٹھیک ہے، اے پی پی،
مجھے کیا باہر پرنٹ کرنا چاہئے؟

306
00:14:33,680 --> 00:14:36,970
اپلی کیشن، ایک div باہر پرنٹ جانے کہنا
اس کے اندر دو پیرا کے ساتھ.

307
00:14:36,970 --> 00:14:40,420
اور voila، کے ساتھ ہمارے div کی ہے
اس کے اندر دو پیرا.

308
00:14:40,420 --> 00:14:43,180
اب تک کوئی مطلب ہے؟

309
00:14:43,180 --> 00:14:46,690
>> تو، ایک بار پھر، کے پورے چیلنج ردعمل
صرف اجزاء بنانے کے لئے کس طرح جانتا ہے.

310
00:14:46,690 --> 00:14:48,500
بنانے کے لئے کس طرح
اجزاء ایک دوسرے کے ساتھ کام کرتے ہیں.

311
00:14:48,500 --> 00:14:51,780
اب ہم ہمارے پہلے بنایا ہے کہ
جزو، کا واپس جانے

312
00:14:51,780 --> 00:14:54,284
اور اجزاء مرضی کے مطابق بنانے.

313
00:14:54,284 --> 00:14:56,700
لہذا آپ کو HTML میں کس طرح جانتے ہیں آپ
آپ کے بٹن کلاس دے سکتے ہیں؟

314
00:14:56,700 --> 00:14:59,146
آپ کو آپ کے اینکرز href کی دے سکتے ہیں.

315
00:14:59,146 --> 00:15:00,770
تم نے صحیح، اپنے آدانوں ایک قسم دے سکتا ہے؟

316
00:15:00,770 --> 00:15:04,740
آپ کو زیادہ اپنی مرضی کے مطابق دے سکتے ہیں
آپ کے عناصر کے تمام خصوصیات

317
00:15:04,740 --> 00:15:06,490
یہ زیادہ دلچسپ بنانے کے لئے.

318
00:15:06,490 --> 00:15:09,030
اور ہم اصل میں کیا کر سکتے ہیں
بالکل وہی بات ہے.

319
00:15:09,030 --> 00:15:17,500
>> تو ہم چاہتے ہیں کا کہنا ہے کہ ہماری
اپلی کیشن کسی بھی کارڈ رینڈر جانا.

320
00:15:17,500 --> 00:15:19,630
ٹھیک ہے اب ہم صرف
ایک hardcoded کیا کارڈ مہیا.

321
00:15:19,630 --> 00:15:22,530
ہم صرف ایک وہاں ہے
کارڈ ایسا کر سکتے ہیں، تاکہ ہم ہیں

322
00:15:22,530 --> 00:15:25,960
کوشش اور تو اب اس کو تبدیل کرنے جا رہا
ہم صرف یہ کچھ کارڈ دے سکتے ہیں.

323
00:15:25,960 --> 00:15:27,410
یہ کارڈ باہر پرنٹ کریں گے.

324
00:15:27,410 --> 00:15:29,380
>> آپ کوشش کریں اور بنانے کے لئے چاہئے آپ
اجزاء ایک بہت عام مقصد.

325
00:15:29,380 --> 00:15:31,654
تو اس طرح میں نے ای میل کر سکتے ہیں
یہ میرا دوست اور طرح ہو،

326
00:15:31,654 --> 00:15:33,820
آپ کے پاس جو کچھ بھی flashcard سے،
صرف یہاں میں اس کو کھانا کھلانا،

327
00:15:33,820 --> 00:15:35,290
اور یہ خود کی طرف سے یہ کروں گا.

328
00:15:35,290 --> 00:15:37,650
آپ دیگں ڈال کر سکتے ہیں
آپ کے اپنے اے پی پی میں چیزوں کو.

329
00:15:37,650 --> 00:15:40,600
>> لیکن سب سے پہلے، اس کے توڑ دو
دو اجزاء میں،

330
00:15:40,600 --> 00:15:44,500
لیکن ہم کارڈ الگ کرنا چاہتے ہیں
اصل اپلی کیشن حصے سے پرنٹنگ حصہ.

331
00:15:44,500 --> 00:15:46,660
تو ہم کیا کر سکتے ہیں ہم ہے
اپلی کیشن سے اس کو تبدیل کر سکتے ہیں

332
00:15:46,660 --> 00:15:51,300
CardView کے لئے، صرف ایک
اپلی کیشن کے لئے نیا نام،

333
00:15:51,300 --> 00:15:54,450
اور ہم ایک نیا کر سکتے ہیں
جزو، اپلی کیشن نامی

334
00:15:54,450 --> 00:15:56,336
پرانے اپلی کیشن کے ساتھ الجھن میں نہیں.

335
00:15:56,336 --> 00:16:00,730
ہم createClass مل گیا ہے،
اور HTML کی طرح،

336
00:16:00,730 --> 00:16:03,590
آپ گھوںسلی اجزاء ردعمل کر سکتے ہیں
ایک دوسرے کے اندر.

337
00:16:03,590 --> 00:16:16,430
>> ، اس رینڈر تقریب میں
تقریب واپسی CardView،

338
00:16:16,430 --> 00:16:18,234
اور یہ بالکل وہی بات ہے.

339
00:16:18,234 --> 00:16:19,400
یہ ایک ہی بات ہے کیوں دیکھتے ہیں؟

340
00:16:19,400 --> 00:16:22,590
اس کی بجائے صرف اپلی کیشن دے کے کہ
، اس کے اندر div اور جوڑی ہے

341
00:16:22,590 --> 00:16:26,194
اپلی کیشن CardView دیتا، اور
CardView div اور پیراگراف دیتا.

342
00:16:26,194 --> 00:16:29,110
تو اس کی ہماری پہلی مثال ہے
ایک دوسرے کے اندر nesting کے عناصر.

343
00:16:29,110 --> 00:16:32,177
اس کا کوئی مطلب ہے؟

344
00:16:32,177 --> 00:16:33,760
تو، ایک بار پھر، ہم نے ایک CardView عنصر ہے.

345
00:16:33,760 --> 00:16:37,250
ہم اپلی کیشن عناصر ہیں
اس سے بڑا ہے کہ.

346
00:16:37,250 --> 00:16:40,990
>> ٹھیک ہے، تو ہم چاہتے ہیں ہماری CardView-- اگر
ایک اچھا CardView ایک مخصوص کارڈ دے،

347
00:16:40,990 --> 00:16:43,370
یہ درست ہے، آپ کے لئے باہر پرنٹ کریں گے؟

348
00:16:43,370 --> 00:16:48,050
تو سب سے پہلے، ہم نے ایک کارڈ بنانے کے لئے کی ضرورت ہے،
تو ایک کارڈ اعتراض بنانے.

349
00:16:48,050 --> 00:17:02,930
تو میرا کارڈ دو equal--
آپ سب واقف ہیں تو،

350
00:17:02,930 --> 00:17:05,260
یہ صرف علامت سازی ہے
جاوا اسکرپٹ میں اعتراض.

351
00:17:05,260 --> 00:17:09,280
یہ ایک struct کی طرح قسم کی ہے
C میں، تو ہم، ایک کارڈ دیا

352
00:17:09,280 --> 00:17:15,920
اور تو اب ہم اس کارڈ کو منتقل کر سکتے ہیں
ایک پراپرٹی یا HTML میں ایک خصوصیت کے طور پر

353
00:17:15,920 --> 00:17:17,290
ہمارے اپلی کیشن کو اصطلاحات.

354
00:17:17,290 --> 00:17:20,210
تو ہم اس، اپلی کیشن کر سکتے ہیں
کارڈ myCard برابر.

355
00:17:20,210 --> 00:17:23,200
>> آپ ان پٹ میں، آپ کو کس طرح جانتے ہیں
ان پٹ کی قسم متن یا بٹن کے برابر ہے

356
00:17:23,200 --> 00:17:25,240
کلاس بوٹسٹریپ کے لئے BTN برابر ،؟

357
00:17:25,240 --> 00:17:29,500
اسی خیال، اپلی کیشن کارڈ برابر
آپ منحنی خطوط وحدانی ڈال کرنے کے لئے مل گیا ہے یہاں

358
00:17:29,500 --> 00:17:33,830
اپلی کیشن کارڈ myCard برابر، تو یہ
ہم اس کارڈ چیز ہے کا کہنا ہے کہ.

359
00:17:33,830 --> 00:17:39,149
میں نے ایک کے طور پر منتقل کرنے کے لئے جا رہا ہوں
اپلی کیشن جزو پر جائیداد.

360
00:17:39,149 --> 00:17:41,440
اور اس اپلی کیشن جزو گا
اس تک رسائی حاصل کرنے کے قابل ہو اور ایسا

361
00:17:41,440 --> 00:17:43,580
اس کے ساتھ دلچسپ چیزیں.

362
00:17:43,580 --> 00:17:47,650
>> تو ہمارے اپلی کیشن ہونے جا رہا ہے
ایک کارڈ دیا، تو اب کے لئے،

363
00:17:47,650 --> 00:17:49,980
صرف دینے کی اے پی پی ہے دو
CardView کے لئے کارڈ

364
00:17:49,980 --> 00:17:53,110
خود اپلی کیشن نہیں ہے کی طرح ہے کیونکہ
اس کے ساتھ کیا کرنا ہے جاننے کے لئے جا،

365
00:17:53,110 --> 00:17:54,850
تو ہم صرف CardView کو دے دونگا.

366
00:17:54,850 --> 00:18:00,050
تو ہم اس کو منتقل کریں گے
اسی طرح، کارڈ، برابر

367
00:18:00,050 --> 00:18:05,426
اور اس طرح ہر جزو تک رسائی حاصل کر سکتے ہیں
اس کو دیا گیا ہے کہ چیزوں کو.

368
00:18:05,426 --> 00:18:07,800
وہ خصوصیات تک رسائی حاصل کر سکتے ہیں
کہ اس کے لئے دیا گیا ہے

369
00:18:07,800 --> 00:18:09,470
this.props.card، اس نحو استعمال کر رہے ہیں.

370
00:18:09,470 --> 00:18:12,010

371
00:18:12,010 --> 00:18:14,920
>> تو کیا یہاں ہے کیا ہوتا ہے
آپ myCard چیز ہے.

372
00:18:14,920 --> 00:18:18,250
آپ کو اپلی کیشن میں منتقل
اپلی کیشن کارڈ استعمال myCard برابر.

373
00:18:18,250 --> 00:18:21,420
اس کارڈ اعتراض اپنے اے پی پی کو دیا جاتا ہے.

374
00:18:21,420 --> 00:18:24,400
اپلی کیشن اس تک رسائی حاصل کر سکتے ہیں
this.props.card طور پر.

375
00:18:24,400 --> 00:18:28,780
یہ ایک تصویر کی طرح قسم کی ہے
اس کے ذریعہ کیا ہے جانتا ہے.

376
00:18:28,780 --> 00:18:31,972
>> اس اپلی کیشن یہ کارڈ ہے کیا جانتا ہے
ہے، اور یہ اس کے ساتھ چیزیں کر سکتے ہیں.

377
00:18:31,972 --> 00:18:32,930
یہ سنگننا کر سکتے ہیں.

378
00:18:32,930 --> 00:18:35,290
یہ دور کی بنیاد پر فیصلے کر سکتے ہیں.

379
00:18:35,290 --> 00:18:39,950
>> اب کے لئے، میں منتقل کرنے کے لئے جا رہا تھا
CardView پر this.props.card.

380
00:18:39,950 --> 00:18:43,420
اب تک کوئی مطلب ہے؟

381
00:18:43,420 --> 00:18:45,210
اب یہ زیادہ احساس بنا دیں گے.

382
00:18:45,210 --> 00:18:46,990
>> ٹھیک ہے، تو اب ہم CardView پر ہیں.

383
00:18:46,990 --> 00:18:51,719
کارڈ دیا ہمارے CardView،، ہونا چاہئے
اس سوال اور جواب باہر پرنٹ.

384
00:18:51,719 --> 00:18:54,510
ٹھیک ہے اب ہم صرف باہر طباعت کچھ
hardcoded کیا سوالات اور جوابات.

385
00:18:54,510 --> 00:18:57,720
ہم نے کی ضرورت out-- جاننے کی ضرورت ہے
انہوں نے ہمیں دیا ہے کہ کارڈ پوچھنا

386
00:18:57,720 --> 00:19:01,360
کیا سوال اور جواب ہے، اور
پھر سکرین میں اس سے باہر پرنٹ.

387
00:19:01,360 --> 00:19:02,470
>> تو ہم یہاں ایسا کر سکتے ہیں.

388
00:19:02,470 --> 00:19:06,135
میں سب سے پہلے برابر begin-- رینڈر.

389
00:19:06,135 --> 00:19:08,710

390
00:19:08,710 --> 00:19:13,050
تو کیا ہم یہاں کیا کر رہے ہیں ہم جانتے ہیں کہ ہے
کارڈ، ایک پراپرٹی کے لئے ہمیں دیا جاتا ہے

391
00:19:13,050 --> 00:19:13,580
ٹھیک ہے؟

392
00:19:13,580 --> 00:19:15,930
یہ ایک ان پٹ کے طور پر ہم کو دیا ہے.

393
00:19:15,930 --> 00:19:19,440
یہ تقریبا کی طرح ہے جیسے
ایک تقریب میں دلائل.

394
00:19:19,440 --> 00:19:22,810
کارڈ کی ایک دلیل ہے
تقریبا اس CardView کرنے.

395
00:19:22,810 --> 00:19:25,239
>> ہم نے اس کو ہٹا دیں، اور ڈال دیں گے
یہ متغیر سوال میں.

396
00:19:25,239 --> 00:19:27,280
اس بات کا یقین کا جواب گیا بنائیں
متغیر جواب.

397
00:19:27,280 --> 00:19:31,130
کارڈ جواب دینے کے لئے کہ اشارہ.

398
00:19:31,130 --> 00:19:35,072
اور اب ہم ان ہے کہ،
بجائے کہ متن پرنٹنگ کے،

399
00:19:35,072 --> 00:19:37,030
ہم باہر پرنٹ کرنے کے لئے جا رہے ہیں
جو کچھ انہوں نے ہمیں دی.

400
00:19:37,030 --> 00:19:43,580
>> تو یہ تو ہم جا رہے ہیں stuff--
سوال کا جواب باہر ڈال دیا.

401
00:19:43,580 --> 00:19:46,380
یہ کام کرتا ہے چلو دیکھتے ہیں اگر.

402
00:19:46,380 --> 00:19:52,800
ٹھنڈا، تو اس کے ذریعے قدم دو
ایک بار صرف اس بات کا یقین کرنے کے لئے.

403
00:19:52,800 --> 00:20:00,470
>> تو میرا کارڈ اعتراض ہے، اور ہم
اپلی کیشن کے لئے اس کارڈ دے رہے ہیں.

404
00:20:00,470 --> 00:20:04,790
اور اے پی پی لینے کے لئے کی جا رہی ہے
کارڈ اور اس CardView کو دے.

405
00:20:04,790 --> 00:20:09,190
اس CardView اگر، کا کہنا ہے کہ
، مجھے کوئی اعتراض flashcard سے دے

406
00:20:09,190 --> 00:20:11,920
میں نے اس سوال باہر پرنٹ کریں گے
اور اس کا جواب، ٹھیک ہے؟

407
00:20:11,920 --> 00:20:14,590
>> تو میں کیا کر سکتا ہوں کر سکتے ہیں ہے
، سب سے پہلے اس کوڈ بھیجیں

408
00:20:14,590 --> 00:20:16,580
میرے دوست کے لئے اپنے کوڈ کے 10 لائنیں، کی طرح.

409
00:20:16,580 --> 00:20:18,820
انہوں نے کہا کہ اس میں یمبیڈ کر سکتے ہیں
اپنی درخواست.

410
00:20:18,820 --> 00:20:27,200
اور اس نے وہی کام کیا جب تک کے طور،
، CardView کارڈ اس کے برابر کی طرح

411
00:20:27,200 --> 00:20:30,580
وہ CardView پیدا کے طور پر
اور یہ صحیح معلومات دی،

412
00:20:30,580 --> 00:20:31,987
وہ اپنے کارڈ رینڈر سکتا.

413
00:20:31,987 --> 00:20:34,320
اور اس طرح اس طرح، یہ ایک بہت ہے
آپ کو تعمیر کرنے کے لئے ٹھنڈی طریقہ

414
00:20:34,320 --> 00:20:35,906
صحیح، ایک دوسرے استعمال کرتے ہیں کہ اجزاء؟

415
00:20:35,906 --> 00:20:38,280
یہ کارڈ، میں شائع کر سکتے ہیں
انٹرنیٹ پر اس CardView،

416
00:20:38,280 --> 00:20:39,790
اور لوگوں کو استعمال کرنے کے قابل ہو جائے گا.

417
00:20:39,790 --> 00:20:45,070
تو بنیادی طور پر، اس کا ایک طرح ہے
سی لائبریری میں معیاری کام کرتا ہے.

418
00:20:45,070 --> 00:20:47,280
>> یہ ایک تقریب ہے جہاں
کسی کو اس میں لکھا ہے.

419
00:20:47,280 --> 00:20:48,419
آپ کو ایک مخصوص پٹ دے.

420
00:20:48,419 --> 00:20:49,710
یہ ایک مخصوص پیداوار پیدا کریں گے.

421
00:20:49,710 --> 00:20:50,890
تم نے اسے اندرون ملک کیسے کام کرتا ہے کی پرواہ نہیں کرتے.

422
00:20:50,890 --> 00:20:53,790
جب تک آپ کو یہ حق دینے کے طور پر
ان پٹ، یہ درست پیداوار بنا دیں گے.

423
00:20:53,790 --> 00:20:57,850
>> اور ایک جزو ہو سکتا ہے
اسی طرح کے بارے میں سوچا.

424
00:20:57,850 --> 00:21:00,280
یہ CardView کی طرح ہے
ایک لائبریری تقریب.

425
00:21:00,280 --> 00:21:03,400
آپ اسے کچھ کارڈ دے تو
ایک جائیداد کے طور پر، یہ کروں گا

426
00:21:03,400 --> 00:21:05,095
اس کارڈ کے مندرجات باہر پرنٹ.

427
00:21:05,095 --> 00:21:16,820
میں اپنی کارڈ کو تبدیل تو طرح
بجائے 5 پلس 37 کی طرح کیا،

428
00:21:16,820 --> 00:21:19,210
اس کے مطابق اپ ڈیٹ کرے گا.

429
00:21:19,210 --> 00:21:21,955
تو ان پٹ تبدیل کرنے کی طرف،
یہ ایک خاص پیداوار ہے.

430
00:21:21,955 --> 00:21:24,830
تو آپ کو تقریبا اجزاء کے بارے میں سوچ کر سکتے ہیں
اس طرح کام کرتا ہے، کے طور پر جس

431
00:21:24,830 --> 00:21:25,920
آپ کے ساتھ ڈال کر سکتے ہیں.

432
00:21:25,920 --> 00:21:29,440
آپ کو اس CardView طرح، ان پٹ حاصل
ان پٹ کے طور، آپ کی پیداوار حاصل.

433
00:21:29,440 --> 00:21:31,900
اس صورت میں، پیداوار HTML ہے.

434
00:21:31,900 --> 00:21:34,404
اب تک کوئی مطلب ہے؟

435
00:21:34,404 --> 00:21:36,890
ٹھنڈا، تو پھر، خصوصیات ہیں
آپ کی معلومات کو منتقل کر سکتے ہیں کہ کس طرح

436
00:21:36,890 --> 00:21:40,900
میں اور اجزاء کے باہر.

437
00:21:40,900 --> 00:21:42,740
>> ٹھیک ہے، تو اس بنا دو
بات انٹرایکٹو.

438
00:21:42,740 --> 00:21:44,450
ٹھیک ہے اب یہ بورنگ کی طرح ہے.

439
00:21:44,450 --> 00:21:45,520
[اشراوی] کیا ہے؟

440
00:21:45,520 --> 00:21:48,210
آپ کو کچھ باہر پرنٹ کر سکتے ہیں
لیکن یہ کیا کر سکتے ہیں ہے.

441
00:21:48,210 --> 00:21:51,550
>> تو واپس جانے
صرف اب کے لئے پرانے سوال.

442
00:21:51,550 --> 00:21:54,405
ٹھیک ہے، تو اب ان اجزاء
تمام وہ ایسا کرتے ہیں کیونکہ بورنگ رہے،

443
00:21:54,405 --> 00:21:55,030
وہ ان پٹ حاصل.

444
00:21:55,030 --> 00:21:56,100
وہ پیداوار، صحیح ہے؟

445
00:21:56,100 --> 00:21:57,049
یہ بورنگ کی طرح ہے.

446
00:21:57,049 --> 00:21:59,090
ہمارے کرنا چاہتے ہیں
اجزاء کے قابل ہو جائے کرنے کے لئے

447
00:21:59,090 --> 00:22:02,150
اندرونی ریاست کے کچھ قسم کی،
کی طرح کچھ یاد.

448
00:22:02,150 --> 00:22:05,320
>> ایک flashcard سے کے لئے، کے لئے
ریاست کی مثال، کس طرح

449
00:22:05,320 --> 00:22:07,550
آپ کو چاہتے ہو سکتا ہے
ایک flashcard سے کے لئے یاد ہے؟

450
00:22:07,550 --> 00:22:09,740
کیا عارضی حیثیت
آپ کو یاد کرنا چاہتے ہیں

451
00:22:09,740 --> 00:22:12,491
ایک flashcard سے اپلی کیشن میں ایک flashcard سے لئے؟

452
00:22:12,491 --> 00:22:13,990
سامعین: یہ بس الٹ رہا ہے کہ آیا؟

453
00:22:13,990 --> 00:22:14,990
اونیل مہتا: صحیح، ہاں.

454
00:22:14,990 --> 00:22:17,665
تو آپ کو رکھنے کے لئے چاہتے ہو سکتا ہے
کا ٹریک آپ کو سامنا کرنا پڑتا ہے یا ہیں

455
00:22:17,665 --> 00:22:19,100
آپ کارڈ پر نیچے کا سامنا.

456
00:22:19,100 --> 00:22:23,420
فیس بک پر، مثال کے طور پر، آپ چاہتے ہیں
نیوز فیڈ میں جہاں یاد کرنا چاہتے ہیں

457
00:22:23,420 --> 00:22:25,870
تم ہو یا پروفائل کون ہے پسند
تم ابھی کر رہے ہیں.

458
00:22:25,870 --> 00:22:30,127
>> رسول، کیا متن آپ کی طرح
صحیح، ان پٹ باکس میں ٹائپ کریں؟

459
00:22:30,127 --> 00:22:31,710
آپ صفحے کو ریفریش، تو یہ دور ہو جاتا ہے.

460
00:22:31,710 --> 00:22:32,793
لیکن اگر تم واقعی پرواہ نہیں کرتے.

461
00:22:32,793 --> 00:22:33,770
یہ صرف عارضی ہے.

462
00:22:33,770 --> 00:22:34,548
جی ہاں؟

463
00:22:34,548 --> 00:22:36,152
>> سامعین: [اشراوی]

464
00:22:36,152 --> 00:22:38,360
اونیل مہتا: ایک فلیش کی طرح
کارڈ، آپ کو دیکھ کر کیا جا سکتا ہے کی طرح

465
00:22:38,360 --> 00:22:40,290
سوال طرف یا جواب کی طرف؟

466
00:22:40,290 --> 00:22:41,070
>> سامعین: ٹھیک ہے.

467
00:22:41,070 --> 00:22:43,270
>> اونیل مہتا: کی طرح ایک
صحیح، flashcard سے دو رخا؟

468
00:22:43,270 --> 00:22:46,370
جی ہاں، تو آپ کرنا چاہتے ہیں
اب کے اس خیال ہے

469
00:22:46,370 --> 00:22:50,370
میں، آدانوں کی طرح ہے جو، خصوصیات ہیں
لیکن اہ، عارضی ہے جس میں ریاست،،

470
00:22:50,370 --> 00:22:51,839
آپ کے صفحے پر ہیں جہاں، ٹھیک ہے؟

471
00:22:51,839 --> 00:22:54,380
ایک بار پھر، میں نے فیس بک میں کہا
رسول، میں جس شخص کی طرح ہے

472
00:22:54,380 --> 00:22:56,550
اگر آپ فیس بک دیکھ رہے
یا کون صحیح، پروفائل ہے؟

473
00:22:56,550 --> 00:22:58,030
>> یہ صرف عارضی ہے.

474
00:22:58,030 --> 00:23:01,200
یہ صارف کو دکھانے کے لئے ضروری ہے
کیا چل رہا، لیکن صفحے کو ریفریش ہے.

475
00:23:01,200 --> 00:23:02,250
یہ واقعی کوئی فرق نہیں پڑتا.

476
00:23:02,250 --> 00:23:04,530
تو یہ، عارضی حالت ہے
اس لئے ہم سب یہ ریاست.

477
00:23:04,530 --> 00:23:06,250
>> تو، ایک بار پھر، ریاست اور جاتا ہے.

478
00:23:06,250 --> 00:23:09,084
سہارے پٹ دیا جاتا ہے
آپ کے ڈیٹا کے ذریعہ سے.

479
00:23:09,084 --> 00:23:10,250
ریاست صرف ڈیفالٹس طرح ہے.

480
00:23:10,250 --> 00:23:13,700
یہ چیزیں کی طرح ہے کہ
بات انٹرایکٹو بنا دیتا ہے.

481
00:23:13,700 --> 00:23:17,720
>> میں تو ہمارے CardView-- کی ہے دو
ہمارے CardView-- یہ اچھا تھا تو.

482
00:23:17,720 --> 00:23:21,420
ہم یہاں کیا کرنے جا رہے ہیں، ہم جا رہے ہیں
CardView اور صرف CardView چھونا.

483
00:23:21,420 --> 00:23:25,105
اور اس طرح میرے دوست یہ وہ، ہے جو
کوئی فرق محسوس نہیں کریں گے.

484
00:23:25,105 --> 00:23:27,230
وہ تبدیل کرنے کی ضرورت نہیں کرے گا
ان کے اپنے کوڈ کے کسی بھی،

485
00:23:27,230 --> 00:23:29,410
لیکن وہ دیکھنا چاہتے ان
CardView اوپر souped گیا.

486
00:23:29,410 --> 00:23:31,270
کہ اس کے اجزاء کے بارے میں ایک اچھا حصہ ہے.

487
00:23:31,270 --> 00:23:35,290
>> ٹھیک ہے، ہمارے CardView میں اتنی، کرنے کی کوشش کریں اور
ہم اپ مرحلے رہے ہیں کے ٹریک رکھنے کے

488
00:23:35,290 --> 00:23:36,560
یا نیچے کا سامنا.

489
00:23:36,560 --> 00:23:40,480
ردعمل میں ہم سب سے پہلے کی طرف سے ایسا
ابتدائی حالت کی وضاحت.

490
00:23:40,480 --> 00:23:42,070
جہاں کارڈ شروع ہوتا ہے؟

491
00:23:42,070 --> 00:23:48,480
>> تو getInitialState نامی ایک تقریب ہو
کام، اور ہم کسی چیز کو واپس.

492
00:23:48,480 --> 00:23:53,310
یہ اعتراض، کچھ ریاستی مشتمل ہے اور
حالت صرف ایک اہم قدر جوڑی ہے.

493
00:23:53,310 --> 00:23:56,950
ہدایت کی طرح، آپ کو ایک چابی اور ایک ہے
نام ایک تار ہے جیسے قیمت، آپ کو کرنا پڑے.

494
00:23:56,950 --> 00:24:01,410
>> اس صورت میں، کے سامنے سچ ہے کا کہنا ہے کہ.

495
00:24:01,410 --> 00:24:03,760
یہ ہم نے ایک ریاست ہے کا کہنا ہے کہ.

496
00:24:03,760 --> 00:24:06,570
ریاست کے ایک جزو
سامنے نامی ایک وصف ہے.

497
00:24:06,570 --> 00:24:09,649
[اشراوی]، پہلے سے طے شدہ کی طرف سے،
ہم کارڈ کے سامنے میں ہیں،

498
00:24:09,649 --> 00:24:11,440
اور ہم نے اس کو تبدیل کر سکتے ہیں
کے طور پر ہم کارڈ پلٹائیں.

499
00:24:11,440 --> 00:24:13,380
کوئی مطلب ہے؟

500
00:24:13,380 --> 00:24:18,190
>> ٹھیک ہے، تو میں ابھی، ہم، رینڈر
سوال اور جواب دکھا.

501
00:24:18,190 --> 00:24:20,860
اب ہمیں کیا کرنا چاہئے
سوال دکھا رہا ہے

502
00:24:20,860 --> 00:24:24,370
ہم کارڈ کے سامنے پر ہو تو
جواب کارڈ کے پیچھے کے لئے ہے.

503
00:24:24,370 --> 00:24:26,850
آپ سب کو یہی وجہ ہے کہ
کارڈ انٹرایکٹو.

504
00:24:26,850 --> 00:24:28,100
تو اور اس کے لئے یہاں کی کوشش کریں.

505
00:24:28,100 --> 00:24:31,600

506
00:24:31,600 --> 00:24:33,620
ویسے، سب سے پہلے صرف ایک متغیر بنانا.

507
00:24:33,620 --> 00:24:37,790
ہم this.state.front اب پوچھ سکتے ہیں.

508
00:24:37,790 --> 00:24:42,010
ہم ایک ہی ہم ریاست تک رسائی حاصل
رسائی جاتا، تو this.state.front.

509
00:24:42,010 --> 00:24:45,870
>> ہم سامنے ہیں تو، پھر متن
this.props.card.question ہے.

510
00:24:45,870 --> 00:24:48,777

511
00:24:48,777 --> 00:24:51,360
ہم کے سامنے پر ہیں تو
کارڈ، ہم کوشش کریں اور قبضہ کرنے کے لئے جا رہے ہیں

512
00:24:51,360 --> 00:24:52,485
کارڈ سے سوال.

513
00:24:52,485 --> 00:24:54,782

514
00:24:54,782 --> 00:24:57,240
دوسری صورت میں، ہم واپس پر ہیں تو
کارڈ کی، ہم کیا کرتے ہیں؟

515
00:24:57,240 --> 00:25:01,830

516
00:25:01,830 --> 00:25:02,750
>> سامعین: جواب؟

517
00:25:02,750 --> 00:25:05,041
>> اونیل مہتا: جی ہاں، اس لئے متن
this.props.card.answer برابر.

518
00:25:05,041 --> 00:25:08,472

519
00:25:08,472 --> 00:25:10,930
اگر آپ کو نوٹس، ہم استعمال کر رہے ہیں
ریاست فیصلہ کرنے کے لئے

520
00:25:10,930 --> 00:25:14,420
اب جزو کی وجہ سے
مختلف نظر آئے گا

521
00:25:14,420 --> 00:25:16,710
ان کے ساتھ بات چیت کس طرح دور کی بنیاد پر.

522
00:25:16,710 --> 00:25:20,355
تو بجائے اس سے باہر پرنٹنگ کے،
ہم صرف متن کے باہر پرنٹ کریں گے.

523
00:25:20,355 --> 00:25:25,270

524
00:25:25,270 --> 00:25:28,650
ٹھنڈی، اب، آپ کو دیکھ کے طور پر،
ہم صرف سوال.

525
00:25:28,650 --> 00:25:37,720
اور میں دستی طور پر یہاں ریاست بدل جاتا ہے تو
سامنے جھوٹی ہے ہم 42 واپس حاصل.

526
00:25:37,720 --> 00:25:39,720
>> تو، ایک بار پھر، اس کے اتحادیوں
اپنے ریاست ہے.

527
00:25:39,720 --> 00:25:43,440
ایک بٹن چاہے وہ جانتا ہے کی طرح
یہ، دبایا یا نہیں رہا ہے

528
00:25:43,440 --> 00:25:46,080
اس بات پر کیا ہے
سامنے یا پیچھے.

529
00:25:46,080 --> 00:25:48,320
ڈیفالٹ کی طرف سے، اس کے سامنے پر ہے.

530
00:25:48,320 --> 00:25:50,840
اور پھر اس کے سامنے پر ہے،
ہم سوال باہر پرنٹ کریں گے.

531
00:25:50,840 --> 00:25:53,106
اس کی پیٹھ پر ہے تو، ہم کریں گے
جواب باہر پرنٹ.

532
00:25:53,106 --> 00:25:54,980
تو، ایک بار پھر، معلومات
دی ہی ہے.

533
00:25:54,980 --> 00:25:59,090
یہ صرف مختلف لگ رہا ہے
آپ اس پروگرام کتنا پر مبنی.

534
00:25:59,090 --> 00:26:02,670
تو، مثال کے طور پر، فیس بک رسول،
آپ کو ایک ہی ڈیٹا کا ذریعہ حاصل یہاں تک کہ اگر،

535
00:26:02,670 --> 00:26:05,170
یہ مختلف نظر ہو سکتا ہے
ریاست مختلف ہے کیونکہ.

536
00:26:05,170 --> 00:26:08,421
آپ دیکھ رہے ہیں
مختلف شخص کا پیغام.

537
00:26:08,421 --> 00:26:10,930
>> ٹھیک ہے، تو یہ سب ٹھیک ہے اور
اچھا، لیکن اب کیا اصل ہے

538
00:26:10,930 --> 00:26:15,940
چاہے، تبدیل کرنے کے قابل بنانے کے
ہماری کارڈ سامنے یا واپس آ گیا ہے.

539
00:26:15,940 --> 00:26:19,010
ہم ایک فلپ انہوں نے مزید کہا کی طرف سے ایسا کر سکتے ہیں
بٹن، کارڈ کے لئے ایک بٹن ہے

540
00:26:19,010 --> 00:26:22,950
یہ [اشراوی] ہے تو کارڈ پلٹائیں گے.

541
00:26:22,950 --> 00:26:31,770
لہذا یہاں کی، یہ ایک بٹن شامل ہیں
بٹن، اور اس بٹن فلپ کہیں گے.

542
00:26:31,770 --> 00:26:35,650
>> اور تو اب، یہ
کچھ بھی نہیں ہے.

543
00:26:35,650 --> 00:26:37,075
یہ اچھا لگ رہا ہے.

544
00:26:37,075 --> 00:26:43,650
کیا ہم کر سکتے ہیں ہم نے ایک پر کلک کریں کر سکتے ہیں ہے
ہینڈلر، ہیں OnClick، this.flip برابر

545
00:26:43,650 --> 00:26:44,820
اور ہم نے فلپ کی وضاحت کریں گے.

546
00:26:44,820 --> 00:26:47,120
لیکن بنیادی طور پر، ہیں OnClick
ایک تقریب ہے کہ

547
00:26:47,120 --> 00:26:48,675
صارف اس پر کلک کرتا ہے جب بلایا جاتا ہے.

548
00:26:48,675 --> 00:26:52,330
>> تو بٹن پتہ چل جائے گا
اس پر کلک کیا گیا ہے جب.

549
00:26:52,330 --> 00:26:54,750
اس پر کلک کیا گیا ہے گیا،
یہ کارڈ پلٹائیں گے.

550
00:26:54,750 --> 00:26:58,382
یہ آپ کی طرح کی طرح ہے
پججا کی ترسیل آدمی.

551
00:26:58,382 --> 00:27:01,590
آپ، کی طرح تمام صحیح ہو، جب بھی کسی
میں نے صحیح، پیزا فراہم کریں گے، مجھے بلاتا ہے؟

552
00:27:01,590 --> 00:27:03,420
>> آپ کو اس سامع رجسٹر کریں.

553
00:27:03,420 --> 00:27:04,530
آپ کو ایک تقریب کے لئے سننے کے.

554
00:27:04,530 --> 00:27:07,657
آپ کو بلایا، اور جب جاتے ہیں
واقعہ آپ کو کچھ ہوتا ہے.

555
00:27:07,657 --> 00:27:08,240
آپ کو pizza کے حاصل.

556
00:27:08,240 --> 00:27:11,480
اس صورت میں، جب آپ ہیں
کلک، آپ کارڈ پلٹائیں.

557
00:27:11,480 --> 00:27:14,560
>> اور اس طرح ہم نے ایک وضاحت کرنے کی ضرورت
کارڈ پلٹائیں گے اس تقریب،

558
00:27:14,560 --> 00:27:17,930
تو ہم اس کا حق لکھیں گے
یہاں، تقریب پلٹائیں.

559
00:27:17,930 --> 00:27:20,850

560
00:27:20,850 --> 00:27:23,680
اور اس لئے تم فلپ کروں گا کیا سوچتے ہیں؟

561
00:27:23,680 --> 00:27:27,180
پھر اس وقت بلایا جاتا ہے
ہم فلپ بٹن پر کلک کریں.

562
00:27:27,180 --> 00:27:29,406
فنکشن پلٹائیں کیا کرنا چاہیے؟

563
00:27:29,406 --> 00:27:34,136
>> سامعین: تبدیلی this.state.front
سچی سے درست کرنے کے لئے جھوٹے، جھوٹے کے لئے.

564
00:27:34,136 --> 00:27:38,420
>> اونیل مہتا: جی ہاں، تو لے جو کچھ بھی
this.front سامنے ریاست ہے is--.

565
00:27:38,420 --> 00:27:40,930
تو، سامنے ریاست لے لو
یہ جھوٹے بنانے، سچ ہے.

566
00:27:40,930 --> 00:27:42,530
یہ جھوٹ ہے تو، صحیح، یہ سچ ہے؟

567
00:27:42,530 --> 00:27:45,330
تو چلو کہ کی کوشش.

568
00:27:45,330 --> 00:27:48,240
>> تم حالت کو تبدیل نہیں کر سکتے ہیں
صرف this.state کر.

569
00:27:48,240 --> 00:27:50,380
تم ایسا نہیں کر سکتے.

570
00:27:50,380 --> 00:27:52,030
تم ایسا نہیں کر سکتے.

571
00:27:52,030 --> 00:27:55,810
آپ کو ایک تقریب کا استعمال کرنا پڑے
this.setState بلایا.

572
00:27:55,810 --> 00:28:03,230
>> تو آپ this.setState سامنے کہہ سکتے ہیں
بڑی آنت یہ کہاں، ایک بار پھر، فجائیہ

573
00:28:03,230 --> 00:28:04,330
نقطہ مخالف کا مطلب.

574
00:28:04,330 --> 00:28:07,420
میں اگر یہ لگتا ہے. state.front
سچ ہے، یہ باطل تبدیل کر دونگا.

575
00:28:07,420 --> 00:28:09,170
تو ہم ریاست قائم کریں گے
سچی سے جھوٹے.

576
00:28:09,170 --> 00:28:11,430
یہ جھوٹ ہے تو، ہم کریں گے
درست کرنے کے لئے یہ باطل مقرر.

577
00:28:11,430 --> 00:28:17,210
>> بس ہم نے مقرر اور تھوڑا سا حاصل ہے کہ نوٹس
مختلف، اور تو اس کی کوشش ہے.

578
00:28:17,210 --> 00:28:18,675
بڑا بنگ، یہ دیکھو.

579
00:28:18,675 --> 00:28:21,810
پلٹائیں بٹن اب گے
ریاست واپس سامنے سوئچ.

580
00:28:21,810 --> 00:28:24,990
>> آپ دیکھ اور کہاں تو یہاں ہے
ردعمل کے جادو کے تھوڑا سا.

581
00:28:24,990 --> 00:28:28,420
ہم اس سے کبھی نہیں کہا کی طرح اسے دوبارہ رینڈر کرنے کے لئے.

582
00:28:28,420 --> 00:28:30,910
ہم نے اسے کچھ redraw کبھی نہیں بتایا.

583
00:28:30,910 --> 00:28:32,630
آپ کو اس کر رہے ہیں
ردعمل کے بغیر، تم ہوتا

584
00:28:32,630 --> 00:28:34,588
جب to-- پسند ہے
پلٹائیں بٹن، کلک کیا جاتا ہے

585
00:28:34,588 --> 00:28:37,290
آپ کو یہ بتانے کے لئے پڑے گا
دستی طور پر صحیح، دوبارہ رینڈر؟

586
00:28:37,290 --> 00:28:43,050
>> واقعی میں ٹھنڈا ہے رد عمل کا اظہار ہے کہ اگر آپ کو
یہ ایک مخصوص ریاست اور خصوصیات دے،

587
00:28:43,050 --> 00:28:45,760
یہ ہمیشہ فراہم کرے گا
بالکل وہی بات ہے.

588
00:28:45,760 --> 00:28:48,690
اور اس طرح ہم نے کبھی ہم کو تبدیل جب
ریاست اور خصوصیات،

589
00:28:48,690 --> 00:28:50,819
رد عمل کا اظہار صرف پوری بات دوبارہ دیتا.

590
00:28:50,819 --> 00:28:52,860
یہ ایک ہے کہ وہاں جانتا ہے
ون ٹو ایک خط و کتابت

591
00:28:52,860 --> 00:28:57,270
ریاست اور پیرامیٹر اور ایچ ٹی ایم ایل کے درمیان.

592
00:28:57,270 --> 00:29:00,110
جب بھی ان میں سے کسی
ایک سیٹ کی طرف سے ریاست کے ذریعے تبدیلی،

593
00:29:00,110 --> 00:29:03,750
اسے تبدیل کریں گے کہ کس طرح
تنخواہ دوبارہ مہیا کیا جاتا ہے.

594
00:29:03,750 --> 00:29:06,650
اور تو بنیادی طور پر رد عمل کا اظہار کی طرح ہے
آپ کو تبدیل کرنے کے لئے انتظار کر رہے ہیں.

595
00:29:06,650 --> 00:29:09,870
>> جب یہ کچھ تبدیل،
اس پورے صفحے دوبارہ رینڈر گا.

596
00:29:09,870 --> 00:29:12,480
اور یہ غیر موثر لگتا ہے تو،
یہ ہو جائے گا اس کی وجہ سے، ہے

597
00:29:12,480 --> 00:29:15,050
لیکن رد عمل کا اظہار کسی چیز استعمال کرتا
ایک شیڈو ڈوم نامی.

598
00:29:15,050 --> 00:29:19,950
اس کے بجائے براہ راست صفحے ڈرائنگ کی، یہ
یاد میں مجازی HTML درخت رکھتا ہے.

599
00:29:19,950 --> 00:29:23,620
>> تم جانتے ہو، ایچ ٹی ایم ایل ایک درخت کی طرح ہے،
ایک پدانکردوست آنکڑا ڈھانچہ کی طرح.

600
00:29:23,620 --> 00:29:28,990
یہ یاد میں ایک جعلی درخت رکھتا ہے
اور آپ کے صفحے کو اپ ڈیٹ جب بھی،

601
00:29:28,990 --> 00:29:31,940
یہ ایک جعلی اپنی طرف متوجہ کریں گے
درخت اور اس کا حساب لیں گے

602
00:29:31,940 --> 00:29:35,120
کیا اسے بنانے کے لئے کی ضرورت ہے کو تبدیل کرنے
صفحہ دو درختوں کے برابر کرنے کے لئے.

603
00:29:35,120 --> 00:29:38,540
تو بنیادی طور پر، یہ عملی طور پر
ایک بہت دوبارہ دیتا.

604
00:29:38,540 --> 00:29:41,540
اور پھر یہ صرف کی طرح تبدیلیاں
تھوڑا سا انداز میں صفحہ کی ضرورت کے طور پر،

605
00:29:41,540 --> 00:29:44,240
تو یہ بہت، بہت، بہت موثر ہے.

606
00:29:44,240 --> 00:29:46,970
>> تو بنیادی طور پر ردعمل ظاہر کریں گے
جب بھی آپ کو کچھ تبدیل،

607
00:29:46,970 --> 00:29:49,010
یہ دوبارہ رینڈر تقریبا صفحے گا.

608
00:29:49,010 --> 00:29:52,830
یہ میں نے کرنے کی ضرورت ہے پتہ لگا لیں گے
اصلی صفحہ عکاسی کرنے کے لئے تبدیل

609
00:29:52,830 --> 00:29:55,602
مجازی صفحے، اور یہ کہ کروں گا.

610
00:29:55,602 --> 00:29:56,560
کہ مجازی ڈوم ہے.

611
00:29:56,560 --> 00:29:59,350
یہ سب سے بڑا میں سے ایک ہے
کی خصوصیات ردعمل.

612
00:29:59,350 --> 00:30:00,880
>> اس کا کوئی مطلب ہے؟

613
00:30:00,880 --> 00:30:01,540
کوئی سوال؟

614
00:30:01,540 --> 00:30:02,040
جی ہاں؟

615
00:30:02,040 --> 00:30:05,568

616
00:30:05,568 --> 00:30:08,969
>> سامعین: کس طرح کرتا ہے
MVC اب بھی آپس میں موازنہ

617
00:30:08,969 --> 00:30:10,760
ہم کے بارے میں بات کی ہے کہ
جیسے وسائل سے پہلے.

618
00:30:10,760 --> 00:30:13,527
>> اونیل مہتا: جی ہاں، سوال
یہ MVC کا موازنہ کرتا ہے کس طرح ہے؟

619
00:30:13,527 --> 00:30:14,610
آپ کو وسائل کے بارے میں پوچھا.

620
00:30:14,610 --> 00:30:16,445
ٹھیک ہے، اس کے افعال کے بارے میں بات کرتے ہیں.

621
00:30:16,445 --> 00:30:18,190
>> MVC میں، آپ کو ماڈل کو اپ ڈیٹ کروں گا.

622
00:30:18,190 --> 00:30:20,560
اس صورت میں ہم نے ایک کارڈ ماڈل پڑے گا.

623
00:30:20,560 --> 00:30:24,540
نقطہ نظر پڑے گا
فلپ کے بٹن، اور کنٹرول

624
00:30:24,540 --> 00:30:26,310
فلپ تقریب پڑے گا.

625
00:30:26,310 --> 00:30:28,450
تو نقطہ نظر کو بتائیں گے
کنٹرولر پلٹائیں پلٹائیں کرنے کے لئے.

626
00:30:28,450 --> 00:30:30,370
پلٹائیں بتائیں گے
تبدیل کرنے کے لئے ماڈل، ٹھیک ہے؟

627
00:30:30,370 --> 00:30:33,915
>> اور اس لئے تم ایک MVC آپ، کرتے ہیں جب
ماڈل کو تبدیل کرنے کے لئے سننے،

628
00:30:33,915 --> 00:30:37,150
اور آپ کو دوبارہ رینڈر کے مطابق نقطہ نظر.

629
00:30:37,150 --> 00:30:39,210
یا آپ کو صرف کی طرح کرنا ہے
کنٹرولر ہے.

630
00:30:39,210 --> 00:30:42,418
پھر ماڈل کو تبدیل کرنے کے لئے انتظار کریں، اور
لینے اور ایک چیز کی طرح کا ایک حصہ منتخب کریں

631
00:30:42,418 --> 00:30:44,032
بدلنا.

632
00:30:44,032 --> 00:30:45,740
یہاں ہم ایک بات ہے،
لیکن ایک بڑا اپلی کیشن میں،

633
00:30:45,740 --> 00:30:48,510
آپ کو کیا یاد کی طرح کرنا ہے
ہر ایک جگہ میں تبدیلی،

634
00:30:48,510 --> 00:30:50,290
تو یہ ایک چھوٹا سا پریشان ہے.

635
00:30:50,290 --> 00:30:53,670
اور بہت اچھا ہے رد عمل کا اظہار
یہ ایک شیڈو ڈوم ہے کیونکہ.

636
00:30:53,670 --> 00:30:56,040
یہ صرف کرنے کے متحمل کر سکتے ہیں
پوری بات کو دوبارہ سے لکھنا.

637
00:30:56,040 --> 00:30:58,680
آپ کو مہیا کرنے کی ضرورت نہیں
طرح اپ ڈیٹ کرنے کے کیا لگتا ہے.

638
00:30:58,680 --> 00:31:02,186
>> فیس بک پر اگر تم چاہو تو
MVC میں، ایک نیا پیغام ملے،

639
00:31:02,186 --> 00:31:04,060
آپ کو یاد کرنا پڑے گا
ٹھیک ہے، چیزوں کو تبدیل

640
00:31:04,060 --> 00:31:06,260
کے سب سے اوپر
صفحہ، پیغام آئکن.

641
00:31:06,260 --> 00:31:08,290
علاوہ نچلے حصے میں ایک نئی ونڈو پاپ.

642
00:31:08,290 --> 00:31:10,070
اس کے علاوہ اس ونڈو میں ایک نئی چیز بنانے.

643
00:31:10,070 --> 00:31:11,060
اس کے علاوہ ایک آواز ادا.

644
00:31:11,060 --> 00:31:13,150
>> وہ سامان کی ایک بہت ہے
ایک ہی وقت میں باہر جا.

645
00:31:13,150 --> 00:31:15,320
اور تم نہیں جانتے تو
ایک شیڈو ڈوم ہے، تم ہوتا

646
00:31:15,320 --> 00:31:18,740
کہ دستی طور پر کی وجہ سے کرنا پڑے
آپ کو پورے صفحے کے چھٹکارا حاصل نہیں کر سکتے.

647
00:31:18,740 --> 00:31:21,430
آپ کو متحمل نہیں ہو سکتا، تو آپ کے پاس
دستی طور پر ہر چیز کو تبدیل کرنے،

648
00:31:21,430 --> 00:31:23,990
جس MVC میں واقعی پریشان کن ہے.

649
00:31:23,990 --> 00:31:27,640
>> تو ترتیب میں ہونا
دوستوییی، وہ مہیا

650
00:31:27,640 --> 00:31:30,750
ہے جس میں، صفحے کو اپ ڈیٹ
موثر، بلکہ پریشان.

651
00:31:30,750 --> 00:31:34,002
کیونکہ سائے کے رد عمل کا اظہار
ڈوم، آپ مفت کے لئے دونوں چیزوں کو حاصل.

652
00:31:34,002 --> 00:31:35,710
یہ موثر ہے کیونکہ
شیڈو ڈوم کی.

653
00:31:35,710 --> 00:31:37,210
bottleneck کے صفحے کو اپ ڈیٹ ہے.

654
00:31:37,210 --> 00:31:40,292
یہ درخت ہیرا پھیری نہیں کر رہی.

655
00:31:40,292 --> 00:31:41,250
آپ کی کارکردگی ملتا ہے.

656
00:31:41,250 --> 00:31:45,420
آپ کو بھی استعمال میں آسانی کی وجہ سے حاصل
آپ کو صرف پورے صفحے کو دوبارہ سے لکھنا تو،

657
00:31:45,420 --> 00:31:48,970
لیکن آپ کو صرف، ٹھیک، چیزوں کو جانتے ہیں
کہیں صفحے پر جا رہے ہیں.

658
00:31:48,970 --> 00:31:51,180
یہ ایک مختلف جگہ میں ہوں، لیکن ہو سکتا ہے
یہ درست ہے، صفحے پر ہونے جا رہا ہے؟

659
00:31:51,180 --> 00:31:52,860
تو کیا تم صرف دوبارہ مہیا
پوری بات عملی طور پر،

660
00:31:52,860 --> 00:31:55,540
اور آپ کو ایک جوڑے بنا سکتا ہے
صفحے کو خود میں تبدیلی.

661
00:31:55,540 --> 00:31:57,850
>> تو، ایک بار پھر، MVC میں
انتخاب کرنا پڑے گا

662
00:31:57,850 --> 00:32:01,840
استعمال اور کارکردگی کی آسانی کے درمیان،
اور تم دونوں ملے، رد عمل کا اظہار.

663
00:32:01,840 --> 00:32:04,020
تو یہ بہتر ہے.

664
00:32:04,020 --> 00:32:05,220
کوئی مطلب ہے؟

665
00:32:05,220 --> 00:32:06,676
ٹھوس.

666
00:32:06,676 --> 00:32:12,080
>> ٹھیک ہے، تو چلو بات کرتے دیکھتے ہیں
مرحلہ 4 کے بارے میں تھوڑا سا،

667
00:32:12,080 --> 00:32:14,740
ہم کس طرح اجزاء یمبیڈ کر سکتے ہیں.

668
00:32:14,740 --> 00:32:16,260
تو اب ہم اس کا حق ہے.

669
00:32:16,260 --> 00:32:19,420
ہم اپنے ٹھنڈا چھوٹے بٹن ہے.

670
00:32:19,420 --> 00:32:23,157
ہم اسے واپس پلٹائیں کر سکتے ہیں اور
نکل، اور یہ کہ یہ سب کرتا ہے.

671
00:32:23,157 --> 00:32:24,990
ہم کرنا چاہتے ہیں کا کہنا ہے کہ
ایک جزو ہے.

672
00:32:24,990 --> 00:32:28,730
ہمارے flashcard سے اپلی کیشن ہونا چاہئے کہتے ہیں
تمام کارڈ کی ایک فہرست پر مشتمل ہے

673
00:32:28,730 --> 00:32:31,520
آپ کو کرنا پڑے، تاکہ ہم کا مطلب ہے کہ
ایک اور اتحادی ہونا چاہئے.

674
00:32:31,520 --> 00:32:32,970
ٹھیک ہے، شاید ایک فہرست دیکھیں یہ کہتے ہیں.

675
00:32:32,970 --> 00:32:36,200
کی ایک فہرست دیکھیں بنا دو کہ
CardView ساتھ coexists،

676
00:32:36,200 --> 00:32:39,680
اور یہ فہرست دیکھیں اور CardView
ساتھ مل کر کام کو پسند کریں گے.

677
00:32:39,680 --> 00:32:43,190
اور اگر تم ان کو اکٹھا کر سکتے
آپ کے لئے ہماری اپلی کیشن بنانے کے لئے.

678
00:32:43,190 --> 00:32:45,160
>> تو سب سے پہلے، ایک بنانے
جوڑے سے زیادہ کارڈ حق.

679
00:32:45,160 --> 00:32:46,370
چلو کا کہنا ہے، کیا کارڈز؟

680
00:32:46,370 --> 00:32:49,619

681
00:32:49,619 --> 00:32:51,910
اور صرف اس میں نہیں ہے
اس میں ٹائپنگ کے ساتھ بور آپ،

682
00:32:51,910 --> 00:32:53,410
میں نے صرف اسے یہاں سے کاپی کرنے کے لئے جا رہا ہوں.

683
00:32:53,410 --> 00:33:01,664

684
00:33:01,664 --> 00:33:03,580
اور اس میں نہیں جا رہا ہوں
یہ صرف ایک کارڈ دے.

685
00:33:03,580 --> 00:33:06,910
میں یہ کارڈ کی ایک سرنی دینے جا رہا ہوں.

686
00:33:06,910 --> 00:33:10,240
تو سب سے پہلے اطلاقات
اب کے لئے کو توڑنے کے لئے جا رہے ہیں.

687
00:33:10,240 --> 00:33:14,717
ٹھیک ہے، تو ہم بنانے کے لئے جا رہے ہیں
اس کے قابل ایک سے زیادہ کارڈ کو ہینڈل کرنے میں.

688
00:33:14,717 --> 00:33:17,800
تو سب سے پہلے، ہم اسے دینے کے لئے نہیں جا رہے ہیں
صرف ایک کارڈ لیکن کارڈ کی ایک سرنی،

689
00:33:17,800 --> 00:33:18,700
کارڈ کی ایک فہرست کی طرح.

690
00:33:18,700 --> 00:33:20,980
اور اس معاملے میں، ہم نے ان میں سے تین ہے.

691
00:33:20,980 --> 00:33:27,280
>> ٹھیک، اپلی کیشن ہے تو
ایک فہرست کارڈ حاصل کرنے کے لئے جا،

692
00:33:27,280 --> 00:33:29,870
اور یہ فیصلہ کرنے جا رہی ہے جس
ایک CardView کو دکھانے کے لئے.

693
00:33:29,870 --> 00:33:33,740
CardView صرف کر سکتے ہیں
ایک کارڈ، لیکن اے پی پی رینڈر

694
00:33:33,740 --> 00:33:37,610
ٹھیک ہے، کارڈ کی ایک فہرست ہے؟

695
00:33:37,610 --> 00:33:40,820
>> لہذا آپ کو ایک پتہ جب
کارڈ، CardView کو دینے کے لئے

696
00:33:40,820 --> 00:33:44,660
آپ کے قابل ہو سکتا ہے لگتا ہے گا کہ کس طرح
ایک فیصلہ کرنے کے لئے جس میں کارڈ کے بارے میں

697
00:33:44,660 --> 00:33:47,064
دکھانا؟

698
00:33:47,064 --> 00:33:49,980
آپ کو ایک اشارہ دینے کے لئے، یہ عارضی طور پر ہے
آپ کو ایک مخصوص کارڈ دیکھنے جائے گا.

699
00:33:49,980 --> 00:33:53,260
آپ صفحے کو ریفریش تو، تمہیں
صرف واپس سب سے پہلے کارڈ پر جائیں.

700
00:33:53,260 --> 00:33:55,464
یہ عارضی طور پر ہے کیونکہ یہ ٹھیک ہے.

701
00:33:55,464 --> 00:33:56,630
ہم کیا ٹیکنالوجی کا استعمال ہو سکتا ہے؟

702
00:33:56,630 --> 00:34:02,534

703
00:34:02,534 --> 00:34:08,760
>> سامعین: آپ کو ایک متغیر کر سکتا ہے
تو آپ کے سامنے تھا کی طرح.

704
00:34:08,760 --> 00:34:11,989
یہ سچ ہے، آپ کر سکتے تھے
موجودہ کارڈ 1 کے برابر ہے؟

705
00:34:11,989 --> 00:34:14,150
>> اونیل مہتا: جی ہاں، ہم ایسا
صحیح، ریاست کرنا چاہتے ہیں؟

706
00:34:14,150 --> 00:34:16,080
تم میں ریاست کا استعمال کریں گے
جزو معلوم کرنا

707
00:34:16,080 --> 00:34:17,288
جس میں کارڈ ہم حاصل کرنا چاہتے ہیں.

708
00:34:17,288 --> 00:34:19,290
کی طرح ہم کی ایک فہرست ہے
تمام کارڈز، ہم کریں گے

709
00:34:19,290 --> 00:34:21,630
پتہ کرنے کے لئے ریاست کو استعمال
پہلے کارڈ کی ایک،

710
00:34:21,630 --> 00:34:23,710
اسی طرح دوسرے کارڈ، تیسری کارڈ، اور.

711
00:34:23,710 --> 00:34:28,760
>> تو ایک اپلی کیشن تاکہ ایک اپلی کیشن ایک ملے گا
، getInitialState تقریب ہے

712
00:34:28,760 --> 00:34:35,020
getInitialState تقریب واپسی.

713
00:34:35,020 --> 00:34:39,929
اور ہم صرف activeIndex 0 کہیں گے.

714
00:34:39,929 --> 00:34:42,889
تو اب ہمارے اپلی کیشن اس کی اپنی ریاست ہے.

715
00:34:42,889 --> 00:34:47,179
>> اور اس طرح اب پتہ کرنے کے لئے، رینڈر
ایک کارڈ، صرف سرنی کے لئے جانے دو

716
00:34:47,179 --> 00:34:49,969
اور یہ کہ انڈیکس میں بات قبضہ.

717
00:34:49,969 --> 00:34:53,580
منتخب کارڈ برابر this.props.cards
this.state.activeIndex.

718
00:34:53,580 --> 00:34:56,469

719
00:34:56,469 --> 00:35:00,162
آپ کو یہاں دیکھ کے طور پر تو، props اور
ریاست اصل مل کر کام کریں.

720
00:35:00,162 --> 00:35:08,990
تو اب ہم ہمارے activeCard ہے کہ،
ہم اس activeCard فون کروں گا

721
00:35:08,990 --> 00:35:10,470
اور یہ کام کرتا ہے تو دیکھتے ہیں.

722
00:35:10,470 --> 00:35:20,320

723
00:35:20,320 --> 00:35:20,820
[اشراوی]

724
00:35:20,820 --> 00:35:41,504

725
00:35:41,504 --> 00:35:44,900
>> اوہ، کہ ایک متن غلطی تھی.

726
00:35:44,900 --> 00:35:45,400
آہ.

727
00:35:45,400 --> 00:35:51,420

728
00:35:51,420 --> 00:35:54,840
>> ٹھنڈی، جی ہاں، تو اب ہم واپس تھے
ہم سے پہلے کہاں تھے، ٹھیک کرنے کے لئے؟

729
00:35:54,840 --> 00:35:57,100
سوائے ایک ہی پرانے پروگرام
اب ہم حمایت کر سکتے ہیں

730
00:35:57,100 --> 00:35:59,390
کارڈ کی ایک فہرست، نہ صرف ایک کارڈ.

731
00:35:59,390 --> 00:36:04,130
اور اب، ایک بار پھر، ہم کو تبدیل تو
activeIndex، ہم 0 سے 1 تک جا سکتے ہیں

732
00:36:04,130 --> 00:36:07,330
اور اب اس دوسرے کارڈ،
اور پھر ہم 0 گیا.

733
00:36:07,330 --> 00:36:10,390
تو یہاں ایک نیا
souped اپ ہمارے ورژن.

734
00:36:10,390 --> 00:36:16,000
>> ٹھیک ہے، تو اب ہم ایک فہرست دیکھیں پڑے دو کہ
، آپ کے پروگرام میں تمام کارڈ کو ظاہر کرتا ہے

735
00:36:16,000 --> 00:36:19,980
تو ہم نے ایک نیا بنا لیں گے
جزو listView بلایا.

736
00:36:19,980 --> 00:36:22,155
listView react.createClass برابر ہیں.

737
00:36:22,155 --> 00:36:32,890

738
00:36:32,890 --> 00:36:38,800
تو ہم ایک بے ترتیب فراہم کرنے کے لئے چاہتے ہیں
ہر کارڈ کے لئے ایک فہرست کی اشیاء کے ساتھ کی فہرست.

739
00:36:38,800 --> 00:36:41,490
اور اس طرح ہم کارڈز کے ایک گروپ ہے.

740
00:36:41,490 --> 00:36:44,990
ہم ایک فہرست کی اشیاء چاہتے ہیں
ہر کارڈ کے لئے، ٹھیک ہے؟

741
00:36:44,990 --> 00:36:47,490
ہم لوپ کے لئے ایک کر سکتے ہیں یا
کچھ نئی فہرست مرتب شے بنانے کے لئے.

742
00:36:47,490 --> 00:36:50,522
لیکن جس طرح تم میں ایسا
رد عمل کا اظہار، نقشہ نامی کسی چیز کا استعمال کرتے ہیں.

743
00:36:50,522 --> 00:36:57,150
نقشہ ایک آلہ یا آپ استعمال ایک تقریب ہے
کہ ہر شے کے لئے، کچھ تقریب چلتا ہے،

744
00:36:57,150 --> 00:36:59,510
واپسی کی قیمت لیتا ہے، اور
آپ کو اس واپس دیتا ہے.

745
00:36:59,510 --> 00:37:06,310
>> ایک مثال کے طور، ہم صف ہے تو
1، 2، 3.map function-- اور اس

746
00:37:06,310 --> 00:37:12,120
ایک کے لئے آشلپی ہے
function-- X تیر X اوقات ایکس.

747
00:37:12,120 --> 00:37:16,110
یہ ہر تعداد کے لئے، کا کہنا ہے کہ
1، 2، 3، اسے لے لو.

748
00:37:16,110 --> 00:37:17,800
یہ مربع، اور اسے واپس دے.

749
00:37:17,800 --> 00:37:22,090
تو آپ 1 کیا سوچتے ہیں،
2، 3.map ایکس اوقات کو جاتا ہے

750
00:37:22,090 --> 00:37:25,480
X آپ کو واپس دیا دیتا
اس تقریب ہے

751
00:37:25,480 --> 00:37:27,680
اس صف کے ہر عنصر پر چلاتے ہیں.

752
00:37:27,680 --> 00:37:30,837

753
00:37:30,837 --> 00:37:32,190
>> سامعین: 1، 4 9

754
00:37:32,190 --> 00:37:35,709
>> اونیل مہتا: جی ہاں، 1، 4، 9
آپ 1 بار 1 کرتے ہیں کیونکہ.

755
00:37:35,709 --> 00:37:36,500
کہ آپ کو ایک دیتا ہے.

756
00:37:36,500 --> 00:37:37,690
یہ پہلی عنصر ہے.

757
00:37:37,690 --> 00:37:38,530
>> 2 مرتبہ 2 4 ہے.

758
00:37:38,530 --> 00:37:39,570
کہ ایک دوسرے عنصر ہے.

759
00:37:39,570 --> 00:37:40,310
3 اوقات 3 9.

760
00:37:40,310 --> 00:37:41,540
یہ ایک تیسرا عنصر ہے.

761
00:37:41,540 --> 00:37:42,640
کوئی مطلب ہے؟

762
00:37:42,640 --> 00:37:45,015
تو نقشہ ایک ٹیکنالوجی ہے آپ
فنکشنل پروگرامرز میں استعمال کرتے ہیں،

763
00:37:45,015 --> 00:37:48,090
کے نئے سٹائل
کچھ کرنا پروگرامنگ

764
00:37:48,090 --> 00:37:50,500
آپ کی فہرست میں ہر عنصر کے لئے.

765
00:37:50,500 --> 00:37:51,970
اور اس طرح یہ واقف لگتا.

766
00:37:51,970 --> 00:37:53,370
ہم کارڈ کی ایک فہرست ہے.

767
00:37:53,370 --> 00:37:56,860
ہم ہر ایک کے لئے ایک فہرست کی اشیاء حاصل کرنے کے لئے چاہتے ہیں
ایک، تو ہم صرف یہاں نقشے کا استعمال کریں گے.

768
00:37:56,860 --> 00:38:00,250
ہم نے فہرست برابر دو، کہیں گے
this.props، کارڈ، نقشہ.

769
00:38:00,250 --> 00:38:10,580

770
00:38:10,580 --> 00:38:15,070
>> اور اس طرح ہم ہیں، ایک کارڈ دیا
ایک فہرست کی اشیاء پیدا کرنے کے لئے جا رہا

771
00:38:15,070 --> 00:38:17,580
اس کے اس کارڈ کے مواد کی طرف سے.

772
00:38:17,580 --> 00:38:20,660
صرف ہم باہر دینے کے لئے چاہتے ہیں،
کارڈ تو card.question سوال.

773
00:38:20,660 --> 00:38:24,990

774
00:38:24,990 --> 00:38:30,649
تو اس فہرست پر مشتمل ایک
لشکر اسلام کے یا اشیا کی فہرست کی ایک سرنی

775
00:38:30,649 --> 00:38:32,440
جہاں ایک فہرست ہے
ہر کارڈ کے لئے اشیاء،

776
00:38:32,440 --> 00:38:35,150
اور یہ کہ کارڈ سوال پر مشتمل ہے.

777
00:38:35,150 --> 00:38:37,640
کوئی مطلب ہے؟

778
00:38:37,640 --> 00:38:39,450
>> ٹھنڈا، تو اب چلو
اصل میں اس سے باہر پرنٹ.

779
00:38:39,450 --> 00:38:46,521
تو ہم نے ایک UL واپس آ جائیں گے.

780
00:38:46,521 --> 00:38:49,020
کہ بے ترتیب فہرست کے اندر،
ہم صرف پورے فہرست رہنا گے

781
00:38:49,020 --> 00:38:49,890
انہوں نے ہمیں دیا ہے.

782
00:38:49,890 --> 00:38:52,851

783
00:38:52,851 --> 00:38:53,350
ٹھنڈا.

784
00:38:53,350 --> 00:38:56,060
>> ٹھیک ہے، تو اب یہ
فہرست دیکھیں صرف تلاش کام.

785
00:38:56,060 --> 00:38:59,842
فہرست دیکھیں کے بارے میں کوئی سوال ہے؟

786
00:38:59,842 --> 00:39:01,270
آپ کارڈ کا ایک گروپ ہے.

787
00:39:01,270 --> 00:39:02,800
آپ کو ہر کارڈ کے لئے ایک فہرست کی اشیاء بنانے کے.

788
00:39:02,800 --> 00:39:05,466
اور آپ کو ایک بے ترتیب کے اندر ڈال
فہرست، اور تم نے اسے واپس دے.

789
00:39:05,466 --> 00:39:09,410
تو اب تو ہم یمبیڈ کام دو
ہماری اے پی پی کے اندر،

790
00:39:09,410 --> 00:39:14,310
تو ہم، فہرست دیکھیں ایسا کر سکتے ہیں.

791
00:39:14,310 --> 00:39:17,070
کیا دلیل ہم نقطہ نظر کی فہرست پر منتقل کرتے ہیں؟

792
00:39:17,070 --> 00:39:18,320
کیا خصوصیات ہم اسے دے سکتا ہوں؟

793
00:39:18,320 --> 00:39:25,111

794
00:39:25,111 --> 00:39:26,860
آپ کو دے تو یاد رکھیں
یہ کارڈ میں سے ایک گروپ،

795
00:39:26,860 --> 00:39:29,590
اس کی فہرست بنا دیں گے
ان کارڈز کے لئے دیکھ سکتے ہیں.

796
00:39:29,590 --> 00:39:32,267
تو ہم کیا گزر جائے گا
یہاں دلیل کے طور پر؟

797
00:39:32,267 --> 00:39:33,350
سامعین: کارڈ کی ایک فہرست؟

798
00:39:33,350 --> 00:39:37,130
اونیل مہتا: جی ہاں، تو کارڈ
صحیح، this.props.cards برابر ہے؟

799
00:39:37,130 --> 00:39:39,850

800
00:39:39,850 --> 00:39:44,370
اور اس طرح صرف ایک مسئلہ
کہ آپ کو صرف کر سکتے ہیں ہے

801
00:39:44,370 --> 00:39:48,600
، رینڈر میں ایک سب سے اوپر کی سطح کو منتخب عنصر دیا
لہذا آپ کو ایک div میں لپیٹ کرنے کے لئے ہے.

802
00:39:48,600 --> 00:39:49,100
یہ عجیب ہے.

803
00:39:49,100 --> 00:39:56,190

804
00:39:56,190 --> 00:39:57,530
تو ہے کہ اگر دیکھتے ہیں.

805
00:39:57,530 --> 00:40:09,790

806
00:40:09,790 --> 00:40:10,560
کہ کام کرتا ہے؟

807
00:40:10,560 --> 00:40:29,774

808
00:40:29,774 --> 00:40:31,030
>> جی ہاں، تم وہاں جاؤ.

809
00:40:31,030 --> 00:40:33,700
تو اب ہم ایک فہرست ہے
نچلے حصے میں کارڈوں کی،

810
00:40:33,700 --> 00:40:36,180
اور پھر ہم اپنے ہے
سب سے اوپر پر خود CardView،

811
00:40:36,180 --> 00:40:40,486
اور اس کے درمیان پلٹائیں گے
کارڈ کے دونوں اطراف.

812
00:40:40,486 --> 00:40:42,610
اب میں نے اس نے کس طرح اس کا احساس ہے؟

813
00:40:42,610 --> 00:40:45,165

814
00:40:45,165 --> 00:40:46,790
جی ہاں، تو پھر، ہم دو اجزاء ہیں.

815
00:40:46,790 --> 00:40:49,666
پہلا جزو پرنٹس
باہر فہرست میں ہر کارڈ.

816
00:40:49,666 --> 00:40:50,540
اس فہرست نقطہ نظر ہے.

817
00:40:50,540 --> 00:40:54,770
اور دوسرا جزو
صرف یہ ہے کہ کارڈ باہر پرنٹ.

818
00:40:54,770 --> 00:40:58,840
تم نے اسے ایک مخصوص کارڈ دے، تو یہ کروں گا
اس کارڈ کے بارے میں معلومات کو پرنٹ

819
00:40:58,840 --> 00:41:01,870
اور آپ کو آگے پیچھے پلٹائیں دو.

820
00:41:01,870 --> 00:41:05,850
>> ہم چاہتے ہیں تو، ہم کوشش کرتے ہیں اور بات کر سکتے ہیں تو
اس کے لئے کچھ نئی خصوصیات شامل کرنے کے بارے.

821
00:41:05,850 --> 00:41:09,482
دوسری صورت میں ہم تھوڑا سا زیادہ بات کر سکتے ہیں
ری ایکٹر کی رفتار کے بارے میں،

822
00:41:09,482 --> 00:41:11,190
یا ہم جواب دے سکتے ہیں
سوالات آپ ہو سکتا ہے

823
00:41:11,190 --> 00:41:15,050
ان کی وجہ سے بنیادی حصوں کے ہیں
میں نے کے بارے میں بات کرنا چاہتا ہوں کہ رد عمل کا اظہار.

824
00:41:15,050 --> 00:41:16,540
ہم آگے جا سکتے ہیں.

825
00:41:16,540 --> 00:41:17,590
ہم سوال کا جواب کر سکتے.

826
00:41:17,590 --> 00:41:18,560
تمہیں جو بھی چاہیئے.

827
00:41:18,560 --> 00:41:21,694

828
00:41:21,694 --> 00:41:24,205
>> سامعین: آپ استعمال کر سکتے ہیں
عام جاوا اسکرپٹ میں JSX؟

829
00:41:24,205 --> 00:41:27,150
یا کہ کچھ ہے کہ
[اشراوی] کے ساتھ آئے تھے؟

830
00:41:27,150 --> 00:41:30,760
>> اونیل مہتا سوال کر سکتے ہیں ہے
آپ کو معمول کی جاوا سکرپٹ کے ساتھ JSX استعمال کرتے ہیں؟

831
00:41:30,760 --> 00:41:32,620
جواب ہاں میں ہے.

832
00:41:32,620 --> 00:41:41,070
JSX صرف اس کا ایک طریقہ آپ کے لیتا ہے
اس کے اندر ایچ ٹی ایم ایل ہے کہ جاوا اسکرپٹ،

833
00:41:41,070 --> 00:41:44,215
اور یہ جاوا سکرپٹ میں آگاہ ہے کہ
اس کے اندر ایچ ٹی ایم ایل کی ضرورت نہیں ہے.

834
00:41:44,215 --> 00:41:47,880
تو یہاں محسوس that-- محسوس.

835
00:41:47,880 --> 00:41:50,820
آپ div کی طرح ہے جیسے یہ لگتا ہے
اور آپ کو اس کے اندر چیزیں ہیں.

836
00:41:50,820 --> 00:41:54,970
>> جاوا سکرپٹ کے لئے آگاہ ہے کہ
کی طرح ایک ہی چیز پیدا.

837
00:41:54,970 --> 00:41:59,590
میں کیا کہہ رہا ہے کہ لگتا ہے
یہ ہے جیسے JSX، صرف ایک نحوی ہے

838
00:41:59,590 --> 00:42:03,530
جاوا سکرپٹ کے لئے ایک پریپروسیسر زیادہ
پی ایچ پی کی طرح ایچ ٹی ایم ایل کے لئے ایک پریپروسیسر ہے.

839
00:42:03,530 --> 00:42:05,490
JSC ایک پریپروسیسر ہے
جاوا سکرپٹ کے لئے کی اجازت دیتا ہے کہ

840
00:42:05,490 --> 00:42:12,970
آپ آپ کو جاوا اسکرپٹ کے اندر HTML ڈال.

841
00:42:12,970 --> 00:42:16,425
اور تو آپ کو حق ہے تو ٹرانسفارمر
جس [اشراوی] نامی ایک چیز ہے،

842
00:42:16,425 --> 00:42:17,300
جس کو تبدیل کرے گا.

843
00:42:17,300 --> 00:42:19,360
حق پریپروسیسر،
یہ آپ کو ایسا کرنے دیں گے.

844
00:42:19,360 --> 00:42:20,235
>> سامعین: [اشراوی]

845
00:42:20,235 --> 00:42:23,026
اونیل مہتا: عام طور پر آپ کی ضرورت نہیں
جاوا کے اندر ڈال کرنے کے لئے ایچ ٹی ایم ایل

846
00:42:23,026 --> 00:42:24,110
آپ کر رہے جب تک ردعمل.

847
00:42:24,110 --> 00:42:27,146
لیکن آپ ویسے بھی ایسا کر سکتے ہیں.

848
00:42:27,146 --> 00:42:27,645
جی ہاں؟

849
00:42:27,645 --> 00:42:29,353
>> سامعین: میں آپ کو لگتا ہے
ردعمل بیان کیا تھا

850
00:42:29,353 --> 00:42:31,970
ایک فعال programing کے زبان کے طور پر.

851
00:42:31,970 --> 00:42:35,646
ہم CS50 میں C سیکھنے کر رہے ہیں.

852
00:42:35,646 --> 00:42:38,032
سی بھی ایک فعال زبان ہے؟

853
00:42:38,032 --> 00:42:39,990
اونیل مہتا: تو سوال
فعال کے بارے میں ہے

854
00:42:39,990 --> 00:42:43,010
نامی ایک اور بات بمقابلہ
ضروری یا عمل کی پروگرامنگ.

855
00:42:43,010 --> 00:42:44,820
مقبول پروگراموں کی دو قسمیں ہے.

856
00:42:44,820 --> 00:42:48,550
ایک، طریقہ کار کہا جاتا ہے جس
، سب کر حکم دیتا ہے کی طرح کے بارے میں ہے

857
00:42:48,550 --> 00:42:51,510
اور جن میں سے ایک ہے، فعال ہے
افعال ہے اور کے بارے میں

858
00:42:51,510 --> 00:42:52,930
ان پٹ اور ان کی پیداوار.

859
00:42:52,930 --> 00:42:55,930
رد عمل کا اظہار ایک فعال مثال ہے.

860
00:42:55,930 --> 00:42:58,010
C ایک بہت طریقہ کار مثال ہے.

861
00:42:58,010 --> 00:43:02,360
>> اور ایک مثال کے طور پر، مثال کے طور پر C،
آپ کو اس اعلانیہ راستہ نہیں کرتے

862
00:43:02,360 --> 00:43:04,390
پروگرام بنانے کے، ٹھیک ہے؟

863
00:43:04,390 --> 00:43:06,826
آپ کا کہنا ہے، یہ پرنٹ.

864
00:43:06,826 --> 00:43:07,950
یہ آنکڑا ڈھانچہ تبدیل کریں.

865
00:43:07,950 --> 00:43:08,530
یہ پرنٹ.

866
00:43:08,530 --> 00:43:10,160
یہ سب احکام کے بارے میں ہے.

867
00:43:10,160 --> 00:43:12,640
>> ردعمل میں، وہاں نہیں ہے
کہ بہت سے حکم دیتا ہے.

868
00:43:12,640 --> 00:43:15,145
اس کے ہونے کے بارے میں ہے
اجزاء آپ کے ساتھ ڈال دیا.

869
00:43:15,145 --> 00:43:16,300
وہ افعال کی طرح ہو.

870
00:43:16,300 --> 00:43:26,360
آپ کو ایک تقریب کی طرح ہے
CardView بلایا،

871
00:43:26,360 --> 00:43:28,680
جس میں ایک تقریب ہے
کہ، ان پٹ، پیداوار ہے

872
00:43:28,680 --> 00:43:30,660
اور تو رد عمل کا اظہار ہے
اس فلسفے کے بارے میں

873
00:43:30,660 --> 00:43:32,700
آپ اعداد و شمار ہیں having-- ہمیں.

874
00:43:32,700 --> 00:43:34,910
آپ کو اس کے ذریعے منتقل
الگورتھم، اور یہ کریں گے

875
00:43:34,910 --> 00:43:36,800
ایچ ٹی ایم ایل کی پیداوار ہے کہ آپ کو
صرف صفحہ چھپا ہوا،

876
00:43:36,800 --> 00:43:39,180
اور تو آپ کو کرنا پڑے
یہ ٹکڑا کی طرف سے ٹکڑا کی تعمیر.

877
00:43:39,180 --> 00:43:42,800
>> پس ایک استعارہ اپنی طرف متوجہ کرنے کے لئے کیا
میں نے پہلے کہا، آپ کو کس طرح جانتے ہیں

878
00:43:42,800 --> 00:43:47,050
فیس بک پر آپ کو ایک پیغام ملتا ہے تو
اور آپ کو اپ ڈیٹ کرنے کے لئے کیا حصوں کو منتخب،

879
00:43:47,050 --> 00:43:47,882
کہ طریقہ کار ہے.

880
00:43:47,882 --> 00:43:48,840
یہ درست ہے، ضروری ہے؟

881
00:43:48,840 --> 00:43:49,806
ٹھیک ہے، میں نے ایک پیغام ملا.

882
00:43:49,806 --> 00:43:50,930
وہاں اکاؤنٹ کو تبدیل کرتے ہیں.

883
00:43:50,930 --> 00:43:52,110
>> یہاں ایک کھڑکی پاپ ہیں.

884
00:43:52,110 --> 00:43:52,780
وہاں اکاؤنٹ کو تبدیل کرتے ہیں.

885
00:43:52,780 --> 00:43:53,700
یہاں یہ اپنی طرف متوجہ کرتے ہیں.

886
00:43:53,700 --> 00:43:55,220
یہ ایک طریقہ کار کے نقطہ نظر ہے.

887
00:43:55,220 --> 00:44:00,240
>> کہ، کونیی طرح کیا چیزیں
فروغ، ریڑھ کی ہڈی، دوسرے فریم ورک کا استعمال کرتے ہیں.

888
00:44:00,240 --> 00:44:01,200
رد عمل کا اظہار فعال ہے.

889
00:44:01,200 --> 00:44:03,324
یہ ایک بہت ہی مختلف طریقہ ہے
کی چیزوں کے بارے میں سوچ.

890
00:44:03,324 --> 00:44:07,950
یہ ہے دو کے اس خیال سے لیتا ہے
کام کرتا ہے یا کہ آپ کو یلگوردمز

891
00:44:07,950 --> 00:44:08,800
یہ اعداد و شمار دے.

892
00:44:08,800 --> 00:44:11,820
اسے باہر توک گا کیا یہ
کمپیوٹر ہونا چاہئے، اور

893
00:44:11,820 --> 00:44:13,490
باہر وزن کی دیکھ بھال کرے گا.

894
00:44:13,490 --> 00:44:15,890
تم نے اسے اپنے آپ کو سنبھال نہیں.

895
00:44:15,890 --> 00:44:18,470
اس معنی کا ایک تھوڑا سا ہے؟

896
00:44:18,470 --> 00:44:18,970
جی ہاں؟

897
00:44:18,970 --> 00:44:24,180
>> سامعین: ایک فعال زبان میں،
سب کچھ ایک ہی بار میں کیا ہوتا ہے؟

898
00:44:24,180 --> 00:44:26,800
>> اونیل مہتا: نہیں، چیزوں کے لئے میں ہو.

899
00:44:26,800 --> 00:44:29,320
یہاں کی طرح وہاں اب بھی ہے
آرڈر، لیکن یہ نہیں ہے

900
00:44:29,320 --> 00:44:32,390
طرح کے حکم میں ہو
، کمانڈ، کمانڈ کی تعریف.

901
00:44:32,390 --> 00:44:36,459
یہ کے حکم میں ہوتا ہے
تقریب آپ کی پیداوار فراہم کرتا ہے.

902
00:44:36,459 --> 00:44:37,750
ایک اور تقریب میں ہے کہ ڈال دیا.

903
00:44:37,750 --> 00:44:39,550
دوسرے میں ڈال
تقریب، ایک اور تقریب.

904
00:44:39,550 --> 00:44:41,470
>> آپ CS51 کرتے ہیں، تمہیں
فعال پروگرام سیکھنے

905
00:44:41,470 --> 00:44:42,886
اس کے دائرہ کار کا ایک چھوٹا سا.

906
00:44:42,886 --> 00:44:45,090
لیکن بنیادی طور پر، کیا کرتا ہے
رد عمل کا اظہار ٹھنڈا نہ صرف ہے

907
00:44:45,090 --> 00:44:46,840
ایک طرفہ ڈیٹا کے بہاؤ
اور مجازی ڈوم،

908
00:44:46,840 --> 00:44:48,700
لیکن بھی اس خیال
فعال پروگرامنگ.

909
00:44:48,700 --> 00:44:51,720
اور فنکشنل پروگرامنگ کے لئے بہت آسان ہے
تحریر اور باہر ٹھنڈی چیزیں بنانے کے لئے،

910
00:44:51,720 --> 00:44:53,844
اور یہ سوچنے کے لئے بہت آسان ہے
کے بارے میں اور کے بارے میں وجہ.

911
00:44:53,844 --> 00:44:55,450
تو یہ ردعمل کا ایک اچھا ڈرا ہے.

912
00:44:55,450 --> 00:44:58,489

913
00:44:58,489 --> 00:44:59,280
کوئی سوال؟

914
00:44:59,280 --> 00:45:02,650

915
00:45:02,650 --> 00:45:03,150
جی ہاں؟

916
00:45:03,150 --> 00:45:06,840
>> سامعین: ام، تم کیوں کرے گا
متغیر کے طور پر مخالفت کی اجازت استعمال کرنے والا؟

917
00:45:06,840 --> 00:45:10,450
>> اونیل مہتا: تو سوال یہ ہے
کیوں آپ اس کے بجائے متغیر کے دو استعمال کرتے ہیں؟

918
00:45:10,450 --> 00:45:13,220
یہ کہا جاتا ہے ایک بات ہے
ES6 یا ECMAScript 6.

919
00:45:13,220 --> 00:45:15,820
یہ جاوا سکرپٹ کا نیا ورژن ہے.

920
00:45:15,820 --> 00:45:19,050
تکنیکی وجوہات میں سے ایک گروپ ہے،
لیکن لشکر طیبہ متغیر کا ایک بہتر ورژن ہے.

921
00:45:19,050 --> 00:45:20,724
>> آپ متغیر کا اعلان کے لئے کس طرح یہ.

922
00:45:20,724 --> 00:45:21,390
آپ کو دو استعمال کر سکتے ہیں.

923
00:45:21,390 --> 00:45:22,140
تم متغیر استعمال کر سکتے ہیں.

924
00:45:22,140 --> 00:45:23,825
چلو تکنیکی کا ایک گروپ ہے
آپ ان دیکھ سکتے ہیں reasons--

925
00:45:23,825 --> 00:45:25,610
یہ بہتر ہے کیوں کے لئے later-- اپ.

926
00:45:25,610 --> 00:45:28,780
بنیادی طور پر، ES6 کچھ اچھا ہے
نئے نحو، کچھ نئی خصوصیات

927
00:45:28,780 --> 00:45:30,720
پرانے جاوا اسکرپٹ کا سب سے اوپر پر.

928
00:45:30,720 --> 00:45:32,782
>> تو ہم پانچ منٹ کی طرح ہے.

929
00:45:32,782 --> 00:45:34,990
میں صرف کے بارے میں بات کرنا چاہتا تھا
ایک بات اور حقیقی روزہ.

930
00:45:34,990 --> 00:45:36,450
آپ کا کوئی سوال تھا تو،
اس کے بعد اس کے بارے میں بات کرتے ہیں.

931
00:45:36,450 --> 00:45:38,366
لیکن صرف تو یہ ملتا ہے
کیمرے پر پکڑے گئے، میں نے صرف

932
00:45:38,366 --> 00:45:41,550
آپ کو کس طرح کے بارے میں تھوڑا سا بات کرنا چاہتا ہوں
اصل میں آپ کے اطلاقات میں رد عمل کا اظہار کرتے ہیں.

933
00:45:41,550 --> 00:45:47,220

934
00:45:47,220 --> 00:45:58,640
>> آپ یہاں جاتے ہیں،
Facebook.GitHub.IO/react،

935
00:45:58,640 --> 00:46:03,320
اس تبصرے کے لئے گھر صفحہ ہے، اور
یہ آپ کو اصل کا استعمال کس طرح آپ کو دکھائے گا

936
00:46:03,320 --> 00:46:05,320
اپنے صفحات میں رد عمل کا اظہار.

937
00:46:05,320 --> 00:46:08,845
بنیادی طور پر، یہ ایک چھوٹا سا ہے
پیچیدہ ردعمل نصب کرنے کی کوشش.

938
00:46:08,845 --> 00:46:12,300
آپ کو صرف ھیںچیں کے طور پر آسان نہیں ہے
اور وہاں میں ایک جاوا اسکرپٹ چھوڑ.

939
00:46:12,300 --> 00:46:15,890
>> آپ کو آپ کے ٹرانسفارمر کی ضرورت ہے
اس سے پہلے کے طور پر کیا،، جس میں قائم،

940
00:46:15,890 --> 00:46:18,120
میں آپ JSX باری
عام جاوا.

941
00:46:18,120 --> 00:46:21,030
تم نے اس گے بات کرنا پڑے
آپ معمول پر ES6 مرتب.

942
00:46:21,030 --> 00:46:24,720
جاوا اسکرپٹ کو منتقل کرنے کے ایک بہت کچھ ہے
حصوں تمہیں کیا کرنا ہے، تاکہ ایک چیز ہے

943
00:46:24,720 --> 00:46:27,200
Yeoman، Yeoman.io بلایا.

944
00:46:27,200 --> 00:46:31,110
اور یہ ایک کمانڈ لائن کا آلہ ہے گا ہے
آپ کو آپ کے تبصرے کو پاڑ مدد

945
00:46:31,110 --> 00:46:32,380
آسانی سے منصوبوں.

946
00:46:32,380 --> 00:46:38,660
>> لہذا آپ کو اس کے بارے میں پڑھ سکتے ہیں
بعد میں، لیکن کچھ اوزار موجود ہیں

947
00:46:38,660 --> 00:46:40,160
Yeoman فراہم کرتا ہے.

948
00:46:40,160 --> 00:46:43,280
انہوں نے ایک رد عمل کا اظہار آپ کی تشکیل دیں گے
میں تعمیر سب کچھ کے ساتھ اپلی کیشن.

949
00:46:43,280 --> 00:46:46,030
اس کی تعمیر کریں گے کی طرح
اجزاء، میں تعمیر.

950
00:46:46,030 --> 00:46:47,880
یہ آپ کے ٹرانسفارمر میں تعمیر پڑے گا.

951
00:46:47,880 --> 00:46:50,699
وہ ٹھنڈی کی ایک بہت ہے
چیزیں خود کار طریقے سے تعمیر

952
00:46:50,699 --> 00:46:52,240
جنریٹرز بلایا ان چیزوں کا استعمال کرتے ہوئے.

953
00:46:52,240 --> 00:46:54,620
>> آپ چاہیں تو اس کے بارے میں پڑھا.

954
00:46:54,620 --> 00:46:59,110
بس Yeoman، Y-E-اے-ایم-اے (ن)، اور پر جانے
آپ ان کی طرح جنریٹرز تلاش کر سکتے ہیں.

955
00:46:59,110 --> 00:47:01,263
طرح جنریٹرز کے ساتھ
ان، آپ کو صرف ایک کی طرح

956
00:47:01,263 --> 00:47:03,010
ایک جوڑے کمانڈ لائن حکم ہے.

957
00:47:03,010 --> 00:47:05,530
یہ ایک باہر پاڑ گا
پورے آپ کے لئے اپلی کیشن ردعمل.

958
00:47:05,530 --> 00:47:10,470
یہ سب دستی پائپنگ حاصل کریں گے،
اور گھرگھر کام، آپ کے لئے کیا

959
00:47:10,470 --> 00:47:13,010
اور یہ آپ کو صرف توجہ مرکوز یہی وجہ ہے
بس میں لکھنے پر رد عمل کا اظہار.

960
00:47:13,010 --> 00:47:16,739
>> تو بنیادی طور پر عمارت
اپلی کیشن nontrivial نجی ہے رد عمل کا اظہار.

961
00:47:16,739 --> 00:47:19,530
یہ سب ایک دوسرے کے ساتھ وائرڈ، لیکن وہاں
آپ کے لئے کیا کریں گے کہ فورم کے اوزار ہیں.

962
00:47:19,530 --> 00:47:23,070
آپ کو بنانے کے لئے چاہتے ہیں تو ایک رد عمل کا اظہار تو
اپلی کیشن، اس طرح کرنے کی کوشش کریں.

963
00:47:23,070 --> 00:47:26,360
آپ کو صرف استعمال کرنے کے لئے کرنا چاہتے ہیں تو،
آپ کو اس CodePen استعمال کرنے کی کوشش کر سکتے ہیں

964
00:47:26,360 --> 00:47:28,550
اس CodePen ہے کیونکہ
تمام وائرنگ رد عمل کا اظہار.

965
00:47:28,550 --> 00:47:30,240
میں نے پہلے ہی آپ کے لئے کام کیا ہے.

966
00:47:30,240 --> 00:47:34,610
>> آپ کو ایک طرح بنانے کے لئے چاہتے ہیں تو
پیداوار اپلی کیشن کی رہائی کے لئے رد عمل کا اظہار،

967
00:47:34,610 --> 00:47:37,220
ان جنریٹروں کی ایک کوشش.

968
00:47:37,220 --> 00:47:40,240
آپ کو صرف کھیلنے کے لئے چاہتے ہیں، تو
کے ارد گرد، یہ اکثر صرف قابل ہے

969
00:47:40,240 --> 00:47:44,490
کی طرح یہاں CodePen پر کے ارد گرد کھیلنے کی کوشش.

970
00:47:44,490 --> 00:47:45,470
اچھا لگ رہا ہے؟

971
00:47:45,470 --> 00:47:45,970
ٹھنڈا.

972
00:47:45,970 --> 00:47:47,890
>> تاکہ میں ہے ہے.

973
00:47:47,890 --> 00:47:52,470
ایک بار پھر، تمام کوڈ اور مثالیں ہیں
یہاں اس ویب سائٹ پر ہونے جا رہا.

974
00:47:52,470 --> 00:47:55,509
تو، ایک بار پھر، ہم نے بات نہیں
کے بارے میں ردعمل کے زیادہ نحو،

975
00:47:55,509 --> 00:47:57,550
لیکن تمام ان لوگوں کو تلاش کرنے کے لئے
تھوڑا نحوی تفصیلات،

976
00:47:57,550 --> 00:48:00,320
یہ تمام دستیاب ہونے جا رہا ہے
یہاں اس ویب سائٹ پر.

977
00:48:00,320 --> 00:48:02,660
>> تو میں طرح کی سفارش کروں گا
پہلا قدم اٹھانے کے.

978
00:48:02,660 --> 00:48:06,277
آپ CodePen میں ڈال.

979
00:48:06,277 --> 00:48:08,110
بنانے پر کام کرنے کی کوشش کریں
اس دوسرے مرحلے پر.

980
00:48:08,110 --> 00:48:11,310
وہاں ایک چوتھے مرحلے ہے، اور صرف
تم نے اس سے حاصل جہاں دیکھنے.

981
00:48:11,310 --> 00:48:14,840
>> کوئی مزید سوالات، چیک
یا اس صفحہ کو مجھے ای میل.

982
00:48:14,840 --> 00:48:16,490
یہ میرا ای میل ہے.

983
00:48:16,490 --> 00:48:19,885
لیکن میں سے کسی کے ساتھ آپ کی مدد کرنے پسند کروں گا
آپ کے بارے میں ہو سکتا ہے سوالات ردعمل.

984
00:48:19,885 --> 00:48:21,010
تو، جی ہاں، کہ میں ہے ہے.

985
00:48:21,010 --> 00:48:23,410
بہت کے لئے آپ سب کا شکریہ
دیکھ یا شرکت کے لئے.

986
00:48:23,410 --> 00:48:26,820
اور میں کوئی سوال لے لیں گے
اب آپ کو اس کے بعد ہو سکتا ہے.

987
00:48:26,820 --> 00:48:29,140
تو دیکھ کے لئے آپ سب کا شکریہ.

988
00:48:29,140 --> 00:48:31,270