1
00:00:03,460 --> 00:00:06,755
في الوحدة السابقة،

2
00:00:06,755 --> 00:00:12,335
فحصنا عدد مكونات Bootstrap التي تستند بحتة حول CSS.

3
00:00:12,335 --> 00:00:15,945
لذلك، من خلال تطبيق فئات CSS لهذه المكونات،

4
00:00:15,945 --> 00:00:19,490
تمكنا من إنشائها على صفحة الويب الخاصة بنا.

5
00:00:19,490 --> 00:00:26,500
في هذه الوحدة، سنقوم بفحص المزيد من المكونات المستندة إلى جافا سكريبت في Bootstrap.

6
00:00:26,500 --> 00:00:30,580
تلخيص ذلك، كما رأينا في الوحدة السابقة،

7
00:00:30,580 --> 00:00:34,755
يدعم Bootstrap عددًا من فئات CSS التي يمكن تطبيقها على

8
00:00:34,755 --> 00:00:43,260
ترميز HTML الخاص بك في صفحات الويب الخاصة بك لتنشيط فئات CSS هذه والاستفادة منها.

9
00:00:43,260 --> 00:00:49,610
لذلك، يمكنك أن ترى كيف قامت فئات CSS بتعديل علامات HTML العامة

10
00:00:49,610 --> 00:00:56,365
وقدمت طريقة Bootstrap الخاصة لتقديم نفس المعلومات.

11
00:00:56,365 --> 00:01:02,180
لذلك، يمكن بسهولة تنشيط المكونات التي تعتمد على CSS عن طريق

12
00:01:02,180 --> 00:01:04,260
تطبيق فئات CSS bootstrap

13
00:01:04,260 --> 00:01:09,270
على علامات HTML المختلفة الموجودة في صفحات الويب الخاصة بك.

14
00:01:09,270 --> 00:01:14,525
يمكن استخدام Bootstrap في حد ذاته فقط لفئات CSS الخاصة به.

15
00:01:14,525 --> 00:01:19,500
أحد الجوانب الأخرى لفئات Bootstraps CSS التي رأيناها هو

16
00:01:19,500 --> 00:01:24,630
أن معظم هذه المكونات بدأت بفئة أساسية قمت بتطبيقها.

17
00:01:24,630 --> 00:01:27,660
على سبيل المثال، عندما تنظر إلى الزر،

18
00:01:27,660 --> 00:01:31,575
رأيت أن الفئة الأساسية كانت فئة BTN.

19
00:01:31,575 --> 00:01:33,160
ثم يمكنك تطبيق شيء مثل

20
00:01:33,160 --> 00:01:38,160
BTN الأساسي الذي من شأنه إضافة ألوانها إلى BTN،

21
00:01:38,160 --> 00:01:43,175
ثم يمكنك تحديد حجم الزر عن طريق قول BTN SM.

22
00:01:43,175 --> 00:01:49,905
ثم يمكنك أيضًا تحديد الزر ليكون كتلة كاملة باستخدام فئة كتلة BTN.

23
00:01:49,905 --> 00:01:56,260
لذا، كل هذه الفئات والمعدلات اللاحقة إلى فئة BTN الأساسية.

24
00:01:56,260 --> 00:01:59,430
لذلك هذا النهج، سترى ذلك

25
00:01:59,430 --> 00:02:03,330
مرارا وتكرارا في العديد من مكونات Bootstrap.

26
00:02:03,330 --> 00:02:07,925
لذلك سيكون لديك فئة أساسية ثم مجموعة من فئات التعديل التي يمكن

27
00:02:07,925 --> 00:02:14,164
تطبيقها لتعديل سلوك المكون الأساسي.

28
00:02:14,164 --> 00:02:20,210
هذا يسهل تصميم سهل لصفحة الويب الخاصة بك.

29
00:02:20,210 --> 00:02:24,260
أخذ مثال آخر، يمكننا أن ننظر إلى فئة التنقل.

30
00:02:24,260 --> 00:02:28,020
نحن نستخدم فئة التنقل في شريط التنقل الذي

31
00:02:28,020 --> 00:02:33,635
قمنا بتضمينه في صفحة الويب الخاصة بنا في الوحدة السابقة.

32
00:02:33,635 --> 00:02:40,130
فئة التنقل، نقوم بتعديل ذلك من خلال تطبيق فئة التنقل بار التنقل إليها.

33
00:02:40,130 --> 00:02:45,660
لذلك قدمت لنا طريقة معينة لتقديم معلومات الملاحة.

34
00:02:45,660 --> 00:02:51,310
في هذه الوحدة، سوف ندرس NAV-Tabs و

