الفرونت اند

وعليكم السلام ورحمة الله وبركاته .

بتاريخ 25 دقائق مضت قال Hiba Abdalrheem:

قمت بتنزيل قالب جاهز للتصميم وعدلت عليه هل بذلك اكون أنهيت جزء الفرونت اند؟

هكذا أنتي أنهيتي واجهة المستخدم وليس الفرونت إند كاملا فيجب أن يتم ربطه بالواجهة الخلفية لإنهاءه كاملا.

بتاريخ 25 دقائق مضت قال Hiba Abdalrheem:

وماهي الخطوات التالية لربطه بالباك اند ورفع الموقع؟

لربطه يجب تعلم جافاسكريبت أو إستخدام أطر عمل مثل React وغيرها إذا كان المشروع كبيرا لتسهيل الأمور عليكي . فيتم الربط من خلال إرسال طلبات API إلى الواجهة الخلفية ومن ثم إستقبال البيانات في الواجهة الأمامية وإظهارها في الموقع . فإذا لم يكن لديكي خلفية مسبقة عن جافاسكريبت أو React أو أى إطار عمل أخر يجب دراستهم أولا لتستطيع ذلك ويمكنكِ قراءة الإجابات التالية :

بتاريخ 25 دقائق مضت قال Hiba Abdalrheem:

لدي مدة أقصاها شهر ونصف هل يمكنني إنهاء الموقع خلالها؟

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

عملية الربط تعتمد على مفهوم يسمى API (واجهة برمجة التطبيقات)، وهو الوسيط الذي ينقل البيانات بين واجهة الموقع (الفرونت إند) والخادم (الباك إند).

ولذلك الخطوة التالي هي اختيار لغة برمجة (مثل Node.js، PHP، Python) لبرمجة الخادم أي ستقوم بإنشاء روابط (Endpoints) مهمتها استقبال طلبات الفرونت إند والرد عليها (مثل رابط لتسجيل الدخول، رابط لجلب المقالات، إلخ).، وإنشاء قاعدة بيانات (مثل MySQL أو MongoDB) لحفظ البيانات ثم في ملفات الفرونت إند الخاصة بك، ستستخدم دوال مثل fetch() أو مكتبات مثل Axios لإرسال الطلبات إلى الـ API الذي صنعته، ثم عرض البيانات الراجعة في القالب.

إذا كان الموقع لا يحتاج إلى منطق برمجي معقد في الخلفية (مجرد حفظ واسترجاع بيانات)، يمكنك استخدام خدمات "الباك إند كخدمة" مثل Firebase أو Supabase. هذه الخدمات توفر لك قاعدة بيانات جاهزة للربط مع الفرونت إند مباشرة دون الحاجة لبرمجة باك إند كامل من الصفر، مما سيجعل شهر ونصف مدة أكثر من كافية!