1
00:00:00,000 --> 00:00:02,690
[Powered by Google Translate] [সেমিনার: jQuery]

2
00:00:02,690 --> 00:00:04,790
[Vipul Shekhawat, হার্ভার্ড বিশ্ববিদ্যালয়]

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

4
00:00:08,000 --> 00:00:10,640
আপনি বাড়ীতে বরাবর অনুসরণ করছেন, তাহলে আপনি আসলে অনলাইন থেকে আমার স্লাইড অ্যাক্সেস করতে পারেন

5
00:00:10,640 --> 00:00:13,310
এই লিঙ্কে গিয়ে.

6
00:00:13,310 --> 00:00:18,650
এটা bit.ly. উপর, TjjRWj এর

7
00:00:18,650 --> 00:00:20,700
এছাড়াও আপনি শুধু সরাসরি URL-এ যেতে পারেন

8
00:00:20,700 --> 00:00:27,300
যা আমার নাম যা cloud.cs50.net ~ / vshekhawat, হয়

9
00:00:27,300 --> 00:00:32,409
এবং jQuery.

10
00:00:32,409 --> 00:00:34,920
আমি অত্যন্ত আপনি বাড়ীতে পর্যবেক্ষণ করছেন যদি আপনি বরাবর অনুসরণ করতে উৎসাহিত করি,

11
00:00:34,920 --> 00:00:40,650
আপনি এখানে আছেন এবং যদি, এছাড়াও, এই একটি চমত্কার মিথস্ক্রিয় উপস্থাপনা কারণ.

12
00:00:40,650 --> 00:00:43,160
>> আজ তাই, আমি jQuery কথা বলা ঠিক হবে যাচ্ছি, এবং প্রথম প্রশ্ন হল

13
00:00:43,160 --> 00:00:45,300
jQuery কি?

14
00:00:45,300 --> 00:00:47,090
এই বছর, আমি আপনাকে বলছি জাভাস্ক্রিপ্ট আবৃত নয় আছে জানি

15
00:00:47,090 --> 00:00:51,080
আমরা গত বছর আছে যতটা বিস্তারিত রূপে.

16
00:00:51,080 --> 00:00:53,150
জাভাস্ক্রিপ্ট, প্রথম সব, শুধু একটি ক্লায়েন্ট প্রান্তের ভাষা

17
00:00:53,150 --> 00:00:58,390
আপনি প্রতিটি ব্যবহারকারীর মেশিনে স্ক্রিপ্ট এবং কোড রান করার জন্য ব্যবহার করা হয়.

18
00:00:58,390 --> 00:01:00,660
তাই আপনি যদি মানুষের ওয়েব পেজ উপলব্ধ করা হয় যে একটি সার্ভার আছে

19
00:01:00,660 --> 00:01:02,600
কিন্তু আপনি তাদের মেশিনে স্টাফ কাজ করতে চান হতে পারে

20
00:01:02,600 --> 00:01:08,060
আপনার সার্ভারের প্রতি 30 সেকেন্ডে বা যে ভালো কিছু করার জন্য অনুরোধ পাঠাতে তাদের মেশিন জিজ্ঞাসা.

21
00:01:08,060 --> 00:01:10,420
আপনাকে JavaScript ব্যবহার করে তা করতে পারে.

22
00:01:10,420 --> 00:01:13,190
JQuery শুধু জাভাস্ক্রিপ্ট উপরে অধিক কার্যকারিতার উপলব্ধ

23
00:01:13,190 --> 00:01:15,680
যে আপনার জন্য অতিরিক্ত স্টাফ আছে.

24
00:01:15,680 --> 00:01:17,710
আপনি উপরে বিষয়বস্তু তাকান, যদি

25
00:01:17,710 --> 00:01:21,410
যে আপনি করতে সক্ষম হন যে পণ্যদ্রব্য কিছু আলোচনা করা হয়েছে.

26
00:01:21,410 --> 00:01:23,500
তাই সামগ্রিক, জানুয়ারী 2006 সালে নির্মিত হয়েছিল.

27
00:01:23,500 --> 00:01:26,560
এটি প্রথম আগস্ট 2005 মধ্যে ভাবা হয়েছিল.

28
00:01:26,560 --> 00:01:31,370
এটি একটি কয়েক বছর জন্য প্রায় হয়েছে, এবং এটি সত্যিই নতুন ওয়েব 2.0 আন্দোলনের অংশ এর

29
00:01:31,370 --> 00:01:34,330
যে ইন্টারনেট তাই চকচকে তৈরি হচ্ছে.

30
00:01:34,330 --> 00:01:37,630
এটি বহুল ব্যবহৃত JavaScript লাইব্রেরি আছে.

31
00:01:37,630 --> 00:01:41,450
মিলিয়ন 19.6 ওভার ওয়েবসাইটে এটি ব্যবহার করা হয়, এবং ব্যবহার এখনও বাড়ছে

32
00:01:41,450 --> 00:01:45,640
builtwith.com অনুযায়ী, যা, দৃশ্যত, গত বছর ধরে,

33
00:01:45,640 --> 00:01:49,710
শুধু একটানা মোটামুটি সুসংগত ভাবে বৃদ্ধি করা হয়েছে.

34
00:01:49,710 --> 00:01:52,870
শীর্ষ 10 মিলিয়ন সাইটগুলি মধ্যে, এখনও আছে -

35
00:01:52,870 --> 00:01:55,180
তাদের প্রায় 40% বর্তমানে এটি ব্যবহার করা হয়.

36
00:01:55,180 --> 00:01:58,540
ফেসবুক এটি ব্যবহার করে, অন্য ওয়েবসাইটে প্রচুর বর্তমানে এটি ব্যবহার.

37
00:01:58,540 --> 00:02:01,540
আপনি যদি চান, আপনি আপনার নিজের উপর যারা পরিসংখ্যান তাকান করতে পারেন.

38
00:02:01,540 --> 00:02:05,820
এটি একটি ভিত্তি এবং 13 বোর্ড সদস্য রয়েছে এবং কারণ আপনি এটি এর legit বলতে পারে

39
00:02:05,820 --> 00:02:11,910
একটি নিয়মিত ভিত্তিতে এটি কাজ করে 20 জনের একটি দল বরাবর.

40
00:02:11,910 --> 00:02:16,110
সুতরাং এটা খুবই ব্যাপকভাবে ব্যবহৃত হয়, এটি একটি. Org URL আছে তা অভিনব এর,

41
00:02:16,110 --> 00:02:21,660
এটি অন্যান্য উপাদান জন্য আনুষাঙ্গিক মোড় আছে, তাই এটি একটি বড় চুক্তি.

42
00:02:21,660 --> 00:02:24,510
>> কেন এটা ব্যবহার করা উচিত? JQuery খুব লাইটওয়েট.

43
00:02:24,510 --> 00:02:27,270
যে এটি একটি বিশাল ফাইল না মানে. আপনি ডাউনলোড করতে পারেন

44
00:02:27,270 --> 00:02:31,540
minified ফাইল, যা সব সাদা স্থান এবং মন্তব্য ছাড়াই, এবং এটি শুধুমাত্র 32 kB র এর.

45
00:02:31,540 --> 00:02:33,600
তাই এটা শুধু আপনার ওয়েব পৃষ্ঠা সম্মুখের টসে সহজ

46
00:02:33,600 --> 00:02:35,910
এবং এটা ব্যবহার শুরু.

47
00:02:35,910 --> 00:02:39,630
এটি খুব দক্ষতার সঙ্গে করা, তাই এটি অনেক সময় লাগতে না -

48
00:02:39,630 --> 00:02:42,550
আপনি এটি ব্যবহার করতে অনেক যখন এটি আপনার ওয়েবসাইট মন্থর নিচে না.

49
00:02:42,550 --> 00:02:45,770
এটি পূর্বে unfeasible ছিল যে বাস্তবায়ন করতে দেয়.

50
00:02:45,770 --> 00:02:47,790
কার্যকারিতা কিছু দিক আছে,

51
00:02:47,790 --> 00:02:51,780
অ্যানিমেশন তৈরি করা চাই, যে সাধারণত খুব, খুব কঠিন হবে.

52
00:02:51,780 --> 00:02:54,300
কিন্তু jQuery তারা আসলে খুব সহজ না.

53
00:02:54,300 --> 00:02:57,040
কি বিরক্তিকর যে, কিছু কিছু বিষয় আছে

54
00:02:57,040 --> 00:02:59,610
জাভাস্ক্রিপ্ট সম্ভব, একটি পোস্ট অনুরোধ পাঠিয়ে মত,

55
00:02:59,610 --> 00:03:02,190
কিন্তু এমন একটি সার্ভারে একটি অনুরোধ পাঠাতে, আপনি লিখতে হবে

56
00:03:02,190 --> 00:03:04,320
কোড পাঁচ বা ছয় বা সাত লাইন.

57
00:03:04,320 --> 00:03:07,200
এখন আপনি কেবলমাত্র একটি ফাংশন কল, একটি কোড একক লাইন এটা করতে পারেন.

58
00:03:07,200 --> 00:03:11,790
যে সত্যিই আপনি কাজ করছেন যে জিনিস অনেক সরলীকৃত.

59
00:03:11,790 --> 00:03:15,950
এবং সব শান্ত বাচ্চাদের এটি ব্যবহার করা হয়. যে, আমি আমার না.

60
00:03:15,950 --> 00:03:19,270
আমার চূড়ান্ত প্রকল্প গত বছর, যা, news.whrb.org হয়

61
00:03:19,270 --> 00:03:22,530
রেডিও স্টেশনের জন্য, যা আমি এই ব্লগটি তৈরি

62
00:03:22,530 --> 00:03:29,750
যা আমরা সম্পন্ন করেছি দেখায় যে তাদের জন্য MP3 ফাইলগুলিকে হোস্ট করে.

63
00:03:29,750 --> 00:03:32,070
আপনি অতীতে অনুষ্ঠানগুলি মাধ্যমে ব্রাউজ করতে পারেন

64
00:03:32,070 --> 00:03:34,130
এবং এটি সব jQuery ব্যবহার করা যাবে না. আপনি বলতে পারেন

65
00:03:34,130 --> 00:03:37,340
কারণ এই সব অ্যানিমেশন, মূলত.

66
00:03:37,340 --> 00:03:42,360
আপনি যদি তাই হয় - যদি আপনি একটি নতুন পোস্ট তৈরি করছি,

67
00:03:42,360 --> 00:03:45,980
আপনি এই সামান্য slideDowns দেখুন; যে সমস্ত jQuery ব্যবহার করা যাবে না.

68
00:03:45,980 --> 00:03:49,140
এবং এই ফেইড - তাই পণ্যদ্রব্য যে ধরনের সব jQuery ব্যবহার করা যাবে

69
00:03:49,140 --> 00:03:52,720
এবং আপনি ক্রমাগত সাইট নেভিগেট পৃষ্ঠাটি পুনরায় লোড করা হবে না.

70
00:03:52,720 --> 00:03:57,220
JQuery ব্যবহার করা যে আরেকটি দারুন জিনিস এই উপস্থাপনা.

71
00:03:57,220 --> 00:03:59,700
আমি scrolldeck নামক এই ওপেন সোর্স জিনিস ব্যবহার করছি

72
00:03:59,700 --> 00:04:03,250
যা কেউ jQuery উপরে লিখেছেন.

73
00:04:03,250 --> 00:04:04,870
আপনি আসলে উৎস তাকান, আপনি দেখতে পারেন

74
00:04:04,870 --> 00:04:07,830
তারা এই ডলার চিহ্ন ব্যবহার করছেন; ডলার চিহ্ন

75
00:04:07,830 --> 00:04:12,110
একটি ফাংশন একটি jQuery ফাংশন যে বোঝান jQuery ব্যবহার করা হয়.

76
00:04:12,110 --> 00:04:15,020
সুতরাং তারা jQuery উপরে একটি লেফাফা সংজ্ঞা করছি

77
00:04:15,020 --> 00:04:18,570
যে আপনি যদি এই মত একটি উপস্থাপনা করতে পারবেন

78
00:04:18,570 --> 00:04:21,200
এবং আপনি এখানে তারা মূল jQuery ফাইল সহ করছি দেখতে পারেন

79
00:04:21,200 --> 00:04:24,120
যা jQuery ব্যবহার করতে চান তাহলে আপনি অন্তর্ভুক্ত করতে হবে তা হল

80
00:04:24,120 --> 00:04:30,450
আপনার নিজস্ব ওয়েবসাইটের মাধ্যমে.

81
00:04:30,450 --> 00:04:32,790
>> যে স্পর্শ, আপনি কি এটি ইনস্টল করবেন?

82
00:04:32,790 --> 00:04:36,150
আপনি শুধুমাত্র ফাইল jQuery.com এবং ডাউনলোড করার জন্য যেতে পারেন

83
00:04:36,150 --> 00:04:38,320
একটি ওয়েব ডিরেক্টরিতে যোগ করা এবং এটি অন্তর্ভুক্ত.

84
00:04:38,320 --> 00:04:42,200
তাই ঠিক উপরে, আপনার HTML ফাইল মাথা ট্যাগে

85
00:04:42,200 --> 00:04:45,400
আপনার প্রধান এইচটিএমএল ফাইলের, শুধু কোড যে লাইন আছে

