1
00:00:00,000 --> 00:00:04,563
[موسيقى].

2
00:00:04,563 --> 00:00:09,231
دعونا الآن قضاء بعض الوقت في محاولة لفهم كيفية

3
00:00:09,231 --> 00:00:14,770
عمل Bootstrap و jQuery معًا لدعم مكونات جافا سكريبت في Bootstrap.

4
00:00:16,310 --> 00:00:21,110
كما فهمنا من الوحدة السابقة، يحتوي Bootstrap

5
00:00:21,110 --> 00:00:26,410
على عدد من المكونات المثيرة للاهتمام المستندة إلى JavaScript.

6
00:00:26,410 --> 00:00:30,871
وعلمنا أيضًا أن المكونات المستندة إلى جافا سكريبت في Bootstrap

7
00:00:30,871 --> 00:00:34,440
يتم تمكينها باستخدام jQuery كدعم. يتم

8
00:00:34,440 --> 00:00:38,160
كتابة العديد من هذه الإضافات في jQuery.

9
00:00:38,160 --> 00:00:41,780
يمكن تضمين المكونات الإضافية نفسها بشكل فردي أو

10
00:00:41,780 --> 00:00:45,950
يمكنك تضمين جميع المكونات الإضافية معًا كوحدة واحدة.

11
00:00:45,950 --> 00:00:50,350
في التدريبات، لقد تم تضمين جميع

12
00:00:50,350 --> 00:00:53,815
المكونات الإضافية جافا سكريبت في Bootstrap في صفحة الويب الخاصة بنا.

13
00:00:55,040 --> 00:00:58,350
رأينا أيضًا هذا الرسم في الوحدة السابقة

14
00:00:58,350 --> 00:01:03,160
لمساعدتنا على فهم العلاقة بين JavaScript و jQuery

15
00:01:03,160 --> 00:01:07,740
وكيفية تنفيذ الإضافات المستندة إلى JS في Bootstrap.

16
00:01:07,740 --> 00:01:14,820
لذلك رأينا أن مكونات JS Bootstrap في المكونات المستندة إلى JQuery

17
00:01:14,820 --> 00:01:18,538
وتجعل من السهل بالنسبة لنا للاستفادة منها في صفحة الويب الخاصة بنا.

18
00:01:18,538 --> 00:01:25,200
تعلمنا أيضًا أنه يمكن استخدام المكونات المستندة إلى جافا سكريبت في Bootstrap

19
00:01:25,200 --> 00:01:31,010
في صفحة الويب الخاصة بك دون كتابة سطر واحد من شفرة JavaScript.

20
00:01:31,010 --> 00:01:38,860
لذلك هذا هو المكان الذي تأتي فيه سمات البيانات* لإنقاذنا.

21
00:01:38,860 --> 00:01:44,133
حتى تتمكن من استخدام السمات المختلفة التي رأيناها في

22
00:01:44,133 --> 00:01:50,910
الوحدة السابقة لتمكين العديد من المكونات المستندة إلى جافا سكريبت في Bootstrap.

23
00:01:50,910 --> 00:01:55,705
في حال كنت تريد المزيد من المرونة مع مكونات جافا سكريبت،

24
00:01:55,705 --> 00:02:00,405
فإن المرونة الكاملة لواجهة برمجة التطبيقات المستندة إلى جافا سكريبت

25
00:02:00,405 --> 00:02:05,565
متاحة لجميع مكونات جافا سكريبت Bootstrap.

26
00:02:05,565 --> 00:02:10,875
يمكنك كتابة التعليمات البرمجية باستخدام بناء جملة jQuery ثم استخدام ذلك

27
00:02:10,875 --> 00:02:16,025
معًا للتحكم في مكونات JS في Bootstrap.

28
00:02:16,025 --> 00:02:20,350
نحن ذاهبون لاستكشاف ذلك في مزيد من التفاصيل في هذه الوحدة.

29
00:02:20,350 --> 00:02:26,080
قبل المضي قدما، اسمحوا لي أن أقدم لكم جولة سريعة من مسج وبناء الجملة

