أنواع أطر العمل وكيف تختار

طريقان إلى نفس الفكرة

قبل أن تبدأ

الفكرة الجوهرية

1ثلاث خانات حسب مكان العمل

أول سؤال عن أي إطار: أين يعمل؟ الجواب يضعه في واحدة من ثلاث خانات:

معظم التطبيقات الحقيقية تستخدم خانتين: إطار واجهة يكلّم إطار خادم عبر واجهة REST، مثل React مع FastAPI. والإطار المتكامل يجمعهما في مشروع واحد حين يناسب ذلك.

2عائلات أخرى ستسمع عنها

كلمة «إطار» تُستخدم خارج الويب أيضًا. لن تحتاجها الآن، لكن حين تسمعها تعرف خانتها: أطر الجوال مثل React Native وFlutter تبني تطبيقًا لأندرويد وآيفون من كود واحد. أطر الاختبار مثل pytest وJest تشغّل اختباراتك، وستقابل pytest في قسم الجودة. أطر التنسيق مثل Tailwind وBootstrap تعطيك CSS جاهزًا. وأطر الذكاء الاصطناعي مثل PyTorch تبني النماذج وتدرّبها.

3صغير مرن أم «جاهز بكل شيء»؟

داخل كل خانة يوجد نوعان. الإطار الصغير المرن يعطيك الأساس فقط (المسارات والطلب والرد) وأنت تختار الباقي: Express وFlask وFastAPI. سهل البداية وواضح، لكنك تقرّر وتركّب أشياء كثيرة بنفسك. الإطار الجاهز بكل شيء (batteries included) يأتي بقاعدة البيانات والمصادقة ولوحة الإدارة وطريقة واحدة لكل شيء: Django وRails وLaravel وNestJS وAngular. أبطأ في التعلّم، لكنه يسرّع المشاريع الكبيرة ويوحّد الفريق.

4نفس الفكرة بلغات مختلفة

إليك نفس المسار، «أعطني قائمة المقهى»، في ثلاثة أطر خادم. لا تحاول حفظها الآن، فقط لاحظ أن الشكل واحد: فعل ومسار ودالة ترد. هذا ما بنيته في الجزء السابق بإطارك الصغير.

// Express (JavaScript)
app.get("/menu", (req, res) => {
  res.json(["latte", "mocha", "v60"]);
});

# FastAPI (Python)
@app.get("/menu")
def menu():
    return ["latte", "mocha", "v60"]

# Flask (Python), which you met in the REST lesson
@app.route("/menu")
def menu():
    return ["latte", "mocha", "v60"]

الفرق الأكبر بينها هو اللغة، لا الفكرة. لذلك نصف قرار الاختيار يحسمه سؤال بسيط: ما اللغة التي تعرفها أنت أو فريقك؟

5خمسة أسئلة تختار بها

حين تقف أمام اختيار إطار، اسأل بالترتيب: (1) ما اللغة التي أعرفها أو يعرفها فريقي؟ (2) ماذا أبني: واجهة برمجية فقط، أم واجهة تفاعلية، أم صفحات يجب أن يجدها Google؟ (3) هل التوثيق والمجتمع كبيران بما يكفي لأجد جوابًا حين أعلق؟ (4) ماذا تطلب الوظائف في سوقي؟ (5) هل الإطار حيّ ويُحدَّث باستمرار؟ هذه دالة صغيرة تطبّق أول سؤالين، شغّلها وغيّر الاحتياجات:

def suggest(language, api=False, interactive=False, seo_pages=False):
    picks = []
    if api:
        picks.append("FastAPI" if language == "python" else "Express")
    if seo_pages:
        picks.append("Next.js (React with a server)")
    elif interactive:
        picks.append("React")
    return picks or ["no framework: a script or plain HTML is enough"]

print("cafe app, python team:", suggest("python", api=True, interactive=True))
print("menu page google must find:", suggest("javascript", seo_pages=True))
print("mobile app backend, js team:", suggest("javascript", api=True))
print("rename files in a folder:", suggest("python"))

6لماذا هذه الأربعة في درب؟

بعد هذين الجزأين يدخل القسم الأطر بهذا الترتيب، وكل واحد له سبب: Express أولًا لأنه أبسط إطار خادم وبلغة JavaScript التي تعلّمتها في الواجهات، ويثبّت لك Node الذي تحتاجه لاحقًا لـ React. ثم FastAPI بلغتك الأولى بايثون، على نفس واجهة الطلبات لتقارن بينهما. ثم React أشهر أداة واجهات في سوق العمل، يؤتمت render() الذي كتبته بيدك. وأخيرًا Next.js يجمع الواجهة والخادم في مشروع واحد. بهذا تكون قد لمست الخانات الثلاث كلها.

مثال محلول

ثلاثة مشاريع، ثلاثة اختيارات. طبّق الأسئلة الخمسة على كل مشروع قبل أن تقرأ الجواب:

لا يوجد جواب واحد صحيح. فريق JavaScript قد يختار Express مع React للمقهى، وهذا جيد أيضًا. المهم أن تختار لسبب تستطيع أن تقوله بصوت عالٍ.

خرافة مقابل حقيقة

اختبر فهمك

بطاقات مراجعة سريعة

تحقق من فهمك