1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [সেমিনার] [জাভাস্ক্রিপ্ট অবকাঠামো: কেন এবং কিভাবে]

2
00:00:02,000 --> 00:00:04,000
[কেভিন Schmid] [হার্ভার্ড বিশ্ববিদ্যালয়]

3
00:00:04,000 --> 00:00:06,960
[এটি CS50.] [CS50.TV]

4
00:00:06,960 --> 00:00:10,630
>> উচ্চ, সবাই. জাভাস্ক্রিপ্ট অবকাঠামো সেমিনারে আপনাকে স্বাগতম.

5
00:00:10,630 --> 00:00:14,910
আমার সম্পর্কে নাম Kevin, এবং আজ আমি জাভাস্ক্রিপ্ট অবকাঠামো কথা বলা ঠিক হবে যাচ্ছি

6
00:00:14,910 --> 00:00:20,400
এবং এই সেমিনারের মূল উদ্দেশ্য হল, আপনি পেতে বলে, কোনটাই একটি নির্দিষ্ট কাঠামোর মাস্টার নয়

7
00:00:20,400 --> 00:00:23,810
কিন্তু অবকাঠামো একটি দম্পতি আপনি একটি বিস্তৃত ভূমিকা দিতে

8
00:00:23,810 --> 00:00:27,150
এবং আমরা কখনও একটি ফ্রেমওয়ার্ক ব্যবহার করতে চান কেন দেখান.

9
00:00:27,150 --> 00:00:31,060
>> আমি যে কি আগে, আমি, জাভাস্ক্রিপ্ট একটু পটভূমি সরবরাহ করব

10
00:00:31,060 --> 00:00:33,750
এবং তারপর আমরা সেখানে থেকে এটা নিয়ে যাব.

11
00:00:33,750 --> 00:00:36,270
আমরা একটি করণীয় তালিকা প্রয়োগ করে শুরু করতে যাচ্ছেন.

12
00:00:36,270 --> 00:00:39,330
এখানে আজকের জন্য আমাদের টাস্ক তালিকা.

13
00:00:39,330 --> 00:00:41,990
এটা মজার ধরনের. আমরা জাভাস্ক্রিপ্ট মধ্যে একটি করণীয় তালিকা বাস্তবায়ন করতে হবে.

14
00:00:41,990 --> 00:00:45,110
এই যাতে আমাদের প্রথম লক্ষ্য, এটা অনুরূপ যাচ্ছে কি না.

15
00:00:45,110 --> 00:00:47,160
আমরা যে একটি ফ্রেমওয়ার্ক ব্যবহার করতে যাচ্ছেন না.

16
00:00:47,160 --> 00:00:51,930
আমরা কোড জাভাস্ক্রিপ্ট যাচ্ছে এবং করণীয় তালিকার কাজ পেতে করছি.

17
00:00:51,930 --> 00:00:54,370
তারপর আমরা একটি কাঠামো ব্যবহার না করে নকশা উন্নত চলুন.

18
00:00:54,370 --> 00:00:57,190
আমরা শুধু জাভাস্ক্রিপ্ট একা করতে পারেন বিভিন্ন বিষয় নিয়ে আলোচনা করতে যাচ্ছেন

19
00:00:57,190 --> 00:01:00,650
আমাদের জন্য করণীয় একটু বেশি ভাল ডিজাইন তার তালিকা দেখাবে.

20
00:01:00,650 --> 00:01:02,490
তারপর আমরা কিছু jQuery মধ্যে নিক্ষেপ করতে যাচ্ছেন

21
00:01:02,490 --> 00:01:05,030
এবং তারপর আমরা, তালিকা করতে একই তাকান চলুন

22
00:01:05,030 --> 00:01:07,170
শুধু বিভিন্ন অবকাঠামো প্রয়োগ, এবং আমরা আলোচনা করব

23
00:01:07,170 --> 00:01:09,280
 পথ বরাবর আগপাছ.

24
00:01:09,280 --> 00:01:12,040
>> এর তালিকা করতে যে প্রয়োগ শুরু করা যাক.

25
00:01:12,040 --> 00:01:14,270
চলুন শুরু করা যাক আমরা এই এইচটিএমএল দেওয়া করছি বলে.

26
00:01:14,270 --> 00:01:16,620
আমি এই একটু ছোট করা যাচ্ছে না.

27
00:01:16,620 --> 00:01:19,300
যেহেতু আপনি দেখতে পারেন, আমি করণীয় বলছেন যে একটু হেডার থাকবে

28
00:01:19,300 --> 00:01:21,740
আমি একটি করণীয় একটি বিবরণ লেখা যাবে এবং সামান্য বাক্স

29
00:01:21,740 --> 00:01:26,990
এবং তারপর, তাই এই তালিকায় একটি নতুন করণীয় প্রবেশ চেষ্টা করুন একটি নতুন আইটেম বোতাম যাক.

30
00:01:26,990 --> 00:01:31,000
একটি জাভাস্ক্রিপ্ট অবকাঠামো সেমিনার দিন

31
00:01:31,000 --> 00:01:33,090
এবং আমি নতুন আইটেম আঘাত না.

32
00:01:33,090 --> 00:01:35,730
আমি আমার সম্পর্কে বাস্তবায়ন বলছেন যে এই Javascript সতর্কতা পেতে.

33
00:01:35,730 --> 00:01:37,560
আমরা এটা বাস্তবায়ন পেয়েছেন.

34
00:01:37,560 --> 00:01:41,490
HTML এবং জাভাস্ক্রিপ্ট উভয়, এর জন্য এই কোড চেক আউট চলুন শুরু করা যাক.

35
00:01:41,490 --> 00:01:43,260
এখানে আমাদের এইচটিএমএল এর.

36
00:01:43,260 --> 00:01:45,500
আপনি এখানে দেখতে পারেন, এখানে আমাদের একটু Todos হেডার এর.

37
00:01:45,500 --> 00:01:47,620
তাই বলা হয়, উপরের যে সাহসী বিষয় ছিল

38
00:01:47,620 --> 00:01:50,690
এবং তারপর আমরা, স্থানধারক সঙ্গে ইনপুট বক্স আছে

39
00:01:50,690 --> 00:01:59,460
এবং তারপর এই ফাংশন addTodo কল যে এই বোতাম একটি নির্দিষ্ট বৈশিষ্ট্য আছে.

40
00:01:59,460 --> 00:02:05,460
কেহ বাচক হয় ক্লিক করলে যে কি অনুমান করতে চান না?

41
00:02:05,460 --> 00:02:07,390
[ছাত্র শ্রবণাতীত প্রতিক্রিয়া]

42
00:02:07,390 --> 00:02:09,289
গুড, ক্লিক করুন, একটি ইভেন্ট ভালো ধরণের হয়

43
00:02:09,289 --> 00:02:12,120
মাউস ক্লিক করে শুধু একটি ঘটনা, এবং কি আমরা করছেন মত

44
00:02:12,120 --> 00:02:16,890
আমরা যে ফাংশন নির্বাহ করার জন্য এই বাটন ক্লিক করুন ইভেন্ট tying করছি না.

45
00:02:16,890 --> 00:02:21,700
AddTodo যে বাটন ক্লিক করে এই ইভেন্ট হ্যান্ডলার হয়.

46
00:02:21,700 --> 00:02:25,010
>> যেহেতু আপনি দেখতে পারেন, আমি নতুন আইটেম বাটন ক্লিক করা হলে

47
00:02:25,010 --> 00:02:29,940
ক্লিক ইভেন্ট বহিস্কার পায়, এবং এই ফাংশন বলা হয়.

48
00:02:29,940 --> 00:02:33,170
এর ফাংশন তাকান চলুন শুরু করা যাক.

49
00:02:33,170 --> 00:02:36,260
যেহেতু আপনি দেখতে পারেন, এখানে এতদূর আমার জাভাস্ক্রিপ্ট কোড এর.

50
00:02:36,260 --> 00:02:41,280
কি আমি শীর্ষে আছে আমার করণীয় তালিকার জন্য একটি বিশ্বব্যাপী ডাটা স্ট্রাকচার.

51
00:02:41,280 --> 00:02:44,060
এটি একটি অ্যারের মত দেখায়. এটি শুধু একটি খালি অ্যারে.

52
00:02:44,060 --> 00:02:47,100
এবং তারপর আমি, আমরা আগে দেখেছি যে addTodo ফাংশন আছে

53
00:02:47,100 --> 00:02:50,740
এবং সেখানে কোড শুধুমাত্র লাইন এই সতর্কতা হয়.

54
00:02:50,740 --> 00:02:55,730
এটা আমার বাস্তবায়ন সঙ্কেত, এবং তারপর আমি হাতের 2 কাজগুলো আছে.

55
00:02:55,730 --> 00:02:58,790
আমি যে আন্তর্জাতিক তথ্য কাঠামো করণীয় যোগ আছে

56
00:02:58,790 --> 00:03:01,860
এবং তারপর আমি করণীয় তালিকা আঁকা আউট করতে চান.

57
00:03:01,860 --> 00:03:06,360
কিছুই খুব এখনও অভিনব, কিন্তু জাভাস্ক্রিপ্ট আপনি সঙ্গে অপরিচিত হতে পারে

58
00:03:06,360 --> 00:03:12,370
তাই আমি ধীরে যান এবং যে উপায় জাভাস্ক্রিপ্ট এর মৌলিক পর্যালোচনা করতে যাচ্ছি.

59
00:03:12,370 --> 00:03:15,490
>> এর এই একটি শট দিতে.

60
00:03:15,490 --> 00:03:21,130
চলুন শুরু করা যাক ব্যবহারকারী এই বক্সের মধ্যে প্রবেশ করে কিছু বলতে.

