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 এবং একটি বার্ষিক একটি টিএ আছি
হার্ভার্ড কলেজ এবং একটি খুব, খুব এ

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
প্রতিক্রিয়া ফিরে যান কয়েক বছর হল.

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
খান একাডেমী অন্য হয়
প্রতিক্রিয়া বিশিষ্ট গ্রহণকারী প্রথম.

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
অ্যান্ড্রয়েড অ্যাপ্লিকেশন এবং 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 আপ এইচটিএমএল উপাদান

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
একটি কম্পোনেন্ট মাত্র হয়
এইচটিএমএল কোড গুচ্ছ যে

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
ধারণা চারপাশে নির্মিত হয় প্রতিক্রিয়া
একমুখী তথ্য প্রবাহ

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
>> Instagram ব্যবহার করতে
উদাহরণস্বরূপ, আপনি থাকতে পারে

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
যদি আপনি কোন থাকা না
অদ্ভুত আন্তঃসংযোগ.

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
এখানে, দুঃখিত, এখানে এই URL- এ.

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
এই কোড পড়া বিনা দ্বিধায়.

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
সুতরাং এটি একটি ভাল Cheat শীট হিসাবে ভাল
সাথে আপনার ভবিষ্যতের অভিযান প্রতিক্রিয়া.

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
>> Example-- জন্য এবং এটা দেখতে 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
আপনাকে JavaScript শিখতে পারেন
আধা ঘণ্টার ভিতর.

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
এইচটিএমএল বা JavaScript সঙ্গে পরিচিত

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
>> প্রতিক্রিয়া একটি লাইব্রেরি ও আছে
The বর্গ ফাংশন তৈরি.

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
>> , আপনি জিনিস রেন্ডার তাই
শুধু কিছু এইচটিএমএল প্রত্যাবর্তন করতে হবে.

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
এটা আপনি ভিতরে এইচটিএমএল লিখুন আসুন
আপনার জাভাস্ক্রিপ্ট, যা

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
আপনি এইচটিএমএল এর সাথে পরিচিত হন, তাহলে আমি জানি
আমরা একটি সাধারণ উদ্দেশ্য সঙ্গে একটি 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
ফ্ল্যাশকার্ড, আমি বলতে চাই,
একটি প্রশ্ন এবং উত্তর থাকবে.

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
হ্যাঁ, তাই মূলত আপনি সত্যিই করতে পারেন
আপনার জাভাস্ক্রিপ্ট ভিতরে এইচটিএমএল লিখুন.

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 তৈরি হয়েছে
পৃষ্ঠার একটি আইডি দিয়ে বলা পাতা,

290
00:13:46,200 --> 00:13:48,300
এবং যে যেখানে
উপাদান যেতে যাচ্ছে.

291
00:13:48,300 --> 00:13:49,841
>> আর আমরা এইচটিএমএল সাথে চালানো যাচ্ছে না করছি.

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
>> তাই শুধু একটি সংক্ষিপ্তবৃত্তি হিসাবে, আমরা আস্তে তৈরি
কম্পোনেন্ট একটি নতুন ধরনের, ডান?

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
এই মুহূর্তে আমরা শুধু
একটি হার্ডকোডেড কার্ড অনুষ্ঠিত.

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 করতে, শুধু একটি
app এর জন্য নতুন নাম,

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
তাই এই নিয়ে আমাদের প্রথম উদাহরণ
একে অপরের ভিতর পাখির উপাদান.

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 মত কোন ধরনের
সি, তাই আমরা একটি কার্ড তৈরি

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
বর্গ বুটস্ট্র্যাপ জন্য বিটিএন সমান ,?

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
app টি এটি অ্যাক্সেস করতে পারেন
this.props.card হিসেবে.

375
00:18:24,400 --> 00:18:28,780
এটি একটি ইমেজ মত কোন ধরনের
এটা এর উৎস সম্পর্কে অবগত রয়েছেন.

376
00:18:28,780 --> 00:18:31,972
>> এই app টি এটি কার্ড কি জানে
হয়, এবং এটি সঙ্গে স্টাফ করতে পারেন.

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
এই মুহূর্তে আমরা শুধু প্রিন্ট আউট কিছু
হার্ডকোডেড প্রশ্ন ও উত্তর.

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 আপনি যদি বলেন,
আমার কোনো ফ্ল্যাশকার্ড বস্তু দিতে

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
এই ক্ষেত্রে, আউটপুট এইচটিএমএল হয়.

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
ফেসবুকে, উদাহরণস্বরূপ, যদি আপনি would
খবর ফিড, যেখানে মনে রাখতে চান

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
আপনি পিজা পেতে.

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 সামনে রাষ্ট্র হচ্ছে ÑÑ.

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
আমরা এটা কিছু আঁকুন বলেনি.

