1
00:00:00,000 --> 00:00:04,439

2
00:00:04,439 --> 00:00:07,230
ডগ লয়েড: এই ভিডিওতে, আমরা চেয়েছিলাম
পৃথক মনোযোগ কল আউট

3
00:00:07,230 --> 00:00:09,110
একটি খুব বিশেষ যাও
জাভাস্ক্রিপ্ট এর উপাদান

4
00:00:09,110 --> 00:00:11,350
আপনি কুশলী এটি হতে পারে
যখন আপনি শুরু করছেন

5
00:00:11,350 --> 00:00:15,750
ওয়েব পেজ সাধিত থেকে কাজ করার জন্য এবং
আপনার ওয়েব পৃষ্ঠার বিষয়বস্তু পরিবর্তন

6
00:00:15,750 --> 00:00:16,460
মাছি.

7
00:00:16,460 --> 00:00:19,450
এবং যে ধারণা আছে
ডকুমেন্ট অবজেক্ট মডেল.

8
00:00:19,450 --> 00:00:23,030
সুতরাং আমরা আমাদের ভিডিওতে দেখেছি
জাভাস্ক্রিপ্ট, বস্তু খুবই নমনীয়.

9
00:00:23,030 --> 00:00:24,750
>> এবং তারা বিভিন্ন ক্ষেত্র থাকতে পারে.

10
00:00:24,750 --> 00:00:28,075
আর আমরা অনেক ঢোকা করা হয়নি, যদিও
বিস্তারিত, যারা ক্ষেত্র বা বৈশিষ্ট্য,

11
00:00:28,075 --> 00:00:30,200
যে আমরা সম্ভবত আরো would
উপযুক্তভাবে তাদের সাথে যোগাযোগ

12
00:00:30,200 --> 00:00:33,915
এমনকি একটি বস্তুর প্রাসঙ্গিক, এ
সেই সব সম্পত্তিতে অন্যান্য বস্তু হতে পারে.

13
00:00:33,915 --> 00:00:36,210
এবং ঐ বস্তু নিয়ে ভিতরে
অন্যান্য বস্তু হতে পারে.

14
00:00:36,210 --> 00:00:39,630
>> আপনি এই খুব বড় বস্তু আছে
অন্যান্য বস্তু অনেকটা সঙ্গে

15
00:00:39,630 --> 00:00:43,550
এর এটি ভেতরে, যা সাজান
একটি বড় গাছ এই ধারণা সৃষ্টি করে.

16
00:00:43,550 --> 00:00:47,540
এখন, অবজেক্ট একটি
জাভাস্ক্রিপ্ট খুব বিশেষ বস্তু

17
00:00:47,540 --> 00:00:52,580
যে আপনার সমগ্র ওয়েব আয়োজন
ছাতা এই সাজানোর অধীনে পাতা

18
00:00:52,580 --> 00:00:53,470
একটি বস্তুর.

19
00:00:53,470 --> 00:00:56,770
আর তাই ডকুমেন্টের ভিতরে
বস্তু উপস্থাপন বস্তু

20
00:00:56,770 --> 00:00:59,630
আপনার ওয়েব পৃষ্ঠার মাথা এবং শরীরের.

21
00:00:59,630 --> 00:01:03,760
>> যারা ভিতরে অন্যান্য হয়
বস্তু, ইত্যাদি ইত্যাদি, ইত্যাদি ইত্যাদি,

22
00:01:03,760 --> 00:01:08,411
আপনার সম্পূর্ণ ওয়েব পেজ আছে পর্যন্ত
এই বড় বস্তুর সংগঠিত হয়েছে.

23
00:01:08,411 --> 00:01:09,660
গোলমালে ডান, এখানে কি?

24
00:01:09,660 --> 00:01:12,170
ওয়েল, আমরা কাজ করতে জানেন কিভাবে
জাভাস্ক্রিপ্ট অবজেক্টের সাথে.

25
00:01:12,170 --> 00:01:15,840
>> আমরা একটি বস্তু থাকে তাহলে সুতরাং যে
যে, আমাদের সমগ্র ওয়েবপৃষ্ঠাটি বোঝায়

26
00:01:15,840 --> 00:01:19,590
সঠিক কল করে মানে
পদ্ধতি যে বস্তুর নিপূণভাবে

27
00:01:19,590 --> 00:01:22,360
অথবা নির্দিষ্ট পরিবর্তন
তার বৈশিষ্ট্য, আমরা

28
00:01:22,360 --> 00:01:25,500
উপাদান পরিবর্তন করতে পারেন
আমাদের পাতা প্রোগ্রামের

29
00:01:25,500 --> 00:01:30,210
জাভাস্ক্রিপ্ট ব্যবহার করে এর পরিবর্তে হচ্ছে
এইচটিএমএল, বলুন, সাথে কিছু কোড.

30
00:01:30,210 --> 00:01:33,760
তাই এখানে একটি একটি উদাহরণ
ওয়েবপৃষ্ঠাটি খুব সহজ, তাই না?

31
00:01:33,760 --> 00:01:35,850
এটা এইচটিএমএল ট্যাগ, একটি মাথা পেয়েছিলাম.

32
00:01:35,850 --> 00:01:37,979
>> এর ভিতরে একটি শিরোনাম, হ্যালো দুনিয়া আছে.

33
00:01:37,979 --> 00:01:38,770
তারপর আমি একটা শরীর আছে.

34
00:01:38,770 --> 00:01:40,686
যে এর ভিতর, আমি আছে
তিনটি ভিন্ন জিনিষ.

35
00:01:40,686 --> 00:01:44,170
আমি একটি H2 হেডার ট্যাগ আছে
একটি অনুচ্ছেদ, এবং একটি লিঙ্ক.

36
00:01:44,170 --> 00:01:45,920
এটি একটি খুব সহজ ওয়েবপৃষ্ঠাটি হয়.

37
00:01:45,920 --> 00:01:48,590
>> ওয়েল, কি হতে পারে নথি
মত এই বর্ণন জন্য আপত্তি?

38
00:01:48,590 --> 00:01:50,700
হ্যাঁ, এটি একটি সামান্য
হয়তো প্রথমে ভীতিকর.

39
00:01:50,700 --> 00:01:52,510
কিন্তু এটা সত্যিই শুধু একটি বড় গাছ.