61
00:03:21,130 --> 00:03:23,360
আমি এখানে, পাঠ্য টাইপ কিছু.

62
00:03:23,360 --> 00:03:27,620
আমি কিভাবে জাভাস্ক্রিপ্ট মাধ্যমে এক্সেস যে টেক্সট বাছাই করবেন?

63
00:03:27,620 --> 00:03:32,500
যে জাভাস্ক্রিপ্ট মনে রাখবেন, তার মৌলিক বৈশিষ্ট্য এক এটি আমাদের দেয় যে

64
00:03:32,500 --> 00:03:34,670
DOM এই কর্মসূচি প্রবেশাধিকার.

65
00:03:34,670 --> 00:03:40,670
এটা আমাদের এই প্রকৃত এইচটিএমএল উপাদান এবং তাদের বৈশিষ্ট্য একসেস করতে পারবেন.

66
00:03:40,670 --> 00:03:43,430
আমরা বেয়ার হাড় জাভাস্ক্রিপ্ট সঙ্গে যে কি উপায়

67
00:03:43,430 --> 00:03:51,360
আমরা আসলে getElementByID বলা জাভাস্ক্রিপ্ট মধ্যে একটি ফাংশন ব্যবহার করতে পারেন.

68
00:03:51,360 --> 00:03:55,140
আমি কিছু পরিবর্তনশীল সেখানে টাইপ করা যে টেক্সট সংরক্ষণ করতে ইচ্ছুক

69
00:03:55,140 --> 00:03:58,350
তাই আমি new_todo নামে একটি নতুন পরিবর্তনশীল বলতে যাচ্ছি

70
00:03:58,350 --> 00:04:01,980
এবং আমি যে উপাদান পেতে যাচ্ছি.

71
00:04:01,980 --> 00:04:06,330
এই একটি ফাংশন. GetElementByID.

72
00:04:06,330 --> 00:04:11,580
এবং এখন, আমি আইডি দ্বারা একটি উপাদান পেয়ে করছি, তাই আমি মনে করি যে টেক্সট বক্সের আইডি প্রয়োজন

73
00:04:11,580 --> 00:04:15,860
তাই আমি এটা আইডি new_todo_description দিয়েছি.

74
00:04:15,860 --> 00:04:18,399
যে আমি একটি উপাদান পেতে যাচ্ছি কিভাবে.

75
00:04:18,399 --> 00:04:23,880
যে পেতে যা ID উল্লেখ করার, এই ফাংশন আপনি আমার যুক্তি না.

76
00:04:23,880 --> 00:04:28,110
তাই যে HTML এ একটি উপাদান, এবং এটা বৈশিষ্ট্য আছে.

77
00:04:28,110 --> 00:04:30,650
আপনি এই দেখা করেছি. তারা আরোপ করছি.

78
00:04:30,650 --> 00:04:37,090
ব্যবহারকারীর ইনপুট সঞ্চয় যে টেক্সট উপাদান অ্যাট্রিবিউট মূল্য বলা হয়.

79
00:04:37,090 --> 00:04:40,860
আমি new_todo নামক এই পরিবর্তনশীল এখন যে টেক্সট বক্স মান সংরক্ষিত.

80
00:04:40,860 --> 00:04:45,040
এখন আমি এই পরিবর্তনশীল কর্মসূচি এক্সেস আছে, যা ধরনের শীতল হয়

81
00:04:45,040 --> 00:04:49,200
এখন আমি কি করতে পারি, কারণ আমি আমার করণীয় এটা তালিকায় যোগ করতে পারেন.

82
00:04:49,200 --> 00:04:52,870
>> আমরা এই কাজ করতে হবে উপায় জাভাস্ক্রিপ্ট এবং আপনি এই সঙ্গে অপরিচিত হন তাহলে চিন্তা করবেন না,

83
00:04:52,870 --> 00:04:57,010
কিন্তু এটা দিয়ে যাচ্ছিলেন todos.push হয়

84
00:04:57,010 --> 00:05:00,130
এখানে আমার আন্তর্জাতিক তথ্য কাঠামো নামের যে কারণ,

85
00:05:00,130 --> 00:05:04,450
এবং আমি new_todo ধাক্কা যাচ্ছি.

86
00:05:04,450 --> 00:05:09,120
এখন আমি আমার জাভাস্ক্রিপ্ট এটা এখনো যোগ করেনি, কারণ এই মহান

87
00:05:09,120 --> 00:05:11,280
যে হুড়াহুড়ি তালিকা উপস্থাপনা.

88
00:05:11,280 --> 00:05:15,170
কিন্তু এখন কিভাবে আমি HTML এ ফিরে পেতে পারি?

89
00:05:15,170 --> 00:05:18,560
আমি এটা ফিরে ধাক্কা সাজাতে একটি উপায় খুঁজে বের করতে হবে.

90
00:05:18,560 --> 00:05:21,830
অন্য কথায়, আমি ধরনের এই আঁকা আছে.

91
00:05:21,830 --> 00:05:26,060
আমরা কি করতে যাচ্ছেন আমাদের করণীয় তালিকার আঁকা চলুন.

92
00:05:26,060 --> 00:05:29,270
আমি যে পৃষ্ঠায় অন্যান্য এইচটিএমএল আপডেট করা দরকার

93
00:05:29,270 --> 00:05:32,040
যেহেতু আপনি দেখতে পারেন, আমি এখানে এই সামান্য আধার বাকি করেছি

94
00:05:32,040 --> 00:05:36,840
যার আইডি todos হয় পৃষ্ঠার এই বিভাজক,

95
00:05:36,840 --> 00:05:40,870
এবং আমি সেখানে হুড়াহুড়ি তালিকা করা যাচ্ছে না.

96
00:05:40,870 --> 00:05:47,240
প্রথম আমি করণীয় তালিকা একটি পুরানো সেখানে ছিল, বলে, কারণ এটি মুছে ফেলা যাচ্ছে না.

97
00:05:47,240 --> 00:05:49,560
আমি আবার আইডি দ্বারা যে উপাদান পেয়ে করছি

98
00:05:49,560 --> 00:05:54,530
এবং আমি যে উপাদান ভেতরের এইচটিএমএল অ্যাক্সেস করছি

99
00:05:54,530 --> 00:05:58,010
এবং আমি যে মুছে ফেলা যাচ্ছে না.

100
00:05:58,010 --> 00:06:05,510
হয় আমরা এই কোড বামে, তাহলে আমরা সেখানে একটি ফাঁকা কিছুই দেখতে চাই

101
00:06:05,510 --> 00:06:10,410
এবং এখন আমি আমার নতুন করণীয় তালিকা রেন্ডারিং শুরু করতে চান.

102
00:06:10,410 --> 00:06:12,870
আমি মূলত আমার করণীয় তালিকা অপনোদন করা যাচ্ছে না.

103
00:06:12,870 --> 00:06:18,180
>> এখন যে todos DIV ভেতরের এইচটিএমএল ভিতর, সম্পূর্ণরূপে স্পষ্ট

104
00:06:18,180 --> 00:06:20,060
এবং এখন আমি আমার তালিকা যোগ করা শুরু করতে হবে.

105
00:06:20,060 --> 00:06:23,890
আমি ফিরে যোগ করতে চান প্রথম জিনিস, unordered তালিকা ট্যাগ

106
00:06:23,890 --> 00:06:33,890
যা মূলত এই একটি unordered তালিকা শুরু যে নির্দেশ.

107
00:06:33,890 --> 00:06:39,770
এখন আমার todos অ্যারের মধ্যে প্রত্যেক উপাদান জন্য আমি যে এইচটিএমএল এর ভিতর এটি প্রিন্ট আউট করতে চান.

108
00:06:39,770 --> 00:06:43,710
আমি এই তালিকার নীচে এটা লিখবেন চাই.

109
00:06:43,710 --> 00:06:49,040
শুধু সি মত, আমি লুপ জন্য একটি ব্যবহার করতে পারেন, এবং আমি আমার তালিকা প্রারম্ভে শুরু করতে যাচ্ছি

110
00:06:49,040 --> 00:06:54,140
উপাদান 0, এবং আমি তালিকা দৈর্ঘ্য সব পথ যেতে যাচ্ছি.

111
00:06:54,140 --> 00:07:01,100
আমরা আসলে দৈর্ঘ্য সম্পত্তি ব্যবহার করে জাভাস্ক্রিপ্ট মধ্যে একটি অ্যারের দ্বারা পেতে পারেন.

112
00:07:01,100 --> 00:07:03,420
মূলত আমি এখানে এর ভিতর খুব অনুরূপ কিছু করতে যাচ্ছি

113
00:07:03,420 --> 00:07:05,600
যে উপাদান প্রিন্ট আউট.

114
00:07:05,600 --> 00:07:12,970
আমি আবার todos DIV, যে ভেতরের এইচটিএমএল সম্পত্তি, অ্যাক্সেস করতে পারেন

115
00:07:12,970 --> 00:07:17,560
এবং আমি এই নতুন তালিকা আইটেম যোগ করতে যাচ্ছি, এবং যে দ্বারা বেষ্টিত হতে যাচ্ছে

116
00:07:17,560 --> 00:07:25,390
এই Li ট্যাগ, এবং আমি + অপারেটর সঙ্গে concatenate যাচ্ছি

117
00:07:25,390 --> 00:07:28,040
এবং যে, আমার todos অ্যারের ith উপাদান

118
00:07:28,040 --> 00:07:32,380
এবং তারপর আমি যে ট্যাগ বন্ধ করতে যাচ্ছি.