35
00:02:51,310 --> 00:02:58,295
NAV-pols التي هي طريقة أخرى لتقديم معلومات التنقل لصفحة الويب.

36
00:02:58,295 --> 00:03:04,180
علامات التبويب والحبوب التي نقدمها الملاحة مرة أخرى،

37
00:03:04,180 --> 00:03:10,265
بدعم من البرنامج المساعد جافا سكريبت،

38
00:03:10,265 --> 00:03:15,195
يوفر وسيلة محسنة لتوفير الملاحة داخل المحتوى الخاص بك.

39
00:03:15,195 --> 00:03:18,835
لذلك، سوف ندرس ذلك في هذه الوحدة بالذات.

40
00:03:18,835 --> 00:03:23,620
أستخدم هذا كمثال لتوضيح كيفية البدء من فئة أساسية،

41
00:03:23,620 --> 00:03:28,075
يمكنك التعديل عن طريق تطبيق فئات التعديل على الفئة الأساسية.

42
00:03:28,075 --> 00:03:30,640
بالطبع، إذا كنت ترغب في جلب

43
00:03:30,640 --> 00:03:35,285
جزء جافا سكريبت من مكونات Bootstrap إلى العمل،

44
00:03:35,285 --> 00:03:38,670
فيجب عليك البدء في تطبيق فئات JavaScript.

45
00:03:38,670 --> 00:03:41,725
لذلك، يدعم Bootstrap عددًا من

46
00:03:41,725 --> 00:03:44,970
المكونات المدعومة من خلال مكونات جافا سكريبت الإضافية.

47
00:03:44,970 --> 00:03:47,880
الآن، عند استخدام هذه المكونات الإضافية في صفحة الويب الخاصة بك،

48
00:03:47,880 --> 00:03:52,890
يمكنك تضمين المكونات الإضافية الفردية التي ستقوم باستخدامها بالفعل في موقع الويب الخاص بك،

49
00:03:52,890 --> 00:03:55,815
أو المجموعة الكاملة من المكونات الإضافية.

50
00:03:55,815 --> 00:03:59,500
الآن، ما سنقوم به في التدريبات هو،

51
00:03:59,500 --> 00:04:03,495
تضمين مجموعة كاملة من الإضافات لأننا نريد فقط استكشاف كل منهم.

52
00:04:03,495 --> 00:04:05,870
ولكن إذا كنت تقوم بتصميم موقع ويب،

53
00:04:05,870 --> 00:04:09,000
فقد تقوم بتضمين مجموعة فرعية فقط من هذه المكونات الإضافية

54
00:04:09,000 --> 00:04:12,300
التي تستخدمها بالفعل في موقع الويب الخاص بك،

55
00:04:12,300 --> 00:04:15,630
مما يقلل من مقدار شفرة جافا سكريبت التي تحتاج

56
00:04:15,630 --> 00:04:21,470
إلى إرسالها إلى مستخدم يقوم بعرض صفحة الويب الخاصة بك.

57
00:04:21,470 --> 00:04:27,590
هذه هي الطريقة التي أنظر بها إلى نهج Bootstrap لاستخدام JavaScript في

58
00:04:27,590 --> 00:04:33,905
دعمها الخاص لمكونات Bootstrap التي يتم تمكينها باستخدام JavaScript.

59
00:04:33,905 --> 00:04:36,785
إذا نظرت إلى جافا سكريبت من تلقاء نفسها،

60
00:04:36,785 --> 00:04:44,845
فإنه يوفر الكثير من المرونة ويتيح لك القيام بالكثير من الأشياء المثيرة للاهتمام.

61
00:04:44,845 --> 00:04:46,695
ولكن هذا ينطوي أيضًا على

62
00:04:46,695 --> 00:04:52,200
كتابة شفرة جافا سكريبت لاستخدامها عند تصميم موقع الويب الخاص بك.

63
00:04:52,200 --> 00:04:58,730
الآن، أنا أنظر إلى جافا سكريبت كمصارع السومو كبير مع الكثير من القدرات،

64
00:04:58,730 --> 00:05:02,670
والكثير من القوة، ولكن غير مملوذ.

65
00:05:02,670 --> 00:05:09,875
الآن، مسج كمكتبة التي بنيت على رأس جافا سكريبت،

66
00:05:09,875 --> 00:05:14,815
يأخذ أساسا مصارع السومو ومن ثم حزم ذلك بطريقة أفضل لجعل

67
00:05:14,815 --> 00:05:20,435
هذا غوريلا مئات رطل إلى حجم أكثر قابلية للإدارة،

68
00:05:20,435 --> 00:05:23,790
وأكثر سهولة

69
00:05:23,790 --> 00:05:28,235
في الاقتراب وأكثر سهولة لتشمل والاستفادة من موقع الويب الخاص بك التصميم.