30
00:02:26,080 --> 00:02:32,030
بحيث نفهم بعض من التعليمات البرمجية التي سوف نكتب في هذه الوحدة.

31
00:02:32,030 --> 00:02:33,830
jQuery هي

32
00:02:33,830 --> 00:02:39,810
مكتبة قوية جدًا وخفيفة الوزن تعتمد على جافا سكريبت توفر عددًا من المكونات المختلفة.

33
00:02:39,810 --> 00:02:45,100
إنها مكتبة غنية بميزة تمكن كتابة التعليمات البرمجية

34
00:02:45,100 --> 00:02:47,880
للقيام بتلاعب HTML أو DOM.

35
00:02:47,880 --> 00:02:50,170
انها تسمح لك للقيام التلاعب CSS.

36
00:02:50,170 --> 00:02:50,910
لذلك، على سبيل المثال،

37
00:02:50,910 --> 00:02:56,840
يمكنك تطبيق فئات CSS على عناصر HTML المختلفة من خلال رمز jQuery.

38
00:02:56,840 --> 00:03:00,860
يسمح لك بمعالجة أحداث HTML،

39
00:03:00,860 --> 00:03:05,920
وعندما تحدث هذه الأحداث يمكنك تنفيذ الطرق التي يتم تنفيذها

40
00:03:05,920 --> 00:03:08,565
استجابة لحدوث هذه الأحداث.

41
00:03:08,565 --> 00:03:11,160
يدعم jQuery أيضًا التأثيرات

42
00:03:11,160 --> 00:03:15,410
والرسوم المتحركة المختلفة التي يمكن تطبيقها على عناصر HTML الخاصة بك.

43
00:03:15,410 --> 00:03:22,650
كما تمكنك jQuery من التفاعل مع خادم النهاية الخلفية باستخدام AJAX.

44
00:03:22,650 --> 00:03:27,390
على الرغم من أننا لن استكشاف ذلك في الكثير من التفاصيل في هذه الدورة.

45
00:03:27,390 --> 00:03:31,937
تعلمنا أيضًا أن مكونات جافا سكريبت Bootstrap

46
00:03:31,937 --> 00:03:34,310
مبنية على jQuery.

47
00:03:34,310 --> 00:03:39,480
تستخدم هذه المكونات العديد من أساليب jQuery المتوفرة

48
00:03:39,480 --> 00:03:45,340
لتنفيذ الميزات المختلفة التي تدعمها مكونات JavaScript Bootstrap هذه.

49
00:03:45,340 --> 00:03:48,120
دعونا نفهم بإيجاز بناء الجملة jQuery.

50
00:03:48,120 --> 00:03:53,150
الآن إذا كنت قد رأيت بعض التعليمات البرمجية التي قمنا بتضمينها

51
00:03:53,150 --> 00:03:57,700
في الوحدة السابقة، وتحديدًا

52
00:03:57,700 --> 00:04:03,210
لتلميح الأداة، تتذكر أن هناك شيئًا بدأ بعلامة الدولار.

53
00:04:03,210 --> 00:04:09,780
لذلك، يتم تنفيذ جميع بناء الجملة jQuery باستخدام علامة الدولار.

54
00:04:09,780 --> 00:04:19,113
تشير علامة الدولار في بداية الجملة إلى أن هذا يحدد

55
00:04:19,113 --> 00:04:26,070
ويصل إلى الإضافات مكتبة jQuery المتوفرة.

56
00:04:26,070 --> 00:04:31,070
الآن كلما استخدمنا علامة الدولار، يمكنك أيضًا توفير محدد.

57
00:04:31,070 --> 00:04:34,920
يتم استخدام المحدد للاستعلام والعثور على

58
00:04:34,920 --> 00:04:40,270
عناصر HTML هذه داخل DOM التي تريد تطبيق هذا التلاعب عليها.

59
00:04:40,270 --> 00:04:42,795
هناك طرق مختلفة للقيام التحديدات.

60
00:04:42,795 --> 00:04:46,030
سننظر إليها في الشريحة اللاحقة.