119
00:07:32,380 --> 00:07:36,240
এখন প্রত্যেক উপাদান জন্য আমরা একটি নতুন তালিকা ভুক্তি যোগ করব.

120
00:07:36,240 --> 00:07:48,700
এবং তারপর আমরা সত্যিই করতে হবে যে সব ট্যাগ বন্ধ পাসে.

121
00:07:48,700 --> 00:07:52,820
আমি শুধু তালিকা ট্যাগ unordered যে বন্ধ বন্ধ করতে হবে.

122
00:07:52,820 --> 00:07:55,490
>> আপনি যে কিভাবে কাজ করে এর জন্য একটি অনুভূতি পেতে পারি?

123
00:07:55,490 --> 00:07:57,700
এই সমগ্র তালিকা প্রর্দশিত হবে.

124
00:07:57,700 --> 00:08:01,080
এই todos তালিকা থেকে তালিকা থেকে পৃথক উপাদান যোগ করা হয়েছে

125
00:08:01,080 --> 00:08:05,470
এবং তারপর সমগ্র তালিকা প্রচেষ্টা, এবং এই আমার addTodo ফাংশন যে.

126
00:08:05,470 --> 00:08:09,590
আমি মূলত টেক্সট বক্স থেকে করণীয় বুঝিয়ে শুরু.

127
00:08:09,590 --> 00:08:18,950
আমি todos অ্যারের যে যোগ করুন, এবং তারপর আমি করণীয় তালিকা পুনরায় রেন্ডার.

128
00:08:18,950 --> 00:08:21,520
এখন আমি আমার তালিকা আইটেম যোগ করতে পারেন.

129
00:08:21,520 --> 00:08:24,620
এই ধরনের উত্তেজনাপূর্ণ কারণ কোড মাত্র কয়েক লাইন

130
00:08:24,620 --> 00:08:28,240
আমরা মূলত আমরা আইটেম যোগ করতে পারেন যেখানে একটি করণীয় তালিকা তৈরি করেছি.

131
00:08:28,240 --> 00:08:30,050
গ্রেট.

132
00:08:30,050 --> 00:08:34,480
যে জাভাস্ক্রিপ্ট একটি মৌলিক ভূমিকা ধরনের.

133
00:08:34,480 --> 00:08:36,179
, এখন জন্য বাক্য গঠন সম্পর্কে খুব বেশী চিন্তা করবেন না

134
00:08:36,179 --> 00:08:38,130
কিন্তু এই ধারণার দিক থেকে চিন্তা.

135
00:08:38,130 --> 00:08:40,539
আমরা কিছু এইচটিএমএল ছিল.

136
00:08:40,539 --> 00:08:45,310
আমরা ইনপুট একটি করণীয় আইটেমে মূলত অনুমোদিত ব্যবহারকারীদের যুক্ত করার যে পৃষ্ঠায় একটি টেক্সট বক্সে ছিল.

137
00:08:45,310 --> 00:08:49,210
এবং তারপর আমরা যে টেক্সট বক্স থেকে যে করণীয় আনতে জাভাস্ক্রিপ্ট ব্যবহার করা হয়.

138
00:08:49,210 --> 00:08:52,830
আমরা একটি জাভাস্ক্রিপ্ট অ্যারের ভিতরে, যা চাই মূলত যে সংরক্ষিত

139
00:08:52,830 --> 00:08:56,010
যে আমাদের কর্মসূচি প্রতিনিধিত্ব তালিকা করতে,

140
00:08:56,010 --> 00:08:59,060
এবং তারপর আমরা এটি প্রিন্ট আউট.

141
00:08:59,060 --> 00:09:02,690
এই todos.js হয়.

142
00:09:02,690 --> 00:09:07,620
>> এই শান্ত ধরনের, কিন্তু কিভাবে আমরা এই বিষয়ে আরও গ্রহণ করতে পারেন?

143
00:09:07,620 --> 00:09:11,350
আপনি দেখতে পারেন, হিসাবে ভাল, এই হুড়াহুড়ি তালিকা সম্পূর্ণ নয়.

144
00:09:11,350 --> 00:09:15,100
উদাহরণস্বরূপ, আমি, অসম্পূর্ণ হিসেবে এই আইটেম কোন চিহ্নিত করতে পারবে না

145
00:09:15,100 --> 00:09:19,920
আমি আইটেম reprioritize বা আইটেম মুছে ফেলতে চেয়েছিলেন চাই.

146
00:09:19,920 --> 00:09:23,150
এই ঠিক আছে, কিন্তু আমরা এই বিষয়ে আরও গ্রহণ করতে পারেন.

147
00:09:23,150 --> 00:09:29,280
আমি, অতিরিক্ত বৈশিষ্ট্য যোগ ওপর অত্যধিক কথা বলতে যাচ্ছি না

148
00:09:29,280 --> 00:09:32,800
কিন্তু আমরা যে অতিরিক্ত সময় নিতে পারে.

149
00:09:32,800 --> 00:09:35,970
তালিকা করতে এই এক বৈশিষ্ট্য যোগ সম্পর্কে কথা বলা যাক,

150
00:09:35,970 --> 00:09:40,370
একটি পৃথক করণীয় আইটেম চেক করতে পারবেন হচ্ছে হতে যাচ্ছে, যা

151
00:09:40,370 --> 00:09:44,780
এবং এটা তাই মূলত আমি এই কাজ করেছি, বলার অপেক্ষা রাখে খুঁজে পার হতে হবে.

152
00:09:44,780 --> 00:09:50,240
এর যে সাধা পারে যে কিছু কোড তাকান চলুন শুরু করা যাক.

153
00:09:50,240 --> 00:09:52,740
কি আমি শীর্ষে সম্পন্ন করেছি আমি এখনো যোগ করেনি করেছি লক্ষ্য করুন

154
00:09:52,740 --> 00:09:57,620
একটি নতুন বিশ্ব অ্যারের সম্পূর্ণ বলা হয়.

155
00:09:57,620 --> 00:10:02,890
আমি মূলত জমা করতে এই ব্যবহার করছি কি না তা করণীয় তালিকার আইটেম

156
00:10:02,890 --> 00:10:06,560
সম্পূর্ণ অথবা হয় না.

157
00:10:06,560 --> 00:10:08,470
এই এই কাজ করতে একটি পদ্ধতি.

158
00:10:08,470 --> 00:10:13,750
আমি এই বাস্তবায়ন, প্রদর্শন, তাকান

159
00:10:13,750 --> 00:10:21,120
আমি একটি করণীয় লিখুন এবং যদি মূলত আমি এই টগল বাটন টিপুন

160
00:10:21,120 --> 00:10:25,040
এটি অতিক্রম করে, তাই এই তালিকায় প্রতিটি আইটেম হয় একটি সম্পূর্ণ হয়েছে

161
00:10:25,040 --> 00:10:31,050
বা অসম্পূর্ণ রাষ্ট্র, এবং আমি যে প্রতিনিধিত্ব করার জন্য অন্য একটি অ্যারে ব্যবহার করছি.

162
00:10:31,050 --> 00:10:33,730
>> মূলত যে todos অ্যারের প্রতিটি করণীয় জন্য

163
00:10:33,730 --> 00:10:37,110
একটি আইটেম মূলত ইঙ্গিত করে যে সম্পূর্ণ অ্যারের মধ্যে আছে

164
00:10:37,110 --> 00:10:39,060
যে সম্পূর্ণ বা না কিনা.

165
00:10:39,060 --> 00:10:41,640
আমি এই কোড প্রশংসনীয় ন্যূনতম পরিবর্তন করতে ছিল করেছি

166
00:10:41,640 --> 00:10:44,470
তাই এখানে আমাদের addTodo ফাংশন.

167
00:10:44,470 --> 00:10:48,530
এখানে আমি অ্যারের মধ্যে এটি ঠেলাঠেলি করছি যে লক্ষ্য করুন,

168
00:10:48,530 --> 00:10:51,300
এবং তারপর আমি যে সম্পূর্ণ অ্যারের একটি 0 ঠেলাঠেলি করছি

169
00:10:51,300 --> 00:10:57,090
মূলত বলে যে নতুন করণীয় ধাক্কা সঙ্গে সমান্তরাল মধ্যে

170
00:10:57,090 --> 00:11:00,430
আমি, এই আইটেমটি যোগ করছি, এবং এটি এই মান সঙ্গে মিলিত এর

171
00:11:00,430 --> 00:11:02,810
তা অসম্পূর্ণ এর মানে হল যে.

172
00:11:02,810 --> 00:11:04,970
এবং তারপর আমি করণীয় তালিকা redrawing করছি.

173
00:11:04,970 --> 00:11:09,220
এখন, আমি এই drawTodoList ফাংশন যুক্ত করেছি বিজ্ঞপ্তি.

174
00:11:09,220 --> 00:11:11,760
এই, আমরা আগে কোড অনেক সময় লাগে

175
00:11:11,760 --> 00:11:15,320
মূলত বক্স খুঁজে clears এবং তারপর নতুন হুড়াহুড়ি তালিকা স্বপক্ষে.

176
00:11:15,320 --> 00:11:19,620
কিন্তু এই ভিতরে লুপ জন্য আমরা এখন একটু করছেন যে বিজ্ঞপ্তি.

177
00:11:19,620 --> 00:11:25,000
আমরা মূলত ith করণীয় আইটেম সংশ্লিষ্ট কি না তা এখানে চেক করছি

178
00:11:25,000 --> 00:11:30,220
সম্পূর্ণ, এবং আমরা এইসব 2 পরিস্থিতিতে ভিন্নভাবে ব্যবহার করছি.

179
00:11:30,220 --> 00:11:32,790
এটা সম্পূর্ণ, আমরা, এই Del ট্যাগ যোগ করছি

