دورة Bootstrap لتصميم المواقع المتجاوبة

في هذه الحلقة، سأصحبك في جولة تعريفية عن إطار العمل Bootstrap، وأهميته في تصميم مواقع الويب.
بعد أن تعلمت HTML وCSS، حان الوقت لاكتشاف البوتستراب الذي يمنحك القدرة على بناء مواقع أكثر سرعة وتوافقًا مع مختلف أحجام الشاشات.
سأوضح لك الفرق بين الميديا كويريز في CSS وما يقدمه لك البوتستراب كونه بديلًا أكثر كفاءة.
وسنتعرف على المكونات الأساسية التي يقوم عليها هذا الإطار الذي طوراه مارك أوتو (Mark Otto) وجاكوب ثورنتون (Jacob Thornton) في أثناء عملهما في تويتر، فكان الهدف هو تسهيل عملية تصميم الواجهات بطريقة مرنة ومتجاوبة.
تابع معي، وسترى كيف يمكن أن يجعل البوتستراب عملية التصميم أسهل وأسرع بكثير.

في هذه الحلقة، سأرشدك إلى الطريقة الصحيحة لكتابة كود البوتستراب، بدايةً من البحث عن الإطار وتحميله بالطريقة المناسبة لاستخدامك.
وسنبدأ بالبحث عن Bootstrap في جوجل، ثم سنتوجه إلى قسم الوثائق (Docs)، للاطلاع على تاريخ البوتستراب ومصمميه، قبل الانتقال إلى صفحة التنزيلات (Downloads).
وسأوضح لك الفرق بين التحميل المحلي (Local Download) وخيارات التحميل الأخرى، وسأرشح لك الخيار الأفضل للاستخدام بناءً على مجموعة من العوامل التي سنتناولها بالتفصيل.
وبعد ذلك، سنتعلم أهمية إنشاء Workspace لتنظيم ملفاتك بطريقة فعالة، وكيفية إضافة جميع الملفات الخاصة بالمشروع داخله.
وسنتعلم أيضًا الدور الأساس لملف bootstrap.min.css، ولماذا تأتي الأكواد الخاصة به مضغوطة لتوفير الأداء الأمثل؟
وسأتحدث كذلك عن مدى صعوبة تعديل كود البوتستراب نفسه، ولماذا يفضل الاعتماد على تعديل التصميم بواسطة طرائق أخرى أكثر مرونة.
إضافة إلى ذلك، سنتناول ملف bootstrap.bundle.min.js، ولماذا يتم الاحتفاظ به بالتحديد ضمن الملفات الأساسية للمشروع.
وفي نهاية الحلقة، سأقدم لك Class Alert، وكيف يمكنك استخدامه لعرض التنبيهات داخل موقعك، سواء كانت متعلقة بمقال أو عنوان أو أي نوع آخر من المحتوى. تابع معي لتتعرف على هذه التفاصيل خطوة خطوة.

في هذه الحلقة، سنتعرف معًا على Badge في البوتستراب، وكيف يمكن استخدامه داخل صفحات الويب.
ستلاحظ أن العناوين في البوتستراب تتراوح بين المستويات H1 إلى H6، وسأوضح لك كيف يمكنك استخدام Badge بجانب هذه العناوين لإضافة لمسات بصرية مميزة.
وبعد ذلك، سنستعرض مجموعة متنوعة من Badge، وسأريك كيف يمكنك استخدامها بطرق مختلفة داخل تصميم موقعك.
ثم سننتقل إلى الأزرار (Buttons) في البوتستراب، ثم سنتعرف على الأنواع المختلفة من الأزرار، وكيفية تخصيصها وتعديل أسمائها بسهولة.
وسأريك أيضًا طريقة تحويل Link إلى زر باستخدام Class Button، وكيفية التحقق من أن كل شيء يعمل كما يجب بتنفيذ الخطوات معك خطوة خطوة. تابع معي لتتعلم كيفية إضافة هذه العناصر إلى موقعك بطريقة احترافية وسهلة.

