تخطَّ إلى المحتوى

١٧ يونيو ٢٠٢٦ · آخر تحديث: ١٤ يوليو ٢٠٢٦

الفرق بين الواجهة الأمامية والخلفية (Frontend و Backend)

شارك المقال:

عند دخولك عالم تطوير الويب ستسمع مصطلحات Frontend و Backend و Full-stack. لنوضّحها ببساطة.

الواجهة الأمامية (Frontend)

كل ما تراه وتتفاعل معه في المتصفّح: الأزرار، الألوان، التخطيط، الحركات.

تقنياتها:

فكّر فيها كـ"ديكور المطعم وقائمة الطعام" — ما يراه الزبون.

الواجهة الخلفية (Backend)

كل ما يحدث خلف الكواليس: قواعد البيانات، المنطق، المصادقة، الخوادم.

تقنياتها:

فكّر فيها كـ"المطبخ" — حيث يُحضَّر كل شيء بعيدًا عن نظر الزبون.

Full-stack — الاثنان معًا

مطوّر Full-stack يتقن الواجهتين معًا، ويستطيع بناء تطبيق كامل بمفرده.

أيهما تختار؟

تحبّ...اختر
التصميم والمظهر والتفاعلFrontend
المنطق والبيانات والأنظمةBackend
كل شيء وبناء مشاريع كاملةFull-stack

الخلاصة

لا يوجد خيار "أفضل" — يعتمد على شغفك. ابدأ بأحدهما وأتقنه، ثم وسّع معرفتك.

ابدأ مسارك الأول مع The Code Fix.

📚 مصادر رسمية للتعمّق: freeCodeCamp — مصدر تعلّم البرمجة

الأسئلة الشائعة

ما الفرق بين Frontend و Backend؟

Frontend هو كل ما يراه المستخدم ويتفاعل معه في المتصفّح (الأزرار والألوان والتخطيط)، بينما Backend هو ما يحدث خلف الكواليس (قواعد البيانات والمنطق والخوادم).

أيّهما أبدأ به؟

يُنصح بالبدء بالـ Frontend (HTML و CSS و JavaScript) لأنه مرئي ومحفّز، ويُعدّ أساسًا مفيدًا سواء تخصّصت لاحقًا في الواجهة الأمامية أو الخلفية.

ما هو مطوّر Full-stack؟

هو مطوّر يتقن الواجهتين الأمامية والخلفية معًا، ويستطيع بناء تطبيق كامل بمفرده، وغالبًا تكون رواتبه أعلى لتنوّع مهاراته.

اقرأ أيضًا

تصفّح كل المقالات في المدوّنة، أو ابدأ التعلّم من المسارات و خرائط الطريق.