40
00:01:52,510 --> 00:01:54,890
আর এটা খুব মূলে দলিল.

41
00:01:54,890 --> 00:02:00,030
>> ডকুমেন্ট হয় ইনসাইড
আমার পৃষ্ঠার এইচটিএমএল উল্লেখ বস্তু.

42
00:02:00,030 --> 00:02:02,660
আর আমার পৃষ্ঠার এইচটিএমএল এই সব হয়.

43
00:02:02,660 --> 00:02:06,900
এবং তারপর HTML এর ভিতরে
বস্তু, আমি একটি মাথা বস্তু আছে,

44
00:02:06,900 --> 00:02:09,000
যা আছে সবকিছু বোঝায়.

45
00:02:09,000 --> 00:02:11,009
>> এবং সেখানে ভিতরে,
আমি একটি শিরোনাম বস্তুর আছে.

46
00:02:11,009 --> 00:02:15,620
এবং সেখানে ভিতরে, আমি অন্য আছে
যে শুধু হ্যালো দুনিয়া এর অবজেক্ট.

47
00:02:15,620 --> 00:02:18,020
আমি আমার শরীর আছে পারে
এই মত প্রতিনিধিত্ব.

48
00:02:18,020 --> 00:02:22,850
>> আমার শরীরের ভেতরে, আমি একটি H2 আছে
বস্তু এবং অনুচ্ছেদ জন্য P বস্তুর

49
00:02:22,850 --> 00:02:25,270
এবং একটি লিঙ্ক এর জন্য একটি একটি বস্তু.

50
00:02:25,270 --> 00:02:29,660
আর তাই এই সমগ্র অনুক্রমের
একটি বড় গাছ হিসাবে প্রতিনিধিত্ব করা যাবে

51
00:02:29,660 --> 00:02:31,990
ছোট একটু প্রচুর সঙ্গে
কিছু তা থেকে বেরিয়ে আসার.

52
00:02:31,990 --> 00:02:33,740
এখন, অবশ্যই, যখন
আমরা, প্রোগ্রামিং করছি

53
00:02:33,740 --> 00:02:35,560
একটি বড় গাছ ভালো জিনিস মনে করি না.

54
00:02:35,560 --> 00:02:37,980
আমরা প্রকৃত দেখতে চাই
কোড সম্পর্কিত কিছু.

55
00:02:37,980 --> 00:02:40,790
>> এবং ভাগ্যক্রমে, আমরা যা করতে পারেন
আমাদের ডেভেলপার টুলস ব্যবহার

56
00:02:40,790 --> 00:02:46,080
আসলে কটাক্ষপাত করা
এই ওয়েবসাইট এর ডকুমেন্ট অবজেক্ট.

57
00:02:46,080 --> 00:02:48,150
আর এর যে কি করা যাক.

58
00:02:48,150 --> 00:02:49,580
তাই আমি একটি ব্রাউজার ট্যাব খোলা করেছি.

59
00:02:49,580 --> 00:02:51,540
>> আর আমি বিকাশকারী সরঞ্জাম খোলা করেছি.

60
00:02:51,540 --> 00:02:54,460
আর দয়া করে জাভাস্ক্রিপ্ট আমার ভিডিওতে, আমি
কনসোল নয় উল্লেখ

61
00:02:54,460 --> 00:02:56,770
শুধুমাত্র কোথাও যেখানে
আমরা তথ্য প্রিন্ট,

62
00:02:56,770 --> 00:02:59,560
এটা একটা জায়গা যেখানে
আমরা ইনপুট তথ্য করতে পারেন.

63
00:02:59,560 --> 00:03:01,380
এই প্রসঙ্গে, কি
আমি বলতে যাচ্ছি

64
00:03:01,380 --> 00:03:05,720
আমি ফিরে পেতে চাই
ডকুমেন্ট বস্তু,

65
00:03:05,720 --> 00:03:07,502
তাই আমি এটি কটাক্ষপাত আছে শুরু করতে পারেন.

66
00:03:07,502 --> 00:03:08,460
সুতরাং কিভাবে এই আমি কি হতে পারে?

67
00:03:08,460 --> 00:03:10,740
ওয়েল, আমি করতে চান তাহলে
সত্যিই এটা চমত্কারভাবে সংগঠিত,

68
00:03:10,740 --> 00:03:16,317
আমি console.dir, ডি-আমি-আর বলতে যাচ্ছি.
এখন, আমি শুধু প্রিন্ট করতে console.log ব্যবহার

69
00:03:16,317 --> 00:03:17,400
কিছু আউট খুব সহজ.

70
00:03:17,400 --> 00:03:20,450
কিন্তু আমি এই সংগঠিত করতে চান তাহলে
hierarchically একটি বস্তুর মত,

71
00:03:20,450 --> 00:03:23,800
আমি এটা ধরণের কাঠামোগত চান
একটি ডিরেক্টরি অনুক্রমের মত.

72
00:03:23,800 --> 00:03:27,400
>> তাই আমি নথি console.dir করতে চান.

73
00:03:27,400 --> 00:03:28,430
আমি লিখুন আঘাত যাচ্ছি.

74
00:03:28,430 --> 00:03:32,350
অধিকার এবং এটি নীচের এখন,
এবং আমি এখানে জুম করব

75
00:03:32,350 --> 00:03:36,000
আমি এই প্রতিক্রিয়া ডকুমেন্ট পেয়েছেন
পাশে একটি সামান্য তীর.

76
00:03:36,000 --> 00:03:39,470
এখন, আমি এই তীর খোলার সময়,
স্টাফ অনেক হতে যাচ্ছে.

77
00:03:39,470 --> 00:03:42,560
>> কিন্তু আমরা অনেক উপেক্ষা চলুন
এটা এবং ফোকাস শুধু ধরনের

78
00:03:42,560 --> 00:03:46,250
সবচেয়ে গুরুত্বপূর্ণ অংশ, আমরা তাই
এই নথি নেভিগেট করা শুরু করতে পারবেন.

79
00:03:46,250 --> 00:03:50,125
DOM চেয়ে অনেক বেশি আছে
নোড এবং সন্তানের নোড শুধু ঊর্ধ্বতন.

80
00:03:50,125 --> 00:03:51,500
আনুষঙ্গিক জিনিস অনেক আছে.

