1
00:00:04,970 --> 00:00:10,370
‫نعم. أنا متحمس جدًا بشأن هذه المهمة بالنسبة لك لأن حوامل الربط يمكن أن تكون رائعة حقًا.

2
00:00:10,490 --> 00:00:17,900
‫إنها رائعة بشكل خاص للتطوير المحلي أو الاختبار المحلي. لأنه كما أوضحنا من قبل ، سيسمحون لك بتحرير الملفات

3
00:00:18,410 --> 00:00:24,470
‫على نظام التشغيل المضيف الخاص بك ، ومن ثم يتم تشغيلها أو استخدامها داخل

4
00:00:24,500 --> 00:00:29,480
‫الحاوية للقيام بالأشياء بطريقة أسهل بكثير.

5
00:00:29,480 --> 00:00:34,940
‫في هذا المثال ، سنستخدم شيئًا يسمى "Static Site Generator"

6
00:00:34,940 --> 00:00:36,330
‫وهذا ليس مهمة مطور

7
00:00:36,350 --> 00:00:38,690
‫ويب على وجه التحديد.

8
00:00:38,690 --> 00:00:41,990
‫نحن في الواقع لن نقوم بالكثير بخلاف تحرير سطر من النص.

9
00:00:41,990 --> 00:00:47,180
‫حقًا ، ما يدور حوله هذا الأمر ، هو التعود على فكرة أخذ بيانات المضيف

10
00:00:47,180 --> 00:00:53,900
‫، التي لديك على جهازك المضيف ، ثم تحميلها في حاوية ، ثم تغييرها على المضيف ومشاهدتها تنعكس

11
00:00:53,900 --> 00:00:55,440
‫داخل الحاوية.

12
00:00:55,490 --> 00:00:56,140
‫الصحيح.

13
00:00:56,180 --> 00:01:02,480
‫في هذه الحالة ، هذا مثال شائع جدًا. مطور الويب لديه كود مصدر و HTML وكل ذلك ، على مضيفهم

14
00:01:02,480 --> 00:01:08,720
‫وسيتعين عليهم عادةً تنزيل جميع الأدوات الخاصة التي يحتاجونها على المضيف ، أليس كذلك؟

15
00:01:08,750 --> 00:01:13,310
‫سنحتاج إلى أدوات لغة البرمجة ، وخادم ويب ، ونوع من مراقب الملفات الذي يكتشف التغييرات

16
00:01:13,310 --> 00:01:16,460
‫ويعيد تشغيل الأشياء ، وكل هذه الأدوات ، أليس كذلك؟

17
00:01:16,460 --> 00:01:21,230
‫عادة ما يكون هذا أمرًا مهمًا لمطوري الويب هو معرفة كيفية جعل كل ذلك يعمل على نظام التشغيل

18
00:01:21,230 --> 00:01:23,570
‫الخاص بهم وجميع الإصدارات الصحيحة.

19
00:01:23,750 --> 00:01:29,630
‫لكن الشيء الرائع في Docker Hub ، لقد اختفت العديد من هذه المشكلات لأن أكوام تلك المكونات

20
00:01:29,630 --> 00:01:34,360
‫كلها داخل حاوية واحدة ، وقد قام شخص ما بكل العمل الشاق من أجلك.

21
00:01:34,370 --> 00:01:37,460
‫في هذه الحالة ، سنستخدم Jekyll بالفعل ، وكما

22
00:01:37,460 --> 00:01:39,560
‫ذكرت سابقًا ، إنه SSG.

23
00:01:39,560 --> 00:01:47,780
‫هذه أدوات أساسية للغاية تسمح لك بإنشاء تخفيض السعر ، وهو في الأساس نص عادي.

24
00:01:47,780 --> 00:01:51,530
‫ثم يأخذ هؤلاء وينشئهم في موقع HTML على الويب.

25
00:01:51,530 --> 00:01:57,200
‫إنه رائع حقًا للمدونات الصغيرة أو مواقع الويب البسيطة حيث لا تريد أن تكون خبيرًا في HTML

26
00:01:57,500 --> 00:02:00,460
‫، وتريد فقط كتابة شيء بسيط ونشره على الويب.

27
00:02:00,470 --> 00:02:06,710
‫هذا أيضًا عندما ترى مواقع يتم تشغيلها بواسطة GitHub ، والمعروفة باسم صفحات GitHub ، فإن Jekyll هي أيضًا الأداة التي

