دورة 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، حيث سنتعلم كيف يمكننا تخصيصه بإضافة خلفية جذابة وتعديل لون النصوص.

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

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

شكرًا لك على متابعتك، وأتمنى لك كل التوفيق في مشاريعك القادمة. نلتقي في دورات جديدة قريبًا!