81
00:03:51,500 --> 00:03:52,280
>> তাই আমি এই পর্যন্ত খুলতে যাচ্ছি.

82
00:03:52,280 --> 00:03:54,610
এবং একটি সম্পূর্ণ অনেক আছে
স্টাফ যে pops আপ.

83
00:03:54,610 --> 00:03:59,000
কিন্তু আমি যত্নশীল সব হয়
এখানে ডান, সন্তানের নোড.

84
00:03:59,000 --> 00:04:00,410
এর যে খুলুন.

85
00:04:00,410 --> 00:04:03,810
>> সেখানে ভেতরে আমি দেখতে
কিছু পরিচিত, এইচটিএমএল.

86
00:04:03,810 --> 00:04:07,670
আমাদের ডকুমেন্টের ভিতরে তাই
এক স্তর নিচে, এইচটিএমএল.

87
00:04:07,670 --> 00:04:08,550
আমি যে খুলুন.

88
00:04:08,550 --> 00:04:10,380
আমরা কি আশা করছে?

89
00:04:10,380 --> 00:04:13,760
>> আপনি যদি আমাদের ডায়াগ্রাম থেকে প্রত্যাহার করে,
আমরা এইচটিএমএল এর ভিতর কি হবে?

90
00:04:13,760 --> 00:04:17,275
গাছ তা নিচের দুটো নোড?

91
00:04:17,275 --> 00:04:17,899
খুঁজে বের কর.

92
00:04:17,899 --> 00:04:18,940
আমরা এইচটিএমএল খুলুন.

93
00:04:18,940 --> 00:04:22,079
আমরা তার সন্তানের নোড নিচে যান.

94
00:04:22,079 --> 00:04:23,440
>> যে পপ খোলা.

95
00:04:23,440 --> 00:04:25,990
মাথা এবং শরীরের আছে.

96
00:04:25,990 --> 00:04:28,540
আর আমরা মাথা পর্যন্ত খুলতে পারে.

97
00:04:28,540 --> 00:04:30,460
তার সন্তানের নোড যান.

98
00:04:30,460 --> 00:04:31,460
ওয়েল, শিরোনাম আছে.

99
00:04:31,460 --> 00:04:33,293
>> এবং আমরা যেতে পারে এবং
এই মত চিরকাল.

100
00:04:33,293 --> 00:04:34,770
আমরা পাশাপাশি শরীরের সঙ্গে এই কাজ করতে পারে.

101
00:04:34,770 --> 00:04:40,090
কিন্তু আমাদের তাকান জন্য একটি উপায় নেই
একটি বড় বস্তুর হিসাবে সংগঠিত নথি.

102
00:04:40,090 --> 00:04:42,610
আমরা তাকান এবং একটি বড় হয়
অনেক মনে হচ্ছে যে বস্তু

103
00:04:42,610 --> 00:04:47,480
কোড মত, যে আমরা শুরু করতে পারেন এর মানে হল যে
ব্যবহার করে এই বড় বস্তুর নিপূণভাবে

104
00:04:47,480 --> 00:04:51,220
কোড কি পরিবর্তন আমাদের
ওয়েবসাইট দেখায় এবং মতানুযায়ী মত.

105
00:04:51,220 --> 00:04:54,920
>> সুতরাং যে খুবই শক্তিশালী হাতিয়ার
আমরা এখন আমাদের নিষ্পত্তি আছে.

106
00:04:54,920 --> 00:04:57,360
আমরা শুধু দেখেছি তাই,
ডকুমেন্ট অবজেক্ট নিজেই

107
00:04:57,360 --> 00:05:01,392
এবং এটি ভেতরে বস্তু সব
শুধু, বৈশিষ্ট্য ও পদ্ধতি আছে

108
00:05:01,392 --> 00:05:04,100
আমরা করেছি যে অন্য কোন বস্তুর মত
জাভাস্ক্রিপ্ট সঙ্গে কাজ করা হয়েছে.

109
00:05:04,100 --> 00:05:08,370
কিন্তু আমরা যারা বৈশিষ্ট্য ব্যবহার করতে পারেন এবং
সাজান নিচে কসরত ঐ পদ্ধতি ব্যবহার

110
00:05:08,370 --> 00:05:10,900
এবং বড় নথির থেকে পেতে
নিম্ন এবং নিম্ন এবং নিম্ন,

111
00:05:10,900 --> 00:05:13,360
তীক্ষ্ণ স্বরূপ এবং তীক্ষ্ণ স্বরূপ শস্য
বিস্তারিত, আমরা যতক্ষণ

112
00:05:13,360 --> 00:05:17,510
একটি খুব নির্দিষ্ট টুকরা পেতে আমাদের
আমরা পরিবর্তন করতে চান যে ওয়েব পৃষ্ঠা.

113
00:05:17,510 --> 00:05:22,700
>> আর আমরা বৈশিষ্ট্য আপডেট যখন
অবজেক্ট নথি বা ঐ পদ্ধতি কল,

114
00:05:22,700 --> 00:05:24,450
কিছু আমাদের ওয়েব পেজে ঘটতে পারে.

115
00:05:24,450 --> 00:05:28,420
আর আমরা কোনো রিফ্রেশ করতে হবে না
যারা পরিবর্তন প্রভাবী আছে.

116
00:05:28,420 --> 00:05:33,160
>> এবং যে একটি চমত্কার ক্ষমতা
আমরা কোড দিয়ে কাজ করছি যখন আছে.

117
00:05:33,160 --> 00:05:37,185
সুতরাং এই বৈশিষ্ট্য কিছু কি হয়
একটি ডকুমেন্ট অবজেক্ট অংশ যে হয়?

118
00:05:37,185 --> 00:05:40,100
ওয়েল, আপনি সম্ভবত দেখেছি একটি
তাদের দম্পতি সত্যিই দ্রুত

119
00:05:40,100 --> 00:05:42,700
আমরা zip করা হয় হিসাবে
জায়েন্ট নথির মাধ্যমে

120
00:05:42,700 --> 00:05:45,150
বস্তুর আমরা শুধু ওয়েব ব্রাউজারে দেখেছি.

121
00:05:45,150 --> 00:05:48,420
>> কিন্তু এই বৈশিষ্ট্য একটি দম্পতি
ভেতরের এইচটিএমএল ভালো জিনিস হতে পারে.