180
00:11:32,790 --> 00:11:35,360
যা মূলত আপনি প্রভাব মাধ্যমে যে ধর্মঘট পেতে পারেন উপায়

181
00:11:35,360 --> 00:11:38,190
এটা সম্পূর্ণ যদি করণীয় তালিকা আউট উত্তরণ,

182
00:11:38,190 --> 00:11:42,200
এটা না হলে, আমরা এটা সহ করছি না.

183
00:11:42,200 --> 00:11:45,030
তাই যে ধরনের, যে যত্ন নেয়

184
00:11:45,030 --> 00:11:49,140
>> এবং যে এই কাজ করা এক উপায়.

185
00:11:49,140 --> 00:11:53,420
ব্যবহারকারীর দ্বারা এই এক ক্লিক কখন এবং তারপর বিজ্ঞপ্তি

186
00:11:53,420 --> 00:11:56,780
আমরা এটা শেষ অবস্থা টগল.

187
00:11:56,780 --> 00:12:02,170
ব্যবহারকারীর ক্লিকের জন্য, আমরা তা সম্পন্ন না করা হয়েছে কিনা তা বিপরীত করব, তখন

188
00:12:02,170 --> 00:12:04,540
এবং তারপর আমরা এটি পুনরায় আঁকুন করব.

189
00:12:04,540 --> 00:12:06,190
কাজ করে এই ধরনের.

190
00:12:06,190 --> 00:12:09,860
আমরা তাদের নিজস্ব কাজগুলো চালায় যে এই ফাংশন আছে

191
00:12:09,860 --> 00:12:11,730
এবং এই ঠিক আছে.

192
00:12:11,730 --> 00:12:14,110
আমরা যদিও, এই বিষয়ে আরো ভালো করতে পারে কিছু আছে?

193
00:12:14,110 --> 00:12:18,700
আমরা এইসব 2 বিশ্বব্যাপী অ্যারে আছে লক্ষ্য করুন.

194
00:12:18,700 --> 00:12:23,550
এই সি, এবং আমরা ধরনের প্রতিনিধিত্ব 2 অ্যারে ছিল

195
00:12:23,550 --> 00:12:25,800
ধরণের কিছু উপায় সম্পর্কিত ছিল যে তথ্য

196
00:12:25,800 --> 00:12:30,140
আমরা এইসব 2 ক্ষেত্র একত্রিত সি কি ব্যবহার করবে

197
00:12:30,140 --> 00:12:35,420
তথ্য উভয় টুকরা encapsulates কিছু যে এর মধ্যে?

198
00:12:35,420 --> 00:12:37,600
কেহ কোন পরামর্শ দিতে চান?

199
00:12:37,600 --> 00:12:39,450
[ছাত্র শ্রবণাতীত প্রতিক্রিয়া]

200
00:12:39,450 --> 00:12:42,340
>> ঠিক আছে, তাই আমরা, struct কিছু ব্যবহার করতে পারেন

201
00:12:42,340 --> 00:12:44,960
এবং আপনি pset 3, বলে, ফিরে মনে করি, যদি

202
00:12:44,960 --> 00:12:47,350
আমরা অভিধান ছিল, এবং তারপর আমরা মনে রাখবেন কিনা শব্দ

203
00:12:47,350 --> 00:12:50,230
অভিধান ছিল, এবং যে সব তথ্য একত্র করা ছিল

204
00:12:50,230 --> 00:12:52,420
কিছু তথ্য কাঠামো ভিতরে.

205
00:12:52,420 --> 00:12:56,390
আমি এই কোডটা দিয়ে করতে পারেন এক জিনিস এইসব 2 বিভিন্ন অ্যারে থাকার এড়ানোর

206
00:12:56,390 --> 00:13:01,760
তথ্য অনুরূপ টুকরা জন্য আমি একটি জাভাস্ক্রিপ্ট বস্তুর মধ্যে একত্রিত করতে পারেন.

207
00:13:01,760 --> 00:13:07,150
এর যে কটাক্ষপাত করা যাক.

208
00:13:07,150 --> 00:13:11,740
আমি শুধু এখন শীর্ষে এক অ্যারে আছে লক্ষ্য করুন

209
00:13:11,740 --> 00:13:17,650
এবং কি আমি কাজ করেছি এবং এটা ঠিক সাজানোর জন্য জাভাস্ক্রিপ্ট সিনট্যাক্স হল

210
00:13:17,650 --> 00:13:21,350
একটি বস্তুর একটি আক্ষরিক সংস্করণ তৈরি করা,

211
00:13:21,350 --> 00:13:24,670
এবং, তাই আমরা করণীয় আছে, 2 বৈশিষ্ট্য আছে বিজ্ঞপ্তি

212
00:13:24,670 --> 00:13:29,660
এবং এটি সম্পূর্ণ বা অসম্পূর্ণ কিনা সঙ্গে একত্রে রাখা হয়.

213
00:13:29,660 --> 00:13:31,000
এই খুব অনুরূপ কোড.

214
00:13:31,000 --> 00:13:35,310
আমরা জাভাস্ক্রিপ্ট অবজেক্ট ব্যবহার করছেন.

215
00:13:35,310 --> 00:13:38,600
উন্নত জিনিষ এই ধরনের.

216
00:13:38,600 --> 00:13:43,850
এখন ভালো লেগেছে, সম্পর্কিত সমস্ত তথ্য এই ক্ষেত্র একসাথে রাখা হয়.

217
00:13:43,850 --> 00:13:46,410
আমরা এটি প্রিন্ট আউট যান, আমরা ক্ষেত্র অ্যাক্সেস করতে পারেন.

218
00:13:46,410 --> 00:13:49,060
>> আমরা todos [আমি] করছেন কিভাবে লক্ষ্য করুন. সম্পূর্ণ প্রোফাইল

219
00:13:49,060 --> 00:13:52,880
পরিবর্তে আলাদাভাবে সম্পূর্ণ অ্যারে চেক,

220
00:13:52,880 --> 00:13:56,560
এবং আমরা করণীয় সম্পত্তি পেয়ে থাকেন করণীয় স্ট্রিং পেতে চান যখন বিজ্ঞপ্তি

221
00:13:56,560 --> 00:13:58,750
যে করণীয় সম্পর্কে, তাই এই ধরনের ইন্দ্রিয় তোলে কারণ

222
00:13:58,750 --> 00:14:01,660
প্রতিটি আইটেম এটি সম্পর্কে এই স্বকীয় বৈশিষ্ট্য আছে.

223
00:14:01,660 --> 00:14:05,650
এটি একটি করণীয় আছে, এবং এটা সম্পূর্ণ বা না কিনা আছে.

224
00:14:05,650 --> 00:14:11,540
নেই অনেক পরিবর্তন আছে এই বৈশিষ্ট্যগুলি, শুধু কোড আরো কিছু যোগ করা হয়েছে.

225
00:14:11,540 --> 00:14:13,430
এই অধিকার, কিছু মুখপত্র উপর একটি উন্নতি?

226
00:14:13,430 --> 00:14:16,030
আমি একটি বিট নকশা খুঁজে আমরা উপাদান, মানে.

227
00:14:16,030 --> 00:14:20,350
এখন আমরা মূলত এই তথ্য encapsulate বস্তু আছে.

228
00:14:20,350 --> 00:14:27,130
আমরা জাভাস্ক্রিপ্ট পরিপ্রেক্ষিতে এখান থেকে কাজ করতে পারে আরো কিছু আছে?

229
00:14:27,130 --> 00:14:31,810
চাই নোটিশ যে এখানে ডান এই কোডটা

230
00:14:31,810 --> 00:14:34,760
একটি DIV ভেতরের এইচটিএমএল পাবার জন্য

231
00:14:34,760 --> 00:14:40,520
সামান্য, আমি অনুমান, দীর্ঘ.

232
00:14:40,520 --> 00:14:45,100
Document.getElementByID ("todos") আছে. InnerHTML.

233
00:14:45,100 --> 00:14:48,400
আমরা এই কোড একটি সামান্য বন্ধুত্বপূর্ণ বর্ণন করতে পারে একটি বিষয়

234
00:14:48,400 --> 00:14:51,450
তাই আমি আগে পিছে, স্ক্রলিং বাম এবং ডান রাখা হবে না

235
00:14:51,450 --> 00:14:58,480
আমি jQuery মত একটি লাইব্রেরি ব্যবহার করতে পারে না.

236
00:14:58,480 --> 00:15:02,710
>> এর, সেমিনার 2 চেক আউট চলুন শুরু করা যাক

237
00:15:02,710 --> 00:15:05,880
এবং এই একই কোড, কিন্তু এটা jQuery সঙ্গে কাজ.

238
00:15:05,880 --> 00:15:08,790
আপনি jQuery সঙ্গে খুব পরিচিত না হতে পারে

239
00:15:08,790 --> 00:15:11,510
কিন্তু ঠিক jQuery জাভাস্ক্রিপ্ট জন্য একটি লাইব্রেরী সাজানোর যে

240
00:15:11,510 --> 00:15:15,910
এটা যে সহজ DOM এর এক্সেস পৃথক উপাদান যেমন করে তোলে.

241
00:15:15,910 --> 00:15:21,280
এখানে পরিবর্তে document.getElementByID বলছে ("todos"). InnerHTML

242
00:15:21,280 --> 00:15:25,210
আমি jQuery অনেক ক্লিনার উপায় ব্যবহার করতে পারেন

243
00:15:25,210 --> 00:15:28,490
যা শুধু সিলেক্টর ব্যবহার করা হয়.