86
00:04:45,400 --> 00:04:49,490
আপনি ব্যবহার করছেন jQuery যা সংস্করণের জন্য সঠিক সংস্করণ.

87
00:04:49,490 --> 00:04:51,340
আপনি jQuery.com যাচ্ছে এটা ডাউনলোড করতে পারেন

88
00:04:51,340 --> 00:04:55,130
", ডাউনলোড jQuery" ক্লিক করুন এবং আপনি এটি পেয়েছেন. এটাই.

89
00:04:55,130 --> 00:04:58,880
এবং প্রকৃতপক্ষে, আমরা এটি দেখে মনে হচ্ছে কি কটাক্ষপাত করা যাবে.

90
00:04:58,880 --> 00:05:01,080
আপনি এখানে ডাউনলোড করুন উপর ক্লিক করা হলে, jQuery এই.

91
00:05:01,080 --> 00:05:05,260
এটা আপনার জন্য সব জাদু উপাদান আছে যে শুধু এক বড় জাভাস্ক্রিপ্ট ফাইলের.

92
00:05:05,260 --> 00:05:09,270
এই সব সময়ে পাঠযোগ্য নয় minified সংস্করণ হয়.

93
00:05:09,270 --> 00:05:13,180
আপনি পাঠযোগ্য, যা উন্নয়ন সংস্করণ তাকান পারেন

94
00:05:13,180 --> 00:05:15,370
কিন্তু এখনও খুব খুব লম্বা.

95
00:05:15,370 --> 00:05:17,980
এটা সেখানে উপাদান অনেক.

96
00:05:17,980 --> 00:05:20,240
আপনি এটি Google-এর হোস্ট সংস্করণে লিঙ্ক করতে পারেন.

97
00:05:20,240 --> 00:05:23,820
সুতরাং যে আপনি শুধু এটি প্রদান করার জন্য Google উপর নির্ভর করার অনুমতি পাবেন.

98
00:05:23,820 --> 00:05:29,310
তারা সব সময় পাওয়া যায় তা প্রতিটি সংস্করণ প্রদান করে.

99
00:05:29,310 --> 00:05:31,530
সুতরাং আপনি সম্ভবত এটা আপনার জন্য হোস্ট করার জন্য Google-এর উপর নির্ভর করতে পারেন.

100
00:05:31,530 --> 00:05:33,270
অথবা আপনি jQuery নিজের সাম্প্রতিক সংস্করণে লিঙ্ক করতে পারেন.

101
00:05:33,270 --> 00:05:36,400
তারা সবসময় সর্বশেষ সংস্করণে আপডেট করা যে একটি URL আছে.

102
00:05:36,400 --> 00:05:40,850
এটা jQuery-সর্বশেষ, এবং যে সঙ্গে এক সমস্যা আছে

103
00:05:40,850 --> 00:05:44,350
যা যে যদি আপডেট jQuery এবং পূর্ববর্তী কার্যকারিতা কিছু

104
00:05:44,350 --> 00:05:47,250
তারা retrograded বা অবচিত হয়ে ছিল

105
00:05:47,250 --> 00:05:49,620
তা না পারে - এটা এখন আর সমর্থিত পেতে শুরু হতে পারে.

106
00:05:49,620 --> 00:05:52,940
আপনি, সংস্করণ 1.8.2 ব্যবহার করে একটি ওয়েবসাইট লিখতে তাই আপনি যদি

107
00:05:52,940 --> 00:05:55,000
সময় সংস্করণ দ্বারা 2.7 আসে আউট

108
00:05:55,000 --> 00:05:57,000
আপনি লিখেছেন ফাংশন কিছু আর কাজ করে না.

109
00:05:57,000 --> 00:05:59,930
সুতরাং, 32 kB ফাইল শুধু ডাউনলোড করার ভাল

110
00:05:59,930 --> 00:06:04,100
আপনার ওয়েব পৃষ্ঠায় এটি করা, এবং তা চিরকালের জন্য কাজ করব.

111
00:06:04,100 --> 00:06:07,450
>> আমি এগিয়ে যান এবং jQuery প্রকৃত কার্যকারিতা সম্পর্কে কথা বলা শুরু করতে যাচ্ছি.

112
00:06:07,450 --> 00:06:13,090
প্রথম জিনিস নির্বাচক হয়. এই jQuery প্রথমে প্রদান ভাবা হয়েছিল কি না.

113
00:06:13,090 --> 00:06:15,500
এবং যদি আপনি তাকান ডকুমেন্টেশন ক্লিক করতে পারেন

114
00:06:15,500 --> 00:06:18,690
আমি বিছানার চাদর করা যাচ্ছে না নির্বাচক জন্য বিস্তারিত ডকুমেন্টেশন.

115
00:06:18,690 --> 00:06:24,120
নির্বাচক পিছনে ধারণা আপনি একটি পৃষ্ঠায় নেভিগেশন HTML উপাদান নির্বাচন করতে পারেন.

116
00:06:24,120 --> 00:06:28,790
একটি পৃষ্ঠায় উপাদান ID-র এবং ক্লাস এবং তাদের অন্যান্য চিহ্নিতকরণের দিক আছে.

117
00:06:28,790 --> 00:06:30,500
এর রয়েছে - বিভিন্ন আদেশ মধ্যে they're.

118
00:06:30,500 --> 00:06:32,570
তারা একে অপরের ভিতরে নেস্টেড করছি কিছু সময়.

119
00:06:32,570 --> 00:06:38,120
JQuery আপনি পৃষ্ঠা থেকে উপাদানগুলি উদ্ধার যে সহজ প্রশ্নের গঠন করতে পারবেন.

120
00:06:38,120 --> 00:06:41,890
তারপর আপনি, jQuery ফাংশন ব্যবহার করে এই উপাদান নিপূণভাবে করতে পারেন

121
00:06:41,890 --> 00:06:43,990
আমরা পরে পাবেন ম্যানিপুলেশন বিভাগে যা.

122
00:06:43,990 --> 00:06:46,040
আপনি HTML, CSS এর পরিবর্তন, পরিবর্তন করতে পারেন

123
00:06:46,040 --> 00:06:50,500
আপনি অ্যানিমেশন এবং কিছু নির্দিষ্ট ইভেন্ট নেভিগেশন সক্রিয় যে ফাংশন যোগ করতে পারেন.

124
00:06:50,500 --> 00:06:52,710
কিছু ক্লিক করা হলে সুতরাং, উদাহরণস্বরূপ, যদি আপনি এরকম কিছু করতে চান

125
00:06:52,710 --> 00:06:55,210
আপনি jQuery হিসেবে ব্যবহার করে তা করতে পারে.

126
00:06:55,210 --> 00:06:57,380
এবং উপাদান নির্বাচন উপায়ে বিপুল নম্বর আছে.

127
00:06:57,380 --> 00:07:00,310
তাদের অধিকাংশই, আমি কখনও ব্যবহার করেছি, কিন্তু মৌলিক বেশী আছে

128
00:07:00,310 --> 00:07:02,340
যা বেশ গুরুত্বপূর্ণ.

129
00:07:02,340 --> 00:07:05,750
উপাদান নির্বাচক, উদাহরণস্বরূপ, যদি আপনি শুধু কিছু নির্বাচন করছেন

130
00:07:05,750 --> 00:07:10,640
একটি DIV - আমি আসলে এই স্লাইড উপস্থাপনা জন্য খোলা কোড আছে.

131
00:07:10,640 --> 00:07:13,450
উদাহরণস্বরূপ, এখানে প্রথম স্লাইডে এর.

132
00:07:13,450 --> 00:07:17,430
এখানে আমরা একটি DIV আছে. আমরা আসলে পৃষ্ঠাতে সকল divs নির্বাচন করা হলে,

133
00:07:17,430 --> 00:07:22,300
এটা শুধু আমাদের এই ফাইলের মধ্যে উপস্থিত সমস্ত divs একটি অ্যারের দিতে যাব.

134
00:07:22,300 --> 00:07:27,040
আইডি নির্বাচক যদি আপনি একটি প্রদত্ত ID সহ কিছু নির্বাচন করতে দেয়.

135
00:07:27,040 --> 00:07:32,230
এই যেমন, এই জিনিস আইডি "কি," আছে তাই আপনি যদি

136
00:07:32,230 --> 00:07:37,160
এবং আমরা কি # পরিবর্তে কিছু আইডি দিয়ে এই না হলে,

137
00:07:37,160 --> 00:07:42,920
এটি শুধু একটি উপাদান আছে এবং যে পৃষ্ঠায় যে উপাদান যে একটি অ্যারের ফিরে হবে.

138
00:07:42,920 --> 00:07:45,490
আমরা না থাকার নির্বাচক এই ভাবে একত্রিত করতে পারেন

139
00:07:45,490 --> 00:07:48,260
শুধুমাত্র divs যে ID-র মাধ্যমে বিষয় নির্বাচন করুন.

140
00:07:48,260 --> 00:07:51,810
হ্যাঁ তাই. শুধু যে আইডি আছে divs নির্বাচন করুন.

141
00:07:51,810 --> 00:07:55,260
বর্গ জন্য আপনি শুধু একটি বিন্দু ব্যবহার, এটি CSS এর রূপে একই জিনিস.

142
00:07:55,260 --> 00:07:57,500
বংশধর এছাড়াও কাজ করে; আপনি কিছু শ্রেণী আছে, তাই যদি

143
00:07:57,500 --> 00:08:00,170
উদাহরণস্বরূপ, তাই - এবং এটি মধ্যে উপাদানগুলি নেস্টেড হয়েছে

144
00:08:00,170 --> 00:08:03,260
সেখানে কিছু ক্লাস হয় এবং এটি অন্য পৃষ্ঠায় লিঙ্ক একটি নোঙ্গর ট্যাগ আছে,

145
00:08:03,260 --> 00:08:08,510
আপনি যদি এই লিঙ্কটি পুনরুদ্ধার করতে এই সিনট্যাক্স ব্যবহার করতে পারেন.

146
00:08:08,510 --> 00:08:12,420
আপনি একযোগে একাধিক জিনিষ নির্বাচন করতে পারেন; শুধু কমা চিহ্ন দ্বারা সেগুলি বিভাজন,

147
00:08:12,420 --> 00:08:17,360
আপনি চান কোন নির্বাচক ব্যবহার, এবং আপনি একটি অ্যারের মধ্যে একযোগে তাদের সব নির্বাচন হবে.

148
00:08:17,360 --> 00:08:19,650
এবং তারপর এছাড়াও নির্বাচক না আছে, তাই আপনি সব divs নির্বাচন করতে পারবেন

149
00:08:19,650 --> 00:08:24,210
কিছু নির্দিষ্ট ক্লাস নেই.

150
00:08:24,210 --> 00:08:28,790
এবং যে ঠিক এই নির্বাচন কিভাবে কাজ করে পরিচিতি পেতে একটি সহায়ক উপায়.

151
00:08:28,790 --> 00:08:32,270
আমি একটি দ্বিতীয় মধ্যে কিছু কংক্রিট উদাহরণ দেখাব.

152
00:08:32,270 --> 00:08:35,480
>> উন্নত নির্বাচক হয় - এই মাত্র কয়েক উদাহরণ.

153
00:08:35,480 --> 00:08:38,840
সেখানে এই অত্যাধিক আছে, কিন্তু আপনি সমস্ত ইমেজ ট্যাগ নির্বাচন করতে চান তাহলে

154
00:08:38,840 --> 00:08:42,799
কিছু উপাদান মধ্যে, তারপর আপনি ঠিক: চিত্র.

155
00:08:42,799 --> 00:08:45,340
উদাহরণস্বরূপ, এমনকি উপাদান নির্বাচন করতে চান তাহলে তাদের 20 আছে কিনা

156
00:08:45,340 --> 00:08:48,290
আপনি, 0, 2, 4, 6 এবং তাই নির্বাচন করতে চান

157
00:08:48,290 --> 00:08:51,630
এমনকি, অথবা আপনি করতে পারেন: আপনি কি অদ্ভুত.

158
00:08:51,630 --> 00:08:55,470
এই ছদ্ম সিলেক্টর আছে, যা আসলে তারা গনা এর মানে হল যে

159
00:08:55,470 --> 00:09:00,960
প্রত্যেক অন্যান্য উপাদান বরং যাচ্ছে এবং তাদের সব নির্বাচন আর.

160
00:09:00,960 --> 00:09:05,510
আপনি এটিও করতে পারেন - প্রতিটি উপাদান বিশেষ গুণাবলী থাকতে পারে.

161
00:09:05,510 --> 00:09:10,580
উদাহরণস্বরূপ, বর্গ = কেন্দ্র এছাড়াও একটি বৈশিষ্ট্য হল.

162
00:09:10,580 --> 00:09:16,500
এই নোঙ্গর ট্যাগ জন্য, href, হাইপারটেক্সট রেফারেন্স, এছাড়াও একটি বৈশিষ্ট্য হল.

163
00:09:16,500 --> 00:09:21,150
এটা সত্যিই সাধারণ এর - তাই যদি আপনি একটি নির্দিষ্ট পৃষ্ঠা বা শুধু লিঙ্ক থেকে কিছু যে নির্বাচন করতে পারেন.

164
00:09:21,150 --> 00:09:25,410
আপনি চান যে কোন বৈশিষ্ট্য নিয়ে কিছু নির্বাচন করতে পারবেন.