28
00:02:06,710 --> 00:02:07,700
‫يستخدمونها.

29
00:02:07,700 --> 00:02:12,910
‫في هذه الحالة ، ستنتقل إلى دليل عينة ربط الربط ، كما هو موضح هنا في الشريحة.

30
00:02:13,490 --> 00:02:19,220
‫سترى بعض الملفات هناك. ستقوم بتحرير تلك الملفات باستخدام المحرر الذي

31
00:02:19,220 --> 00:02:24,970
‫تختاره ، سواء كان Visual Studio Code ، أو Atom ، أو Vim ، أو Sublime Text أو أي شيء تريده.

32
00:02:25,130 --> 00:02:30,260
‫سيكون لدينا حاوية تعمل في الخلفية تقوم بتشغيل Jekyll وتراقب تلك الملفات

33
00:02:30,260 --> 00:02:35,510
‫على مضيفك ، وتكتشف التحديثات ، ثم نقوم تلقائيًا بتحديث خادم الويب المدمج

34
00:02:35,510 --> 00:02:36,560
‫في الحاوية.

35
00:02:36,920 --> 00:02:40,090
‫لتبدأ ، إليك الأمر الذي يمكنك استخدامه بالفعل.

36
00:02:40,220 --> 00:02:45,560
‫تريد القفز إلى دليل نموذج الربط هذا ، ثم تشغيل أمر تشغيل عامل الإرساء هذا

37
00:02:45,800 --> 00:02:51,730
‫، والذي سيفتح المضيف المحلي الافتراضي الخاص بك ويعين هذا الدليل بالفعل.

38
00:02:51,740 --> 00:03:00,000
‫تذكر أن pwd سيعين ذلك في دليل الموقع داخل الحاوية ، وهو ما قمنا بإعداده هنا.

39
00:03:00,010 --> 00:03:05,100
‫ثم صنعت لك حاوية Jekyll مخصصة يسهل استخدامها حقًا وتستخدم أحدث الإصدارات.

40
00:03:05,120 --> 00:03:11,630
‫لذا ما يجب أن تراه هو أنه يجب أن تكون قادرًا على تشغيل ذلك ، وفتح المضيف المحلي للمتصفح الخاص بك ، والاطلاع على موقع الويب

41
00:03:11,630 --> 00:03:16,910
‫هناك مع صفحة الويب الأساسية. هذا في الواقع يستخدم القالب الافتراضي. ثم ستنتقل بسرعة

42
00:03:16,910 --> 00:03:22,670
‫إلى دليل النشر الموجود بداخل عينة تحميل الربط هذه.

43
00:03:22,670 --> 00:03:24,840
‫يمكنك رؤيته هنا في الواقع.

44
00:03:28,370 --> 00:03:29,080
‫على شاشتي ،

45
00:03:29,080 --> 00:03:35,000
‫لدي بالفعل في كود Visual Studio الخاص بي. لذلك ستكون هذه هي الملفات الموجودة داخل هذا الدليل.

46
00:03:35,000 --> 00:03:40,340
‫ستنتقل فقط إلى هذا الملف هنا ، وهو ملف تخفيض السعر ، ولا

47
00:03:40,580 --> 00:03:48,410
‫بأس إذا لم تكن خبيرًا في تخفيض السعر. تحتاج فقط إلى تغيير شيء ما هنا ، ثم الانتقال إلى متصفح الويب الخاص

48
00:03:48,410 --> 00:03:52,190
‫بك ولاحظ كيف ينعكس تلقائيًا كتحديث بمجرد حفظ الملف.

49
00:03:52,250 --> 00:03:57,770
‫بالطبع ، أوصي بشدة بالاطلاع على السجلات داخل Docker لمعرفة ما يفعله ، لأنه سيخبرك بالفعل

50
00:03:57,770 --> 00:04:01,610
‫في كل مرة يتم فيها تغيير ملف ويتم إعادة تحميل الخادم.

51
00:04:01,610 --> 00:04:07,230
‫إذا واجهتك مشكلة أو لم يكن هذا منطقيًا لك ، فما عليك سوى مشاهدة فيديو محاضرة إجاباتي بعد ذلك مباشرة.

52
00:04:07,250 --> 00:04:10,360
‫سأخوض هذا الأمر ويمكنك متابعته إذا واجهتك مشكلة.

53
00:04:10,670 --> 00:04:11,180
‫حظا طيبا وفقك الله.