في هذه الحلقة، سنتعلم معًا Card في البوتستراب، وهو عنصر يتيح لك عرض صورة مع عنوان ومقال وزر تحكم في تصميم أنيق ومرتب. وستلاحظ أن اختلاف الخلفية بين البطاقات يساعدك في التفرقة بينها بسهولة في أثناء التصميم.
وسأوضح لك كيف يمكنك إنشاء Card في البوتستراب، وسنقوم معًا بتجربة عملية لتوضيح تصميم البطاقة. في أثناء ذلك، ستتعلم كيف تستخدم div class="d-flex justify-content-between" لتوزيع المسافات بين العناصر داخل التصميم بطريقة متناسقة، إضافة إلى فهم كيفية التحكم في الأحجام داخل البوتستراب التي تتراوح بين 1 إلى 5.
وسنناقش أيضًا مشكلة شائعة عند إضافة الصور داخل Card، وسأوضح لك الطريقة الصحيحة لإضافة صورة جديدة دون حدوث أي خلل في التصميم.
وبعد ذلك، سننتقل إلى شرح Dropdowns، وهي القوائم المنسدلة التي تتيح لك وضع قائمة داخل قائمة أخرى، ما يسهل تنظيم المحتوى.
وسأشرح لك كيفية كتابة كود Dropdowns، وسأستعرض معك بعض الأشكال المختلفة التي يمكنك استخدامها في تصميمك.
وأخيرًا، سأوضح لك أن أفضل طريقة لفهم البوتستراب فهمًا أعمق هي بالاطلاع على الوثائق الرسمية الخاصة به، فيمكنك العثور على جميع التفاصيل والمراجع المهمة.

في هذه الحلقة، سنتعلم معًا القوائم (List) في البوتستراب، وأنواعها المختلفة، والفروق بينها. وستتعلم كيف يمكنك استخدام القوائم في تصميمك، وما التصاميم المتاحة لها داخل البوتستراب.
سنتحدث عن List Group، وهي قائمة تحتوي عناصر عدة بداخلها، وتُعد من أكثر الأنواع التقليدية استخدامًا.
وسنتعرف إلى Active Item، وهو العنصر الذي يتميز بلون معين تلقائيًّا عند تحديده، إضافة إلى Disabled Items، وهي العناصر المعطلة التي نادرًا ما تُستخدم.
وبعد ذلك، سننتقل إلى Button List Group، فيمكنك تحويل القائمة إلى مجموعة من الأزرار التفاعلية.
وسأوضح لك كيف يمكنك تعديل أي عنصر داخل القائمة ليعمل بالشكل الذي تريده تمامًا.
وسنتناول أيضًا Flush List Group، وسأشرح لك لماذا لا يوجد فرق كبير بينها وبين القوائم العادية، مع استعراض أنواع مختلفة للقوائم لاستخدامها في مشروعاتك.

في هذه الحلقة، سنتعرف معًا إلى Modal في البوتستراب، وهو عنصر يتيح لك عرض نوافذ منبثقة يمكن استخدامها لإضافة محتوى مثل الصور أو العناوين أو أي معلومات أخرى ترغب في عرضها عرضًا تفاعليًّا.
وسأرشدك إلى كيفية استخدام كود Modal، وسنقوم معًا بتجربة عملية، لاننا سنضغط على زر Modal لنرى كيف يمكن تخصيصه لإضافة محتوى مخصص وفقًا لاحتياجاتك.
وسأستعرض معك مجموعة متنوعة من الأنواع المميزة لـModal، حتى تتمكن من اختيار النوع الملائم لموقعك.

في هذه الحلقة، سنتعرف معًا إلى Navbar في البوتستراب، وهو شريط التنقل الذي يساعد في تنظيم الروابط داخل الموقع بطريقة واضحة وسهلة الاستخدام.
وسنبدأ بأخذ كود جاهز للـNavbar، وسأجري بعض التعديلات عليه، مع إزالة أي عناصر غير ضرورية للحصول على تصميم أكثر سهولة ومرونة.
وسأوضح لك الفرق بين التعامل مع الاتجاهات والأحجام في CSS مقارنةً بما يقدمه البوتستراب.
وسنتعلم كيف يمكننا نقل الروابط داخل الـ Navbar إلى اليمين، إضافة إلى كيفية التحكم في المسافات بين الكلمات باستخدام كود معين.
وسأعلِّمك الطريقة التي تمكنك من إزالة الـ Navbar تمامًا واستبداله بعنصر آخر داخل موقعك.