122
00:05:48,420 --> 00:05:52,950
আর তুমি কি আমার কথা স্মরণ করতে পারি,
জাভাস্ক্রিপ্ট ভিডিওতে এই ব্যবহার

123
00:05:52,950 --> 00:05:54,950
খুব শেষে যখন আমি
ঘটনা সম্পর্কে কথা বলা হয়েছিল.

124
00:05:54,950 --> 00:05:56,125
এই ভেতরের এইচটিএমএল কী ছিল?

125
00:05:56,125 --> 00:05:59,030
ওয়েল, এটা ঠিক কি
ট্যাগ মধ্যে.

126
00:05:59,030 --> 00:06:01,590
>> আর তাই ভেতরের এইচটিএমএল,
উদাহরণস্বরূপ, শিরোনাম

127
00:06:01,590 --> 00:06:05,390
আমরা রেখেছিলেন যদি ট্যাগ, এ যাচ্ছি
একটি মুহূর্ত আগে যেমন যে

128
00:06:05,390 --> 00:06:08,020
হ্যালো দুনিয়া হত.

129
00:06:08,020 --> 00:06:10,140
যে আমাদের পৃষ্ঠার শিরোনাম ছিল.

130
00:06:10,140 --> 00:06:12,370
অন্যান্য বৈশিষ্ট্য
নোড নেম, যার মধ্যে রয়েছে

131
00:06:12,370 --> 00:06:15,810
একটি HTML নাম
শিরোনাম যেমন উপাদান.

132
00:06:15,810 --> 00:06:19,100
আইডি যা আইডি,
একটি HTML উপাদান অ্যাট্রিবিউট.

133
00:06:19,100 --> 00:06:23,790
>> আমরা বিশেষভাবে নির্দেশ করতে পারেন প্রত্যাহার
আমাদের এইচটিএমএল এর নির্দিষ্ট উপাদানের

134
00:06:23,790 --> 00:06:27,510
যা সাধারণত একটি আইডি অ্যাট্রিবিউট, সঙ্গে
সিএসএস প্রেক্ষাপটে উপকারে আসে,

135
00:06:27,510 --> 00:06:29,000
বিশেষভাবে.

136
00:06:29,000 --> 00:06:33,217
একটি রেফারেন্স হয় মূল নোড,
শুধু আমাকে উপরে DOM মধ্যে কি.

137
00:06:33,217 --> 00:06:35,800
শিশুটি নোড, যা একটি
নিচে আমার নীচের কি রেফারেন্স.

138
00:06:35,800 --> 00:06:37,950
আর আমরা যে অনেক দেখেছি
শুধু মাধ্যমে খুঁজছেন.

139
00:06:37,950 --> 00:06:42,970
আমরা পেয়েছিলাম কিভাবে সন্তানের নোড, যে
গাছ মধ্যে নিম্ন এবং নিম্ন.

140
00:06:42,970 --> 00:06:46,590
>> , আরোপ যে শুধু একটি অ্যারের
এর এইচটিএমএল এলিমেন্ট এর গুণাবলী.

141
00:06:46,590 --> 00:06:50,270
সুতরাং বৈশিষ্ট্যাবলী একটি উদাহরণ হতে পারে
আপনি একটি ইমেজ ট্যাগ আছে হতে,

142
00:06:50,270 --> 00:06:54,090
এটি সাধারণত একটি উৎস অ্যাট্রিবিউট আছে,
হয়তো একটি উচ্চতা এবং প্রস্থ অ্যাট্রিবিউট.

143
00:06:54,090 --> 00:06:57,120
আর তাই যে শুধু একটি অ্যারের হবে
যুক্ত বৈশিষ্ট্যাবলী সব

144
00:06:57,120 --> 00:06:59,300
যে এইচটিএমএল এলিমেন্ট সঙ্গে.

145
00:06:59,300 --> 00:07:04,140
>> স্টাইল অন্য এক যে
সিএসএস চিত্রিত করে

146
00:07:04,140 --> 00:07:06,050
একটি বিশেষ উপাদান স্টাইলিং.

147
00:07:06,050 --> 00:07:08,310
আর পরবর্তী এই যে
ভিডিও, আমরা বিশেষভাবে হবে

148
00:07:08,310 --> 00:07:14,592
লিভারেজ শৈলী কয়েক করা
আমাদের ওয়েবসাইটে পরিবর্তন.

149
00:07:14,592 --> 00:07:15,800
সুতরাং যারা কিছু বৈশিষ্ট্য আছে.

150
00:07:15,800 --> 00:07:17,591
>> এবং কিছু আছে
যে আমরা যা করতে পারেন পদ্ধতি

151
00:07:17,591 --> 00:07:22,450
আরও দ্রুত হতে পারে বিছিন্ন করার ব্যবহার
ডকুমেন্ট অবজেক্ট উপাদান.

152
00:07:22,450 --> 00:07:26,730
সম্ভবত, সবচেয়ে বহুমুখী
এই হচ্ছে getElementById এর.

153
00:07:26,730 --> 00:07:31,190
তাই আমি, কারণ ভালো কিছু বলতে পারে
এটা ডকুমেন্টের একটি পদ্ধতি মনে

154
00:07:31,190 --> 00:07:34,880
, Document.getElementById অবজেক্ট.

155
00:07:34,880 --> 00:07:39,820
>> আর যারা বন্ধনীর ভিতরে, উল্লেখ
একটি নির্দিষ্ট আইডি দিয়ে একটি HTML উপাদান

156
00:07:39,820 --> 00:07:42,330
আমি পূর্বে করেছি যে বৈশিষ্ট্য
সেট, এবং আমি অবিলম্বে পাবেন

157
00:07:42,330 --> 00:07:46,685
যে উপাদান ডানে যান
সার্বিক ওয়েবসাইটের.

158
00:07:46,685 --> 00:07:49,310
তাই আমি হয়তো কসরত করতে হবে না
প্রতিটি স্তরের মধ্য দিয়ে নিচে.

159
00:07:49,310 --> 00:07:52,841
আমি শুধু এটা খুঁজে পেতে এই পদ্ধতি ব্যবহার করতে পারেন,
সাজান একটি তাপ সচেষ্ট ক্ষেপণাস্ত্র ভালো,

160
00:07:52,841 --> 00:07:53,340
ঠিক আছে?