165
00:09:25,410 --> 00:09:27,470
এবং তারপর, এছাড়াও বৈশিষ্ট্য উপস্থিত রয়েছে.

166
00:09:27,470 --> 00:09:30,420
আপনি, যেমন, সমস্ত ইনপুট উপাদানের নির্বাচন করতে চেয়েছিলেন

167
00:09:30,420 --> 00:09:32,700
যে, তাদের নামের শব্দ "পাস" আছে

168
00:09:32,700 --> 00:09:37,560
একটি পৃষ্ঠায় একটি ইনপুট টেক্সট ব্লক হয়েছে থাকে

169
00:09:37,560 --> 00:09:41,050
যে আপনি যে নির্বাচন হতে পারে একটি উপায় হতে চাই যে "পাসওয়ার্ড," বলা হচ্ছে.

170
00:09:41,050 --> 00:09:43,020
এবং আরো অনেক আছে. আপনি এগিয়ে যান এবং ডকুমেন্টেশন তাকান পারেন

171
00:09:43,020 --> 00:09:46,950
এবং এটি কিভাবে কাজ করে নির্দিষ্ট উদাহরণ দেখুন.

172
00:09:46,950 --> 00:09:48,840
>> পরবর্তী জিনিস DOM ম্যানিপুলেশন হয়.

173
00:09:48,840 --> 00:09:52,500
আমরা উপাদান নির্বাচন করার পর, আমরা আসলে তাদের সঙ্গে স্টাফ করতে চাইবে.

174
00:09:52,500 --> 00:09:55,500
এ পর্যন্ত আমরা এ সব যে দিকে তাকিয়ে, কিন্তু আপনাকে ডকুমেন্টেশন তাকান,

175
00:09:55,500 --> 00:09:57,950
আমরা কি করতে পারে যে অনেক সত্যিই আছে.

176
00:09:57,950 --> 00:10:02,900
এই মুহুর্তে, আমরা এই উপস্থাপনা উপাদান নির্বাচন করুন চলুন

177
00:10:02,900 --> 00:10:04,890
এবং তাদের jQuery ব্যবহার নিপূণভাবে.

178
00:10:04,890 --> 00:10:08,290
এই jQuery ব্যবহার বাস্তবায়িত হয়, কারণ আমরা jQuery গ্রন্থাগারের এক্সেস আছে

179
00:10:08,290 --> 00:10:13,580
এবং আমরা এই কোড মধ্যে যারা ফাংশন ব্যবহার করতে পারেন.

180
00:10:13,580 --> 00:10:16,200
আপনি জানেন না পারে যে দরকারী জিনিস কনসোল.

181
00:10:16,200 --> 00:10:19,340
এবং Google Chrome আমি ব্যবহার করছি কি না. আপনি Alt কমান্ড জে টিপতে পারেন

182
00:10:19,340 --> 00:10:21,720
অথবা Alt নিয়ন্ত্রণ জে কনসোল খোলার জন্য.

183
00:10:21,720 --> 00:10:26,130
ফায়ারফক্স আমি এটা কমান্ড স্থানান্তর K অথবা নিয়ন্ত্রণ স্থানান্তর কে মনে

184
00:10:26,130 --> 00:10:28,880
সাফারি আপনি কিছু সেটিংস পরিবর্তন করতে যেতে হবে.

185
00:10:28,880 --> 00:10:35,460
এখন পর্যন্ত আপনি এটি করতে চান তবে একটি লিঙ্ক আছে, কিন্তু আমি Chrome বা Firefox পেয়ে সুপারিশ.

186
00:10:35,460 --> 00:10:37,750
সুতরাং এর কনসোল খুলুন যাক, এটা এখানে নিচে না.

187
00:10:37,750 --> 00:10:41,170
এটা আপনি মূলত আপনি চান কিছু ঠিক করতে পারবেন.

188
00:10:41,170 --> 00:10:45,100
তাই আপনি শুধু একটি পরিবর্তনশীল নামক এক্স তৈরি টাইপ করতে পারেন

189
00:10:45,100 --> 00:10:49,200
এক্স = 5, X + + 2 কি দেখতে দিন.

190
00:10:49,200 --> 00:10:57,670
আপনি সি এস ভালো কিছু করতে পারেন, এমনকি + + চলুন দেখা যাক, এক্স এবং CS50 হবে + + 45.

191
00:10:57,670 --> 00:11:00,530
আপনি শুধু কিছু সাধারণ জাভাস্ক্রিপ্ট স্টাফ করতে পারেন.

192
00:11:00,530 --> 00:11:02,730
কিন্তু আপনি এখানে jQuery করতে পারেন.

193
00:11:02,730 --> 00:11:06,200
>> সুতরাং এখানে এই প্রথম দিক তাকান.

194
00:11:06,200 --> 00:11:09,500
আমরা একটি স্ট্রিং যা এইচটিএমএল, নামক একটি পরিবর্তনশীল তৈরি করতে যাচ্ছেন.

195
00:11:09,500 --> 00:11:15,890
এটা কিছু নতুন টেক্সট বলা হচ্ছে যে, এটি একটি অনুচ্ছেদের ট্যাগ আছে.

196
00:11:15,890 --> 00:11:19,420
সুতরাং আমরা এই HTML আছে, এটা অনুচ্ছেদের ট্যাগ, কিছু নতুন লেখা নেই.

197
00:11:19,420 --> 00:11:21,800
এখন আমরা আসলে পৃষ্ঠা থেকে এটি যোগ করতে চান.

198
00:11:21,800 --> 00:11:28,310
আমি এই অনুচ্ছেদের জন্য এইচটিএমএল, এখানে এই শিরোনাম, পরিশেষে যোগ আইডি যাতে এটা সেট.

199
00:11:28,310 --> 00:11:32,320
তারপর আমরা পরিশেষে যোগ আইডি নির্বাচন করে যদি এটি লিখবেন

200
00:11:32,320 --> 00:11:34,560
আমি তৈরি এইচটিএমএল পরিবর্তনশীল,

201
00:11:34,560 --> 00:11:40,370
এটা ঠিক এই অনুচ্ছেদের ট্যাগের পরে, শেষে যে এইচটিএমএল যোগ হবে.

202
00:11:40,370 --> 00:11:43,730
আমরা যে যদি তাই - আমরা এই অনুচ্ছেদের নির্বাচিত

203
00:11:43,730 --> 00:11:47,590
এবং আমরা, আমি এখনো যোগ করেনি এইচটিএমএল পরিবর্তনশীল সঙ্গে পরিশেষে যোগ ফাংশন বলা করেছি

204
00:11:47,590 --> 00:11:50,960
এটি পৃষ্ঠায় অধিকার আছে যে নতুন টেক্সট যোগ হবে.

205
00:11:50,960 --> 00:11:54,970
আমরা এটি যে উপাদান প্রারম্ভে, আগে যেতে হবে, যার মানে পূর্বে লিখুন করতে পারেন.

206
00:11:54,970 --> 00:11:58,290
তাই শুরুতে এবং পরে কিছু নতুন লেখা নেই.

207
00:11:58,290 --> 00:12:01,660
আমি এগিয়ে যান এবং আমি ঠিক করেছি এই স্টাফ পরিত্রাণ পেতে রিফ্রেশ করতে পারেন.

208
00:12:01,660 --> 00:12:05,280
কিন্তু যে আপনি পূর্বে লিখুন ব্যবহার করতে পারেন কিভাবে একটি উদাহরণ ও পদ্ধতি লিখবেন

209
00:12:05,280 --> 00:12:08,910
পাতা নেভিগেশন স্টাফ নিপূণভাবে, কিছু এইচটিএমএল যোগ করুন.

210
00:12:08,910 --> 00:12:11,080
>> এছাড়াও আপনি ক্লাস পরিবর্তন করতে পারেন.

211
00:12:11,080 --> 00:12:14,970
পিছনে এই বিন্যাস ফাইলের মধ্যে, আমি Win বর্গ জন্য এই তৈরি করেছি

212
00:12:14,970 --> 00:12:19,990
যে টেক্সট রঙ লাল, কিছু পটভূমির রঙ, এবং একটি টেক্সট ছায়া আছে.

213
00:12:19,990 --> 00:12:23,810
এটা অসহ্য মনে হচ্ছে, কিন্তু আমি আসলে করতে পারেন -

214
00:12:23,810 --> 00:12:26,410
এই অনুচ্ছেদের ক্লাস ID চিহ্নিত করা হয়.

215
00:12:26,410 --> 00:12:29,860
তাই আমি Win জন্য বর্গ যুক্ত করতে পারেন.

216
00:12:29,860 --> 00:12:31,870
আমি, কনসোল এই নির্বাহ করতে পারেন

217
00:12:31,870 --> 00:12:35,480
এবং যে বর্গ যোগ করা হবে, এবং এখন এটা অসহ্য মনে হচ্ছে, যেমন প্রত্যাশিত.

218
00:12:35,480 --> 00:12:39,680
CSS এর দ্বারা স্বয়ংক্রিয়ভাবে ক্লাস আপনি প্রয়োগ পায় -

219
00:12:39,680 --> 00:12:42,680
একটি বর্গ জন্য CSS আছে, এটি স্বয়ংক্রিয়ভাবে প্রয়োগ পরার

220
00:12:42,680 --> 00:12:44,680
আপনি একটি উপাদান শ্রেণী পরিবর্তন হলে.

221
00:12:44,680 --> 00:12:49,230
তারপর আমরা শুধু Remove ক্লাস ব্যবহার করে সরাতে পারেন.

222
00:12:49,230 --> 00:12:53,690
আপনি লাল বা হাইলাইট মত কিছু পূর্বনির্ধারিত ক্লাস আছে, তাই আপনি যদি

223
00:12:53,690 --> 00:12:55,990
এবং তারপর আপনি, উপাদান যারা প্রয়োগ করতে চান

224
00:12:55,990 --> 00:12:58,230
আপনি প্রত্যেক সময় styling সকল CSS করতে হবে না.

225
00:12:58,230 --> 00:13:01,510
আপনি শুধু একটি উপাদান ক্লাস যোগ করতে পারেন, এবং তারপর এটি স্বয়ংক্রিয়ভাবে হয়ে যাবে -

226
00:13:01,510 --> 00:13:05,580
এটি স্বয়ংক্রিয়ভাবে যে বর্গ জন্য উপযুক্ত দেখবে.

227
00:13:05,580 --> 00:13:07,900
আমরা কিছু সরাতে পারেন; তাই আমি সমস্ত divs নির্বাচন করতে যাচ্ছি

228
00:13:07,900 --> 00:13:10,830
পাতা এবং তাদের সরান.

229
00:13:10,830 --> 00:13:13,990
যে মত চেহারা কি যাচ্ছে?

230
00:13:13,990 --> 00:13:16,170
এটা কিছুই অনুরূপ যাচ্ছে, তাই বাম কিছুই আসলে আছে.

231
00:13:16,170 --> 00:13:18,170
আমার উপস্থাপনা সর্বস্বান্ত হয়.

232
00:13:18,170 --> 00:13:21,290
আমি ভাগ্যক্রমে, রিফ্রেশ করুন এবং এটি ফিরিয়ে আনতে পারেন

233
00:13:21,290 --> 00:13:24,420
এটা শুধু একবার চলমান, কারণ

234
00:13:24,420 --> 00:13:29,460
আপনি সম্পূর্ণ পৃষ্ঠা অফ একটি উপাদান ধ্বংস করতে চান, যে সরানোর একটি উদাহরণ.

235
00:13:29,460 --> 00:13:33,180
>> এছাড়াও আপনি মুছে ফেলা যাবে, এবং আমি পৃষ্ঠাতে সকল অনুচ্ছেদের ট্যাগ নির্বাচন করতে যাচ্ছি

236
00:13:33,180 --> 00:13:36,850
এবং তাদের ভিতরে যান এবং তাদের মধ্যে আছে যাই হোক না কেন টেক্সট প্রতিস্থাপন

237
00:13:36,850 --> 00:13:39,690
সঙ্গে মাত্র শব্দ "পরীক্ষা."

238
00:13:39,690 --> 00:13:46,520
আপনি এই কাজ করতে, তাহলে আপনি এই পরীক্ষার সঙ্গে পৃষ্ঠায় প্রত্যেক অনুচ্ছেদের প্রতিস্থাপন করব.

239
00:13:46,520 --> 00:13:49,150
YEP. তারা সব পরীক্ষার প্রতিস্থাপিত করছি.

240
00:13:49,150 --> 00:13:53,270
সুতরাং যে টেক্সট অ্যাক্সেস এবং এটি মুছে একটি উদাহরণ.

241
00:13:53,270 --> 00:13:57,490
আপনি তথ্য উদ্ধার করতে পারেন, এবং এই ইনপুট বক্স জন্য সত্যিই শীতল হয়.

242
00:13:57,490 --> 00:14:00,470
আপনি মানুষের মধ্যে স্টাফ টাইপ করা হয় যে একটি ইনপুট বক্স আছে,

243
00:14:00,470 --> 00:14:03,880
মানুষ সেটিকে স্টাফ টাইপ করছেন,

244
00:14:03,880 --> 00:14:09,030
এখানে আমরা ইনপুট, লেখার একটা টাইপ সঙ্গে কোনো ইনপুট ট্যাগ নির্বাচন করুন.

245
00:14:09,030 --> 00:14:13,800
এই ক্ষেত্রে, পুরো উপস্থাপনার মধ্যে শুধুমাত্র একটি ইনপুট বক্স আছে,

