هي كل ما يراه المستخدم ويتفاعل معه مباشرة في المتصفح، مثل التصميم، الألوان، الأزرار، والنصوص. الهدف هو تقديم تجربة مستخدم جذابة وسهلة.
هي الجزء الخفي من الموقع الذي يعمل على الخادم. مسؤول عن معالجة البيانات، قواعد البيانات، ومنطق العمل الذي يجعل الموقع يعمل بشكل صحيح.
تشمل HTML لبناء الهيكل، CSS للتصميم، و JavaScript للتفاعلية. بالإضافة إلى أطر عمل مثل React, Angular, Vue.js.
تشمل لغات برمجة مثل Python (Django), PHP (Laravel), Node.js (Express) وقواعد بيانات مثل MySQL, PostgreSQL, MongoDB.
تتواصل الواجهة الأمامية مع الخلفية عبر طلبات HTTP (APIs) لجلب البيانات أو إرسالها، مما يسمح بتحديث المحتوى ديناميكيًا.
هو المطور الذي يمتلك المهارات اللازمة للعمل على كل من الواجهة الأمامية والخلفية، مما يمنحه فهمًا شاملاً للمشروع.
يعتبر الكثيرون أن الواجهة الأمامية أسهل للبدء لأنك ترى نتائج عملك بشكل مرئي ومباشر في المتصفح، مما يجعلها محفزة أكثر للمبتدئين.
ليس ضروريًا. يمكنك التخصص في أحدهما فقط. لكن معرفة أساسيات الطرف الآخر مفيدة جدًا للتعاون وفهم الصورة الكاملة للمشروع.
الـ API (واجهة برمجة التطبيقات) هي الوسيط الذي يسمح للواجهة الأمامية بطلب البيانات من الواجهة الخلفية بطريقة منظمة وآمنة.
نعم، المواقع الثابتة (Static Sites) التي تعرض معلومات فقط ولا تتطلب تخزين بيانات أو تفاعل معقد يمكن أن تتكون من واجهة أمامية فقط.
التركيز على المظهر المرئي وتجربة المستخدم. التقنيات الأساسية: HTML, CSS, JavaScript.
التركيز على منطق العمل، الخوادم، وقواعد البيانات. التقنيات: Python, PHP, Node.js, SQL.
يتفاعلان عبر واجهات برمجة التطبيقات (APIs) لتبادل البيانات.
إذا كنت تحب التصميم والتفاعل المرئي، فالواجهة الأمامية لك. إذا كنت تفضل حل المشكلات والتعامل مع البيانات، فالخلفية هي الأنسب.