ما الفرق بين باك اند وفرونت اند؟

السلام عليكم،
هناك نوعين من المواقع الإلكترونية:

1. موقع ثابت أو static website: و هو أي موقع يتميز بواجهته الثابتة التي لا تتغير مهما دخلت إليه من حواسيب مختلفة، مثال: أي صفحات ويب عادية تحتوي فقط على Front-End.
2. موقع ديناميكي أو dynamic website: و هو أي موقع تتغير واجهته على حسب الحاسوب أو الجهاز أو الحساب الذي دخلت به، مثال: كل مواقع التواصل الاجتماعي (لاحتواءها على قسم الback-end في موقعها)...

و من هنا نستنتج أنه لكي تنشأ موقعا ديناميكيا فعليك تعلم قسمين أساسين و اللذان هما:

• Front-End: وهي واجهة المستخدم أي كل ما يتعلق بالألوان و الأشكال و الكتابة التي يراها المستخدم عند زيارة أي موقع، و هذا القسم ينشأ باستخدام ثلاث لغات أساسية: Html, CSS, Javascript مع بعض التقنيات و المكتبات التي تسهله.
• Back-End: و هو القسم المسؤول عن توليد أكواد Front-End بطريقة دينامكية و متغيرة على حسب المستخدم أي مثلا عندما يدخل X موقع instagram.com فلن يرى نفس المحتوى الذي سيراه Y إذا دخل نفس الموقع، هذه هي وظيفة الباك إند و التي تطبق باستعمال لغات كثيرة منها php أو مكتبة nodejs الخاصة بلغة Javascript.
• ملحوظة: لا يمكن لأي أحد تعلم الbackend مباشرة دون تعلم أساسيات القسم الأول.

و هناك قسم آخر بعد الباك إند و هو databases أي قواعد البيانات.

ال front End هو الواجهة التي يتعامل معها المستخدم مثل واجهة موقع حسوب حيث يمكنك إضافة أسئلة و الإعجاب و النقر على أزرار و ما إلى ذلك. 

و يتم بناء واجهات المستخدم باستخدام تقنيات متعددة منها:

• HTML و CSS و JavaScript 
• أو مكتبات مثل React.js و Vue. js 
• أو إطارات عمل مثل Angular.js

أما ال backend فهو الجزء المسئول عن ال logic و كيفية عمل التطبيق و إرسال بيانات بناء على تفاعلات المستخدم و ما إلى ذلك:

ويتم بناء ال backend باستخدام تقنيات متعددة كذلك منها :

• Django و التي تستخدم لغة python 
• Node.js و Express.js باستخدام JavaScript. 
• Laravel باستخدام php. 

و غيرها. 

و يوجد أيضا قسم آخر و هو قواعد البيانات databases  حيث يتم تخزين البيانات مثل بيانات المستخدم على سبيل المثال. 

من أمثلة قواعد البيانات ما يلي:

• Mongodb
• Postgresql 
• MySql 

و غيرها.

الفرونت اند مصطلح يعني به كل ما يظهر للموقع الخاص بك للزائر من عناصر وواجهات سواء الصفحات او المقالات او المنتجات فكل ما يندرج تحت واجهة الموقع للزائر فهو فرونت اند ويندرج بها كذلك اللغة العربية فى حزم اللغات 

الباك اند هو عكس الفرونت اند فيقصد بالباك اند هو الجزء الخفي عن زائر موقعك او المستخدم العادي لموقعك مثل لوحة التحكم  ويدخل تحت نطاق الباك اند مثل لوحة تحكم المنصات كـ لوحة تحكم الادارة فى ووردبريس او بريستاشوب او ماجنتو من خيارات تحكم وترجمة حزمة اللغة لهذة الاجزاء الخفية عن الزائر