246
00:14:13,800 --> 00:14:17,260
তাই আমরা শুধু প্রথম একটি নির্বাচন করব, এবং তারপর আমরা এটা Val ফাংশন কল.

247
00:14:17,260 --> 00:14:19,570
, যে মূল্য ফেরৎ, এবং একটি ইনপুট বক্স

248
00:14:19,570 --> 00:14:24,330
মান ভিতরে হতে হবে যাই হোক না কেন ঠিক হয়.

249
00:14:24,330 --> 00:14:31,880
আমরা এই কাজ করতে হলে তাই, এটা স্ট্রিং স্টাফ ধার্য করা হয়.

250
00:14:31,880 --> 00:14:36,860
আমরা আরো স্টাফ লেখা পরে আবার কল এটা এবং যদি এটা আরো স্টাফ মধ্যে সক্রিয় করে.

251
00:14:36,860 --> 00:14:40,760
যে, চেক তারপর একটি ইনপুট বক্স উপাদান অ্যাক্সেস করতে এক দুর্দান্ত উপায়, এবং

252
00:14:40,760 --> 00:14:45,060
এই একটি বৈধ ইমেইল ঠিকানা, এই যেমন, একটি বৈধ তারিখ.

253
00:14:45,060 --> 00:14:49,600
তা টাইপ হয় আপনি শুধুমাত্র সঙ্গে সঙ্গে কাপড় উদ্ধার করতে পারেন

254
00:14:49,600 --> 00:14:54,830
এবং তারপর, এটা বৈধ কিনা চেক সার্ভারের এটা ফেরত পাঠান, আপনি এটি দিয়ে কিছু করতে চান.

255
00:14:54,830 --> 00:14:57,720
এবং যে আপনি ঐ বাক্সে ভিতরে কি অ্যাক্সেস কিভাবে.

256
00:14:57,720 --> 00:15:00,090
>> আপনি এর পরিবর্তে যোগ করার তাই, সিএসএস সরাসরি পরিবর্তন করতে পারেন

257
00:15:00,090 --> 00:15:02,510
কিছু পূর্বনির্ধারিত বৈশিষ্ট্য আছে যে একটি শ্রেণী,

258
00:15:02,510 --> 00:15:08,120
আপনি শুধু আপনি কিছু করতে চান যাই হোক না কেন CSS এর যুক্ত করতে পারেন.

259
00:15:08,120 --> 00:15:10,350
সম্পূর্ণ উপস্থাপনা যা তাই আসুন নির্বাচন শরীর,

260
00:15:10,350 --> 00:15:14,370
এবং রঙের টেক্সট কি রং সংজ্ঞায়িত যে সম্পত্তি.

261
00:15:14,370 --> 00:15:19,420
আমরা লাল এটি পরিবর্তন করা হলে, পাতা সব লেখা লাল রং কাজে লাগান হবে.

262
00:15:19,420 --> 00:15:26,310
আমরা পটভূমির রঙ নীল ভালো কিছু করতে পারেন

263
00:15:26,310 --> 00:15:30,680
সেখানে আমরা যেতে; এটি সুন্দর হবে.

264
00:15:30,680 --> 00:15:33,840
আপনি কি এই সঙ্গে কিছু করতে চান করতে পারেন.

265
00:15:33,840 --> 00:15:39,250
CSS এর সম্পত্তি ব্যবহার করে, আপনি কি সত্যিই কিছু যে কোনো সময় এ দেখায় কিভাবে পরিবর্তন করতে পারেন.

266
00:15:39,250 --> 00:15:41,630
পরবর্তী জিনিস প্রভাব হয়.

267
00:15:41,630 --> 00:15:45,710
প্রভাব, মূলত সিএসএস পরিবর্তন হিসাবে একই জিনিস

268
00:15:45,710 --> 00:15:48,870
কিন্তু আসলে এটি কিছু অতিরিক্ত অ্যানিমেশন প্রদান.

269
00:15:48,870 --> 00:15:53,380
সুতরাং পরিবর্তে শুধু রঙ দেখাচ্ছে বা লুকিয়ে কিছু বা পরিবর্তন,

270
00:15:53,380 --> 00:15:56,130
আপনি আসলে এটি অ্যানিমেটেড করতে পারেন.

271
00:15:56,130 --> 00:16:00,760
আপনি এটি জন্য ব্যাপক ডকুমেন্টেশন কটাক্ষপাত করা করতে চান তাহলে এখানে ডকুমেন্টেশন, না.

272
00:16:00,760 --> 00:16:04,760
কিন্তু আমি প্রধান বেশী আবরণ যাচ্ছি.

273
00:16:04,760 --> 00:16:12,030
শো এবং লুকান বৈশিষ্ট্য আছে.

274
00:16:12,030 --> 00:16:14,510
আইডি আসলে এই পুরো বাক্স চিহ্নিত করুন / আড়াল করুন,

275
00:16:14,510 --> 00:16:18,190
আমি গোপন সুতরাং, যদি এটা শুধু অদৃশ্য হয়ে যাবে.

276
00:16:18,190 --> 00:16:24,210
আমি এটা ফিরে আসা করতে চাই এবং যদি আমি আবার এটা দেখাতে পারেন.

277
00:16:24,210 --> 00:16:26,340
এবং এটি শয্যাশায়ী. এটা আসলে, অন্তর্হিত হওয়া না

278
00:16:26,340 --> 00:16:30,670
আমি আসলে পৃষ্ঠা থেকে এটি অপসারণ করা হয়নি, শুধু আমি লুকানো আপনি দৃশ্যমানতা এর CSS এর সম্পত্তি সেট

279
00:16:30,670 --> 00:16:34,030
তাই আপনার আর এটি দেখতে পারবেন না.

280
00:16:34,030 --> 00:16:39,250
এছাড়াও আপ স্লাইড এবং নিচে স্লাইড এর; আপনি এই প্রভাব আছে করতে পারবেন.

281
00:16:39,250 --> 00:16:47,050
এটি অদৃশ্য আপ স্লাইড, এবং এটা disappears পর

282
00:16:47,050 --> 00:16:53,210
আপনি এটি থেকে ফিরে আসা করতে নিচে স্লাইড পারেন. এবং এখন এটা শয্যাশায়ী.

283
00:16:53,210 --> 00:16:57,650
বিবর্ণ আইডি এই বাক্সটি চিহ্নিত করা - যা এই বিবর্ণ প্রভাব, এর রয়েছে.

284
00:16:57,650 --> 00:17:01,200
আমি এটা বিবর্ণ তাহলে, এটি ধীরে ধীরে অদৃশ্য হয়ে যাব.

285
00:17:01,200 --> 00:17:04,490
আমি এটি বিবর্ণ করতে পারেন, এবং এটি ফিরে আসবে.

286
00:17:04,490 --> 00:17:08,930
আপনি ফেইড ফাংশন নির্দিষ্ট, যা আপনি ফেইড করতে পারেন.

287
00:17:08,930 --> 00:17:12,589
আপনি এটা যে আপনি চান কোন নির্দিষ্ট অস্বচ্ছতা বিবর্ণ থাকতে পারে.

288
00:17:12,589 --> 00:17:16,869
আপনি .5 থেকে ধীরে ধীরে বিবর্ণ সুতরাং, যদি এটা অর্ধেক দৃশ্যমান হয়ে যাব.

289
00:17:16,869 --> 00:17:22,630
আমি এটা .1 যেতে করতে পারেন, এবং ফিরে 1 আবার সম্পূর্ণরূপে দৃশ্যমান করতে.

290
00:17:22,630 --> 00:17:24,760
যে শুধু আপনি কি করতে পারেন যে অন্য অ্যানিমেশন এর.

291
00:17:24,760 --> 00:17:26,750
>> টগল প্রভাব আছে.

292
00:17:26,750 --> 00:17:33,410
তাই আমি এই বক্স যা অনুরূপ টগল আইডি, নির্বাচন করতে যাচ্ছি

293
00:17:33,410 --> 00:17:38,970
এবং যে DIV নেভিগেশন আপনি টগল কল করতে পারেন, এটা দৃশ্যমান যদি তা অদৃশ্য হয়ে যাবে,

294
00:17:38,970 --> 00:17:42,320
এটি অদৃশ্য যদি এটা আবার দৃশ্যমান হবে.

295
00:17:42,320 --> 00:17:44,440
তাই আমি ঠিক দু 'বার এই টগল ফাংশন বলা হয়; প্রথমটি ছিল

296
00:17:44,440 --> 00:17:48,380
লুকান একই জিনিস, দ্বিতীয় কল একটি শো হিসাবে একই জিনিস ছিল.

297
00:17:48,380 --> 00:17:53,510
এবং আপনি একটি ফেইড টগল সঙ্গে এটা করতে পারেন

298
00:17:53,510 --> 00:17:55,730
যা আসলে এটা fades ছাড়া একই জিনিস, আছে.

299
00:17:55,730 --> 00:17:59,410
এবং স্লাইড সঙ্গে একই জিনিস টগল.

300
00:17:59,410 --> 00:18:01,460
ক্রমিক প্রভাব হিসাবে ভাল আছে, যার মানে হচ্ছে

301
00:18:01,460 --> 00:18:05,520
আপনি একটি উপাদান নির্বাচন করুন এবং শুধু এটি অ্যানিমেশন পদ্ধতি একটি গুচ্ছ কল ব্লক,

302
00:18:05,520 --> 00:18:07,400
আপনি এটি বিবর্ণ চেয়েছিলেন, তাহলে নিচে স্লাইড

303
00:18:07,400 --> 00:18:11,040
এবং তারপর লুকান এবং তারপর বিবর্ণ, এটি একটি সারিতে তাদের কি হবে.

304
00:18:11,040 --> 00:18:24,920
তাই অদৃশ্য, ফিরে আসেন - কিছু কারণে, লুকান ঘটবে না.

305
00:18:24,920 --> 00:18:30,030
এটি চেষ্টা করা যাক. হ্যাঁ, তাই এটি খুঁজে ম্লান এবং তারপর দূরে slid.

306
00:18:30,030 --> 00:18:32,230
এবং প্রচুর আরো আছে. আপনি অ্যানিমেশন ফাংশন ব্যবহার করতে পারেন

307
00:18:32,230 --> 00:18:35,370
আপনার নিজস্ব অ্যানিমেশান তৈরি করতে, যা, মোটামুটি জটিল

308
00:18:35,370 --> 00:18:38,790
কিন্তু এটা অসীম extensibility সাথে আপনি উপলব্ধ.

309
00:18:38,790 --> 00:18:40,630
আপনি চান অ্যানিমেশন কোন ধরনের করতে পারেন.

310
00:18:40,630 --> 00:18:44,230
এছাড়াও আপনি একটি সময়ে একাধিক অ্যানিমেশন আপ সারিতে সারিতে ব্যবহার করতে পারেন.

311
00:18:44,230 --> 00:18:47,340
সুতরাং, আপনি পৃষ্ঠা জুড়ে উড়ে কিছু করতে চান তাহলে

312
00:18:47,340 --> 00:18:49,860
নীচে বাম উপরের ডান দিক থেকে স্লাইড, আপনি তা করতে পারে

313
00:18:49,860 --> 00:18:55,240
এবং শুধু অন্যান্য পর এক যাচ্ছে কর্ম একটি গুচ্ছ আছে.

314
00:18:55,240 --> 00:18:57,490
>> আমরা যে বিষয়ে কথা বলতে যাচ্ছেন পরবর্তী জিনিস ঘটনা হয়.

315
00:18:57,490 --> 00:19:02,090
ঘটনা আপনাকে অনুমতি দেয় - এ পর্যন্ত, আমরা শুধু কনসোল মধ্যে কিছু লিখে আসছি

316
00:19:02,090 --> 00:19:04,870
এবং যে, এই ঘটতে করা একটি পদ্ধতি

317
00:19:04,870 --> 00:19:08,020
কিন্তু একটি প্রকৃত পৃষ্ঠায় আপনি পাবে যাচ্ছেন না

318
00:19:08,020 --> 00:19:10,020
কনসোল মধ্যে ব্যবহারকারীকে টাইপ জিনিষ.

319
00:19:10,020 --> 00:19:12,050
আপনি জিনিষ স্বয়ংক্রিয়ভাবে ঘটতে করতে চান.

320
00:19:12,050 --> 00:19:18,060
যে জন্য, আপনি কিছু নির্দিষ্ট ইভেন্ট ঘটছে নেভিগেশন সক্রিয় ঘটনা যে ব্যবহার করতে হবে.

321
00:19:18,060 --> 00:19:21,340
আপনি পূর্ণ বিবরণ প্রাপ্ত নথিপত্র পরীক্ষা করতে পারবেন.

322
00:19:21,340 --> 00:19:24,030
সুতরাং এর দেখতে দিন. আমরা, বাক্স লুকাতে বা দেখাতে চান

323
00:19:24,030 --> 00:19:29,340
আমি এখনো এটি বাস্তবায়ন করা হয়নি, কারণ কিন্তু এই মুহূর্তে এই বোতাম কিছু না.

324
00:19:29,340 --> 00:19:35,420
আমি প্রকৃত HTML পৃষ্ঠাতে যেতে যাচ্ছি.

325
00:19:35,420 --> 00:19:38,560
এখানে স্লাইড এর. স্লাইডের জন্য একটি DIV আছে.