61
00:04:47,550 --> 00:04:54,670
ثم الجانب الثالث من عبارة jQuery هو الإجراء الذي تحدده.

62
00:04:54,670 --> 00:04:59,390
الآن بعد أن قمت بتحديد عنصر HTML، أي نوع من الإجراء الذي تريد

63
00:04:59,390 --> 00:05:02,700
أن يتم تنفيذه على هذا العنصر، بحيث هو الجزء الثالث الذي سترى.

64
00:05:02,700 --> 00:05:09,032
على سبيل المثال، يمكنك تحديد عبارة jQuery

65
00:05:09,032 --> 00:05:15,540
مثل $ («p») داخل الرموز، ثم .hide.

66
00:05:15,540 --> 00:05:20,268
لذا في هذه الحالة، ما يوحي به هو أنه، حدد جميع عناصر HTML تلك

67
00:05:20,268 --> 00:05:24,690
التي هي عناصر الفقرة،

68
00:05:24,690 --> 00:05:30,440
بدءًا من علامة p، ثم تقوم هذه العناصر بإخفاء تلك العناصر.

69
00:05:30,440 --> 00:05:33,210
لذا فإن الإجراء المطلوب تنفيذه هو الارتفاع،

70
00:05:33,210 --> 00:05:38,150
لذلك سيؤدي ذلك إلى إخفاء جميع عناصر p من

71
00:05:39,400 --> 00:05:43,050
DOM، وبالتالي من صفحة الويب التي يتم تقديمها.

72
00:05:44,510 --> 00:05:49,165
وبالمثل، سترى لاحقًا لنا باستخدام

73
00:05:49,165 --> 00:05:53,288
عبارة مثل قول الدولار،

74
00:05:53,288 --> 00:05:58,608
ثم ضمن علامات الاقتباس، #mycarousel، مما

75
00:05:58,608 --> 00:06:06,189
يعني أنك تحدد معرف عنصر HTML محدد،

76
00:06:06,189 --> 00:06:10,970
ثم تحدد دائري وقفة.

77
00:06:10,970 --> 00:06:14,340
سننظر في مزيد من التفاصيل حول ما يفعله هذا بالفعل

78
00:06:14,340 --> 00:06:16,930
في إحدى الشرائح اللاحقة هناك.

79
00:06:16,930 --> 00:06:22,870
ولكن لاحظ بنية بناء جملة عبارة jQuery هناك.

80
00:06:22,870 --> 00:06:27,040
يمكنك تحديد المحدد، ومن ثم تحديد الإجراء المطابق ليتم

81
00:06:27,040 --> 00:06:32,360
تنفيذها على العنصر الذي تم تحديده بواسطة هذه المحددات.

82
00:06:32,360 --> 00:06:36,335
دعونا نلقي نظرة على مثال Bootstrap jQuery.

83
00:06:36,335 --> 00:06:41,490
سنعود إلى المثال السابق الذي رأيناه في وقت سابق،

84
00:06:41,490 --> 00:06:43,410
حيث نقدم تلميح الأدوات.

85
00:06:43,410 --> 00:06:47,480
لذلك، عندما نقدم تلميح الأدوات، حددنا البرنامج النصي

86
00:06:47,480 --> 00:06:50,940
ثم داخل البرنامج النصي، قلنا $ (وثيقة).

87
00:06:50,940 --> 00:06:53,800
في هذه الحالة يعني المستند بأكمله.

88
00:06:53,800 --> 00:06:56,510
وبالتالي فإن المحدد هنا هو للمستند بأكمله.

89
00:06:56,510 --> 00:07:01,010
لذلك بالنسبة للمستند بأكمله، وبعد ذلك سنقوم بتحديد جاهزة.

90
00:07:01,010 --> 00:07:02,790
جاهز هو الإجراء الذي يتعين اتخاذه.

91
00:07:02,790 --> 00:07:07,760
لذلك عندما يكون المستند جاهزًا، قم بتنفيذ هذه الوظيفة

92
00:07:07,760 --> 00:07:11,500
المحددة كمعلمة لهذا الإجراء الجاهز هناك.