في هذه الحلقة، سنتعلم معًا Pagination في البوتستراب، وهي التقنية المستخدمة لتقسيم المحتوى إلى صفحات متعددة، مثل أرقام الصفحات التي تراها في أسفل نتائج البحث عند استخدام جوجل.
وسأرشدك إلى كيفية إنشاء Pagination في موقعك بسهولة، بنسخ مجموعة من الأكواد ولصقها في مشروعك لتطبيق الترقيم التلقائي للصفحات.
ستتعلم كيف يمكنك تخصيص التصميم بما يلائم احتياجاتك، ما يجعل تجربة التصفح داخل موقعك أكثر سهولة وسلاسة.

في هذه الحلقة، سنتعلم معًا Progress في البوتستراب، وهو العنصر المستخدم لعرض تقدم العمليات المختلفة داخل الموقع، مثل تحميل الملفات أو استكمال المهام.
قبل أن نبدأ، من المهم أن تفهم Labels؛ لأنه تعتمد عليها شريط التقدم لإظهار النسب التي تظهر مدى تقدم العملية.
وسأوضح لك كيفية استخدام Progress بطريقة سهلة، وكيفية تخصيصه ليتلاءم مع احتياجات مشروعك.

في هذه الحلقة، سنتعلم معًا Spinner في البوتستراب، وهو العنصر المستخدم للإشارة إلى عمليات البحث أو التحميل داخل الموقع.
وستلاحظ وجود عدد من الأنواع المتاحة التي يمكنك الاختيار منها وفقًا لتصميمك، ويمكنك تخصيص اللون ليوافق هوية موقعك.
وسأوضح كيفية استخدام Spinner عمليًا، وسنطبق معًا مثالًا داخل الكورس لنرى كيف يمكن إضافته وتعديله بسهولة.

في هذه الحلقة، سنبدأ بمراجعة سريعة لما تعلمناه في الحلقات السابقة، للتحقق من استيعابك لكل المفاهيم التي تحدثنا عنها حتى الآن في البوتستراب.
وبعد ذلك، سنتعرف إلى Reboot، وسأوضح لك الفرق بين استخدامها في البوتستراب وفي CSS التقليدي.
وسنتناول الفرق بين أنواع العناوين (Headings) المختلفة، التي تتراوح بين H1 إلى H6، وكيفية استخدامها بطريقة صحيحة داخل مشروعك.

في هذه الحلقة، سنتعلم معًا Layout في البوتستراب، وهو أحد المفاهيم الأساسية التي يعتمد عليها تصميم الصفحات داخل الإطار.
وسنركز على Containers التي تُعد من أهم العناصر في تنظيم المحتوى داخل الموقع، وسأوضح لك الفرق بين Container العادي وContainer Fluid.
وستتعلم أن Container العادي يترك مسافات كبيرة على جانبي المحتوى، في حين Container Fluid يستخدم المساحة بالكامل مع تقليل الهوامش.
وسنناقش متى يجب استخدام كل نوع لضمان توافق التصميم مع مختلف أحجام الشاشات؟
وبعد ذلك، سننتقل إلى تطبيق عملي، وسنجري تعديلات على الأكواد ونتعلم كيفية ضبط حجم الـ Container وفقًا لحجم الشاشة.
وسنتطرق إلى مفهوم Gutters، وهي المسافات بين الأعمدة داخل التخطيط الشبكي.

في هذه الحلقة، سنتعلم Utilities في البوتستراب، وهي مجموعة من الأدوات التي تسهل عليك استخدام الإطار بكفاءة وسرعة. كما سنتعلم كيف يمكنك بها التحكم في التصميم بسهولة دون الحاجة إلى كتابة أكواد CSS معقدة.
وسأوضح لك الطريقة التي تمكنك من تغيير لون الخلفية باستخدام كود صغير، وسنتعلم كيفية العثور على تدرجات الألوان داخل البوتستراب، إضافة إلى كيفية تعديل درجة اللون ونسبته وفقًا لرغبتك.