161
00:07:53,340 --> 00:07:56,300
এটা শুধু যায় এবং খুঁজে বের করে
ঠিক খুঁজছেন এটি কি.

162
00:07:56,300 --> 00:07:59,290
>> GetElementsByTagName হয়
আত্মা খুব অনুরূপ.

163
00:07:59,290 --> 00:08:02,500
হয়তো এই সব খুঁজতে হবে
গাঢ় ট্যাগ বা P ট্যাগের সব

164
00:08:02,500 --> 00:08:05,920
এবং আমাকে সবকিছু একটি অ্যারের দিতে
আমি তখন সঙ্গে কাজ করতে পারে যে.

165
00:08:05,920 --> 00:08:12,080
appendChild কিছু যোগ করা হয়েছে
নিচে গাছ এক স্তর.

166
00:08:12,080 --> 00:08:16,440
>> তাই আমি একটি সম্পূর্ণ নতুন যোগ করতে পারেন
উপাদান এক মাত্রা কম.

167
00:08:16,440 --> 00:08:19,700
অথবা আমি যে একটি উপাদান অপসারণ করতে পারেন
পাশাপাশি যদি আমি চাই এক মাত্রা কম

168
00:08:19,700 --> 00:08:22,870
আমার ওয়েব পাতা থেকে কিছু মুছে ফেলতে.

169
00:08:22,870 --> 00:08:28,480
এখন, একটি দ্রুত কোডিং নোট এবং একটি দ্রুত
মাথা ব্যাথা আশা, নোট সংরক্ষণ.

170
00:08:28,480 --> 00:08:31,670
>> getElementById-- D ছোট হাতের হয়.

171
00:08:31,670 --> 00:08:36,950
আমি কত বার আপনি বলতে পারবেন না
ব্যবহৃত getElementById এবং মূলধনী

172
00:08:36,950 --> 00:08:38,336
সেখানে D.

173
00:08:38,336 --> 00:08:39,460
এটা সত্যিই সাধারণ কারণ.

174
00:08:39,460 --> 00:08:42,990
আমরা শব্দের আইডি লিখুন, এটা
সাধারণত রাজধানী আমি মূলধন ডি

175
00:08:42,990 --> 00:08:44,240
আর আমার কোড ঠিক কাজ করছে না.

176
00:08:44,240 --> 00:08:45,630
এবং আমি কেন চিন্তা করতে পারে না.

177
00:08:45,630 --> 00:08:49,490
এই সত্যিই, সত্যিই সত্যিই, একটি হল
সবাই যে সাধারণ বাগ,

178
00:08:49,490 --> 00:08:51,890
আছে এমনকি বিশেষজ্ঞদের
সব সময় এই কাজ করা হয়েছে.

179
00:08:51,890 --> 00:08:55,410
তাই শুধু getElementById সচেতন হতে হবে,
যে ডি ছোট হাতের হয়.

180
00:08:55,410 --> 00:09:00,080
আর আশা করছি, যে আপনি বেশ কিছু সংরক্ষণ
মর্মবেদনা অন্তত মিনিট.

181
00:09:00,080 --> 00:09:02,204
>> তাই কি এই সব আমাদের কী বলে?

182
00:09:02,204 --> 00:09:03,120
আমরা এই পদ্ধতি আছে.

183
00:09:03,120 --> 00:09:04,161
আমরা এই বৈশিষ্ট্য আছে.

184
00:09:04,161 --> 00:09:06,610
এখন, আমরা থেকে শুরু হলে
নথি, নথি.

185
00:09:06,610 --> 00:09:10,220
যাই হোক না কেন, আমরা এখন কোন পেতে পারেন
আমাদের ওয়েব পৃষ্ঠার একক টুকরা

186
00:09:10,220 --> 00:09:14,870
আমরা জাভাস্ক্রিপ্ট ব্যবহার করতে চান যে
শুধু এই পদ্ধতি কল করে

187
00:09:14,870 --> 00:09:19,940
এবং বৈশিষ্ট্য ওঠানামা
আমরা বিভিন্ন অবস্থানগুলি এ এটি যে.

188
00:09:19,940 --> 00:09:24,890
>> এই, এই শব্দময় পেতে পারেন
document.getElementByID,

189
00:09:24,890 --> 00:09:28,560
হয়তো একটি দীর্ঘ ট্যাগ নাম আছে,
হতে পারে আপনি আরো পরে কল করতে.

190
00:09:28,560 --> 00:09:31,230
জিনিস অল্প শব্দময় পেতে পারেন.

191
00:09:31,230 --> 00:09:34,480
এবং প্রোগ্রামারদের হিসাবে, আপনি করেছি
সম্ভবত এই ভিডিওর অনেক দেখা,

192
00:09:34,480 --> 00:09:36,600
আমরা শব্দময় জিনিষ পছন্দ করি না.

193
00:09:36,600 --> 00:09:38,520
>> আমরা দ্রুত কাজ করতে সক্ষম হতে চান.

194
00:09:38,520 --> 00:09:42,640
তাই আমরা আরো চাই
সংক্ষিপ্ত ভাবে কিছু বলতে.

195
00:09:42,640 --> 00:09:46,270
সুতরাং জন্মাতে এই সাজানোর
কিছু ধারণা বলা হয় jQuery.

196
00:09:46,270 --> 00:09:49,170
এখন jQuery জাভাস্ক্রিপ্ট নয়.

197
00:09:49,170 --> 00:09:50,350
এটা দয়া করে জাভাস্ক্রিপ্ট অংশ নয়.

198
00:09:50,350 --> 00:09:54,790
>> এটা লেখা হয়েছিল যে একটি লাইব্রেরি
কিছু জাভাস্ক্রিপ্ট প্রোগ্রামারদের দ্বারা

199
00:09:54,790 --> 00:09:57,060
প্রায় 10 বছর আগে.

200
00:09:57,060 --> 00:10:01,300
এবং তার লক্ষ্য এই কি সহজতর করা হল
বলা ক্লায়েন্ট সাইড স্ক্রিপ্টিং, যা

201
00:10:01,300 --> 00:10:04,310
আমরা শুধু কি ছিল মূলত
DOM হেরফেরের সাথে এ ব্যাপারে কথা বলছেন.

202
00:10:04,310 --> 00:10:11,090
যদি তাই আর আমি পরিবর্তন করতে চেয়েছিলেন
আমার ওয়েব পৃষ্ঠার পটভূমির রঙ, হয়তো