244
00:15:28,490 --> 00:15:31,300
যেহেতু আপনি দেখতে পারেন, এই কোড একটি সামান্য ক্লিনার নি

245
00:15:31,300 --> 00:15:35,770
খুব বৈশিষ্ট্যগুলি অনুরূপ, কিন্তু যে ধারণা.

246
00:15:35,770 --> 00:15:37,980
আমরা এতদূর জিনিষ একটি দম্পতি দেখা করেছি

247
00:15:37,980 --> 00:15:42,010
তাই আমরা শুধু কাঁচা জাভাস্ক্রিপ্ট বাস্তবায়ন শুরু করে.

248
00:15:42,010 --> 00:15:45,370
আমরা নতুন বৈশিষ্ট্য যোগ করা এবং আমরা আরও উন্নত করতে পারেন তা দেখিয়েছেন

249
00:15:45,370 --> 00:15:49,090
শুধু কি আমরা জাভাস্ক্রিপ্ট মধ্যে আছে.

250
00:15:49,090 --> 00:15:53,300
>> কেহ এই নকশা সঙ্গে কোন সমস্যা দেখতে না?

251
00:15:53,300 --> 00:16:01,090
যথা, আমি অনুমান বা অসুবিধা অগত্যা না বলা যাক এর

252
00:16:01,090 --> 00:16:04,830
আমরা একটি করণীয় তালিকা প্রকল্প করছেন না করা হয়, এবং আগামী কাল আমরা সিদ্ধান্ত নিয়েছে

253
00:16:04,830 --> 00:16:10,320
আমরা একটি মুদি তালিকা অথবা একটি শপিং তালিকা প্রকল্প করতে চেয়েছিলেন.

254
00:16:10,320 --> 00:16:14,150
এই বৈশিষ্ট্যগুলি অনেক অনুরূপ.

255
00:16:14,150 --> 00:16:19,080
আমরা জাভাস্ক্রিপ্ট আউট পেতে চান অনেক, খুব সাধারণ

256
00:16:19,080 --> 00:16:23,820
এবং এই ভাবে কোন ধরণের জন্য প্রয়োজন আন্ডারস্কোর

257
00:16:23,820 --> 00:16:25,670
কি এই সহজ তৈরীর.

258
00:16:25,670 --> 00:16:30,400
আমি, এই HTML এক্সেস সব বিল্ড আপ এই সব DOM এক্সেস ছিল

259
00:16:30,400 --> 00:16:35,530
আমি এই মডেল সঙ্গে করণীয় তালিকা উপস্থাপন করতে যাচ্ছি না.

260
00:16:35,530 --> 00:16:39,130
এবং আমি জাভাস্ক্রিপ্ট ডেভেলপার হিসেবে দায়ী নই বিজ্ঞপ্তি

261
00:16:39,130 --> 00:16:42,890
আমি সিঙ্ক আছে HTML এবং জাভাস্ক্রিপ্ট রাখার জন্য.

262
00:16:42,890 --> 00:16:48,040
স্বয়ংক্রিয়ভাবে তৈরি কিছুই যে জাভাস্ক্রিপ্ট উপস্থাপনা

263
00:16:48,040 --> 00:16:51,590
বা হুড়াহুড়ি তালিকা এইচটিএমএল আউট push করা হবে.

264
00:16:51,590 --> 00:16:54,000
কিছুই যে আমার জন্য ছাড়া বলপূর্বক.

265
00:16:54,000 --> 00:16:56,880
আমি তালিকা ফাংশন-কি ড্র লিখতে ছিল.

266
00:16:56,880 --> 00:17:01,650
এবং এর অর্থ আমি হতে পারে, এটা যে কি যুক্তিসঙ্গত না পারে

267
00:17:01,650 --> 00:17:03,670
কিন্তু এটি কখনও কখনও ক্লান্তিকর হতে পারে.

268
00:17:03,670 --> 00:17:08,190
আপনি একটি বড় প্রকল্প আছে, যে কঠিন হতে পারে.

269
00:17:08,190 --> 00:17:10,720
>> অবকাঠামো, অবকাঠামো উদ্দেশ্য এক

270
00:17:10,720 --> 00:17:14,060
ফ্যাক্টর যে প্রক্রিয়া এবং সাজানোর খুঁজে সহজতর করা হল

271
00:17:14,060 --> 00:17:16,950
এই সাধারণ আমি আপনাকে কিছু বলতে-নকশা নিদর্শন অনুমান

272
00:17:16,950 --> 00:17:20,700
মানুষ যে সাধারণত, তথ্য প্রতিনিধিত্বমূলক উপায় কিছু আছে

273
00:17:20,700 --> 00:17:25,599
যে মানচিত্র তথ্য, কিনা একটি বন্ধু তালিকায় কিনা

274
00:17:25,599 --> 00:17:27,280
বা কিছু বা একটি করণীয় তালিকা.

275
00:17:27,280 --> 00:17:30,660
কিছু মানুষ, সাধারণত তথ্য প্রতিনিধিত্বমূলক একটি উপায় আছে

276
00:17:30,660 --> 00:17:33,650
এবং তারা সাধারণত সিঙ্ক সেই তথ্য সাজানোর রাখা প্রয়োজন

277
00:17:33,650 --> 00:17:36,520
ব্যবহারকারী ভিউ কিছু ধরনের উদ্ধার কি এর মধ্যে,

278
00:17:36,520 --> 00:17:39,850
আপনি বক্তৃতায় দেখেছি মডেল ভিউ নিয়ামক মত পদ বলতে,

279
00:17:39,850 --> 00:17:45,400
এবং তারপর এই ক্ষেত্রে এই জাভাস্ক্রিপ্ট অ্যারে যা মডেল,.

280
00:17:45,400 --> 00:17:49,020
অবকাঠামো আমাদের যে সমস্যা সমাধানের জন্য একটি উপায় প্রদান করে.

281
00:17:49,020 --> 00:17:53,080
এখন এর তালিকা করতে এই বাস্তবায়ন কটাক্ষপাত করা যাক

282
00:17:53,080 --> 00:18:02,360
angularjs নামক একটি কাঠামোর মধ্যে.

283
00:18:02,360 --> 00:18:04,650
এটি হয়. এটি একটি স্লাইডে ফিট করে লক্ষ্য করুন.

284
00:18:04,650 --> 00:18:07,330
আমি বাম এবং ডান দিকে স্ক্রল করতে হবে না.

285
00:18:07,330 --> 00:18:10,460
যে সম্ভবত, একটি কাঠামো ব্যবহার সুপারিশ মহান কারণে নয়

286
00:18:10,460 --> 00:18:20,120
কিন্তু বিজ্ঞপ্তি আমি কখনও এখানে পৃথক HTML উপাদান অ্যাক্সেস করছি?

287
00:18:20,120 --> 00:18:22,400
আমি কখনও DOM মধ্যে যাচ্ছি?

288
00:18:22,400 --> 00:18:26,120
আপনি যে মত কোন document.getElementByID বা কিছু দেখতে পায়?

289
00:18:26,120 --> 00:18:29,870
না, যে চলে না.

290
00:18:29,870 --> 00:18:35,590
>> কৌণিক আমাদের DOM এবং কিছু আমাদের জাভাস্ক্রিপ্ট প্রতিনিধিত্ব রাখতে সহায়তা করে

291
00:18:35,590 --> 00:18:40,430
সুসংগত ধরনের, এটা JS ফাইল নেই তাই যদি

292
00:18:40,430 --> 00:18:46,790
programmatically সব যে এইচটিএমএল এড়িয়ে যাও পাবার কোন উপায় আছে যদি

293
00:18:46,790 --> 00:18:51,800
জাভাস্ক্রিপ্ট থেকে কিভাবে আমরা সুসংগত এই কথা মাথায় রেখে করা হয়?

294
00:18:51,800 --> 00:18:58,160
এটি. JS ফাইল নয়, এটা অধিকার, HTML এ হতে পেয়েছিলাম?

295
00:18:58,160 --> 00:19:01,910
এই, এইচটিএমএল ফাইলের নতুন সংস্করণ

296
00:19:01,910 --> 00:19:04,660
এবং আমরা এখানে অনেক জুড়েছেন বিজ্ঞপ্তি.

297
00:19:04,660 --> 00:19:11,110
Ng-ক্লিক করুন এবং Ng-পুনরাবৃত্তি বলে যে এই নতুন আরোপ করা আছে লক্ষ্য করুন.

298
00:19:11,110 --> 00:19:15,650
নকশা অসুবিধা এই সমস্যা সমাধানে কৌণিক এর পদক্ষেপ

299
00:19:15,650 --> 00:19:19,130
মূলত এইচটিএমএল অনেক বেশি শক্তিশালী করা হয়.

300
00:19:19,130 --> 00:19:24,420
কৌণিক আপনি HTML কিছুটা আরো ভাবপূর্ণ করতে সক্ষম হবেন একটি উপায়.

301
00:19:24,420 --> 00:19:30,520
উদাহরণস্বরূপ, আমি এই টেক্সট বক্সে গিঁট বা আবদ্ধ যাচ্ছি বলতে পারেন

302
00:19:30,520 --> 00:19:35,080
আমার কৌণিক জাভাস্ক্রিপ্ট কোড মধ্যে একটি পরিবর্তনশীল.

303
00:19:35,080 --> 00:19:37,030
এই Ng-মডেল যে ঠিক আছে.

304
00:19:37,030 --> 00:19:41,550
মূলত যে আইটেমটি এই টেক্সট বক্সে ভিতর যে,

305
00:19:41,550 --> 00:19:45,000
শুধু পরিবর্তনশীল new_todo_description সাথে সংযুক্ত

