كيف تُنشئ صفحة جديدة لكل سؤال في أكاديمية حسوب؟

يوجد نوعين من المواقع أو خوادم الويب، وهي الثابتة static والمتغيرة dynamic، ففي المواقع الثابتة كل صفحة من الموقع يقابلها ملف صفحة مخصص لها بمحتوى ثابت لا يتغير، فعند تطبيق هذه الطريقة على موقع سيحوي الكثير من الصفحات والمحتوى مثل موقع الأكاديمية لن يكون هذا الحل عمليًا،

هنا يُبنى هذا النوع من المواقع بطريقة متغيرة أو ديناميكية، أي بدلًا من إنشاء صفحة مخصصة لكل سؤال مثلًا، يتم تخزين محتويات تلك الأسئلة في مكان ما، مثل قاعدة البيانات، وعند طلب صفحة سؤال ما يُجلب قالب واجهة أمامية ثابت لصفحات الأسئلة ويملأه الموقع بمحتوى السؤال والإجابات ما يولد صفحة السؤال كما تشاهدها وترسل للمتصفح لديك، أي أنه يوجد صفحة واحدة ضمن موقع الأكاديمية خاصة بالأسئلة، تُملئ بالمحتوى المناسب عند طلبك لصفحة سؤال ما،

يمكنك القراءة أكثر عن نوعي خادم الويب الديناميكي والثابت من المقال التالي:

ويمكنك الاطلاع بنظرة شاملة عن أقسام تعلم الويب ومجالاتها لفهم كيف تُقسم المهام لتخديم موقع متكامل من المقال التالي:

كما وضح لك حسن في التعليق السابق فإن هذه المواقع تسمى بالمواقع الديناميكية فمثلاً يتم إنشاء صفحة لكل سؤال حيث يتم حفظ واجهة للسؤال وهي نفس الشكل في جميع الأسئلة أي قالب واحد ولكن مع تغيير البيانات وهذه البيانات يتم إضافتها في قواعد البيانات

وهذا جزء من عمل ال backend 

كما أنه ظهرت تقنية جديدة تسمى static site generator  هي أداة تنشئ موقع ويب HTML ثابته كاملاً بناءً على البيانات الأولية ومجموعة من القوالب. بشكل أساسي ، يقوم منشئ الموقع الثابت بأتمتة مهمة ترميز صفحات HTML الفردية ويجعل هذه الصفحات جاهزة لتقديمها للمستخدمين في وقت مبكر. نظرًا لأن صفحات HTML هذه مبنية مسبقًا ، فيمكن تحميلها بسرعة كبيرة في متصفحات المستخدمين.تعد مولدات المواقع الثابتة بديلاً لأنظمة إدارة المحتوى (CMS) - وهي نوع آخر من الأدوات لإدارة محتوى الويب وإنشاء صفحات الويب وتنفيذ القوالب. (القالب هو تنسيق قابل لإعادة الاستخدام لمحتوى الويب ؛ يستخدم المطورون القوالب لتجنب كتابة نفس التنسيق مرارًا وتكرارًا.) تعد مولدات المواقع الثابتة عادةً جزءًا من نهج تطوير ويب JAMstack.

العديد من مولدات الموقع الثابتة موجودة جالياً ويعتبر الأفضل :

• Jekyll
• Gatsby
• Hugo
• Next.js
• Eleventy