203
00:10:11,090 --> 00:10:11,980
একটি নির্দিষ্ট DIV.

204
00:10:11,980 --> 00:10:15,325
>> এখানে, আমি দৃশ্যত পেয়ে করছি
ElementById colorDiv.

205
00:10:15,325 --> 00:10:16,950
আর আমি তার পটভূমির রঙ সেট করতে চান.

206
00:10:16,950 --> 00:10:20,720
আমি শুধু বিশুদ্ধ জাভাস্ক্রিপ্ট ব্যবহার করছি
ডকুমেন্ট অবজেক্ট মডেল ব্যবহার,

207
00:10:20,720 --> 00:10:23,990
যে অধিকার, কাপড় অনেক?
document.getElementByID

208
00:10:23,990 --> 00:10:25,531
colorDiv.style.backgroundColor সবুজ =.

209
00:10:25,531 --> 00:10:27,260

210
00:10:27,260 --> 00:10:28,050
>> রক্ষে.

211
00:10:28,050 --> 00:10:30,110
অর্থাৎ অনেক ছিল.

212
00:10:30,110 --> 00:10:31,720
এটা খুব, টাইপ করতে অনেক.

213
00:10:31,720 --> 00:10:35,760
এবং তাই jQuery, আমরা হয়তো বলতে পারেন
এই একটি সামান্য বিট আরও সংক্ষেপে.

214
00:10:35,760 --> 00:10:39,350
এটা হচ্ছে ট্রেড বন্ধ হতে পারে একটু
বিট হঠাৎ সব আরো রহস্যপূর্ণ,

215
00:10:39,350 --> 00:10:39,850
ঠিক আছে?

216
00:10:39,850 --> 00:10:43,580
>> অন্তত দীর্ঘ একটু বেশী
আমরা কি করছেন হিসাবে ব্যাখ্যামূলক.

217
00:10:43,580 --> 00:10:49,947
এই ডলার চিহ্ন, বন্ধনী,
একক উদ্ধৃতি, হ্যাশ, colorDiv, ডান?

218
00:10:49,947 --> 00:10:50,780
ওটার মানে কি?

219
00:10:50,780 --> 00:10:53,640
ওয়েল, যে মূলত না ঠিক আছে
document.getElementByID colorDiv.

220
00:10:53,640 --> 00:10:58,700
>> কিন্তু এটা সাঁটে লেখার এই সাজানোর
jQuery ব্যবহার এরকম ভাবে.

221
00:10:58,700 --> 00:11:01,380
এর ঠিক এখন কটাক্ষপাত করা যাক
বিভিন্ন উপায়ে একটি দম্পতি এ

222
00:11:01,380 --> 00:11:04,520
আমি আসলে প্রতাপ যে
এই ডকুমেন্ট অবজেক্ট ব্যবহার

223
00:11:04,520 --> 00:11:06,807
মডেল আমার সাইটের টুকরা নিপূণভাবে.

224
00:11:06,807 --> 00:11:09,140
বিশেষ করে, আমরা চলুন
সাধিত কাজ করা

225
00:11:09,140 --> 00:11:14,090
একটি নির্দিষ্ট রঙ
একটি ওয়েব পেজে ডিভ, colorDiv,.

226
00:11:14,090 --> 00:11:15,299
সুতরাং আসুন যে কটাক্ষপাত করা যাক.

227
00:11:15,299 --> 00:11:15,798
ঠিক আছে.

228
00:11:15,798 --> 00:11:16,700
তাই আমি একটি পৃষ্ঠায় আছি.

229
00:11:16,700 --> 00:11:20,750
যখন আপনি ডাউনলোড এটা test.html বলা হচ্ছে
এই কমান্ডের সাহায্যে আপনি এই সঙ্গে মেরামত করতে চান তাহলে.

230
00:11:20,750 --> 00:11:24,730
আর আমি একটি গুচ্ছ পেয়েছেন
এই পৃষ্ঠায় বোতাম.

231
00:11:24,730 --> 00:11:27,730
আর আমি পৃথক ফাংশন বলার অপেক্ষা রাখে না
পটভূমির রঙ, সবুজ, বেগুনি জন্য,

232
00:11:27,730 --> 00:11:31,330
কমলা, লাল, নীল, একটি একক ফাংশন
পটভূমির রঙ জন্য, ইভেন্ট হ্যান্ডলার সঠিক নয়

233
00:11:31,330 --> 00:11:34,360
পটভূমির রঙ, এবং jQuery ব্যবহার করার জন্য.

234
00:11:34,360 --> 00:11:38,147
আমি কি বিষয়ে কথা বলছি
যখন আমি এই কাজ করছি?

235
00:11:38,147 --> 00:11:39,230
সুতরাং আমরা বোতাম দেখা করেছি.

236
00:11:39,230 --> 00:11:41,521
এখন, এর কটাক্ষপাত করা যাক
এখানে সোর্স কোড কিছু.

237
00:11:41,521 --> 00:11:44,770
আমরা test.html দিয়ে শুরু করব.

238
00:11:44,770 --> 00:11:48,100
পটভূমির জন্য তাই পৃথক ফাংশন
রঙ আমি এখানে টাইপ করেছি কি.

239
00:11:48,100 --> 00:11:49,350
আমার একটি সামান্য বিট স্ক্রল যাক.

240
00:11:49,350 --> 00:11:56,170

241
00:11:56,170 --> 00:11:58,820
>> আর আপনি যে আমি বিজ্ঞপ্তি পাবেন
এই বোতাম পূর্বনির্ধারণ করে থাকেন

242
00:11:58,820 --> 00:12:03,990
এই বাটন ক্লিক করা হলে বলতে,
রক্তবর্ণ চালু ফাংশন কল.

243
00:12:03,990 --> 00:12:06,670
এই বাটন ক্লিক করা হলে, বরং,
ফাংশন সবুজ ঘুরিয়ে কল,

244
00:12:06,670 --> 00:12:08,710
লাল চালু, কমলা চালু, নীল চালু.

245
00:12:08,710 --> 00:12:11,880
আপনি সম্ভবত এই যে অনুমান করতে পারেন
সেরা নকশা সম্ভবত নয়

246
00:12:11,880 --> 00:12:12,460
অর্থে, ডান?