306
00:19:45,000 --> 00:19:47,870
জাভাস্ক্রিপ্ট কোড মধ্যে.

307
00:19:47,870 --> 00:19:51,600
আমি স্পষ্টভাবে যেতে হবে না, কারণ যে খুব শক্তিশালী

308
00:19:51,600 --> 00:19:53,310
DOM যে তথ্য পেতে.

309
00:19:53,310 --> 00:19:56,250
আমি document.getElementByID বলতে নেই.

310
00:19:56,250 --> 00:19:58,750
আমি DOM এক্সেস মত jQueries ব্যবহার করতে হবে না.

311
00:19:58,750 --> 00:20:03,280
আমি যে পরিবর্তনশীল পরিবর্তন যখন আমি একটি পরিবর্তনশীল এর সাথে সংযুক্ত করতে পারেন

312
00:20:03,280 --> 00:20:07,400
জাভাস্ক্রিপ্ট মধ্যে, এইচটিএমএল সাথে সুসংগত রাখা হচ্ছে

313
00:20:07,400 --> 00:20:11,640
যাতে দুই মধ্যে আগে পিছে যেতে থাকার প্রক্রিয়া সরলীকৃত.

314
00:20:11,640 --> 00:20:18,260
যে জানার জন্য?

315
00:20:18,260 --> 00:20:22,060
>> এবং কোনও HTML অ্যাক্সেস কোড আছে বিজ্ঞপ্তি.

316
00:20:22,060 --> 00:20:27,760
আমরা ঠিক, HTML আরও শক্তিশালী করেছি

317
00:20:27,760 --> 00:20:32,070
এবং এখন, উদাহরণস্বরূপ, আমরা এই ধরনের জিনিস করতে পারি

318
00:20:32,070 --> 00:20:38,610
আপনি এই উপর ক্লিক করা হলে, todos.js সুযোগ মধ্যে এই ফাংশন কল চাই,

319
00:20:38,610 --> 00:20:43,410
এবং, এই Ng-মডেল, যেমন আমরা আগে যে কাজ করতে পারে, কিন্তু অন্যান্য বিষয় আছে

320
00:20:43,410 --> 00:20:47,020
এবং এই Ng-পুনরাবৃত্তি বিজ্ঞপ্তি.

321
00:20:47,020 --> 00:20:51,520
আপনি এই কি মনে হয়?

322
00:20:51,520 --> 00:20:54,390
এখানে আগে থেকে আমাদের unordered তালিকা.

323
00:20:54,390 --> 00:20:56,470
আমরা উল ট্যাগ আছে

324
00:20:56,470 --> 00:21:03,710
কিন্তু আমি কখনও জাভাস্ক্রিপ্ট কোড ভিতরে যে তালিকা রেন্ডারিং করছি?

325
00:21:03,710 --> 00:21:09,280
আমি কখনো স্পষ্টভাবে যে তালিকা রেন্ডারিং করছি না.

326
00:21:09,280 --> 00:21:11,580
এগুলো কিভাবে কাজ করে?

327
00:21:11,580 --> 00:21:16,410
ওয়েল, পথ কৌণিক এই একটি পুনরায় কারক বলা হয় সঞ্চালিত হয়.

328
00:21:16,410 --> 00:21:22,760
মূলত আমি এই HTML প্রিন্ট করতে চান বলছেন যে

329
00:21:22,760 --> 00:21:26,240
আমার todos অ্যারের প্রতিটি করণীয় ভিতরে জন্য.

330
00:21:26,240 --> 00:21:31,850
Todos.jr ভিতরে একটি todos অ্যারে, ডান এখানে আছে

331
00:21:31,850 --> 00:21:37,910
এবং এই যে অ্যারে মাধ্যমে কৌণিক চলতে চলতে বলতে হবে, এবং প্রত্যেক উপাদান জন্য আপনি দেখুন

332
00:21:37,910 --> 00:21:41,390
আমি আপনি এই HTML প্রিন্ট করতে চান.

333
00:21:41,390 --> 00:21:44,620
আমি এই কাজ ঠিক করতে পারেন, কারণ এই ভয়ঙ্কর ধরনের

334
00:21:44,620 --> 00:21:47,760
লুপ জন্য একটি লিখতে ছাড়াই

335
00:21:47,760 --> 00:21:52,250
যা কোড মাত্র 30 লাইন ছিল একটি করণীয় তালিকার জন্য

336
00:21:52,250 --> 00:21:54,700
সবচেয়ে উপকারী জিনিস হতে পারে না,

337
00:21:54,700 --> 00:22:01,240
আপনি একটি বড় প্রকল্প আছে কিন্তু যদি, এই খুব সুবিধাজনক হতে পারে.

338
00:22:01,240 --> 00:22:06,100
>> এই HTML আরও বেশি শক্তিশালী, যার ফলে এই সমস্যার এক সমাধান,

339
00:22:06,100 --> 00:22:10,820
এবং যে আমাদের সুসংগত জাভাস্ক্রিপ্ট এবং এইচটিএমএল রাখতে সক্ষম হবেন.

340
00:22:10,820 --> 00:22:13,220
এই সমস্যা সমাধানের জন্য অন্য সম্ভাব্য উপায় আছে,

341
00:22:13,220 --> 00:22:15,320
এবং প্রতি কাঠামো এই হয় না.

342
00:22:15,320 --> 00:22:17,720
প্রত্যেক কাঠামো এই লাইন বরাবর কাজ করে না.

343
00:22:17,720 --> 00:22:19,490
কিছু অবকাঠামো, বিভিন্ন পন্থা আছে

344
00:22:19,490 --> 00:22:23,310
এবং আপনি অন্য এক কাঠামোর মধ্যে কোডিং ভোগ যে খুঁজে পেতে পারেন.

345
00:22:23,310 --> 00:22:26,160
এর আরও একটি তাকান চলুন শুরু করা যাক.

346
00:22:26,160 --> 00:22:30,060
এই দাঁড়া নামক একটি কাঠামোর মধ্যে কোডেড করণীয় তালিকা.

347
00:22:30,060 --> 00:22:33,250
আমি দ্রুত এই মধ্য দিয়ে যেতে যাচ্ছি.

348
00:22:33,250 --> 00:22:38,300
আমরা সেখানে যেতে আগে আমি HTML এর শুরু করব.

349
00:22:38,300 --> 00:22:40,290
এক দ্বিতীয়.

350
00:22:40,290 --> 00:22:43,950
আপনি লক্ষ্য করা, যেমন এইচটিএমএল থেকে শুরু করে, আমাদের এইচটিএমএল অনুরূপ

351
00:22:43,950 --> 00:22:50,000
এটা যে সামনে আগে, তাই না খুব নতুন আর কি.

352
00:22:50,000 --> 00:22:55,410
কিন্তু আমাদের JS ফাইল একটি সামান্য ভিন্ন.

353
00:22:55,410 --> 00:23:00,360
এর দাঁড়া ধরনের এই ধারণা আছে, বা ধারণা উপর তৈরী করে

354
00:23:00,360 --> 00:23:04,750
আমরা কি অনেক, বলে যে, আমাদের জাভাস্ক্রিপ্ট প্রকল্প

355
00:23:04,750 --> 00:23:09,110
মডেল এবং এই মডেল সংগ্রহের সম্পর্কে চিন্তা করা হয়.

356
00:23:09,110 --> 00:23:12,510
এই, যেমন, ফটো একটি ফটো ও সংগ্রহ হতে পারে

357
00:23:12,510 --> 00:23:16,230
বা বন্ধুদের একটি বন্ধু ও সংগ্রহ ধারণা.

358
00:23:16,230 --> 00:23:20,700
এবং বারংবার আমরা জাভাস্ক্রিপ্ট অ্যাপ্লিকেশন প্রোগ্রামিং করছি

359
00:23:20,700 --> 00:23:25,340
বন্ধুরা একটি সংগ্রহ থাকার ধারণা উপস্থাপন আমরা বাছাই করব

360
00:23:25,340 --> 00:23:29,500
একরকম জাভাস্ক্রিপ্ট মধ্যে, এবং দাঁড়া আমাদের এই স্তর দেয়

361
00:23:29,500 --> 00:23:33,040
জাভাস্ক্রিপ্ট এর বিদ্যমান অ্যারে এবং অবজেক্টের উপরে

362
00:23:33,040 --> 00:23:38,300
আরও সহজে যে সঙ্গে আরো শক্তিশালী জিনিষ.

363
00:23:38,300 --> 00:23:41,870
>> এখানে আমি একটি করণীয় মডেল সংজ্ঞায়িত করেছি

364
00:23:41,870 --> 00:23:44,630
এবং আপনি বাক্য গঠন সম্পর্কে খুব বেশী চিন্তা করতে হবে না

365
00:23:44,630 --> 00:23:48,730
কিন্তু কি এই বৈশিষ্ট্য এক বিজ্ঞপ্তি যে?

366
00:23:48,730 --> 00:23:53,190
এটি একটি ডিফল্ট ফিল্ড আছে.

367
00:23:53,190 --> 00:23:56,640
দাঁড়া আমার সম্পর্কে ব্যাট বন্ধ ইতিমধ্যে উল্লেখ করতে পারবেন

368
00:23:56,640 --> 00:24:00,190
আমি তৈরি করা থেকে কি কোনো নতুন এই ডিফল্ট মান আছে যাচ্ছে.

369
00:24:00,190 --> 00:24:04,100
এখন আমি এই কাস্টমাইজ, কিন্তু ডিফল্টে উল্লেখ করতে হচ্ছে সক্ষম করতে পারেন

370
00:24:04,100 --> 00:24:07,220
চমৎকার, এবং ভালো কিছু যে হয় না, কারণ এটি সুবিধাজনক ধরনের