326
00:19:38,560 --> 00:19:41,230
এটা স্লাইড ক্লাস আছে.

327
00:19:41,230 --> 00:19:46,890
টেক্সট নেই. এখন, এই বক্স এবং বক্স বাটন আছে.

328
00:19:46,890 --> 00:19:52,900
কিভাবে আমরা আসলে এই অদৃশ্য হয়ে যাবে না?

329
00:19:52,900 --> 00:19:58,250
প্রথম সব, এর বক্স আইডি অদৃশ্য করে তোলে যে একটি ফাংশন লিখুন যাক.

330
00:19:58,250 --> 00:20:01,820
এই funtion জন্য বাক্য গঠন হয়, এর ঠিক hideTheBox কল করা যাক.

331
00:20:01,820 --> 00:20:06,130
গ্রহণ করা কোনো আর্গুমেন্ট আছে, কারণ এটা কোনো আর্গুমেন্ট গ্রহণ করা হয় না.

332
00:20:06,130 --> 00:20:08,950
আমরা বাক্স আইডি নির্বাচন করতে পারেন.

333
00:20:08,950 --> 00:20:15,020
নির্বাচন jQuery ব্যবহার সুতরাং, আমরা, বাক্স আইডি নির্বাচন করতে পারবেন

334
00:20:15,020 --> 00:20:17,700
এবং তারপর এটা অদৃশ্য না.

335
00:20:17,700 --> 00:20:20,690
চলুন শুরু করা যাক এটি বিবর্ণ করতে.

336
00:20:20,690 --> 00:20:27,390
আমরা প্রকৃত কনসোলে এই ফাংশন দৌড়ে যদি

337
00:20:27,390 --> 00:20:33,380
আমরা এই ফাংশন সংজ্ঞায়িত করতে পারে; আমরা hideTheBox কল করতে পারেন, এবং এটি কাজ করে.

338
00:20:33,380 --> 00:20:36,650
কিন্তু আমরা আসলে বোতাম চাপা হয় তখন এটা ঘটতে করতে চান.

339
00:20:36,650 --> 00:20:40,950
যে কাজ করতে, আমরা একটি ইভেন্ট ব্যবহার আছে.

340
00:20:40,950 --> 00:20:45,500
কিছু নির্দিষ্ট বাটন অথবা কিছু পদক্ষেপ ঘটছে আপনি একটি ইভেন্ট আবদ্ধ করার জন্য,

341
00:20:45,500 --> 00:20:50,040
আমরা ঘটনা আরম্ভ হবে যে উপাদান নির্বাচন করুন -

342
00:20:50,040 --> 00:20:52,650
বা যে দুঃখিত, ইভেন্ট আরম্ভ হবে.

343
00:20:52,650 --> 00:20:57,220
>> সব সুতরাং প্রথম, এর বক্স বাটন আইডি নির্বাচন করা যাক

344
00:20:57,220 --> 00:20:59,610
কারণ যে বাটন জন্য এখন, বাটন, এবং,

345
00:20:59,610 --> 00:21:02,750
আমরা এটা ক্লিক যখন একটি অ্যানিমেশন তৈরি করতে চান.

346
00:21:02,750 --> 00:21:05,040
তাই এই ক্লিকের ফাংশন আছে.

347
00:21:05,040 --> 00:21:08,470
এটা যদি আপনি এটি অন্য একটি ফাংশন সহিত আবদ্ধ করতে পারবেন.

348
00:21:08,470 --> 00:21:12,320
এই ফাংশন একটি আর্গুমেন্ট হিসাবে অন্য ফাংশন লাগে

349
00:21:12,320 --> 00:21:14,310
আমরা hideTheBox ফাংশন প্রেরণ করতে পারেন

350
00:21:14,310 --> 00:21:20,950
এবং এই বাটনে ক্লিক না যখনই যে ফাংশন স্বয়ংক্রিয়ভাবে চালানো হবে.

351
00:21:20,950 --> 00:21:24,850
তাই এই, আমরা এই সংরক্ষণ, আমি রিফ্রেশ করব কাজ করবে

352
00:21:24,850 --> 00:21:33,460
ও - এক দ্বিতীয়, আমি দুঃখিত.

353
00:21:33,460 --> 00:21:44,770
আমার সম্পর্কে সত্যিই দ্রুত এই ঠিক করা যাক.

354
00:21:44,770 --> 00:21:50,680
ঠিক আছে. সেখানে আমরা যেতে. আমরা বাটন ক্লিক করা হলে তাই এখন বক্স অদৃশ্য.

355
00:21:50,680 --> 00:21:55,470
আমরা শুধু fadeToggle এই পরিবর্তন করতে পারেন

356
00:21:55,470 --> 00:22:00,020
বক্স লুকাতে বা দেখাতে এটা পরিবর্তন,

357
00:22:00,020 --> 00:22:03,850
আমরা রিফ্রেশ করুন এবং যদি এটি খুব কাজ করবে.

358
00:22:03,850 --> 00:22:08,550
আমরা এটা লুকাতে পারেন, আমরা এটি দেখাতে পারেন, এবং যে কাজ চলতে থাকবে.

359
00:22:08,550 --> 00:22:12,210
আমরা কি করতে পারি আরেকটি বিষয় হল, আমরা আসলে এই hideTheBox ফাংশন সংজ্ঞায়িত করতে হবে না

360
00:22:12,210 --> 00:22:15,050
আমরা ক্লিক করুন ফাংশন কল করার আগে.

361
00:22:15,050 --> 00:22:17,640
সুতরাং পরিবর্তে ফাংশন সংজ্ঞা এবং hideTheBox কলিং,

362
00:22:17,640 --> 00:22:20,310
আমরা শুধু এই জিনিস ক্লিক না করা হলে এটি কল চলুন.

363
00:22:20,310 --> 00:22:22,310
তাই আমরা এখানে এটা বেনামে নির্ধারণ করতে পারবেন

364
00:22:22,310 --> 00:22:25,070
যা জাভাস্ক্রিপ্ট আছে একটি বৈশিষ্ট্য.

365
00:22:25,070 --> 00:22:29,720
আপনি একটি ফাংশন নির্ধারণ করতে পারবেন; সাধারণত, আমরা ফাংশন hideTheBox বলতে হবে

366
00:22:29,720 --> 00:22:34,490
আর্গুমেন্ট সঙ্গে, কিন্তু এর পরিবর্তে, আমরা, আর্গুমেন্ট কোন কাজ বলতে পারেন

367
00:22:34,490 --> 00:22:36,870
, ফাংশন সংজ্ঞায়িত কোঁকড়া বক্রবন্ধনী শুরু

368
00:22:36,870 --> 00:22:40,780
যে কোঁকড়া বক্রবন্ধনী বন্ধ, এবং তারপর শুধুমাত্র এখানে ফাংশন নির্ধারণ

369
00:22:40,780 --> 00:22:45,130
প্রথমে প্রথম বন্ধনী এবং শেষ প্রথম বন্ধনী মধ্যে

370
00:22:45,130 --> 00:22:47,860
যে ক্লিক করুন ফাংশন আর্গুমেন্ট মিলা.

371
00:22:47,860 --> 00:22:53,320
আমরা এই ফাংশন পার করছি, আমরা এখানে ডান কোড এই লাইন কপি করতে পারেন,

372
00:22:53,320 --> 00:22:55,450
এবং যে সঠিক একই জিনিস করতে হবে.

373
00:22:55,450 --> 00:22:57,290
এবং এখন আমরা এই র্যান্ডম fadeTheBox ফাংশন আছে না

374
00:22:57,290 --> 00:22:59,960
যে কোন আপাত কারণে কাছাকাছি বসা হয়.

375
00:22:59,960 --> 00:23:02,070
ফাংশন বেনামে সংজ্ঞায়িত করা হয়, এটি একটি নাম করা হবে না.

376
00:23:02,070 --> 00:23:08,060
আমরা বক্স বাটন ক্লিক করা হলে এটা শুধুমাত্র চালানো হবে.

377
00:23:08,060 --> 00:23:12,180
তাই রিফ্রেশ আরো একবার, আরো এক সময়, এবং আপনি এটা এখনও কাজ করে দেখতে পারেন.

378
00:23:12,180 --> 00:23:16,700
এবং আপনি যে ইভেন্ট তৈরি করতে কিভাবে.

379
00:23:16,700 --> 00:23:19,190
>> আমরা ব্যবহার করতে পারেন বিভিন্ন ঘটনা অনেক আছে.

380
00:23:19,190 --> 00:23:23,540
আমি ঠিক কিভাবে এই কাজ আপনাকে দেখাতে কনসোল ব্যবহার করে ফিরে স্যুইচ করতে যাচ্ছি.

381
00:23:23,540 --> 00:23:28,210
এই প্রতিটি ID-র প্রতিটি বক্স মিলা.

382
00:23:28,210 --> 00:23:33,020
এই বাক্সে ক্লিক করে আইডি, তাই এই এক কী ID, এবং এই এক মাউস আইডি হয়.

383
00:23:33,020 --> 00:23:36,120
, বরং প্রত্যেক সময় এটা খুঁজে টাইপ; আরও একটি জিনিস এই কর্ম ফাংশন আছে যে

384
00:23:36,120 --> 00:23:41,610
আমি আসলে এগিয়ে যান এবং এখানে এই কর্ম ফাংশন নিচে সংজ্ঞায়িত.

385
00:23:41,610 --> 00:23:46,860
এটা hideTheBox ফাংশন হিসাবে একই জিনিস আছে.

386
00:23:46,860 --> 00:23:51,340
এই বক্স এবং fades এটা খুঁজে অথবা ইন fades এটা হয় পায়

387
00:23:51,340 --> 00:23:54,110
আমরা এখানে ব্যবহার করতে সক্ষম হন, কেন এবং যে.

388
00:23:54,110 --> 00:24:00,350
আমরা এই ক্লিক আইডি ক্লিক করুন সুতরাং, যদি আমরা বক্স অদৃশ্য বা অন্তর্ধান করতে চাই.

389
00:24:00,350 --> 00:24:03,610
আমরা শেষ স্লাইডে ছিল যে বাটন হিসেবে একই জিনিস.

390
00:24:03,610 --> 00:24:07,450
আমরা যে কল এখন পরে,, আমরা এই ক্লিক করতে পারেন এবং বক্স অদৃশ্য হয়ে যাবে

391
00:24:07,450 --> 00:24:10,160
তারপর আবার ক্লিক করুন এবং বক্স অন্তর্ধান হবে.

392
00:24:10,160 --> 00:24:12,480
যে বেশ সহজ. ডাবল ক্লিক করে, একই জিনিস আছে

393
00:24:12,480 --> 00:24:15,660
ছাড়া এটি একটি ডবল ক্লিক করা আবশ্যক.

394
00:24:15,660 --> 00:24:19,030
আপনি একবার ক্লিক করুন এবং এটি আবার ক্লিক করুন, যদি তাই কিছুই ঘটবে

395
00:24:19,030 --> 00:24:21,140
কিন্তু আপনি ডবল দ্রুত ক্লিক করুন, এটি অদৃশ্য হয়ে যাব.

396
00:24:21,140 --> 00:24:23,310
আপনি ডবল আবার ক্লিক করা হলে, এটি ফিরে আসবে.

397
00:24:23,310 --> 00:24:25,250
তাই যে বেশ সহজ.

398
00:24:25,250 --> 00:24:31,170
কীবোর্ড ইনপুট অদ্ভুত ধরনের; আমি এটা আসলে এই উদাহরণে কাজ মনে করি না

399
00:24:31,170 --> 00:24:37,670
কারণ নিচে কি, কি আপ এবং কী প্রেস এবং অন্যান্য গুরুত্বপূর্ণ কর্ম

400
00:24:37,670 --> 00:24:47,190
আপনি এটি সহিত আবদ্ধ কি ব্যাপার কোন উপাদান সক্রিয়.

401
00:24:47,190 --> 00:24:51,410
উদাহরণস্বরূপ, আমি শরীরের বা সম্পূর্ণরূপে অন্য কিছু নিচে কী আবদ্ধ, এমনকি যদি

402
00:24:51,410 --> 00:24:55,950
তারপর, এটা এখনও কোন ব্যাপার সক্রিয় হবে - তা নির্দিষ্ট নয়.

403
00:24:55,950 --> 00:25:00,190
এটার উপর ক্লিক করতে হবে এবং কিছু অদৃশ্য করতে একটি কি টিপুন না.

404
00:25:00,190 --> 00:25:04,470
এটা নির্বিশেষে আমি এখনো সদস্য না হয়ে বর্তমানে করছি উপাদান সক্রিয় করা হবে

405
00:25:04,470 --> 00:25:06,880
সুতরাং এই আসলে এই উদাহরণে কাজ করে না

406
00:25:06,880 --> 00:25:13,180
কারণ এটি কীবোর্ড ইনপুট DIV মধ্যে ইনপুট লিখে আমাকে স্বীকার করে না.

407
00:25:13,180 --> 00:25:15,740
>> কিন্তু আপনি মাউস কর্ম তাকান,

408
00:25:15,740 --> 00:25:19,620
প্রথম এক বিলম্ব হয়, এবং এটি CSS এর ব্যবহার করে এই কিছু করতে পারেন.

