شبكة تعلم مع ناو

ووردبريس*جافاسكربت*لينكس-برمجة عامة

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

كل ما تم نشره بالموقع من مقتطفات ومسارات تعلم ومقالات وغيرها

  • تاريخ التحديث:

    HTTP Only Cookie

    توضيح بعض المفاهيم المتعلقة بالسيرفر بشكل عام، وسيرفر NextJS بشكل خاص. وكما تم توضيح كيفية حفظ JWT في HTTP Only Cookie وتطبيق ذلك على نقاط تسجيل الدخول والخروج.

  • تاريخ التحديث:

    ُAdd Recipe API Point

    سنبدأ بإضافة نقطة API جديدة في تطبيق NextJS لإضافة وصفة جديدة، وثم سنرسل طلب إضافة وصفة لــِ backend من هذه النقطة.

  • تاريخ التحديث:

    isLoggedIn API Point

    سنقوم بإنشاء نقطة جديدة في NextJS API تحدد إذا كان المستخدم مسجل الدخول أم لا. أيضاً قمنا بإنشاء useUser Hook لحماية بعض المسارات من الدخول غير المخول به على جهة…

  • تاريخ التحديث:

    useUser & Redirect

    سيتم استخدام useUser Hook لحماية بعض الصفحات من الدخول غير المخول به على جهة Client. أيضاً سنقوم بإعادة توجيه الزوار بعد تسجيل الدخول والخروج للصفحة المناسبة.

  • تاريخ التحديث:

    Edit & Delete Recipe API Point

    إضافة نقاط API الخاصة بتعديل وحذف الوصفة، وإرسال طلبات لــ backend من هذه النقاط.

  • تاريخ التحديث:

    بناء Header Component

    سنبدأ ببناء Authentication System، يٌمكّن المستخدمين من القيام بالمهام المخولة لهم بعد تسجيل الدخول. البداية ستكون بإنشاء Header Component بسيطة.

  • تاريخ التحديث:

    إنشاء صفحة الوصفة الأحادية

    كيفية إنشاء صفحة أحادية للوصفة وجلب معلومات الوصفة الواحدة من جهة السيرفر.

  • تاريخ التحديث:

    صفحة وطلب تعديل الوصف

    كيفية بناء صفحة تعديل الوصفة مع النموذج الخاص بها وأيضاً تغيير ترتيب عرض الوصفات.

  • تاريخ التحديث:

    إضافة وصفة جديدة

    كيفية إضافة وصفة جديدة وإرسالها لجهة السيرفر وكيفية إضافة authorized access token للمشروع.

  • تاريخ التحديث:

    حذف وصفة

    بناء زر حذف وصفة في الواجهة الأمامية وإرسال طلب حذف الوصفة لجهة السيرفر.

  • تاريخ التحديث:

    Tokens & Permissions 1

    كيفية تحديد صلاحيات الدخول لنقاط API كاملة. كما تم شرح JSON Syntax

  • تاريخ التحديث:

    Populate Media & HTTP Requests

    سنقوم بإضافة حقول أخرى لـــ Recipe Collection.أيضا كيفية التعامل مع الصور والوسائط في Strapi. كما قمنا بإنشاء نقاط API مختلفة من POST/DELETE/PUT/GET.

  • تاريخ التحديث:

    Admin & Permissions based Users

    كيفية إضافة مستخدمين في Strapi.وكيفية إضافة relations بين collections.

  • تاريخ التحديث:

    أساسيات استخدام Strapi CMS (اختياري)

    الرجاء الذهاب لمسار تعلم Headless CMS، وتتبع الفيديوهات الخاصة بـــِ بأساسيات تعلم Strapi Headless CMS. في الخطوات القادمة، سنقوم ببناء مشروع NextJS متكامل مبني على Strapi Backend.

  • تاريخ التحديث:

    مقدمة المشروع وعرض كل الوصفات

    سنقوم بترتيب ملفات المشروع الرئيسية. كما سيتم الربط مع نقطة جلب كل الوصفات من Strapi، وعرضها على صفحة المشروع الرئيسية.

تواصل معي

يسرني التواصل معكم عبر البريد الإلكتروني

mail at LearnWithNaw dot net

كيف أستطيع تسهيل أعمالك؟