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

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

إنضم لكورسات الأكاديمية وإستفيد من الخصم الخاص في البداية من هنا
نوصي بكورس تعلم أساسيات البرمجة من أكاديمية Codezilla من هنا
إحترف التسويق وإدارة الأعمال مع الدبلومة الإحترافية وإحصل على خصم عن طريقنا من هنا
لحجز إستضافة من Hostinger والحصول على الخصم عن طريقي إتبع الشرح من هنا

من جوجل

إذا كنت من الأشخاص المهتمة بمجال تطوير مواقع الويب، وتريد أن تعرف الفرق بين Front-End و Back-End، فهيا معي الآن لنعرف الفرق.

مجال تطوير المواقع

ما يحدث في الموقع من تطوير ينقسم إلى اكثر من جزء وسوف نتحدث عن جزئيين مهمين منهم وهو الجزء الخاص بال Front-End + Back-End, الجانب الذي يراه المستخدم ويتفاعل معه وهو الجزء الخاص بال Front-End وجانب آخر وراء الكواليس لا يراه المستخدم ولا يعرف عنه شيئا والمسؤول عنه هو ال Back-End

تعريف ال Front-End Developer

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

اللغات الأساسية في المسار

HTML

هي أول خطوة لبناء الموقع الإلكتروني، والتي من خلالها يمكنك وضع العناصر في الموقع كالصور و العناوين والروابط والكثير من العناصر التي نراها في أي موقع. وبمعنى آخر يمكننا ان نقول بناء الهيكل الخاص بالموقع

CSS

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

JavaScript

هي اللغة التي تستخدم لإضافة التفاعل إلى صفحات الويب. فمثلا إذا أردت أن يتم عمل حركة معينة عند الضغط مثلا على زر في الموقع فإن لغة JavaScript هي التي تساعدك لعمل ذلك.

المكتبات وأطر العمل

هناك الكثير من أطر العمل “Frameworks” الخاصة بالتصميم تساعدك في عملك وتزيد من إنتاجيتك مثل “Bootstrap, Materialize”, كما أن هناك أطر عمل تخص لغة JavaScript مثل “Angular, Reactjs, Vuejs”, كما أن هناك الكثير من الأدوات تزيد من إنتاجيتك في لغة HTML + CSS مثل “SASS, LESS, Pugjs”

تعريف ال Back-End Developer

هو ذلك الشخص المسؤول عن البنية التحتية للموقع، وكل ما يخص البيانات والتعامل مع قواعد البيانات والخدمات الخاصة بالموقع والجزء الخاص بالحماية وكل ما يتعلق بالنظام وما يحدث خلف الكواليس

اللغات الأساسية في المسار

علاوة على معرفتك بلغة بناء هيكل الموقع يجب عليك تعلم لغة برمجة لتستطيع بناء النظام وما يحدث وراء الكواليس وهناك الكثير من اللغات البرمجية التي يمكنك الإختيار من بينها, وكل لغة من اللغات سوف تجد لها إطار عمل يساعدك على الإنتاجية وانجاز المهام وفيما يلي بعض هذه اللغات مع أشهر أطر العمل الخاصة بها
  • PHP => [Laravel, Symphony]
  • Ruby => [Ruby On Rails]
  • Python => [Django, Flask]
بعد ذلك يجب عليك تعلم قواعد البيانات لتستطيع تخزين بيانات البرمجيات الخاصة بك وهناك الكثير من أنواع قواعد البيانات التي تقوم بإختيارها على حسب لغة البرمجة التي تتعامل بها

كتب بواسطة Kariman Shaheen

من جوجل

0 تعليقات


    اترك تعليقاً