371
00:24:07,220 --> 00:24:10,430
জাভাস্ক্রিপ্ট মধ্যে সহজাত, এবং এখন আমি স্পষ্টভাবে হবে না

372
00:24:10,430 --> 00:24:12,430
todos অসম্পূর্ণ বলে.

373
00:24:12,430 --> 00:24:19,190
আমি todos অসম্পূর্ণ হিসেবে চিহ্নিত করা যাচ্ছে যে অধিকার ব্যাট বন্ধ বলতে পারেন.

374
00:24:19,190 --> 00:24:21,300
তারপর লক্ষ্য করুন এটা কি?

375
00:24:21,300 --> 00:24:25,520
এখন আমি একটি করণীয় তালিকা আছে, এবং যে একটি সংগ্রহে আছে.

376
00:24:25,520 --> 00:24:30,960
মডেল করণীয় যে সঙ্গে যুক্ত ক্ষেত্রের লক্ষ্য করুন.

377
00:24:30,960 --> 00:24:33,390
এই যে দাঁড়া কহন আমার উপায়

378
00:24:33,390 --> 00:24:37,350
আমি এই ব্যক্তি todos একটি সংগ্রহ সম্বন্ধে চিন্তা করা যাচ্ছে না.

379
00:24:37,350 --> 00:24:42,140
এটি মুলত আমার প্রোগ্রামের জন্য মডেল স্ট্রাকচার.

380
00:24:42,140 --> 00:24:44,980
এখানে আমি একটি সংগ্রহে এই ধারণা আছে

381
00:24:44,980 --> 00:24:48,960
এবং মূলত যে সংগ্রহে রয়েছে আইটেম সব, এই todos হতে যাচ্ছে

382
00:24:48,960 --> 00:24:51,910
এবং এই অর্থে যে খুব স্বাভাবিক হয়

383
00:24:51,910 --> 00:24:59,890
আমি কি কারণ todos আছে, এবং আমি একটি সংগ্রহে তাদের আছে.

384
00:24:59,890 --> 00:25:02,940
>> এর এই একটি সামান্য আরো তাকান.

385
00:25:02,940 --> 00:25:05,900
এখানে একটি দাঁড়া দৃশ্য.

386
00:25:05,900 --> 00:25:08,890
দাঁড়া বলছেন যে অন্যান্য জিনিস যে

387
00:25:08,890 --> 00:25:14,660
আপনার সম্পর্কে বা এমনকি সংগ্রহের চিন্তা করছি যে মডেলের অনেক

388
00:25:14,660 --> 00:25:19,150
প্রদর্শিত হচ্ছে কিছু উপায় আছে প্রয়োজন যাচ্ছি.

389
00:25:19,150 --> 00:25:21,900
আমরা তালিকা করতে যে রেন্ডার করার প্রয়োজন

390
00:25:21,900 --> 00:25:25,460
আমরা প্রতিটি মডেল জন্য প্রদান করতে পারে এবং যদি এটা চমৎকার হবে না

391
00:25:25,460 --> 00:25:28,390
অথবা প্রতিটি মডেল সঙ্গে এই সংযুক্ত

392
00:25:28,390 --> 00:25:34,020
আমাদের করার অনুমতি দেয় আমি দুই একসঙ্গে সাথে সংযোগ না?

393
00:25:34,020 --> 00:25:38,320
আগে যেহেতু আমরা মাধ্যমে চালানো হবে যে লুপ জন্য একটি ব্যবহার ছিল

394
00:25:38,320 --> 00:25:41,130
প্রতি আমাদের তালিকায় করণীয় এবং তারপর এখানে প্রিন্ট আউট

395
00:25:41,130 --> 00:25:44,650
আমরা মূলত এই মডেল সঙ্গে এটি সংযুক্ত হতে পারে.

396
00:25:44,650 --> 00:25:47,550
এটি একটি টু কি দৃশ্য.

397
00:25:47,550 --> 00:25:50,550
আমরা আগে পাওয়া করণীয় সঙ্গে যুক্ত করা হয়.

398
00:25:50,550 --> 00:25:54,940
এখন প্রতি করণীয় displayable বা renderable হয়

399
00:25:54,940 --> 00:25:56,960
এই করে প্রদর্শনটির-করতে.

400
00:25:56,960 --> 00:25:59,440
ক্ষেত্র কিছু লক্ষ্য করুন.

401
00:25:59,440 --> 00:26:05,880
আপনি যদি এই tagName হয় tagName কি মনে করেন: Li?

402
00:26:05,880 --> 00:26:09,790
একটি করণীয় রেন্ডার আমরা চেয়েছিলেন যখন আগে থেকে মনে রেখো

403
00:26:09,790 --> 00:26:16,700
আমরা স্পষ্টভাবে এই Li ট্যাগ সঙ্গে আমাদের todos পেয়ার করতে হবে.

404
00:26:16,700 --> 00:26:21,080
এখন আমরা এই করণীয় বাস যাচ্ছে যেখানে বলছে যে

405
00:26:21,080 --> 00:26:25,250
একটি Li ট্যাগ এর ভিতর হতে যাচ্ছে.

406
00:26:25,250 --> 00:26:31,440
এবং এখন আমরা আমাদের সঙ্গে todos ঘটনা যুক্ত করছি.

407
00:26:31,440 --> 00:26:34,320
>> প্রতিটি করণীয় এই এক ঘটনার আছে.

408
00:26:34,320 --> 00:26:38,480
আপনি অনেক সুন্দর টগল বাটন ক্লিক করা হলে, যে, আমি সেখানে বলছে কি

409
00:26:38,480 --> 00:26:43,080
তারপর মূলত এটি আগে ছিল কি বিপরীত হিসেবে করণীয় চিহ্নিত

410
00:26:43,080 --> 00:26:45,890
এবং তারপর অ্যাপ্লিকেশন পুনরায় রেন্ডার.

411
00:26:45,890 --> 00:26:47,810
এই আগে কোড অনুরূপ ধরনের হয়.

412
00:26:47,810 --> 00:26:50,730
আমরা হয় বিপরীত বা হিসাবে চিহ্নিত যখন মনে রেখো

413
00:26:50,730 --> 00:26:52,410
এবং তারপর আমরা এটি পুনরায় অনুষ্ঠিত.

414
00:26:52,410 --> 00:26:57,750
কিন্তু এখন HTML-এ যে ছিল কিছু ব্যবহার করা হয় এই ঘটনা লক্ষ্য করা.

415
00:26:57,750 --> 00:26:59,640
সেখানে বসা ছিল.

416
00:26:59,640 --> 00:27:01,410
বাটন একটি ক্লিক ছিল.

417
00:27:01,410 --> 00:27:05,310
আপনি বোতাম ক্লিক করেন, তখন এটি ধরনের বিষয় আছে

418
00:27:05,310 --> 00:27:07,210
করণীয় অসম্পূর্ণ হতে যে সেট আপ.

419
00:27:07,210 --> 00:27:11,180
এখানে আমরা যে টগল বাটন ক্লিক করে আপনি যে ঘটনা যুক্ত করেছি

420
00:27:11,180 --> 00:27:15,830
এবং এটি এই সঙ্গে বা বন্ধ কিনা reversing.

421
00:27:15,830 --> 00:27:20,480
>> এটা খুব দৃঢ়সংলগ্ন যাতে এই ঘটনা স্থাপনের একটি চমৎকার উপায়

422
00:27:20,480 --> 00:27:26,980
এই ভিউ থেকে, তাই আরও এই এক লক্ষ্য.

423
00:27:26,980 --> 00:27:31,050
আমি এই উপস্থাপিত পদ্ধতি আছে, এবং আমরা বিবরণ মধ্য দিয়ে যেতে হবে না.

424
00:27:31,050 --> 00:27:33,650
এটা আমরা আগে ছিল কি অনুরূপ ধরনের এর

425
00:27:33,650 --> 00:27:36,070
কিন্তু আমি কিছু মাধ্যমে looping করছি না লক্ষ্য.

426
00:27:36,070 --> 00:27:40,700
আমি উপাদানের সমস্ত মুদ্রণ যাচ্ছি বলছে সাজানোর যে উল ট্যাগ মুদ্রণ করছি না.

427
00:27:40,700 --> 00:27:46,610
আমি এই এক থেকে কি আইটেম রেন্ডারিং জন্য কার্যকারিতা প্রদান করছি.

428
00:27:46,610 --> 00:27:49,400
এর কারণ মূলত একটি অত্যন্ত শক্তিশালী ধারণা

429
00:27:49,400 --> 00:27:53,600
আমাদের করণীয় তালিকা এই সকল todos গঠিত, এবং আমরা মূলত নির্দিষ্ট করতে পারেন যদি

430
00:27:53,600 --> 00:27:56,890
যারা todos এক রেন্ডার করার উপায়

431
00:27:56,890 --> 00:28:04,230
তারপর আমরা কোনটাই আমাদের শক্তিশালী দাঁড়া থাকতে পারে todos সব রেন্ডার

432
00:28:04,230 --> 00:28:07,760
পৃথক todos নেভিগেশন উপস্থাপিত পদ্ধতি কল করে.

433
00:28:07,760 --> 00:28:14,180
এখানে এই দরকারী যে একটা ধারণা.

434
00:28:14,180 --> 00:28:18,160
এখন জিজ্ঞাসা একটি ভাল প্রশ্ন এই অ্যাপ্লিকেশন কিভাবে একত্র করা হচ্ছে না?

435
00:28:18,160 --> 00:28:21,200
আমরা এক করণীয় রেন্ডার করার ক্ষমতা আছে, কারণ