409
00:25:19,620 --> 00:25:24,280
আপনি CSS এর ব্যবহার যদি আপনি কিছু উপর কার্সার রেখে, আপনি যাতে এটি তৈরি করতে পারেন

410
00:25:24,280 --> 00:25:28,940
তারপর তার শৈলী পরিবর্তন.

411
00:25:28,940 --> 00:25:32,170
কিন্তু jQuery ব্যবহার করে আপনার পাশাপাশি অন্য জিনিস শৈলী পরিবর্তন করতে পারেন.

412
00:25:32,170 --> 00:25:37,120
উদাহরণস্বরূপ, আমরা এই DIV উপর কার্সার রেখে হলে পদক্ষেপ কল চলুন.

413
00:25:37,120 --> 00:25:39,660
যে আমরা এটা উপর কার্সার রেখে, তাহলে বক্স অদৃশ্য হবে মানে.

414
00:25:39,660 --> 00:25:42,430
আমরা দূরে থেকে সরানো হলে, বক্স অন্তর্ধান হবে.

415
00:25:42,430 --> 00:25:45,090
আমরা এই কল এবং এটি উপর কার্সার রেখে যদি, বাক্স, অন্তর্হিত হওয়া না

416
00:25:45,090 --> 00:25:47,050
এবং যত তাড়াতাড়ি আমরা দূরে সরানো, এটা ফিরে আসে.

417
00:25:47,050 --> 00:25:49,750
আমরা মাউস আইডি নেভিগেশন এই উপর কার্সার রেখে দেখুন ফাংশন কল হলে,

418
00:25:49,750 --> 00:25:54,380
আমরা বাক্স উপর কার্সার রেখে যদি যা, তারপর এই বাক্সটি চিহ্নিত করা,

419
00:25:54,380 --> 00:26:00,440
তারপর বক্স আসলে অদৃশ্য হয়ে যাবে - এটা ঠিক এখন ভীতু হচ্ছে, কিন্তু -

420
00:26:00,440 --> 00:26:06,310
আমরা দূরে থেকে সরানো, এটা আবার দেখা দেওয়া হবে. রাইট এখন এটা কিছু কারণ জন্য পিছন দিকে আছে.

421
00:26:06,310 --> 00:26:12,720
মাউস লিখুন এবং মাউস সরানো ফাংশন কিছুটা অনুরূপ, কিন্তু সামান্য ভিন্ন.

422
00:26:12,720 --> 00:26:16,470
মাউস মাউস হিসাবে প্রত্যাশিত বক্সে প্রবেশ করে তখন শুধুমাত্র সক্রিয় লিখুন.

423
00:26:16,470 --> 00:26:19,210
আপনি তা সরানো সুতরাং, যদি তা অদৃশ্য হয়ে যাব.

424
00:26:19,210 --> 00:26:23,210
আপনি দূরে সরানো যখন কিন্তু অন্তর্ধান হবে না; আপনি ফিরে আসা এটি জন্য এটি সম্মুখের দিকে পিছান করতে হবে.

425
00:26:23,210 --> 00:26:25,590
সক্রিয় হবে যা মাউস সরানো ফাংশন, এর রয়েছে

426
00:26:25,590 --> 00:26:29,300
মাউস বক্সের মধ্যে এমনকি উপস্থিত যখনই.

427
00:26:29,300 --> 00:26:32,430
তাই এটি শুধু ইন ও আউট ফেইড, যাচ্ছে নেভিগেশন যাব.

428
00:26:32,430 --> 00:26:35,660
এবং এটা আসলে লগিং - এটি খুঁজে এটা ঠিক মধ্যে ফেইড এর মত মনে হয় এবং,

429
00:26:35,660 --> 00:26:39,140
কিন্তু আসলে এটি এই তুলনায় আরো অনেক কর্ম লগিং এর

430
00:26:39,140 --> 00:26:43,550
তাই আপনি দূরে সরানো যখন এটি শুধুমাত্র এটা তাদের এক হাজারের মত দর্শন লগ কারণ বর্তা করব.

431
00:26:43,550 --> 00:26:46,620
হয়ত না হাজার হাজার. হয়তো পাঁচ.

432
00:26:46,620 --> 00:26:50,200
এটা যে তুলনায় আরো লগ করা হয়.

433
00:26:50,200 --> 00:26:53,280
বিন্দু, সমস্ত মাউস কর্ম হয়, তাদের অনেক আছে.

434
00:26:53,280 --> 00:26:55,480
আপনি চাইলে অন্যান্য বেশী আপ পড়তে পারেন, কিন্তু তারা সব সামান্য ভিন্ন

435
00:26:55,480 --> 00:26:57,700
আপনি প্রয়োজন যেটা এক এবং আপনি বাছাই করতে পারেন

436
00:26:57,700 --> 00:27:02,130
নির্দিষ্ট যেটা উদ্দেশ্য জন্য আপনি কি করার চেষ্টা করছেন.

437
00:27:02,130 --> 00:27:05,060
>> আমি কথা বলতে যাচ্ছি পরবর্তী জিনিস AJAX হয়.

438
00:27:05,060 --> 00:27:09,340
AJAX, আমি, আমরা এই বছরের অনেক গভীরতা হিসাবে জাভাস্ক্রিপ্ট আবরণ না জানি

439
00:27:09,340 --> 00:27:11,770
তাই আমি ঠিক এক মিনিটের জন্য সাধারণ AJAX বিষয়ে কথা বলতে যাচ্ছি.

440
00:27:11,770 --> 00:27:15,210
AJAX অসমকালীন জাভাস্ক্রিপ্ট এবং XML এর জন্য দাঁড়িয়েছে.

441
00:27:15,210 --> 00:27:19,030
এটি মূলত, উদাহরণস্বরূপ, যদি আপনি ফেসবুকে আছেন এবং যখন, আপনি একটি বিজ্ঞপ্তি push কর্মের এর

442
00:27:19,030 --> 00:27:23,060
AJAX আপনার ওয়েব ব্রাউজারের চলছে এ কারণে যে.

443
00:27:23,060 --> 00:27:25,800
আপনার ওয়েব ব্রাউজার আসলে এর সেকেন্ডের প্রতিটি দম্পতি

444
00:27:25,800 --> 00:27:29,420
তাদের জিজ্ঞাসা, ফেসবুক এর সার্ভার যাচ্ছে, আপনি আমার জন্য নতুন কিছু আছে

445
00:27:29,420 --> 00:27:31,980
এবং তারপর এটি আপনাকে ফেরত আসে.

446
00:27:31,980 --> 00:27:36,320
এই যদি আপনি কোনও সার্ভার অনুরোধ পাঠাতে পারবেন

447
00:27:36,320 --> 00:27:38,660
আসলে পৃষ্ঠা লোড করেও.

448
00:27:38,660 --> 00:27:42,040
তাই সাধারণত, আপনি পিএইচপি এবং একটি ডাটাবেস ব্যবহার করছেন,

449
00:27:42,040 --> 00:27:45,480
আপনি সার্ভার থেকে নতুন তথ্য পেতে পারেন আগে আপনি পৃষ্ঠাটি রিফ্রেশ করতে হবে.

450
00:27:45,480 --> 00:27:48,770
কিন্তু AJAX ব্যবহার করে, আপনি সর্বদা নতুন নতুন তথ্যের জন্য টান করতে পারেন

451
00:27:48,770 --> 00:27:52,250
আপনি একটি বোতাম বা যে মত কিছু ক্লিক করা হলে অথবা এটি জন্য টান.

452
00:27:52,250 --> 00:27:56,140
আমাদের পৃষ্ঠা পুনরায় লোড না করে অনুরোধ পাঠাতে পারবেন এই সুতরাং

453
00:27:56,140 --> 00:27:58,130
এবং আমরা পেতে বা অনুরোধ পোস্ট হয় ব্যবহার করতে পারেন.

454
00:27:58,130 --> 00:28:05,370
>> অনুরোধ আপনি যদি Google.com যাও, যেমন, হয় GET

455
00:28:05,370 --> 00:28:10,900
এবং Q = পরীক্ষা করবেন. যে তাদের একটি ক্যোয়ারী পরীক্ষা দেবার হচ্ছে.

456
00:28:10,900 --> 00:28:15,890
এটি URL-এ নিজেই মধ্যে যারা পরামিতি মধ্যে ক্ষণস্থায়ী কারণ এবং যে একটি অনুরোধ পেতে হবে.

457
00:28:15,890 --> 00:28:19,250
আপনি ডাকযোগে পাঠানোর করছি যদি একটি পোস্ট অনুরোধ.

458
00:28:19,250 --> 00:28:22,500
আপনি একটি চিঠি এটি করা এবং তাদেরকে এটা বন্ধ অর্ণবপোত মত, এর

459
00:28:22,500 --> 00:28:25,140
কিন্তু তারা আসলে বিষয়বস্তু না. তারা URL-এ দৃশ্যমান না.

460
00:28:25,140 --> 00:28:31,040
আপনি সরাসরি তা লিখুন পারে না; আপনি প্রায় গোপনে তা পাঠাতে হবে.

461
00:28:31,040 --> 00:28:33,880
এটি একটি পোস্ট আছে.

462
00:28:33,880 --> 00:28:38,660
কিন্তু jQuery ব্যবহার করে, আপনি এবং অনুরোধ পোস্ট করতে পারেন

463
00:28:38,660 --> 00:28:42,740
আরো অনেক কিছু সহজেই আপনি সাধারণত শুধু প্লেইন জাভাস্ক্রিপ্ট ব্যবহার করে পারে না.

464
00:28:42,740 --> 00:28:50,140
আপনি অনুরোধ GET ব্যবহার API গুলি প্রশ্ন করতে পারেন, এবং আপনি লগইন তথ্যের জন্য চেক করতে পারেন.

465
00:28:50,140 --> 00:28:54,400
পরবর্তী পৃষ্ঠায়, আমি যা "লাঞ্চের জন্য কি?", জিজ্ঞেস করল, এই তৈরি

466
00:28:54,400 --> 00:28:58,230
হার্ভার্ড খাদ্য API টি ব্যবহার করে, তাই এর যে টান আপ করা যাক.

467
00:28:58,230 --> 00:29:01,840
এই কমান্ডের সাহায্যে আপনি একটি API একটি পেতে অনুরোধ করতে jQuery ব্যবহার করতে পারেন কিভাবে মাত্র একটি উদাহরণ

468
00:29:01,840 --> 00:29:04,200
এবং এটি থেকে ফিরে তথ্য পেতে.

469
00:29:04,200 --> 00:29:07,090
সুতরাং আমরা আজকের জন্য মেনু দেখতে চাই

470
00:29:07,090 --> 00:29:10,560
এবং আমরা লাঞ্চের জন্য কি দেখতে চাই.

471
00:29:10,560 --> 00:29:16,500
এখানে jQuery কে পেতে অনুরোধ তৈরি করা URL-এর.

472
00:29:16,500 --> 00:29:18,600
আপনি $ ব্যবহার করুন. ফাংশন পেতে.

473
00:29:18,600 --> 00:29:22,290
প্রথম যুক্তি যদি আপনি অনুসন্ধান করছেন তাই ঠিক কি, URL টি.

474
00:29:22,290 --> 00:29:27,200
তারপর পরবর্তী যুক্তি পেতে অনুরোধ সম্পূর্ণ হলে কমান্ড সঞ্চালনকালে একটি ফাংশন.

475
00:29:27,200 --> 00:29:29,980
তাই আপনি যদি সার্ভারের কিছু অনুরোধ অফ পাঠাতে ফিরে আসা জন্য অপেক্ষা করুন.

476
00:29:29,980 --> 00:29:33,770
ফিরে আসে, তখন আপনি সার্ভার থেকে ফিরে যে তথ্য দিয়ে কিছু পদক্ষেপ নিতে যাচ্ছেন.

477
00:29:33,770 --> 00:29:37,520
এর এগিয়ে যান এবং এই হিসাবে ভাল কোড চলুন শুরু করা যাক.

478
00:29:37,520 --> 00:29:42,110
আমি উদ্দেশ্য উপর, নয়তো এই কোডটা করা হয়নি.

479
00:29:42,110 --> 00:29:46,660
এখানে করণীয় আছে. প্রথম সব, এর ইভেন্ট বাইন্ডিং ব্যবহার করা যাক

480
00:29:46,660 --> 00:29:50,820
এই বোতাম চাপা হয়, যখন আমরা একটি পেতে অনুরোধ অফ পাঠাতে যাতে.

481
00:29:50,820 --> 00:29:53,410
এবং এমন কিছু তথ্য দিয়ে অনুরোধ আয় পেতে,

482
00:29:53,410 --> 00:29:57,290
আমরা এই খাবার তথ্য আইডি DIV সেটিকে লিখে চলুন.

483
00:29:57,290 --> 00:30:02,860
প্রথম সব, এর খাদ্য বাটন আইডি নির্বাচন করা যাক.

484
00:30:02,860 --> 00:30:07,320
এটি ক্লিক করা হলে, আমরা এটা কিছু করতে চাই.

485
00:30:07,320 --> 00:30:11,930
চলুন শুরু করা যাক ঠিক আগে, এটি একটি বেনামী fuction করতে.

486
00:30:11,930 --> 00:30:15,550
যারা কোঁকড়া ধনুর্বন্ধনী মোড়ানো করতে পারে না,

487
00:30:15,550 --> 00:30:18,530
এবং এই বাটন টেপা হলে, আমরা একটি পেতে অনুরোধ পাঠাতে চান

