شنو الفرق بين Front-End و Back-End؟ | حسوني الراوي

شنو الفرق بين Front-End و Back-End؟

شرح مبسط باللهجة العراقية من إعداد حسوني الراوي

من تدخل مجال البرمجة، راح تسمع هواي مصطلحات مثل Front-End و Back-End، ويمكن أول مرة تسمعهم تحسهم معقدين. بس بالحقيقة الموضوع بسيط، خل أوضحلك ياها بأسلوب عراقي سهل ومفهوم 👇

🖥️ شنو يعني Front-End؟

Front-End هو الجزء اللي المستخدم يشوفه ويتفاعل وياه بالموقع. مثل التصميم، الأزرار، الألوان، النصوص، القوائم، وكلشي ظاهر على الشاشة. المبرمج اللي يشتغل على هذا الجزء اسمه Front-End Developer.

HTML → يبني الهيكل  
CSS → ينسق الألوان والتصميم  
JavaScript → يخلي الصفحة تفاعلية

      🎨 مثال بسيط: إذا دخلت موقع وشفت الزر الأخضر مكتوب عليه "سجّل الآن"  
      فهذا كله شغل الـ Front-End.
    

⚙️ شنو يعني Back-End؟

Back-End هو الجزء الخلفي للموقع — المكان اللي تصير بيه العمليات “ورا الكواليس”. مثل حفظ البيانات، تسجيل الدخول، التواصل ويا قاعدة البيانات، وإرسال الطلبات.

PHP – Node.js – Python – Java  
+  
Databases مثل MySQL أو MongoDB

      🧠 مثال بسيط: من تضغط زر "تسجيل الدخول" والموقع يتأكد من الإيميل والباسورد،  
      هاي العملية تصير داخل الـ Back-End.
    

⚖️ مقارنة سريعة

Front-End	Back-End
الواجهة اللي المستخدم يشوفها	الخلفية اللي تعالج البيانات
HTML, CSS, JavaScript	PHP, Python, Node.js
يتعامل ويا تصميم وتجربة المستخدم	يتعامل ويا السيرفر وقواعد البيانات

💪 شنو يعني Full Stack؟

إذا شخص يعرف يشتغل على الجانبين — Front-End و Back-End — فراح يسموه Full Stack Developer، لأن يعرف يسوي الموقع كامل من البداية للنهاية.

      🚀 الـ Full Stack هو المبرمج اللي يقدر يبني الموقع من الصفر إلى التشغيل!
    

📘 الخلاصة

باختصار، الـ Front-End هو الشكل اللي المستخدم يشوفه، والـ Back-End هو الدماغ اللي يخلي كلشي يشتغل من ورا الستار. واثنينهم مهمين، لأن بدون واحد منهم الموقع ما يشتغل عدل.

Tags: #FrontEnd #BackEnd #FullStack #برمجة #تطوير_ويب #حسوني_الراوي

ما هو الفرق بين تطوير الواجهة الأمامية والخلفية؟