436
00:28:21,200 --> 00:28:23,860
কিন্তু কিভাবে আমরা একাধিক todos ধারণা পেতে পারি?

437
00:28:23,860 --> 00:28:25,100
>> এর যে কটাক্ষপাত করা যাক.

438
00:28:25,100 --> 00:28:27,100
এই শেষ অংশ.

439
00:28:27,100 --> 00:28:29,740
আমরা এখানে একটি করণীয় তালিকা দৃশ্য আছে লক্ষ্য করুন,

440
00:28:29,740 --> 00:28:34,440
এবং এটি একটি দৃশ্য নোটিশ.

441
00:28:34,440 --> 00:28:36,970
এবং জিনিষ একটি দম্পতি ওভার যেতে,

442
00:28:36,970 --> 00:28:45,280
আমরা প্রথম এই করণীয় তালিকা তৈরির সময় এই আরম্ভ পদ্ধতি বলা হবে.

443
00:28:45,280 --> 00:28:52,630
যেহেতু আপনি দেখতে পারেন, এটি করণীয় তালিকা তৈরি করা এবং এই সাথে তা যুক্ত করা মত.

444
00:28:52,630 --> 00:28:57,860
আপনি যদি একটি যোগ করার সময় এবং তারপর আমি তাই মূলত এখানে ফাংশান যোগ আইটেমটি-

445
00:28:57,860 --> 00:29:01,440
এই addItem পদ্ধতির অনুরূপ আমরা আগে দেখেছি

446
00:29:01,440 --> 00:29:07,430
আমি একটি নতুন করণীয় বস্তু, নির্মাণ ও আসলে আমি আহ্বান করছি লক্ষ্য করা যাচ্ছে না

447
00:29:07,430 --> 00:29:13,080
এই নতুন করণীয় পদ্ধতি, তাই এই দাঁড়া দ্বারা উপলব্ধ করা হয়,

448
00:29:13,080 --> 00:29:16,010
এবং আমি এখানে নিলাম আমার বৈশিষ্ট্য মধ্যে পাস করতে পারেন.

449
00:29:16,010 --> 00:29:23,710
এবং এখন আমি এই ব্যবহার করে তৈরি করা প্রতি করণীয় আমরা আগে দেখেছি যে কার্যকারিতা পাবেন.

450
00:29:23,710 --> 00:29:28,140
আমি টেক্সট বক্সে খুঁজে সাফ করছি আগে একটি ছোট একটু বিস্তারিত বিজ্ঞপ্তি

451
00:29:28,140 --> 00:29:32,900
এবং তারপর আমি এই সংগ্রহে যোগ করছি.

452
00:29:32,900 --> 00:29:37,630
>> এই প্রায় অদ্ভুত মনে হয় আমরা ঠিক যে todos.push কি ছিল আগে, কারণ

453
00:29:37,630 --> 00:29:43,310
এবং তারপর আমরা, কাজ করা হয়, এবং এই বিশেষ প্রকল্পের জন্য আরো জটিল মনে হতে পারে

454
00:29:43,310 --> 00:29:46,980
এবং আপনি যে দাঁড়া বা এমনকি কৌণিক বা অন্য কোন কাঠামো হতে পারে

455
00:29:46,980 --> 00:29:50,790
আপনার নির্দিষ্ট প্রকল্প অনুসারে, কিন্তু আমি এটা সম্পর্কে চিন্তা করা জরুরী মনে করেন না

456
00:29:50,790 --> 00:29:54,100
কি এই বড় প্রকল্পের জন্য একটি বড় স্কেল উপর মানে,

457
00:29:54,100 --> 00:29:56,610
কারণ আমরা প্রতিনিধিত্বমূলক হয়েছে যেখানে একটি বড় প্রকল্প ছিল

458
00:29:56,610 --> 00:30:00,860
কিছু সত্যিই জটিল সংগ্রহ, শুধু একটি করণীয় তালিকা চেয়ে বেশী গভীর কিছু,

459
00:30:00,860 --> 00:30:04,490
এর একটি বন্ধু তালিকা বা যে মত কিছু বলা যাক, এই উপকারে আসতে পারে

460
00:30:04,490 --> 00:30:09,620
কারণ আমরা সত্যিই একটি সুবিধাজনক উপায় আমাদের কোড সংগঠিত হতে পারে

461
00:30:09,620 --> 00:30:12,550
অন্য কারো জন্য আরও সহজ করতে হবে একটি উপায় যে

462
00:30:12,550 --> 00:30:16,820
যারা উপর নির্মাণের জন্য একটি প্রকল্প নিতে চেয়েছিলেন.

463
00:30:16,820 --> 00:30:21,450
আপনি এই কাঠামো অনেকটা উপলব্ধ করা হয় দেখতে পারেন.

464
00:30:21,450 --> 00:30:26,580
এবং তারপর আমি এই addItem নেভিগেশন রেন্ডার আহ্বান করছি.

465
00:30:26,580 --> 00:30:31,050
যেহেতু আপনি দেখতে পারেন, উপস্থাপিত করতে, এবং আপনি এই পুরো বাক্য গঠন উপলব্ধি করতে হবে না,

466
00:30:31,050 --> 00:30:37,790
কিন্তু মূলত প্রতিটি মডেল জন্য এটা পৃথক উপস্থাপিত পদ্ধতি কল যাচ্ছে.

467
00:30:37,790 --> 00:30:41,500
এই থেকে আসে যেখানে যে সাজানোর না.

468
00:30:41,500 --> 00:30:44,140
শুধু স্বতন্ত্র todos রেন্ডার কিভাবে নির্দিষ্ট চলুন শুরু করা যাক,

469
00:30:44,140 --> 00:30:47,310
এবং তারপর একটি সম্পূর্ণ একত্র আঠালো তাদের দিন.

470
00:30:47,310 --> 00:30:49,810
কিন্তু এই বিমূর্ততা একটি উপায় প্রদান করে

471
00:30:49,810 --> 00:30:55,470
আমি ব্যক্তি todos রেন্ডার করার সিদ্ধান্ত নেন পথ পরিবর্তন হতে পারে, কারণ

472
00:30:55,470 --> 00:30:57,940
এবং আমি এই কোড কোন পরিবর্তন হবে না.

473
00:30:57,940 --> 00:31:00,700
যে ধরনের শীতল.

474
00:31:00,700 --> 00:31:08,540
>> কেহ জাভাস্ক্রিপ্ট অবকাঠামো সম্পর্কে কোনো প্রশ্ন আছে?

475
00:31:08,540 --> 00:31:14,310
[ছাত্র শ্রবণাতীত প্রশ্ন]

476
00:31:14,310 --> 00:31:16,050
ওহ, নিশ্চিত, যে একটি বড় প্রশ্ন.

477
00:31:16,050 --> 00:31:19,080
প্রশ্ন কিভাবে আমি অবকাঠামো অন্তর্ভুক্ত হয়নি ছিল?

478
00:31:19,080 --> 00:31:22,970
সর্বাধিক জাভাস্ক্রিপ্ট অবকাঠামো মূলত শুধুমাত্র JS ফাইল

479
00:31:22,970 --> 00:31:25,740
আপনি আপনার কোড শীর্ষে অন্তর্ভুক্ত করতে পারেন.

480
00:31:25,740 --> 00:31:29,830
আমি সব এই স্ক্রিপ্ট ট্যাগ আছে আমার এইচটিএমএল প্রধান অংশ লক্ষ্য করুন,

481
00:31:29,830 --> 00:31:34,250
এবং চূড়ান্ত স্ক্রিপ্ট ট্যাগ আমরা লিখিত করেছি কোড.

482
00:31:34,250 --> 00:31:38,820
এবং তারপর 3 কাঠামো কোড ঠিক এছাড়াও স্ক্রিপ্ট ট্যাগ করা হয়.

483
00:31:38,820 --> 00:31:42,110
আমি যা CDN বলা হয় তা থেকে তাদের অন্তর্গত করছি

484
00:31:42,110 --> 00:31:46,200
যার ফলে আমার এই সময়ে অন্য কারো থেকে এটি পেতে পারবেন

485
00:31:46,200 --> 00:31:57,930
কিন্তু প্রতি কাঠামো এই আপনি অনেক সুন্দর বিষয়বস্তু জানতে পারেন হয়েছে

486
00:31:57,930 --> 00:32:03,540
যে মত কিছু যা CDN বা কিছু পাওয়া যায় একটি বিশেষ JavaScript লাইব্রেরি জন্য,

487
00:32:03,540 --> 00:32:05,570
এবং তারপর আপনি এই স্ক্রিপ্ট ট্যাগ অন্তর্ভুক্ত করতে পারে.

488
00:32:05,570 --> 00:32:07,600
যে জানার জন্য?

489
00:32:07,600 --> 00:32:09,500
কুল.

490
00:32:09,500 --> 00:32:11,730
>> যারা 2 বিভিন্ন পন্থা আছে.

491
00:32:11,730 --> 00:32:14,640
যারা এই সমস্যা সমাধানের একমাত্র পন্থা নয়.

492
00:32:14,640 --> 00:32:17,080
বিভিন্ন জিনিস আছে যা

493
00:32:17,080 --> 00:32:19,490
কারো কাজ করতে পারে, এবং অনেক অবকাঠামো আউট আছে আছে.

494
00:32:19,490 --> 00:32:23,300
কৌণিক এবং দাঁড়া গল্প বলুন না.

495
00:32:23,300 --> 00:32:26,370
আপনার চূড়ান্ত প্রকল্পের সঙ্গে গুড লাক, এবং আপনাকে অনেক ধন্যবাদ.

496
00:32:31,960 --> 00:32:35,000
[CS50.TV]