في هذه الحلقة، سنتعرف على كيفية استخدام Borders داخل البوتستراب، وهي أداة مهمة تتيح لك التحكم في حدود العناصر داخل تصميم موقعك.
وسنستعرض الأنواع المختلفة للحدود التي تشمل:
1. Borders Top لإضافة حد علوي.
2. Borders End لإضافة حد على الجهة اليمنى أو اليسرى حسب اتجاه اللغة.
3. Borders Bottom لإضافة حد سفلي.
4. Borders Start لإضافة حد على الجهة المقابلة لـ End.
وسأوضح لك أن مفهوم Start وEnd في البوتستراب يختلف عن الاتجاهات التقليدية، فيشير Start إلى اليسار (Left) وEnd إلى اليمين (Right) في الوضع الافتراضي.
وبعد ذلك، سنجرب معًا كود عملي لتطبيق Borders، وسأشرح لك الطريقة التي تمكنك من إضافة حدود لجميع الجهات أو استثناء جهة معينة، إضافة إلى كيفية تغيير لون الحدود لجعل التصميم أكثر احترافية.

في هذه الحلقة، سنتعرف إلى كيفية التحكم في ألوان النصوص داخل البوتستراب، وهي إحدى الأدوات التي تمنحك حرية تخصيص التصميم بما يوافق رؤيتك.
وسأوضح لك الطريقة التي تمكنك من تغيير لون النصوص بسهولة، فيمكنك استخدام -text متبوعًا باللون الذي تريده لتطبيقه مباشرةً.
وسنتعلم معًا كيف يمكنك تنفيذ ذلك بالتفصيل، مع تجربة عملية توضح كيفية ضبط الألوان بما يتوافق مع تصميم موقعك.
وسنتناول كيفية التحكم في شفافية النصوص بالطريقة نفسها التي نستخدمها مع الخلفيات (Background)، ما يتيح لك مرونة أكبر في تصميم العناصر البصرية داخل مشروعك.

في هذه الحلقة، سنتعرف إلى Display في البوتستراب، وهي الخاصية التي تتيح لك التحكم في كيفية عرض العناصر داخل الصفحة.
وسنستعرض الأنواع المختلفة لـ Display وكيفية استخدامها لتحقيق التصميم المطلوب.
وسأوضح لك طريقة كتابة Display داخل كود البوتستراب، وسنطبق مثالًا عمليًّا، فسنجري بعض التعديلات لعرض النصوص بجوار بعضها بدلًا من ترتيبها فوق بعضها.
وسنتعرف إلى كيفية استخدام Display Block مع عنصر Span لجعله يأخذ المساحة الكاملة داخل الصفحة.

في هذه الحلقة، سنتعرف إلى Flex في البوتستراب، وهي خاصية تُستخدم لتنظيم العناصر داخل الصفحة بطريقة أكثر مرونة، وترتبط ارتباطًا وثيقًا بـ Display ولكنها تعطي إمكانيات إضافية.
وسأوضح لك أنواع Justify Content المختلفة، وكيفية استخدامها لتوزيع العناصر داخل الحاوية، مع التركيز على Justify Content Evenly التي تجمع بين Justify Content Between وJustify Content Around، ما يجعل توزيع المسافات بين العناصر أكثر توازنًا. وسنطبِّق مثالًا عمليًّا يساعدك على فهم الفرق بين هذه القيم.
وبعد ذلك، سنتعرف إلى Align Items التي تتيح لك محاذاة العناصر في منتصف الصفحة بسهولة.
وسأشرح لك دور Auto Margin في التحكم في العنصر أفقيًّا فقط، في حين تساعد Justify Center في ضبط العنصر أفقيًّا وعموديًّا في الوقت نفسه.

في هذه الحلقة، سنتعلم كيفية اختيار وتخصيص أسلوب (Style) الروابط داخل البوتستراب، فيمكنك التحكم في مظهرها بسهولة باستخدام مجموعة من الخصائص المتاحة.
وسأشرح لك مفهوم Opacity، وكيفية التحكم في شفافية لون الرابط، إضافة إلى Underline Color التي تتيح لك تعديل لون الخط السفلي للرابط ليصبح أكثر توافقًا مع التصميم العام.
وسنتعلم Underline Offset التي تحدد المسافة بين الرابط والخط الموجود تحته، ما يمنحك حرية أكبر في ضبط المسافات. وسنطبق عمليًّا هذه الخصائص، وسأوضح لك كيف يمكنك تعديل Opacity وUnderline Offset لتخصيص الروابط وفقًا لرؤيتك التصميمية.