488
00:30:18,530 --> 00:30:20,750
লাঞ্চের জন্য কি চেক করতে.

489
00:30:20,750 --> 00:30:24,970
যে কাজ করতে, আমরা মাত্র $ টাইপ করতে পারেন. পেতে.

490
00:30:24,970 --> 00:30:28,850
এই ডলার চিহ্ন ব্যবহার করে, একটি jQuery ফাংশন.

491
00:30:28,850 --> 00:30:31,430
এটা আর্গুমেন্ট একটি দম্পতি লাগে. প্রথম এক, URL টি

492
00:30:31,430 --> 00:30:34,450
দ্বিতীয় এক কলব্যাক ফাংশন, বলা হচ্ছে যে ফাংশন

493
00:30:34,450 --> 00:30:37,740
যে অনুরোধ আসলে ফেরৎ যখন.

494
00:30:37,740 --> 00:30:39,890
শুধু প্রথম URL টি নির্মাণ করা যাক.

495
00:30:39,890 --> 00:30:44,650
আমরা ডেভিড আপ লিখেছে API-টি থেকে এটি পেতে পারেন.

496
00:30:44,650 --> 00:30:51,360
এখানে যাওয়া, আমরা food.cs50.net/api/1.3/menus যে দেখতে পারেন

497
00:30:51,360 --> 00:30:54,140
এবং তারপর আপনি শুধু আপনি চান যে পরামিতি নামের মধ্যে পাস.

498
00:30:54,140 --> 00:30:57,760
সুতরাং পরামিতি 1 মূল্য 1.

499
00:30:57,760 --> 00:31:00,910
এটা প্রমিত জন্ম মত দেখাচ্ছে, আজ জন্ম, ডিফল্ট শুরু

500
00:31:00,910 --> 00:31:03,110
আপনি কিছু, এবং এছাড়াও শেষ তারিখ ডিফল্ট মান প্রবেশ করাবেন না হলে

501
00:31:03,910 --> 00:31:05,930
আজ থেকে আপনি কিছু লিখুন না.

502
00:31:05,930 --> 00:31:10,790
যে আমরা চাই কি. আমরা শুধু আজকের জন্য তথ্য পেতে চান.

503
00:31:10,790 --> 00:31:12,950
>> আমরা বিন্যাসে JSON হতে চাই.

504
00:31:12,950 --> 00:31:15,570
যে শুধু নির্বিচারে; আপনি যে আপনি চান কোন ফর্ম ব্যবহার করতে পারেন.

505
00:31:15,570 --> 00:31:18,950
আপনি CSV ব্যবহার করতে পারেন, কিন্তু JSON জাভাস্ক্রিপ্ট অবজেক্ট স্বরলিপি হয়.

506
00:31:18,950 --> 00:31:24,150
জাভাস্ক্রিপ্ট এটা মানে কি বুঝতে জন্য এটি খুবই সহজ

507
00:31:24,150 --> 00:31:27,110
এবং আমরা আরও সহজে উপায় যে এটি প্রিন্ট আউট করতে পারেন.

508
00:31:27,110 --> 00:31:30,490
তাই এর JSON এটা অনুরোধ যাক, এবং let এর অনুরোধ লাঞ্চ যোগ্য.

509
00:31:30,490 --> 00:31:37,660
= লাঞ্চ খাবার তাই. ঠিক যে URL টি আপ লিখুন, আমরা এখানে ফিরে যান.

510
00:31:37,660 --> 00:31:41,290
মেনু আছে. প্রথম পরামিতি আউটপুট = JSON হয়

511
00:31:41,290 --> 00:31:44,640
কারণ যে আমরা চাই কি, এবং আপনি একটি সঙ্গে পরামিতি আলাদা 'এবং'.

512
00:31:44,640 --> 00:31:48,940
দ্বিতীয় প্যারামিটার - আমি মনে করি না.

513
00:31:48,940 --> 00:31:52,170
খাবার. এবং আমরা খাবার = লাঞ্চ করতে চান.

514
00:31:52,170 --> 00:31:57,390
আপনি আপনার ব্রাউজারে এটি টাইপ এবং এটি যাচ্ছে এই URL-এ পরীক্ষা করতে পারবেন.

515
00:31:57,390 --> 00:32:03,120
এটা যে আপনি কিছু আউটপুট দেবে. এটা ঠিক লাঞ্চের জন্য যে পণ্যদ্রব্য একটি গুচ্ছ আছে.

516
00:32:03,120 --> 00:32:10,410
এই কুশ্রী বিন্যাসে এর. আমরা একটি ভাল বিন্যাসে আমাদের পৃষ্ঠা সম্মুখের দিকে এটি প্রিন্ট করতে চান.

517
00:32:10,410 --> 00:32:12,580
URL টি সঠিক হয়, তাই এখন আমরা একটি ফাংশন লিখতে প্রয়োজন

518
00:32:12,580 --> 00:32:18,300
অনুরোধটি সফল হয় যখন ফিরে কল.

519
00:32:18,300 --> 00:32:20,430
এই ফাংশন আসলে একটি আর্গুমেন্ট গ্রহণ করা হবে. এটি তথ্য হতে হবে.

520
00:32:20,430 --> 00:32:25,650
তথ্য পেতে অনুরোধ করা হয় পরে পেতে অনুরোধ থেকে ফিরে আসে কি না.

521
00:32:25,650 --> 00:32:28,860
আমরা কোঁকড়া ধনুর্বন্ধনী করতে পারেন; এখানে আমরা Anonymous ফাংশন লিখুন

522
00:32:28,860 --> 00:32:33,900
যে আমরা ফিরে তথ্য পেতে যখন যে তথ্য ব্যবহার করে, executes.

523
00:32:33,900 --> 00:32:37,840
তথ্য সুতরাং, আমরা এই URL টি টাইপ করা হলে,

524
00:32:37,840 --> 00:32:41,540
এই তথ্য অনুরূপ যাচ্ছে কি না. এই বিশাল স্ট্রিং হতে যাচ্ছে.

525
00:32:41,540 --> 00:32:48,610
কিন্তু ভাল জিনিস, জাভাস্ক্রিপ্ট JSON.parse ফাংশন ব্যবহার করে তা বিশ্লেষণ করতে পারেন.

526
00:32:48,610 --> 00:32:54,950
তাই এর পার্স তথ্য নামে একটি নতুন পরিবর্তনশীল তৈরি করা যাক.

527
00:32:54,950 --> 00:32:57,060
এবং পার্স তথ্য বস্তুর একটি অ্যারে.

528
00:32:57,060 --> 00:33:04,200
প্রত্যেকটি বস্তুর যেমন তথ্য উপস্থিত রয়েছে - ভাল, এর কটাক্ষপাত করা যাক.

529
00:33:04,200 --> 00:33:08,980
এটি একটি তারিখ, একটি খাবার, বিভাগ, রেসিপি, এই সব অন্যান্য উপাদান আছে.

530
00:33:08,980 --> 00:33:10,860
তাই এর পরবর্তী প্রতিটি এক জন্য নাম প্রিন্ট আউট করা যাক.

531
00:33:10,860 --> 00:33:13,790
আমরা তা থেকে ফিরে পেতে যে জিনিস সমগ্র অ্যারের পুনরুক্তি উপর চলুন শুরু করা যাক,

532
00:33:13,790 --> 00:33:17,570
এবং শুধু প্রতিটি প্রিন্ট আউট - প্রতিটি এক নাম প্রিন্ট করা হবে.

533
00:33:17,570 --> 00:33:22,670
এই লুপ জন্য একটি হল.

534
00:33:22,670 --> 00:33:26,030
>> জাভাস্ক্রিপ্ট, আপনি একটি অ্যারের উপর একটি পরিবর্তনশীল এবং লুপ তৈরি করতে পারেন যেখানে এই সহায়ক সিনট্যাক্স আছে

535
00:33:26,030 --> 00:33:30,150
এবং var আমি পরিবর্তে var আমি = 0 করতে হচ্ছে, তাই শুধু iterator হয়

536
00:33:30,150 --> 00:33:40,290
তোমার দ্বারা তুলনায় কম ছিল, আমি + + ', আপনি ঠিক পার্স তথ্য আমি var করতে পারেন.

537
00:33:40,290 --> 00:33:47,060
এই উদাহরণে, পার্স তথ্য (ঝ) বর্তমান উপাদান মিলা হবে

538
00:33:47,060 --> 00:33:49,850
অ্যারের, প্রকৃত বস্তু.

539
00:33:49,850 --> 00:33:51,720
এবং আমরা এটি সম্পর্কে নাম খুঁজে পেতে চান.

540
00:33:51,720 --> 00:33:54,170
তাই ঠিক কি নাম দিন.

541
00:33:54,170 --> 00:33:57,000
এবং শেষ জিনিস, আমরা আবার কিছু jQuery আছে চলুন না.

542
00:33:57,000 --> 00:34:02,660
আসলে DIV বর্তমানে খালি এই খাবার তথ্য DIV এটি যোগ করুন.

543
00:34:02,660 --> 00:34:05,430
সুতরাং নির্বাচন করা যাক.

544
00:34:05,430 --> 00:34:13,870
আমরা jQuery নির্বাচন খাবার তথ্য DIV আইডি, অথবা খাবার তথ্য আইডি ব্যবহার করব, দুঃখিত.

545
00:34:13,870 --> 00:34:16,580
আমরা এই সংযুক্ত করতে চান.

546
00:34:16,580 --> 00:34:21,030
আমরা পরীক্ষা করে থাকেন, উদাহরণস্বরূপ, এটা এটা প্রতি একক সময় মুছে ফেলা হবে.

547
00:34:21,030 --> 00:34:29,190
সুতরাং আমরা এই সংযুক্ত করতে পারবেন.

548
00:34:29,190 --> 00:34:31,889
অ্যারের মধ্যে বর্তমান উপাদান, আমরা নাম খুঁজে পাবেন

549
00:34:31,889 --> 00:34:38,159
এবং আমরা খাবার তথ্য আইডি DIV শেষে এটি অন্তর্ভুক্ত করব.

550
00:34:38,159 --> 00:34:40,120
এবং তারপর মাত্র, এটি ক্লিনার বানাতে

551
00:34:40,120 --> 00:34:51,550
এটি এক লাইনে সব না, তাই আমরা একটি লাইন বিরতি যুক্ত করব.

552
00:34:51,550 --> 00:34:55,280
সব ভাল যায় সুতরাং, যদি যে আপনি ভাল হতে হবে -

553
00:34:55,280 --> 00:34:57,220
প্রথম সব, এই বাটনে ক্লিক না যখনই

554
00:34:57,220 --> 00:35:00,070
এই URL-এ একটি পেতে অনুরোধ অফ পাঠাতে হবে.

555
00:35:00,070 --> 00:35:02,500
তথ্য তা থেকে ফিরে আসে, এটা বিশ্লেষণ করব

556
00:35:02,500 --> 00:35:06,950
JSON, যে তথ্য প্রতিনিধিত্বমূলক সমগ্র অ্যারের ওভার লুপ, সেটিকে হত্তয়া

557
00:35:06,950 --> 00:35:10,310
এবং তারপর নাম এবং একটি লাইন বিরতি লিখবেন

558
00:35:10,310 --> 00:35:16,500
পূর্বে খালি যা ছিল এই খাবার তথ্য আইডি প্রতিটি লাইন.

559
00:35:16,500 --> 00:35:18,910
সুতরাং এই পৃষ্ঠায় ফিরে যাচ্ছে, আমরা রিফ্রেশ করব,

560
00:35:18,910 --> 00:35:23,690
ক্লিক আউট, এটি - এটি কাজ করে না. যে দু: খজনক.

561
00:35:23,690 --> 00:35:25,830
ডিবাগিং আসে অংশে যেখানে এবং এই হল

562
00:35:25,830 --> 00:35:30,070
Index.html, লাইন 1.

563
00:35:30,070 --> 00:35:57,210
এটা আকর্ষণীয়.

564
00:35:57,210 --> 00:35:59,720
ঠিক আছে, ভাল, এই কাজ সময় ব্যয় বদলে, আমি যাচ্ছি

565
00:35:59,720 --> 00:36:07,070
আমি যে কাজ ফাইল টান আপ, যা সম্পূর্ণ সংস্করণ.

566
00:36:07,070 --> 00:36:13,710
আমি পার্থক্য কি নিশ্চিত না, কিন্তু আমরা ঠিক এর পরিবর্তে এই পর্যন্ত খুলতে পারে.

567
00:36:13,710 --> 00:36:19,740
এবং আমরা AJAX যান, এবং এই সঠিকভাবে কাজ করা উচিত.

568
00:36:19,740 --> 00:36:21,730
যে, লাঞ্চ জন্য আজ কি হয়

569
00:36:21,730 --> 00:36:24,870
কোন বিশেষ, যাতে এটি প্রায় কোট সঙ্গে, তাই এটা prettiest না.

570
00:36:24,870 --> 00:36:27,090
কিন্তু, সম্ভবত, আপনি একটি চূড়ান্ত প্রকল্পের জন্য এই কাজ করা হয়েছে কিনা,

571
00:36:27,090 --> 00:36:30,120
আপনি এটা ভাল চেহারা করতে হবে.

