في جملة واحدة: الـ Frontend يبني ما يراه المستخدم، والـ Backend يشغّل ما لا يراه، والـ Full Stack يعمل على الجانبين. الثلاثة مهن في تطوير الويب، مطلوبة ومتاحة للمبتدئين، لكنها لا تناسب نفس الملفات.
إليك كيف تميّز بينها، والأهم كيف تعرف أيها يناسبك.
تطبيق واحد بوجهين
خذ مثلاً تطبيق حجز تذاكر السينما. تختار فيلماً وموعداً ومقعداً، ثم تدفع.
- جانب الـ Frontend: قائمة الأفلام، ومخطط القاعة القابل للنقر، ونموذج الدفع، والعرض على الهاتف. كل ما يحدث في متصفحك أو على هاتفك.
- جانب الـ Backend: التحقق من أن المقعد ما زال شاغراً، وتسجيله في قاعدة البيانات، والتحقق من الدفع، وإرسال التذكرة بالبريد الإلكتروني، ومنع شخصين من حجز نفس المقعد.
يتواصل الجانبان عبر واجهة برمجية (API): يسأل الـ Frontend «ما المقاعد الشاغرة؟» فيجيب الـ Backend بالبيانات.
مطوّر الـ Frontend
يحوّل مطوّر الـ Frontend التصميم إلى واجهة تعمل، سريعة ومريحة في الاستعمال، على الحاسوب كما على الهاتف.
يومه:
- إنجاز الصفحات والمكوّنات انطلاقاً من تصاميم المصممين؛
- جعل الواجهة تفاعلية (نماذج، فلاتر، حركات)؛
- ربط الواجهة بالواجهات البرمجية للـ Backend؛
- الاهتمام بسهولة الوصول والأداء والظهور في محركات البحث.
أدواته: HTML وCSS وJavaScript وTypeScript، مع إطار عمل مثل React. وللهاتف، يتيح React Native إعادة استعمال هذه المهارات على Android وiOS.
هذه المهنة لك إذا كنت تحب رؤية نتيجة عملك فوراً، ويهمك التصميم وتجربة المستخدم، ولا يخيفك الاهتمام بالتفاصيل.
👉 اكتشف تكوين تطوير الواجهات الأمامية.
مطوّر الـ Backend
يصمّم مطوّر الـ Backend «محرّك» التطبيق: منطق العمل وتدبير البيانات والأمان. عمله لا يُرى، لكن كل شيء يرتكز عليه.
يومه:
- تصميم وتطوير الواجهات البرمجية (API)؛
- نمذجة قواعد البيانات والاستعلام منها (SQL)؛
- تدبير المصادقة وصلاحيات الولوج والأمان؛
- كتابة الاختبارات وتحسين الأداء.
أدواته: Java مع Spring Boot، الحاضرة بقوة في البنوك والتأمين والشركات الكبرى، أو Python مع FastAPI، المفضّلة لدى الشركات الناشئة ومشاريع البيانات والذكاء الاصطناعي. وأيضاً Node.js وPostgreSQL وDocker وGit.
هذه المهنة لك إذا كنت تحب المنطق وحل المشكلات وتنظيم المعلومات، ويهمك فهم «كيف يشتغل الأمر من الداخل» أكثر من المظهر.
👉 اكتشف تكوين تطوير الـ Backend.
مطوّر الـ Full Stack
يعمل مطوّر الـ Full Stack على الجانبين: يستطيع إنشاء واجهة بـ React والواجهة البرمجية التي تغذّيها. وهو مطلوب كثيراً في الشركات الناشئة والفرق الصغيرة، حيث يجب أن يكون كل فرد متعدد المهارات.
احذر الفخ: «Full Stack» لا تعني «معرفة كل شيء عن كل شيء». في الواقع، لمعظم مطوّري الـ Full Stack جانب قوي وجانب ثانوي. والطريق الأنجع يبقى أن تتقن جانباً واحداً ثم توسّع معارفك.
Frontend أم Backend أم Full Stack: المقارنة
| المعيار | Frontend | Backend | Full Stack |
|---|---|---|---|
| ما تبنيه | الواجهات والصفحات والمكوّنات | الواجهات البرمجية ومنطق العمل وقواعد البيانات | الاثنين معاً |
| اللغات الأساسية | JavaScript وTypeScript | Java وPython وSQL | JavaScript مع Java أو Python |
| أطر العمل | React وReact Native | Spring Boot وFastAPI | React مع إطار Backend |
| النتيجة المرئية | فورية | غير مباشرة (عبر الـ API) | الاثنين |
| الصفة الأهم | حس التفاصيل المرئية | الصرامة والمنطق | تعدد المهارات |
| مناسب للبداية | نعم | نعم | أفضل كمرحلة ثانية |
النصيحة الذهبية: لا تختر حسب ما «يدفع أكثر» أو ما يبدو «أسهل». اختر ما ستستمتع بممارسته كل أسبوع: هذا ما سيجعلك تتقدّم بأسرع وتيرة.
وأين الـ DevOps من كل هذا؟
بعد كتابة الكود، يجب نشره وأتمتته ومراقبته. هذا دور الـ DevOps: خوادم Linux، وحاويات Docker، ومسارات CI/CD، والسحابة. وهو امتداد ممتاز لملف Backend يحب البنية التحتية والأتمتة.
👉 اكتشف تكوين DevOps.
كيف تختار عملياً: اختبار الأسبوعين
إذا كنت ما زلت متردداً، جرّب هذا الاختبار البسيط:
- الأسبوع 1 – Frontend: أعد إنجاز صفحة بسيطة (بطاقة تعريف، صفحة منتج) بـ HTML وCSS وقليل من JavaScript.
- الأسبوع 2 – Backend: اكتب واجهة برمجية صغيرة تُرجع قائمة منتجات من قاعدة بيانات، بـ Python وFastAPI.
- الحصيلة: أي أسبوع مرّ بسرعة أكبر؟ وفي أي تمرين كنت ترغب في الاستمرار؟ هذا غالباً هو جوابك.
الخلاصة
- Frontend: ما يراه المستخدم ويتفاعل معه. JavaScript وReact.
- Backend: المنطق والبيانات والأمان. Java مع Spring Boot أو Python مع FastAPI.
- Full Stack: الاثنان معاً، ويُستهدف بعد إتقان جانب واحد.
- المهن الثلاث متاحة للمبتدئين مع تكوين منظّم ومشاريع عملية.
هل تريد التقدّم مع مكوّن؟ تكويناتنا عن بُعد تجري مباشرة، على مشاريع حقيقية، وتنتهي بشهادة مقاولة وتدريب. لم تحسم بعد لغتك الأولى؟ اقرأ دليلنا بأي لغة برمجة تبدأ.