في هذه الحلقة، سنتعلم خاصية Overflow في البوتستراب التي تتيح لك التحكم في كيفية تعامل العناصر مع المحتوى الزائد داخل الصفحة.
وسأوضح لك كيفية استخدام Overflow Auto التي تضيف المحتوى الزائد تلقائيًا إذا كانت هناك مساحة كافية، في حين يمكنك استخدام Overflow Hidden لإخفاء أي محتوى زائد ومنع ظهوره للزوار للحفاظ على تصميم مرتب.
وسنتعلم Overflow Visible التي تعمل بعكس Overflow Hidden، حتى تسمح ببقاء المحتوى الزائد مرئيًّا، وOverflow Scroll التي تضيف شريط تمرير عندما يكون المحتوى كبيرًا ويتجاوز المساحة المتاحة.
وسأوضح أيضًا الفرق بين Overflow الأفقي (Horizontal) وOverflow العمودي (Vertical)، وكيفية التحكم في كل منهما بأسلوب منفصل لتوافق احتياجات تصميمك.

في هذه الحلقة، سنتعلَّم Position في البوتستراب، وهي واحدة من أهم الخصائص التي تتيح لك التحكم في أمكنة العناصر داخل الصفحة.
سنتعلَّم القيم الخمس المختلفة لـ Position، وهي:
1. Relative: لتحريك العنصر نسبةً إلى موقعه الأصلي.
2. Static: وهو الوضع الافتراضي للعناصر دون أي تغيير.
3. Fixed: لتثبيت العنصر في مكان معين بغض النظر عن التمرير.
4. Absolute: لوضع العنصر داخل عنصر أبوي محدد دون التأثر بباقي العناصر.
5. Sticky: لجعل العنصر يظل ثابتًا حتى يصل إلى نقطة معينة في التمرير، ثم يتحرك بعدها.
وسنتعلَّم كيف يمكننا ترتيب العناصر (Arrange Elements) باستخدام Position من خلال التحكم في الاتجاهات المختلفة مثل Top وBottom وLeft وRight، وسنطبق مثالًا عمليًا يوضح كيفية استخدام هذه القيم بمرونة داخل تصميم الموقع.

في هذه الحلقة، سنتعلَّم Z-Index في البوتستراب، وكيفية استخدامه للتحكم في ترتيب الطبقات داخل التصميم، لا سيما عند التعامل مع Position.
وسأوضح لك كيف يؤثر Z-Index في ترتيب العناصر، لأن العنصر الذي يحمل قيمة أعلى من Z-Index سيظهر في المقدمة مقارنةً بالعناصر الأخرى.
وسنتعلم أيضًا كيفية دمج Z-Index مع Position، مثل عندما يتم تعيين Position Relative للعنصر الأب وPosition Absolute للعنصر الابن، ما يسمح لك بإعادة ترتيب العناصر بسهولة.
وسنطبق مثالًا عمليًّا لفهم كيفية ترتيب الطبقات، وسأوضح لك كيف يمكنك استخدام Z-Index لإنشاء تأثيرات مرئية جذابة داخل مشروعك.

في هذه الحلقة، سنتعلم Shadows في البوتستراب، وهي الخاصية التي تمنح النصوص والعناصر تأثيرًا بصريًا مميزًا بإضافة الظلال.
وسأوضح لك القيم المختلفة التي يمكن استخدامها مع Shadows، وهي:
## Shadows None: لإزالة الظل تمامًا.
## Shadows-sm: لإضافة ظل خفيف وبسيط.
## Shadows-lg: لإضافة ظل أكثر وضوحًا وكثافة.
وبعد ذلك، سنجرِّب مستويات الظل عمليًا باستخدام الكود الموضح في المحاضرة، وسأريك كيف يمكن لهذه الخاصية تحسين المظهر الجمالي للنصوص داخل موقعك.

في هذه الحلقة، سنتعلَّم Sizing في البوتستراب، مع التركيز على خاصية Width التي تُعد واحدة من أهم الأدوات للتحكم في عرض العناصر داخل التصميم.
وسأوضح لك كيفية استخدام القيم المختلفة للعرض (Width) في البوتستراب التي تشمل:
1. W-25: تعني أن العنصر سيأخذ 25% من عرض العنصر الأساس.
2. W-50: تعني أن العرض سيكون 50%.
3. W-75: تعني أن العرض سيكون 75%.
4. W-100: تجعل العنصر يأخذ العرض بالكامل.
5. W-auto: تجعل العرض يتكيف تلقائيًا بناءً على حجم المحتوى بدلًا من ملء المساحة المتاحة بالكامل.
وبعد ذلك، سنجرِّب تجربة عملية لكتابة Width داخل الكود، وسأوضح لك كيف يمكنك التحكم في عرض العناصر بسهولة داخل تصميم موقعك باستخدام البوتستراب.

