أحدث ما نشرناه

  • Optional Chaining Operator

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

  • أساسيات SQL

    ستتعلم مجموعة من المهارات الأساسية التي تساعدك على التفاهم واستخدام لغة SQL بشكل فعال. أيضاً ستتعلم كيفية استخدام عبارات SELECT، INSERT، UPDATE، DELETE للتعامل مع البيانات في قواعد البيانات.

  • أمر الاستعلام SELECT

    عبارة SELECT في لغة SQL تُستخدم لاسترداد البيانات من قاعدة البيانات. تُمكنك من تحديد الأعمدة التي تود استردادها وتحديد الشروط التي يجب أن تتوفر لتحقيق البحث المطلوب.

  • إدراج بيانات INSERT INTO

    عبارة INSERT INTO في لغة SQL تُستخدم لإدخال بيانات جديدة إلى جدول في قاعدة البيانات. يمكنك تحديد الأعمدة التي تود إدخال القيم لها وتعيين قيمة لكل عمود.

  • تحسين Filter Box

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

  • موضوعات أساسية

    تتعلم هنا حول موضوعات أساسية ومنوعة في جافاسكربت.

  • الفلترة حسب المدة الكلية والوجبة

    في هذا الدرس، سنضيف خاصية التصفية حسب الوجبة وحسب المدة الكلية لتحضير الوصفة.

  • ٍمربع البحث | Search Box

    يتم توضيح طريقة التصفية والبحث والترتيب المتبعة وأيضاً كيفية إضافة مربع البحث للموقع وجعله يعمل بشكل حقيقي.

  • الترتيب حسب التاريخ

    يتم إضافة خاصية ترتيب الوصفات بشكل تصاعدي أو تنازلي حسب تاريخ التحديث، وذلك باستخدام qs و خاصية strapi لــِ filtering and searching.

  • مفهوم Pagination

    في هذا الدرس سنستعرض سوية مفهوم Pagination أو تجزئة القيود ضمن صفحات. كما سيتم إنشاء Pagination Component.

  • Display Thumbnails

    سنقوم بعرض الصورة المصغرة أو البارزة لكل وصفة في الصفحة الرئيسية وصفحة الوصفة الأحادية.

  • رفع الصورة للسيرفر

    سنرفع الصورة لسيرفر Strapi من NextJS ونعرض رسائل الخطأ و النجاح الخاصة بعملية الرفع.

  • Refactor & Thumbnail Field Preview

    بداية نقوم بإعادة ترتيب Recipe Form Messages، وثم إضافة حقل الصورة المصغرة مع معاينتها في نموذج الوصفة.

  • Recipe Form Validation

    سنقوم بالتحقق من صحة البيانات المدخلة في Recipe Form، كما سنقوم بـــ sanitization باستخدام trim function.

  • Register Form Validation

    سنقوم بالتحقق من صحة البيانات المدخلة في نموذج إنشاء حساب. وكذلك سنقوم بتنظيف الفراغات المرسلة مع حقول نموذج إنشاء حساب.