93
00:07:11,500 --> 00:07:17,710
لذا فإن الوظيفة التي رأيناها يتم استخدامها في تلميح الأدوات المحددة على أنها $،

94
00:07:17,710 --> 00:07:23,470
ثم بين قوسين، قالت، تبديل البيانات =» تلميح الأدوات».

95
00:07:23,470 --> 00:07:28,240
الآن نحن هنا نحدد أن حدد تلك العناصر

96
00:07:28,240 --> 00:07:33,260
التي توجد لها سمة مع data-toggle = «tooltip».

97
00:07:33,260 --> 00:07:38,290
ثم بالنسبة لتلك العناصر التي تتطابق مع هذه المعايير، قم بتنفيذ هذا الإجراء الذي

98
00:07:38,290 --> 00:07:43,270
يسمى تمكين تلميحات الأدوات لتلك العناصر.

99
00:07:43,270 --> 00:07:47,580
ونغلق الوظيفة هناك.

100
00:07:47,580 --> 00:07:52,890
لذلك يحدد هذا أنه

101
00:07:52,890 --> 00:07:57,640
سيتم تنشيط هذا البرنامج النصي المحدد لتلك العناصر التي قمت بتطبيق تلميح أداة تبديل البيانات.

102
00:07:57,640 --> 00:08:02,840
لذلك أساسا بالنسبة لعناصر HTML التي قمت بتعريف تلميحات الأدوات،

103
00:08:02,840 --> 00:08:05,770
تريد تمكين تلميح الأدوات هناك.

104
00:08:05,770 --> 00:08:12,800
إذن هذه هي الطريقة التي نفسر بها بناء الجملة هذا من مثال jQuery هنا.

105
00:08:12,800 --> 00:08:18,340
دعونا ننظر إلى الطرق المختلفة لتحديد محددات.

106
00:08:18,340 --> 00:08:23,490
لذلك كما ندرك من بناء جملة عبارة jQuery،

107
00:08:23,490 --> 00:08:28,240
فإننا نتبع دائمًا الدولار ثم، بين قوسين، نحدد محددًا.

108
00:08:28,240 --> 00:08:32,990
كيف نحدد المحددات، ما هي الطرق المختلفة التي يمكنك من خلالها تحديد المحددات؟

109
00:08:32,990 --> 00:08:35,450
وهنا بعض الاحتمالات.

110
00:08:35,450 --> 00:08:38,900
يمكنك تحديد محدد عن طريق تحديد أي

111
00:08:38,900 --> 00:08:41,960
عنصر HTML محدد عن طريق تحديد العلامة.

112
00:08:41,960 --> 00:08:46,050
لذلك يمكنك أن تقول p، زر، h4،

113
00:08:46,050 --> 00:08:50,315
h3، أو أي من علامات HTML مباشرة.

114
00:08:50,315 --> 00:08:54,725
وهكذا في هذه الحالة يتم تحديد اسم علامة HTML ضمن علامات الاقتباس

115
00:08:54,725 --> 00:08:56,475
والتي سوف تشكل المحدد الخاص بك.

116
00:08:56,475 --> 00:09:00,225
عندما تقوم بتطبيق محدد مثل هذا، فأنت تقول أنه

117
00:09:00,225 --> 00:09:05,673
سيتم تحديد جميع العناصر التي تتطابق مع هذه المعايير.

118
00:09:06,950 --> 00:09:11,920
ثم يمكنك أيضا تحديد

119
00:09:11,920 --> 00:09:16,640
عنصر DOM HTML محدد عن طريق تحديد معرف هذا العنصر باستخدام #id.

120
00:09:16,640 --> 00:09:20,990
لذلك، على سبيل المثال، نستخدم #myCarousel.

121
00:09:20,990 --> 00:09:26,480
لذلك في هذه الحالة أنت تقول حدد

122
00:09:26,480 --> 00:09:31,119
عنصر HTML معين الذي يكون المعرف هو MyCarousel.

123
00:09:31,119 --> 00:09:36,500
لذلك هذه هي الطريقة الأخرى للاختيار، من خلال تحديد معرف لعنصر.