247
00:12:12,460 --> 00:12:16,490
>> আমি যদি এটা চমৎকার হবে
একটি সাধারণ পদ্ধতির আছে.

248
00:12:16,490 --> 00:12:19,570
আচ্ছা, প্রথম আমরা দেখে নেব
যারা পাঁচ ফাংশন কি এ

249
00:12:19,570 --> 00:12:24,400
document.getElementByID
রক্তবর্ণ colorDiv.style.background =,

250
00:12:24,400 --> 00:12:27,250
, লাল, সবুজ, কমলা
যথাক্রমে, এবং নীল.

251
00:12:27,250 --> 00:12:30,930
সুতরাং, না বিশেষ করে ভাল নকশা.

252
00:12:30,930 --> 00:12:33,390
>> বোতাম পরবর্তী সেট
আমি লিখিত করেছি হয় আছে

253
00:12:33,390 --> 00:12:36,380
নামক একটি একক ফাংশন
যে দৃশ্যত রং পরিবর্তন

254
00:12:36,380 --> 00:12:38,960
তার যুক্তি হিসেবে একটি স্ট্রিং গ্রহণ করে.

255
00:12:38,960 --> 00:12:40,290
তাই এই সামান্য একটু ভাল.

256
00:12:40,290 --> 00:12:43,840
লাল বেগুনি, সবুজ, কমলা,
নীল এখন একটি আর্গুমেন্ট.

257
00:12:43,840 --> 00:12:46,230
তাই আমি একটি সাধারণ লেখা করেছি
যদি দয়া করে জাভাস্ক্রিপ্ট ফাংশন,

258
00:12:46,230 --> 00:12:47,771
যা ভালো কিছু চেহারা হতে পারে.

259
00:12:47,771 --> 00:12:48,680
আমি পার করছি.

260
00:12:48,680 --> 00:12:52,090
এই ফাংশনটি পরিবর্তনের রঙ
রঙ নামক একটি যুক্তি আশা.

261
00:12:52,090 --> 00:12:54,970
এবং আমি সেট বলার অপেক্ষা রাখে না
রং পটভূমির রঙ.

262
00:12:54,970 --> 00:12:58,390
তাই এখানে আমি এখানে পেয়েছেন কি প্রতিনিধিত্ব করে.

263
00:12:58,390 --> 00:12:59,770
সুতরাং যে একটু ভালো.

264
00:12:59,770 --> 00:13:02,740
>> কিন্তু আমি করতে সক্ষম হতে পারে
যে বেশী ভালো করতে.

265
00:13:02,740 --> 00:13:06,140
আমরা দেখব নিচে যান
ইভেন্ট হ্যান্ডলার সঠিক নয় পরিস্থিতির এ,

266
00:13:06,140 --> 00:13:07,860
এখন এই সব কল একই চেহারা.

267
00:13:07,860 --> 00:13:10,340
আপনার জন্য প্রত্যাহার হলে আমাদের
ইভেন্ট হ্যান্ডলার উপর আলোচনা,

268
00:13:10,340 --> 00:13:15,770
আমি যা সম্পর্কে তথ্য পেতে পারেন
এই বোতাম ক্লিক করে থাকেন এবং যে ব্যবহার করা হয়.

269
00:13:15,770 --> 00:13:19,560
>> আর তাই event.JavaScript, আমি করেছি
লেখা পাংশুবর্ণ ইভেন্ট, যা

270
00:13:19,560 --> 00:13:21,110
ক্লিক করা হয়, যা বাটন পরিসংখ্যান আউট.

271
00:13:21,110 --> 00:13:23,250
যে ট্রিগার বস্তুর লাইন.

272
00:13:23,250 --> 00:13:25,240
এবং তারপর এখানে, এটা সত্যিই শব্দময় পায়.

273
00:13:25,240 --> 00:13:27,420
কিন্তু আমি কি করছি আমি করছি
পটভূমি সেটিং

274
00:13:27,420 --> 00:13:30,340
triggerObject inner.HTML রং.

275
00:13:30,340 --> 00:13:34,170
যে পাঠ্য
বাটন ট্যাগ মধ্যে.

276
00:13:34,170 --> 00:13:36,500
>> এবং তারপর আমি দৃশ্যত আছে
এটা ছোট হাতের অক্ষর সেট.

277
00:13:36,500 --> 00:13:40,780
এবং যে আমি একটি সম্পূর্ণ রূপান্তর করতে পারেন কিভাবে
স্ট্রিং ব্যবহার জাভাস্ক্রিপ্ট মধ্যে ছোটহাতের অক্ষরে

278
00:13:40,780 --> 00:13:42,940
যে পদ্ধতি ছোটহাতের অক্ষরে.

279
00:13:42,940 --> 00:13:46,570
আমি একটি রং সেট যখন কারণ,
আমি এখানে করতে চেষ্টা করছি,

280
00:13:46,570 --> 00:13:48,260
রঙ সব ছোট হাতের হতে হয়েছে.

281
00:13:48,260 --> 00:13:50,920
>> কিন্তু আমি ছিল যে বাটন,
আমরা অন্য চেহারা নিয়ে যদি,

282
00:13:50,920 --> 00:13:55,890
টেক্সট আছে যে লক্ষ্য
রক্তবর্ণ জন্য একটি মূলধন পি দিয়ে লেখা.

283
00:13:55,890 --> 00:13:59,140
এবং তারপর খুব
এখানে নীচে, আমি দৃশ্যত

284
00:13:59,140 --> 00:14:02,630
চেষ্টা করুন এবং এই হিসাবে ভাল ব্যবহার jQuery করতে.

285
00:14:02,630 --> 00:14:06,000
এবং এই ক্ষেত্রে, আমি আসলে নই
এ সব একটি ফাংশন কলিং.

286
00:14:06,000 --> 00:14:11,430
আমি শুধু আমি বর্গ নই যে বলেন করেছি
এই বাটন জন্য ব্যবহার একটি JQ বাটন.

287
00:14:11,430 --> 00:14:12,360
এটাই.

288
00:14:12,360 --> 00:14:14,950
>> তাই কেমন হয় jQuery আমি কি করছি আমি জানি না?

289
00:14:14,950 --> 00:14:18,740
ওয়েল, এই সুবিধার এক
jQuery এর অসুবিধেও কাট.

