Quantcast
Channel: غرائب وعجائب –المرسال
Viewing all articles
Browse latest Browse all 13673

الفرق بين ال front end وback end

$
0
0

Frontend و Backend هما المصطلحات الأكثر شيوعاً والمستخدمان في مجال البرمجة والويب، لكن الفرق بينهما كبير، وهما الجزءان الأكثر أهمية في هندسة البرمجيات اللذان يلعبان دوراً مهماً في تطوير الويب، فالواجهة الأمامية هي ما تراه وتتفاعل معه، والخلفية هي الطريقة التي تعمل بها جميع العمليات بالتطبيق .

فيشير Frontend إلى واجهة المستخدم الرسومية في حين أن الواجهة الخلفية هي ذلك الجزء من موقع الويب الذي لا يمكنك رؤيته أو التفاعل معه، يعد المصطلحين حاسمين للغاية لتطوير الشبكة، لكنهما مختلفان للغاية عن بعضهما البعض، في حين أنها بالتأكيد مصطلحات مميزة ولكل منها دورها الخاص، فإنها تشبه إلى حد كبير وجهان لعملة واحدة.

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

Frontend هو جزء من موقع الويب الذي يمكنك رؤيته والتفاعل معه مباشرة من أجل الحصول على إمكانيات النظام، إنه يتضمن كل ما يمكن للمستخدم رؤيته ولمسه وتجربته، لقد تغير دور مصمم الويب بشكل كبير على مر السنين ولكن الوظائف الأساسية لتطوير الموقع لا تزال كما هي، فمجال Frontend يدور حول الخيارات والصور والألوان التي تشاهدها على موقع الويب مثل واجهة المستخدم الرسومية بما في ذلك الأزرار البراقة والصور الملونة وقوائم التنقل وما إلى ذلك، ويُشار إلى Frontend أيضاً باسم “جانب العميل” لأن الإجراء به يحدث من قبل العميل في حلة استخدامه للتطبيق.

إن Frontend هو ما يعرضه متصفح الويب وكل ما يراه المستخدم ويتفاعل معه على موقع الويب وهو جزء من تطوير الواجهة الأمامية، ويمكن أن تعزى تجربة المستخدم الأفضل من حيث التصميم وسهولة الاستخدام إلى تطوير الواجهة الأمامية وهي مهمة مصمم الويب لتصميم مواقع الويب بشكل جيد.[1]

مصمم الويب لا يتعامل مع أكواد فقط في الواقع، فهو مسؤول عن تغطية جميع جوانب بناء وإعادة تصميم مواقع الويب التي تحتوي على عناصر جذابة بصريا وتصميم سهل الاستخدام، يتمثل دور مطور الواجهة الأمامية في تهيئة بيئة يستطيع المستخدم رؤيتها ولمسها بمساعدة مجموعة من الأدوات المتعددة بما في ذلك HTML وCSS وJavaScript.

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

Backend يشار إليه أيضاً باسم “جانب الخادم”، وهو جزء من موقع الويب الذي لا يمكنك رؤيته والتفاعل معه، في الأساس يمكن أن يعزى كل ما يحدث وراء الكواليس إلى تطوير الشبكة الخلفية، الأمر كله يتعلق بكيفية عمل الموقع، إنه أشبه بمزود خدمة غير مباشر لتطوير الواجهة الأمامية، إنه جزء من النظام لا يتواصل مباشرة مع المستخدمين، على عكس الواجهة الأمامية، يعمل من جانب الخادم ولكنه يتواصل مع الواجهة الأمامية لضمان أن كل شيء يعمل بشكل جيد في كل تطبيق، هناك جزء كبير من رموز واجهة المستخدم التي تتعامل مع جميع الأنظمة المعقدة التي تحدث في الخلفية، والأشخاص الذين يتعاملون مع الواجهة الخلفية عادة ما يكونون مبرمجين ومطورين.

يتعامل مطورو الواجهة الخلفية مع كل شيء بستثناء ما يتضمن إنتاج واجهة المستخدم مثل كتابة واجهات برمجة التطبيقات أو إنشاء مكتبات أو إضافة أدوات مساعدة إلى كل شيء ينشئه مصمم الويب، إنها تسهل الاتصال بين منطقة العرض التقديمي ومنطقة العمل، إنهم يلعبون دوراً حاسماً في تطوير الويب ودورهم متعاون للغاية مقارنةً بمصممي الويب الأماميين.

باختصار إن تطوير الواجهة الخلفية هو مزيج من تطوير وصيانة المنطقة الوظيفية الأساسية لتطبيق البرامج، بعبارات بسيطة، يقوم مطورو الواجهة الخلفية بكتابة التعليمات البرمجية للتأكد من أن كل شيء يعمل بشكل جيد في الواجهة الأمامية، إنهم يميلون إلى قضاء وقت أطول في اكتشاف المنطق وتطبيق الخوارزميات أكثر من مصممي الويب لضمان عمل الموقع بشكل صحيح، حيث تعد الBackend عقل موقع الويب.

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