124
00:09:37,550 --> 00:09:40,620
الاحتمال الثالث هو اختيار

125
00:09:40,620 --> 00:09:44,440
العناصر حسب الفئات التي طبقت على ذلك.

126
00:09:44,440 --> 00:09:50,180
لذلك، على سبيل المثال، يمكنك أن ترى بين قوسين إذا قلت .btn،

127
00:09:50,180 --> 00:09:53,477
مما يعني أن جميع عناصر HTML DOM

128
00:09:53,477 --> 00:09:58,702
التي قمت بتطبيق فئة الزر سيتم تحديدها.

129
00:09:58,702 --> 00:10:03,670
أو يمكنك أيضًا التأهل عن طريق تحديد مجموعة من الفئات

130
00:10:03,670 --> 00:10:08,550
بقول.btn.btn.btn-default، مما يعني أنه

131
00:10:08,550 --> 00:10:14,080
تم تطبيق تلك العناصر لفئة الزر والفئة الافتراضية للزر.

132
00:10:15,290 --> 00:10:16,620
لذلك هذه طريقة أخرى،

133
00:10:16,620 --> 00:10:19,607
باستخدام الفئات التي يتم تطبيقها على عنصر HTML.

134
00:10:20,630 --> 00:10:25,070
الاحتمال الآخر هو تحديد السمة التي تم تطبيقها

135
00:10:25,070 --> 00:10:27,120
على عنصر HTML.

136
00:10:27,120 --> 00:10:33,150
على سبيل المثال، يمكنك القول أن السمات محددة ضمن أقواس مربعة هنا.

137
00:10:33,150 --> 00:10:38,640
لذلك يمكنك أن ترى بين قوسين مربعين href، وتضمينه في الاقتباس

138
00:10:38,640 --> 00:10:44,370
مما يعني أن جميع عناصر HTML التي تم تطبيق سمة href عليها.

139
00:10:44,370 --> 00:10:50,630
وبالمثل، يمكنك أن تقول

140
00:10:50,630 --> 00:10:53,745
data-toggle = «tooltip»، الذي يحفظ بشكل أساسي جميع تلك العناصر التي تم تطبيق سمة تلميح الأدوات عليها.

141
00:10:53,745 --> 00:10:59,270
أيضا، اختيار العنصر الحالي

142
00:10:59,270 --> 00:11:04,900
الذي تريد أن تفعل شيئا عن طريق قول $ (هذا).

143
00:11:04,900 --> 00:11:08,360
بمعنى، بالنسبة للعنصر الحالي الذي تم اختياره بالفعل،

144
00:11:08,360 --> 00:11:10,360
لهذا، افعل شيئًا ما.

145
00:11:11,520 --> 00:11:14,900
والكثير من الاحتمالات الأخرى

146
00:11:14,900 --> 00:11:19,760
هذه بعض الأمثلة، لذلك سوف تراني أستخدم بعض هذه

147
00:11:19,760 --> 00:11:23,610
في الأمثلة والتمرين التالي.

148
00:11:24,650 --> 00:11:29,950
ليس ذلك فقط، يمكنك أيضًا تحديد أحداث jQuery،

149
00:11:29,950 --> 00:11:34,840
والأحداث التي تقوم على أساسها بالرد.

150
00:11:34,840 --> 00:11:37,720
لذلك، على سبيل المثال،

151
00:11:37,720 --> 00:11:42,590
ستؤدي تفاعلات المستخدم مع عناصر مختلفة على صفحة الويب إلى حدوث أحداث DOM.

152
00:11:42,590 --> 00:11:47,220
لذلك، على سبيل المثال، باستخدام الماوس، قد ينقر المستخدم في موقع معين.

153
00:11:47,220 --> 00:11:52,790
أو انقر نقرًا مزدوجًا، أو عندما يدخل الماوس ويترك موقعًا محددًا.

154
00:11:52,790 --> 00:11:56,880
بالنسبة للوحة المفاتيح، يمكنك الرد على مكابس المفاتيح، keydown و keyup.

155
00:11:57,980 --> 00:12:01,680
أحداث للنماذج، عندما يتم إرسال النموذج،