583
00:28:30,910 --> 00:28:32,630
আপনি যদি এই করছেন
প্রতিক্রিয়া ছাড়া, আপনি চাই

584
00:28:32,630 --> 00:28:34,588
যখন চাচ্ছি পছন্দ করেছেন
উল্টানো বাটন ক্লিক করা হয়,

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
কিন্তু প্রতিক্রিয়া একটা জিনিস ব্যবহার
একটি ছায়া বলা DOM.

598
00:29:15,050 --> 00:29:19,950
পরিবর্তে সরাসরি পৃষ্ঠা আঁকার, এটা
স্মৃতিতে ভার্চুয়াল এইচটিএমএল বৃক্ষ রাখে.

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
এবং তারপর এটি শুধুমাত্র মত পরিবর্তন
সামান্য tweaks মধ্যে পৃষ্ঠা হিসাবে প্রয়োজন,

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
যে ভার্চুয়াল DOM এর.

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
এটা দক্ষ কারণ
Shadow DOM এর.

653
00:31:35,710 --> 00:31:37,210
বোতলের পৃষ্ঠায় আপডেট করা হয়.

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, আমরা 1 0 থেকে যেতে পারেন

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
সুতরাং আমরা একটি unordered রেন্ডার করতে চান
প্রতিটি কার্ডের জন্য একটি আইটেম তালিকা সঙ্গে তালিকা.

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 ফাংশন এবং এই

746
00:37:06,310 --> 00:37:12,120
একটি সাঁটে লেখার জন্য হয়
ফাংশন 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
সুতরাং আমরা একটি উল আসতে হবে.

780
00:38:46,521 --> 00:38:49,020
যে unordered তালিকা ভিতরে,
আমরা শুধু সম্পূর্ণ তালিকা বিদ্ধ করব

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
এবং যদি আপনি একটি unordered ভিতরে তাদের করা
তালিকায়, এবং আপনি তা ফেরত দিতে.

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
সুতরাং তাই এখানে লক্ষ্য করা কিন্তু যে লক্ষ্য.

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
জাভাস্ক্রিপ্ট একটি preprocessor এবং অনেক
পিএইচপি মত এইচটিএমএল জন্য এর preprocessor হয়.

839
00:42:03,530 --> 00:42:05,490
জেএসসি একটি preprocessor হয়
জাভাস্ক্রিপ্ট জন্য যে দেয়

840
00:42:05,490 --> 00:42:12,970
আপনি আপনার দয়া করে জাভাস্ক্রিপ্ট ভেতরে এইচটিএমএল করা.

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
ডান এর preprocessor,
এটা আপনি যে কি জানাবো.

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
একটি কার্যকরী প্রোগ্রামিংয়ের ভাষা হিসেবে.

851
00:42:31,970 --> 00:42:35,646
আমরা CS50 মধ্যে সি শেখার করে থাকেন.

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
সি একটি খুব পদ্ধতিগত দৃষ্টান্ত.

861
00:42:58,010 --> 00:43:02,360
>> এবং একটি উদাহরণ হিসাবে, উদাহরণস্বরূপ সি,
আপনি এই ঘোষণামূলক উপায় কি না

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
>> শ্রোতা: উম, আপনি কেন হবে
Var উল্টোদিকে দিন ব্যবহার?

917
00:45:06,840 --> 00:45:10,450
>> নীল মেহতা: তাই প্রশ্ন হল
কেন আপনি পরিবর্তে Var এর দিন ব্যবহার করবেন?

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
প্রযুক্তিগত কারণের একটি গুচ্ছ আছে,
কিন্তু ধরা যাক Var একটি ভাল সংস্করণ.

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
আপনি Var ব্যবহার করতে পারেন.

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
আপনি কিভাবে সম্পর্কে একটু কথা বলতে চাই
আসলে আপনার Apps প্রতিক্রিয়া ব্যবহার.

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.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
ইঔম্যান্ প্রস্তাব.

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
শুধু ইঔম্যান্, ওয়াই-ই-হে-এম-একটি-এন, ও যেতে
আপনি এই মত জেনারেটর খুঁজে পেতে পারেন.

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