Frontend هو جزء من موقع الويب الذي يمكن للمستخدمين مشاهدته والتفاعل معه مثل واجهة المستخدم الرسومية (GUI) وسطر الأوامر بما في ذلك التصميم، والتنقل في القوائم، والنصوص، والصور، ومقاطع الفيديو وغير ذلك، أما Backend، على العكس من ذلك، هو الجزء من الموقع الذي لا يمكن للمستخدمين رؤيته بشكل مباشر، الأمر ب Backend كله يتعلق بكيفية عمل كافة الأمور والعمليات.

يلعب كلاهما دوراً مهماً في تطوير الويب، وعلى الرغم من أنهما يتمتعان بنصيب عادل من الاختلافات، إلا أنهما يشبهان وجهان لعملة واحدة، إن Frontend يدور حول الجوانب المرئية للموقع الذي يستطيع المستخدم رؤيته وتجربته، على العكس من ذلك، فإن كل ما يحدث في الخلفية يمكن أن يعزى إلى تطوير الشبكة الخلفية، يشبه إلى حد كبير تمكين الويب لتجربة الواجهة الأمامية.

مطور الواجهة الأمامية والخلفية

يعتبر مصمم الويب هو المسمى الوظيفي الأكثر شيوعاً لتطوير الواجهة الأمامية ودور مصمم الويب يتمثل في تصميم مواقع الويب وإعادة بنائها مع مراعاة الجوانب البصرية.

على الجانب الآخر نجد أن مطورو Backend هم الذين يتأكدون من أن البيانات والأنظمة المطلوبة تتناسب مع تطبيق الواجهة الأمامية، فمطورو الخلفية يتعاملون مع كافة العمليات التي تحدث في الخلفية.[2]

أساسيات الواجهة الأمامية والخلفية

يشار إلى الواجهة الأمامية أيضاً باسم “جانب العميل”، أما الواجهة الخلفية تمثل أساساً جانب الخادم من الموقع الإلكتروني، وتضمن أساسيات تطوير الواجهة الخلفية لغات برمجة مختلفة مثل Java و Ruby و Python و PHP إلخ، أما لغات الواجهة الأمامية الأكثر شيوعاً هي لغات HTML وCSS و JavaScript.

على الرغم من أن الواجهة الأمامية والخلفية تشكلان أساساً لكيفية عمل موقع الويب، إلا أن لهم نصيب عادل من الاختلافات من حيث الوظيفة، وعلى الرغم من كل شيء، فهما مثل وجهين لعملة واحدة، في حين أن الواجهة الأمامية هو كل شيء يراه المستخدم ويتفاعل معه، فإن الواجهة الخلفية هي ما لا يراه المستخدم، يشير Frontend إلى جانب العميل، بينما يشير backend إلى جانب خادم التطبيق، كلاهما أساسي لتطوير الويب، ولكن أدوارهما ومسؤولياتهما والبيئات التي يعملان بها مختلفة تماماً، Frontend هو ما يراه المستخدمون من خلفيات وألوان وأزرار في حين أن الواجهة الخلفية تمثل ميكانيكية عمل كل شيء في الواجهة الأمامية.

اختيار مجال العمل ب Frontend و Backend

كل من تطوير الويب FrontEnd و BackEnd Developers يؤديان أدواراً لا تقل أهمية عن الأخرى ولكنها مختلفة تماماً في تطوير الويب، إذا كنت مرتبكاً بشأن اختيارك لأي منهم كمهنة، فمن الأفضل أن تفهم ميولك وتختار وفقاً لذلك.

هل أنت شخص فني لديه شغف بالإبداع؟ هل تستمتع بالتصميم وتجلب تصاميمك إلى الحياة؟

إذا كانت الإجابة بنعم، فإن Front-End Web Development هي المهنة المناسبة بالنسبة لك لأنها تتعامل بشكل كبير مع جماليات وتصميم موقع ويب لإنشاء تجربة مستخدم من الدرجة الأولى.

هل أنت شخص منطقي بشكل مكثف ولديه اهتمام شديد بالألغاز؟ وهل تستمتع بالخوارزميات وتحسين الأنظمة للحصول على حلول أفضل؟

إذا كانت الإجابة بنعم، فإن BackEnd Web Development هي المهنة المناسبة بالنسبة لك لأنها تتعامل مع تنظيم البيانات وتحسين النظام في موقع الويب، أما في حال كنت مهتماً بتطوير المواقع الأمامية والخلفية معاً، فلا تخف أبداً، قد تصبح مطور ويب متكامل وتشترك في كلا الحقلين.[3]


Viewing all articles
Browse latest Browse all 13673

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>