156
00:12:01,680 --> 00:12:05,870
عندما يكون هناك تغيير في

157
00:12:07,040 --> 00:12:13,230
قيمة عنصر إدخال معينة، وعندما يتم التركيز على عنصر معين، وهلم جرا.

158
00:12:13,230 --> 00:12:16,140
يمكننا حتى الحديث عن الوثيقة بأكملها.

159
00:12:16,140 --> 00:12:20,080
لذلك، عند تحميل المستند، عند تغيير حجم المستند،

160
00:12:20,080 --> 00:12:24,920
عند التمرير أو تفريغ المستند، يمكنك الرد على تلك الأحداث.

161
00:12:24,920 --> 00:12:31,253
لذلك، في هذه الحالة، تتضمن أساليب أحداث jQuery المدعومة جاهزة،

162
00:12:31,253 --> 00:12:35,140
انقر فوق، dblclick، mousedown، على، وهكذا.

163
00:12:35,140 --> 00:12:38,430
لذلك هذه هي كل أساليب الحدث التي

164
00:12:38,430 --> 00:12:42,770
سيتم تنفيذها عند حدوث أي من هذه الأحداث هناك.

165
00:12:43,850 --> 00:12:48,480
دعونا نأخذ مثالا على Carousel Bootstrap لنرى كيف

166
00:12:48,480 --> 00:12:53,640
يمكن كتابة شفرة جافا سكريبت للتحكم في الإجراءات الدائرية.

167
00:12:54,980 --> 00:13:01,490
لذلك، بالنسبة للدائري، رأيت بالفعل من الوحدة السابقة، حجم الفهرس.

168
00:13:01,490 --> 00:13:03,584
استخدمنا كل هذه الصفات.

169
00:13:03,584 --> 00:13:08,250
لذلك استخدمنا سمة البيانات الشريحة = «prev|next»، أو

170
00:13:08,250 --> 00:13:13,780
قلنا البيانات الشريحة إلى ثم حددنا رقم الشريحة المحدد،

171
00:13:13,780 --> 00:13:16,910
حيث يقول ركوب البيانات+« دائري».

172
00:13:16,910 --> 00:13:21,570
ثم حددنا الفاصل الزمني للبيانات، الفاصل الزمني

173
00:13:21,570 --> 00:13:25,800
لعمل انزلاق أن يحدث.

174
00:13:25,800 --> 00:13:29,590
لذلك بالنسبة للدائري، يمكنك القيام بأشياء مثل،

175
00:13:29,590 --> 00:13:33,076
على سبيل المثال، يمكنك تحديد عناصر التحكم المستندة إلى جافا سكريبت.

176
00:13:33,076 --> 00:13:38,674
يمكنك أن ترى $، وضمن الأقواس تحديد لتحديد تلك العناصر،

177
00:13:38,674 --> 00:13:44,565
الدوارات، التي يتم تضمينها في صفحتك عن طريق تحديد.carousel.

178
00:13:44,565 --> 00:13:50,577
بمعنى كل تلك العناصر التي تم تطبيق فئة دائري عليها،

179
00:13:50,577 --> 00:13:56,700
ثم بعد ذلك يمكنك استخدام .carousel لتحديد شيء ما.

180
00:13:56,700 --> 00:14:00,580
لذلك على سبيل المثال سترى لي باستخدام شيء من هذا القبيل

181
00:14:00,580 --> 00:14:02,090
في التمرين الذي يلي.

182
00:14:02,090 --> 00:14:05,400
سنقول. دائري و دائري،

183
00:14:05,400 --> 00:14:09,409
وداخل هناك يمكنك تحديد الفترة:2000،

184
00:14:09,409 --> 00:14:15,140
وهذا يعني تعيين الفاصل الزمني للانزلاق ليكون 2000 ميلي ثانية.

185
00:14:15,140 --> 00:14:17,620
أو ثانيتين، في هذه الحالة

186
00:14:17,620 --> 00:14:22,850
وبهذه الطريقة يمكنك التحكم أو تعديل خاصية معينة

187
00:14:22,850 --> 00:14:27,890
من عنصر جافا سكريبت دائري هناك.