572
00:36:30,120 --> 00:36:32,530
কিন্তু যে আপনি পেতে অনুরোধ করতে কিভাবে শুধুমাত্র একটি সহজ উদাহরণ.

573
00:36:32,530 --> 00:36:34,580
আমরা প্রকৃত কোড তাকান, আমি অনুমান করছি, আমি চমত্কার নিশ্চিত নই

574
00:36:34,580 --> 00:36:39,690
এটি এখনও অনেক সুন্দর একই.

575
00:36:39,690 --> 00:37:04,990
ওহ, আমি একটি স্ট্রিং রূপান্তর করতে ভুলে গেছি, যে এটি.

576
00:37:04,990 --> 00:37:07,920
না, এটা এখনও কাজ না. তথাপি, এখানে প্রকৃত সম্পন্ন কোড এর

577
00:37:07,920 --> 00:37:10,300
এই মত হওয়া উচিত কি জন্য,

578
00:37:10,300 --> 00:37:16,400
এবং এটা আমি ঠিক বাস্তবায়িত কি একই জিনিস আছে.

579
00:37:16,400 --> 00:37:22,760
আপনি বোতাম ক্লিক করেন, তখন এটি JSON স্বয়ংক্রিয়ভাবে তথ্য বিশ্লেষণ পেতে ব্যবহার করে.

580
00:37:22,760 --> 00:37:29,190
এটা থেকে ফিরে তথ্য নেয় এবং সম্পূর্ণ অ্যারে মাধ্যমে loops

581
00:37:29,190 --> 00:37:32,770
এবং আউট প্রিন্ট - লাঞ্চের জন্য আজকে যাই হোক না কেন, এটা নাম,

582
00:37:32,770 --> 00:37:38,020
এবং প্রতিটি লাইন পরে একটি লাইন বিরতি appends.

583
00:37:38,020 --> 00:37:41,100
যে আপনি পেতে ফাংশন ব্যবহার কিভাবে.

584
00:37:41,100 --> 00:37:44,040
>> আপনি আমি সময় আছে কি না, যা পোষ্ট ব্যবহার করতে পারেন

585
00:37:44,040 --> 00:37:47,940
এটা জন্য একটি উদাহরণ আপ লিখুন, কিন্তু আমরা ডকুমেন্টেশন তাকান করতে পারেন.

586
00:37:47,940 --> 00:37:53,220
আপনি jquery.post তাকান

587
00:37:53,220 --> 00:37:55,510
আপনি এটি প্রায় একই জিনিস দেখতে পারেন.

588
00:37:55,510 --> 00:38:01,650
আপনি একটি URL আছে, কিন্তু এর পরিবর্তে ব্যবহার পরামিতি পাশ -

589
00:38:01,650 --> 00:38:03,990
শুধু URL-এ নিজেই জন্য স্ট্রিং মধ্যে তাদের নির্বাণ

590
00:38:03,990 --> 00:38:06,300
আপনি যদি এই তথ্য পরিবর্তনশীল মধ্যে পাস করতে হবে

591
00:38:06,300 --> 00:38:11,990
একটি অভিধান, মূলত একটি অ্যারের যে মান মানচিত্র পরামিতি.

592
00:38:11,990 --> 00:38:17,690
আপনি যে পাস, এবং যে একটি পোস্ট ব্যবহার করে তাদের পাঠায়.

593
00:38:17,690 --> 00:38:20,790
এবং একবার আপনি, তাহলে আপনি একটি সাফল্য কার্যকারিতা থাকতে পারে যে আছে

594
00:38:20,790 --> 00:38:23,930
তথ্য ফিরে আসে যখন যে executes.

595
00:38:23,930 --> 00:38:26,430
অন্যথা, এটা ঠিক একই. তাই পোষ্ট ব্যবহার করে,

596
00:38:26,430 --> 00:38:29,970
যদি আপনি একটি ইনপুট ফর্ম আছে যদি আপনি, যেমন, পোস্ট ব্যবহার করতে পারেন

597
00:38:29,970 --> 00:38:35,780
আপনি তা মানুষের ইনপুট পাসওয়ার্ড যাক, এবং যারা পাসওয়ার্ডগুলি অফ পাঠান

598
00:38:35,780 --> 00:38:41,850
আপনার ব্যাক শেষ স্ক্রিপ্ট, ব্যবহারকারীর বৈধ বা না কিনা ডাটাবেস থেকে চেক করতে.

599
00:38:41,850 --> 00:38:46,700
আপনি কি করতে পারেন যে সমস্ত jQuery ব্যবহার করে এর পরিবর্তে এ সব পৃষ্ঠাটি রিফ্রেশ হচ্ছে.

600
00:38:46,700 --> 00:38:52,160
যে আমি আগে আপনি দেখিয়েছেন যে ব্লগে প্রয়োগ কিভাবে.

601
00:38:52,160 --> 00:38:59,530
আমরা শেষ পোর্টাল যান এবং লগ আউট হলে, লগ আউট

602
00:38:59,530 --> 00:39:02,600
কাজ না করে লগ আউট.

603
00:39:02,600 --> 00:39:13,360
আচ্ছা, আমাকে একটা নতুন উইন্ডোতে এটি আপ খুলুন.

604
00:39:13,360 --> 00:39:16,580
এখানে আছে একটি পাসওয়ার্ড, এবং আমি র্যান্ডম কিছু টাইপ করতে যাচ্ছে.

605
00:39:16,580 --> 00:39:18,590
এটা কাজ করে না, কিন্তু আমরা না দেখতে পারেন

606
00:39:18,590 --> 00:39:20,840
আসলে এ সব পৃষ্ঠাটি রিফ্রেশ আছে.

607
00:39:20,840 --> 00:39:24,610
কোড, আপনি এটি তাকান করতে চান,

608
00:39:24,610 --> 00:39:37,460
এখানে সব পাওয়া যায়.

609
00:39:37,460 --> 00:39:45,680
কোড তাই আমি একদা গত বছর লিখেছিলেন.

610
00:39:45,680 --> 00:39:47,790
আপনি এখানে দেখতে পারেন, আমরা একটি পোস্ট অনুরোধ পাঠিয়ে করছি.

611
00:39:47,790 --> 00:39:50,400
আমি, ফিরে শেষ login.php নামে একটি ফাইল আছে

612
00:39:50,400 --> 00:39:53,860
পাসওয়ার্ড বৈধ কিনা, যা পরীক্ষা করা হবে.

613
00:39:53,860 --> 00:39:56,000
আমরা পাস পরামিতি সাথে ম্যাপ করা পাসওয়ার্ড, হয়

614
00:39:56,000 --> 00:40:00,030
বর্তমানে এই ইনপুট বক্সে যে ইনপুট.

615
00:40:00,030 --> 00:40:04,110
এবং ডাটা ফিরে আসে, আমরা চেক করুন.

616
00:40:04,110 --> 00:40:07,680
তথ্য মিথ্যা হয়, তাহলে আমরা ভুল পাসওয়ার্ড, বলতে, এটা স্লাইড নীচে

617
00:40:07,680 --> 00:40:09,580
এবং এটা যে পরে অদৃশ্য হয়ে যাবে না.

618
00:40:09,580 --> 00:40:12,320
অন্যথায়, আমরা অ্যাডমিন পৃষ্ঠা লোড.

619
00:40:12,320 --> 00:40:15,080
এবং এই সব JSON ব্যবহার করে এটি করা হয়.

620
00:40:15,080 --> 00:40:18,510
এই কোড অনেক লাইন, আপনি ফিরে, শেষে তথ্য প্রেরণ করতে পারেন

621
00:40:18,510 --> 00:40:21,020
এটি সঠিক কিনা পরীক্ষা করুন, আপনি সঠিকভাবে লগ ইন কিনা চেক করুন

622
00:40:21,020 --> 00:40:24,200
এবং প্রকৃতপক্ষে সঠিক পৃষ্ঠা ব্যক্তি পুনঃনির্দেশিত, এটি সাড়া

623
00:40:24,200 --> 00:40:29,760
বা তাদের লগ ইন লেট এবং তারা একটি ভুল পাসওয়ার্ড ছিল যে তাদের কথা না.

624
00:40:29,760 --> 00:40:33,040
যাতে আপনি jQuery পোষ্ট ব্যবহার করতে পারে কিভাবে একটি উদাহরণ

625
00:40:33,040 --> 00:40:37,010
আপনার পিছনে শেষে একটি পোস্ট অনুরোধ পাঠাতে,

626
00:40:37,010 --> 00:40:42,400
কেউ সঠিকভাবে লগ ইন কিনা চেক.

627
00:40:42,400 --> 00:40:44,820
>> ঠিক আছে, আমি সব উদাহরণ, এবং আমি আবরণ চেয়েছিলেন সমস্ত উপাদান যাতে.

628
00:40:44,820 --> 00:40:47,110
যারা jQuery আপনি করতে পারবেন যে প্রধান বিষয় হল:

629
00:40:47,110 --> 00:40:52,640
, উপাদান নির্বাচন করুন DOM ম্যানিপুলেশন ব্যবহার করে তাদের পরিবর্তন,

630
00:40:52,640 --> 00:40:56,340
আপনি প্রভাব যোগ করতে পারেন, কিছু নির্দিষ্ট ইভেন্ট জিনিস সক্রিয়,

631
00:40:56,340 --> 00:41:00,430
এবং এছাড়াও খুব অঙ্গীভূতভাবে এবং সহজে AJAX অনুরোধ করতে পারেন.

632
00:41:00,430 --> 00:41:02,840
সুতরাং, আসছে বা দেখার জন্য আপনাকে ধন্যবাদ

633
00:41:02,840 --> 00:41:06,230
যদি আপনার কোন প্রশ্ন থাকে, তাহলে শুধু আমাকে. হ্যাঁ?

634
00:41:06,230 --> 00:41:12,730
[ছাত্র] আপনাকে আবার দেশে যখন, আপনি মূল্য উদ্ধৃতি পোস্ট অনুরোধের পর JSON ছিল

635
00:41:12,730 --> 00:41:15,170
এবং আমি যে কি ভাবছি ছিল.

636
00:41:15,170 --> 00:41:20,070
>> হ্যাঁ, আমি দেখতে. প্রশ্ন, যেমন আমি শুধু দেখিয়েছেন, যে ছিল

637
00:41:20,070 --> 00:41:25,790
প্রায় উদ্ধৃতিচিহ্নের মধ্যে শব্দ JSON ছিল -

638
00:41:25,790 --> 00:41:31,690
আমি আবার টান আপ করব - পোস্ট ফাংশন কাছাকাছি.

639
00:41:31,690 --> 00:41:43,320
আমি শুধু দেখানোর জন্য এটা pulling করছি.

640
00:41:43,320 --> 00:41:46,890
সুতরাং এখানে এই পোস্টে অনুরোধ, এবং উদ্ধৃতিচিহ্নের মধ্যে এই JSON আছে.

641
00:41:46,890 --> 00:41:50,280
যে আমরা আউটপুট হতে আশা করছি সংজ্ঞায়িত করে.

642
00:41:50,280 --> 00:41:54,070
আমরা আশা ডাটা টাইপ হিসেবে JSON পাস, তাই আপনি যদি

643
00:41:54,070 --> 00:41:56,070
, এটি একটি আবশ্যক নয়, কিন্তু আমরা তা পাস হলে

644
00:41:56,070 --> 00:41:58,590
তারপর তথ্য স্বয়ংক্রিয়ভাবে JSON হিসেবে পার্স করা হবে না.

645
00:41:58,590 --> 00:42:00,600
সুতরাং আমরা এটা উপর JSON পার্স ফাংশন কল করতে হবে না

646
00:42:00,600 --> 00:42:02,620
এটা ঠিক স্বয়ংক্রিয়ভাবে ঘটতে দেব.

647
00:42:02,620 --> 00:42:05,150
এবং যদি আপনি পোস্টের জন্য ডকুমেন্টেশন কটাক্ষপাত করা হলে,

648
00:42:05,150 --> 00:42:09,850
এই ডাটা টাইপ পরিবর্তনশীল, সার্ভার থেকে প্রত্যাশিত তথ্য টাইপ আছে.

649
00:42:09,850 --> 00:42:12,660
ভুল হতে পারে যে একটি বুদ্ধিমান অনুমান ডিফল্টরূপে,

650
00:42:12,660 --> 00:42:15,520
তাই আপনি এটি ফাঁকা ছেড়ে পারেন, কিন্তু এটি তথ্য টাইপ এর

651
00:42:15,520 --> 00:42:21,680
আপনি এটি JSON অথবা XML বা অন্য কিছু, তা ব্যবহার করছেন কোডিং এ.

652
00:42:21,680 --> 00:42:25,280
>> অন্য কোন প্রশ্ন?

653
00:42:25,280 --> 00:42:27,300
ঠিক আছে. আপনার যদি অন্য কোন প্রশ্ন থাকে, তাহলে আমাকে ইমেইল বিনা দ্বিধায়

654
00:42:27,300 --> 00:42:30,830
vshekhawat@college.harvard.edu এ,

655
00:42:30,830 --> 00:42:34,860
এবং স্লাইড এবং কোড প্রশংসনীয় শীঘ্রই অনলাইনে পাওয়া উচিত.

656
00:42:34,860 --> 00:42:42,810
আপনার চূড়ান্ত প্রকল্পের সাথে সৌভাগ্য কামনা করছি, আপনি jQuery ব্যবহার আশা করি.

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