70
00:05:28,235 --> 00:05:31,855
لذا، إذا كنت تستخدم مكتبة jQuery مباشرة،

71
00:05:31,855 --> 00:05:34,510
فيمكنك بالتأكيد الاستفادة من العديد

72
00:05:34,510 --> 00:05:40,175
من مكونات jQuery والاستفادة منها في صفحة الويب الخاصة بك.

73
00:05:40,175 --> 00:05:44,480
الآن، هذا هو النهج الذي يمكنك اتباعه دائمًا لأن jQuery

74
00:05:44,480 --> 00:05:48,170
سيتم تضمينها بالفعل في صفحة ويب Bootstrap الخاصة بك،

75
00:05:48,170 --> 00:05:52,910
إذا كنت ستستفيد من المكونات المستندة إلى JavaScript.

76
00:05:52,910 --> 00:05:56,545
يأخذ Bootstrap هذه الخطوة إلى الأمام،

77
00:05:56,545 --> 00:05:59,145
ومن ثم النظر

78
00:05:59,145 --> 00:06:04,395
إلى نهج Bootstrap الصورة هو أخذ مصارع السومو ثم وضعه في صندوق.

79
00:06:04,395 --> 00:06:09,730
يقف بشكل أساسي لتغليف

80
00:06:09,730 --> 00:06:18,935
مكونات جافا سكريبت الإضافية في مكون يمكنك استخدامه بسهولة أكبر في صفحات الويب الخاصة بك.

81
00:06:18,935 --> 00:06:24,775
لذا، فإن المكونات المستندة إلى Bootstrap JavaScript تأخذ بشكل أساسي دعمًا

82
00:06:24,775 --> 00:06:28,760
مبنيًا على JQuery، ولكن بعد ذلك حزمها بطريقة يمكنك استخدامها في

83
00:06:28,760 --> 00:06:34,390
صفحة الويب الخاصة بك حتى بدون كتابة سطر واحد من شفرة JavaScript.

84
00:06:34,390 --> 00:06:38,955
هذا هو المكان الذي

85
00:06:38,955 --> 00:06:43,030
يمكن استخدام مكون جافا سكريبت Bootstrap دون كتابة سطر واحد من التعليمات البرمجية.

86
00:06:43,030 --> 00:06:46,620
الطريقة التي يتم دعمها في Bootstrap هي أن

87
00:06:46,620 --> 00:06:51,400
مكونات JavaScript تدعم عددًا من

88
00:06:51,400 --> 00:06:56,940
سمات نجمة واصلة البيانات التي يمكنك تطبيقها على علامات HTML الخاصة بك.

89
00:06:56,940 --> 00:07:00,120
لذا، سترى لي باستخدام أشياء مثل تبديل البيانات،

90
00:07:00,120 --> 00:07:04,370
تجسس البيانات، هدف البيانات، وهلم جرا.

91
00:07:04,370 --> 00:07:07,795
إذا كنت تتذكر، عندما صممنا شريط Nav-Bar،

92
00:07:07,795 --> 00:07:11,120
كنت قد رأيت بالفعل بضع من هذه الصفات.

93
00:07:11,120 --> 00:07:15,660
هناك قمنا بتصميم الزر للشاشات الصغيرة الإضافية.

94
00:07:15,660 --> 00:07:21,550
الآن، حان الوقت بالنسبة لنا [غير مسموع] لماذا فعلنا ذلك في الوحدة السابقة.

95
00:07:21,550 --> 00:07:26,935
لذلك، سوف نستكشف هذا النهج بتفصيل كبير في هذه الوحدة،

96
00:07:26,935 --> 00:07:33,000
بالنظر إلى العديد من مكونات Bootstrap التي تستفيد من دعم JavaScript.

97
00:07:33,000 --> 00:07:35,015
بالطبع، يمكنك الاستفادة من

98
00:07:35,015 --> 00:07:38,650
واجهة برمجة تطبيقات جافا سكريبت الكاملة

99
00:07:38,650 --> 00:07:42,945
المتوفرة لجميع هذه المكونات عن طريق كتابة شفرة جافا سكريبت بالفعل.

100
00:07:42,945 --> 00:07:46,130
سنؤجل هذا إلى الوحدة التالية،

101
00:07:46,130 --> 00:07:51,370
حيث سنقوم بفحص كيفية كتابة شفرة جافا سكريبت بسيطة استنادًا إلى بناء

102
00:07:51,370 --> 00:07:54,580
جملة jQuery لإضافة

103
00:07:54,580 --> 00:08:00,070
المزيد من الوظائف إلى مكونات Bootstrap المستندة إلى JavaScript.