في هذه الحلقة، سنتعلَّم Spacing في البوتستراب، وكيفية التحكم في المسافات بين العناصر باستخدام Margin وPadding، إضافة إلى التعرف على Gap التي تُستخدم لإنشاء مسافات بين الصفوف والأعمدة.
وسأوضح لك كيف يمكنك تطبيق Margin من طريق كتابة m- متبوعًا بالحجم المطلوب، وإذا كنت ترغب في التحكم في Padding، يمكنك استخدام p- بالطريقة نفسها.
عند الحاجة إلى إضافة Margin أفقيًّا، يمكنك استخدام mx-، وإذا كنت تريد تطبيقه عموديًّا، يمكنك استخدام my-.
وبعد ذلك، سنتعلَّم Gap، وكيف يمكنك به ضبط المسافات بين الصفوف (Rows) والأعمدة (Columns) بطريقة مرنة وسهلة.
وسنطبق هذه الخصائص عمليًا داخل الكود، وسأوضح لك كيف يمكنك استخدامها لتحسين تخطيط موقعك.

في هذه الحلقة، سنتعلَّم كيفية التحكم في النصوص داخل البوتستراب، بدءًا من اتجاهات النصوص حتى حجم الخط وتأثيراته المختلفة.
وسأوضح لك كيف يمكنك تغيير اتجاه النص بسهولة باستخدام البوتستراب، وسنطبق مثالًا عمليًا لفهم الطريقة فهمًا أفضل.
وبعد ذلك، سنتعلم Text Wrapping وكيفية التحكم في Overflow عند التعامل مع النصوص الطويلة.
وسننتقل إلى Text Transform، حتى يمكنك استخدام:
## text-uppercase لتحويل النص إلى أحرف كبيرة بالكامل.
## text-lowercase لتحويل النص إلى أحرف صغيرة بالكامل.
## text-capitalize لجعل الحرف الأول من كل كلمة كبيرًا.
وبعد ذلك، سنتعلَّم كيفية التحكم في حجم الخط (Font Size) التي يتم ترقيمها من 1 إلى 6 بأسلوب العناوين (Headings) نفسه.
وسأوضح لك أيضًا كيفية ضبط Font Weight لإضافة تأثير الخط العريض أو الرقيق، إضافة إلى استخدام Italics لإمالة النص.
وفي نهاية الحلقة، سأشارك معك نصيحة مهمة لمساعدتك في تحسين استخدامك للنصوص داخل مشروعاتك، استمع إليها جيدًا!

في هذه الحلقة الأخيرة من الكورس، سنأخذ كل ما تعلمناه في الحلقات السابقة ونطبقه عمليًا على مشروع حقيقي.
وسنعمل معًا على موقع جرى إنشاؤه عن الطبيعة مثالًا، وسننفذ جميع المفاهيم التي تعلمناها في الكورس خطوة خطوة.
وسنبدأ بربط جميع ملفات البوتستراب بالمشروع، ثم سنجري تعديلات تفصيلية على الأكواد لضمان استيعابك الكامل لطريقة التطبيق.
سنطبق أيضًا تطبيقًا عمليًّا على Navbar، لأننا سنتعلم كيف يمكننا تخصيصه بإضافة خلفية جذابة وتعديل لون النصوص.
وبعد ذلك، سنواصل التطبيق على الخطوات التي تعلمناها، لضمان أنك أصبحت قادرًا على استخدام البوتستراب بفعالية في مشروعاتك.
والآن تنتهي رحلتنا معًا في هذا الكورس، لكن رحلتك في التعلم والتطوير لا تتوقف هنا! الآن لديك الأدوات والمعرفة التي تمكنك من تصميم مواقع احترافية باستخدام البوتستراب.
استمر في التجربة والتطبيق، ولا تتردد في استكشاف مزيد من إمكانيات هذا الإطار الرائع.
وشكرًا لك على متابعتك، وأتمنى لك كل التوفيق في مشروعاتك القادمة. ونلتقي في دورات جديدة قريبًا!