188
00:14:27,890 --> 00:14:32,160
كما يدعم دائري العديد من الضوابط الأخرى.

189
00:14:32,160 --> 00:14:35,020
لذلك، على سبيل المثال، يمكنك أن تقول دائري («دورة»)،

190
00:14:35,020 --> 00:14:38,730
وهذا يعني بدء ركوب الدراجات العناصر من اليسار إلى اليمين.

191
00:14:38,730 --> 00:14:44,410
يمكنك أن تقول دائري («وقفة»)، لإيقاف العمل المنزلق من دائري.

192
00:14:44,410 --> 00:14:48,171
ثم يمكنك أن تقول دائري (رقم)،

193
00:14:48,171 --> 00:14:53,441
لذلك دورات دائري إلى هذا البند دائري معين.

194
00:14:53,441 --> 00:14:56,370
وبعد ذلك يمكنك أن تقول دائري ('prev')،

195
00:14:56,370 --> 00:15:01,710
دائري ('التالي') للانتقال إلى العنصر السابق والعنصر التالي في دائري.

196
00:15:01,710 --> 00:15:07,420
لذلك، يمكن استدعاء هذه مباشرة من شفرة جافا سكريبت لدينا.

197
00:15:07,420 --> 00:15:10,390
وبالمثل، عندما يكون

198
00:15:12,280 --> 00:15:17,550
عنصر دائري جافا سكريبت في صفحة الويب الخاصة بك، فإنه يسبب أحداث مختلفة.

199
00:15:17,550 --> 00:15:20,870
وبناء على حدوث هذه الأحداث، يمكنك الرد.

200
00:15:20,870 --> 00:15:23,980
لذلك، على سبيل المثال، يمكنك أن تقول slide.bs.دائري.

201
00:15:23,980 --> 00:15:28,220
سيتم تشغيل هذا الحدث الخاص عند استدعاء أسلوب مثيل الشريحة.

202
00:15:29,550 --> 00:15:32,990
وبالمثل، slid.bs.carousel يعني

203
00:15:32,990 --> 00:15:38,460
أن يتم تشغيل هذا الحدث عند الانتهاء من انتقال الشريحة إلى العنصر التالي.

204
00:15:38,460 --> 00:15:41,880
حتى داخل التعليمات البرمجية الخاصة بك يمكنك تحديد شيء

205
00:15:43,370 --> 00:15:48,780
مثل $ (» #myCarousel «) .on ('slide.bs.دائري».

206
00:15:48,780 --> 00:15:54,110
وهذا يعني أنه عندما يبدأ هذا الإجراء الشريحة، ثم استدعاء هذه الوظيفة،

207
00:15:54,110 --> 00:15:57,870
ومن ثم القيام بشيء داخل تلك الوظيفة هناك.

208
00:15:57,870 --> 00:16:00,958
لذلك يمكن إرجاع هذا النوع من التعليمات البرمجية أيضًا

209
00:16:00,958 --> 00:16:06,400
للرد على الأحداث التي تسببها سلوك دائري الخاص بك.

210
00:16:07,490 --> 00:16:12,300
بعد النظر في بعض هذه الأمثلة، سننتقل إلى تمرين حيث

211
00:16:12,300 --> 00:16:17,460
سنقوم بالفعل بكتابة بعض التعليمات البرمجية المستندة إلى جافا سكريبت للتحكم في دائري لدينا.

212
00:16:17,460 --> 00:16:23,190
سوف نكتب التعليمات البرمجية لتشمل اثنين من الأزرار داخل دائري لدينا،

213
00:16:23,190 --> 00:16:28,280
والتي سيتم استخدامها للسيطرة على انزلاق العمل من دائري.

214
00:16:28,280 --> 00:16:33,560
لذلك، مما يعني أننا يمكن وقفة واستئناف انزلاق العمل من دائري لدينا.

215
00:16:33,560 --> 00:16:37,699
وسنقوم بتنشيط هذه الأزرار من جافا سكريبت.

216
00:16:37,699 --> 00:16:43,799
[ موسيقى]