الآن دخلنا مرحلة تخصيص نظام الألوان بالكامل في Bootstrap 5.3بمستوى احترافي وليس مجرد تعديل عشوائي 👏 أنت تريد: سنقسم الشرح إلى 3 مستويات: 🎯 المستوى 1: فهم كيف يعمل Bootstrap 5.3 داخليًا Bootstrap 5.3 يعتمد على: مثال: كل مكونات Bootstrap…
الآن سنبني نظام Dark / Light Mode احترافي 100% باستخدام⚡ Bootstrap 5.3 الرسمي (وليس CSS عشوائي). Bootstrap 5.3 يقدم دعم رسمي عبر: ونحن سنبني نظام احترافي فيه: 🎯 الفكرة المعمارية الصحيحة نحتاج: ⚠️ لا نستخدم Redux لهذا الغرض. 🏗 الخطوة…
🎯 الحل الاحترافي الحقيقي 🔥 إنشاء QuickViewModal واحد على مستوى التطبيق كله بدل وضع المودال داخل كل صفحة، نضعه في مكان أعلى: 🧠 كيف نجعل أي كتاب في أي صفحة يفتح نفس المودال؟ لدينا خيارين احترافيين: 🟢 الخيار 1 (أنظف…
1- Slice Code 2- Book Page 3- أزرار التنقل سنرجع الآن ونشرح ربط رقم الصفحة بالـ URL بالتفصيل العميق خطوة خطوة حتى تفهمه معماريًا بالكامل. 🎯 الهدف النهائي نريد أن يصبح الرابط هكذا: وعند: 🔥 هذا هو السلوك الاحترافي. 🧠…
الطريقة الثانية: أولًا: تنفيذ Live Search بدون Debounce (للفهم) التنفيذ الصحيح باستخدام setTimeout
const latestBooks = data?.slice(0, 5); 🧠 أولاً: السطر الكامل 🎯 ماذا نريد أن نفعل؟ نريد: اختيار الكتب التي تنتمي للتصنيف الحالي فقط. 🧩 لنفهم شكل البيانات أولاً شكل الكتب داخل data 🧩 قيمة id من الرابط لو الرابط: فإن: 🧠…
الكتب المتعلقة من خلال هذا الكود: 🧠 أولاً: الرابط الكامل هذا يسمى: ⭐ Strapi REST Query Filters وهو نظام فلترة جاهز داخل Strapi. 🎯 الهدف من هذا الرابط نريد: 👉 كتب لها نفس التصنيف👉 بدون الكتاب الحالي👉 مع جلب الصور…
✅ عناصر Block (تبدأ بسطر جديد وتملأ العرض غالبًا) العنصر الوصف <div> حاوية عامة <p> فقرة <h1> إلى <h6> العناوين <header> رأس الصفحة/القسم <footer> تذييل <main> المحتوى الرئيسي <section> قسم <article> مقال <aside> محتوى جانبي <nav> شريط التنقل <form> نموذج…
قيد التجهيز قريبا ….
1) ما هو أمر file ولماذا نستخدمه؟ أمر file يحدد نوع الملف الحقيقي بناءً على محتواه (وليس فقط الامتداد). يعني: متى يفيدك؟ 2) الصيغة العامة (Syntax) يمكن تمرر أكثر من ملف مرة واحدة: 3) أمثلة بسيطة (Exploring file) أ) فحص…