290
00:14:18,740 --> 00:14:21,560
এটা আমার কিছু করার অনুমতি দিতে পারে
খুব সংক্ষেপে, কিন্তু হতে পারে না

291
00:14:21,560 --> 00:14:22,570
যেমন, intuitively.

292
00:14:22,570 --> 00:14:25,570
হয়তো যারা অন্য তিনটি একটি
বিট আরো কি আমি করছি ইন্দ্রিয়.

293
00:14:25,570 --> 00:14:29,010
এখানে, যদিও, কি ঘটছে?

294
00:14:29,010 --> 00:14:31,940
>> দৃশ্যত, তৈরি
একটি বেনামী ফাংশন

295
00:14:31,940 --> 00:14:36,790
যে লোড যখনই আমার নথি
, তাই document.ready, প্রস্তুত

296
00:14:36,790 --> 00:14:38,760
কিছু ফাংশন ঘটতে যাচ্ছে.

297
00:14:38,760 --> 00:14:40,490
মূলত, যখন একটি নথি প্রস্তুত?

298
00:14:40,490 --> 00:14:42,310
আমার পাতা লোড হওয়ার পরে এটা.

299
00:14:42,310 --> 00:14:46,540
>> তাই যত তাড়াতাড়ি আমার পৃষ্ঠা লোড হয়েছে,
ফাংশন নিম্নলিখিত যাওযার.

300
00:14:46,540 --> 00:14:54,310
এটা বলছেন, তাহলে টাইপ jQButton একটি অবজেক্ট,
বা বর্গ jQButton ক্লিক করা হয়েছে, তাহলে

301
00:14:54,310 --> 00:14:55,570
এই ফাংশন চালানো.

302
00:14:55,570 --> 00:14:59,360
তাই এখানে দুই বেনামী ফাংশন,
এক অপরের ভিতর সংজ্ঞায়িত.

303
00:14:59,360 --> 00:15:03,930
>> আমার সম্পূর্ণ প্রেক্ষাপটে তাই
এখানে এখন পর্যন্ত আমার পাতা

304
00:15:03,930 --> 00:15:06,520
লোড যখন এটি এই ফাংশন কল.

305
00:15:06,520 --> 00:15:09,740
এবং এই ফাংশন অপেক্ষা করছে
একটি বাটন জন্য ক্লিক করা.

306
00:15:09,740 --> 00:15:14,490
এবং একটি বাটন ক্লিক করা হলে, JQ
বাটন ক্লিক করা বিশেষভাবে,

307
00:15:14,490 --> 00:15:17,150
এটা এই অন্যান্য আহ্বান
ফাংশন, যা যাচ্ছে

308
00:15:17,150 --> 00:15:21,250
ব্যাকগ্রাউন্ড সেট করতে
colorDiv রঙ হতে

309
00:15:21,250 --> 00:15:25,990
যাই হোক না কেন আপনি টেক্সট ট্যাগ এর মধ্যে হয়.

310
00:15:25,990 --> 00:15:28,050
>> এই ধারণা
যা বাটন ক্লিক করা.

311
00:15:28,050 --> 00:15:31,230
কিন্তু নিয়োগ, এই ধরণের হয়
একটি ইভেন্টে একই ব্যবহারকে.

312
00:15:31,230 --> 00:15:34,460
এটা ঠিক একই ভাবে আমি
jQuery মধ্যে এই প্রকাশ করবে.

313
00:15:34,460 --> 00:15:36,790
আবার, এটা সম্ভবত একটি
অনেক বেশি ভয় দেখিয়ে.

314
00:15:36,790 --> 00:15:40,840
এটা যত স্পষ্ট নয়
event.js ভালো কিছু,

315
00:15:40,840 --> 00:15:45,080
যা হয়তো একটু একটু বেশী
বাগাড়ম্বরপূর্ণ, কিন্তু একটি সামান্য বিট কম

316
00:15:45,080 --> 00:15:46,000
ভয় দেখিয়ে.

317
00:15:46,000 --> 00:15:51,460
>> কিন্তু আমরা আমার ব্রাউজারে ওভার ফিরে পপ
উইন্ডো, আমি ভাল clicking-- শুরু হলে,

318
00:15:51,460 --> 00:15:52,690
যে রক্তবর্ণ পরিবর্তন.

319
00:15:52,690 --> 00:15:54,450
এই স্ট্রিং পদ্ধতি ব্যবহার সবুজ.

320
00:15:54,450 --> 00:15:56,500
এই ইভেন্ট হ্যান্ডলার ব্যবহার করে কমলা.

321
00:15:56,500 --> 00:15:58,300
>> এই অধিকার, jQuery ব্যবহার লাল?

322
00:15:58,300 --> 00:16:01,270
তারা সব ঠিক একই আচরণ করে.

323
00:16:01,270 --> 00:16:06,509
তারা শুধু এটা বিভিন্ন ব্যবহার করতে
সমস্যা সমাধানের জন্য পন্থা.

324
00:16:06,509 --> 00:16:08,550
করার আরো অনেক কিছু আছে
jQuery এর পরে আমরা অবশ্যই আছেন

325
00:16:08,550 --> 00:16:10,050
এই ভিডিওতে বিষয়ে কথা বলতে যাচ্ছেন.

326
00:16:10,050 --> 00:16:15,410
আপনি আরও জানতে চান তবে, আপনি যা করতে পারেন
ডকুমেন্টেশন jQuery এর বাছাই করা যেতে

327
00:16:15,410 --> 00:16:19,710
এবং সম্পর্কে বেশ কিছুটা জানতে
এই খুবই নমনীয় গ্রন্থাগার, যা

328
00:16:19,710 --> 00:16:22,550
ক্লায়েন্ট সাইড করছেন জন্য মহান
যেমন আমরা সেটিই ছিল হিসাবে স্ক্রিপ্টিং

329
00:16:22,550 --> 00:16:26,240
চেহারা নিপূণভাবে
এবং আমাদের ওয়েব পৃষ্ঠার বোধ

330
00:16:26,240 --> 00:16:28,750
অবজেক্ট মডেলের সঙ্গে.

331
00:16:28,750 --> 00:16:29,650
আমি ডগ লয়েড আছি.

332
00:16:29,650 --> 00:16:31,930
এটি CS50.

333
00:16:31,930 --> 00:16:34,022