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

تطوير المواقع Web development :- ليس مجرد شيء واحد. ويشمل العديد من المهارات، وهناك أنواع مختلفة من المهن داخل هذا الفضاء. هناك ثلاثة مصطلحات يتم استخدامها غالبًا هي "الواجهة الأمامية - Front-End" و "الواجهة الخلفية - Back-End" و "Full-Stack". وفيما يلي الاختلافات الرئيسية بين الثلاثة.

تطوير الواجهات الامامية - Front-End Web Development

رغم تغير مكونات تصميم الموقع من اضافات وغيرها إلا انها ترتكز علي ثلاثة لغات وهما :- HTML - CSS - JavaScript.

HTML : وهي اختصار لـ HyperText Markup Language هو المكون الرئيسي لجميع مواقع الويب على الإنترنت. بدونها ، لا يمكن أن توجد صفحات الويب.

CSS : تضيف إلى HTML الالوان والشكل الانيق. CSS هي بمثابة المكياج لصفحات الويب.

JavaScript : تم تطوير جافا سكريبت ، أو JS ، خلال السنوات العديدة الماضية. بالنسبة إلى مطورين الواجهة الأمامية ، تعد JS مهمة لأنها تساعد على جعل صفحات الويب تفاعلية. وهي لغة الويب الوحيد التي تدعهم المتصفحات.

بشكل عام :- ترتبط الواجهة الأمامية بمبادئ التصميم ومع ذلك فأن مطوري الواجهة الأمامية ليسوا بالضرورة مصممين(علي الفوتوشوب).

دور مطورين الوجهة الامامية :- بناء المظهر الخارجي - صفحات الموقع التي يراها المستخدمون. وهذا يعني أن مطور الواجهة الأمامية يجب أن يأخذ في الاعتبار إمكانية قراءة الموقع وسهولة الاستخدام، والالتزام بمبادئ UX/UI.

ما هو UI & UX ؟ الفرق بينهم؟ واهميته؟

بالاضافة إلي ذلك ، يتم تشغيل الواجهة الأمامية علي جهاز المستخدم وليس علي استضافة ( سيرفر ) - وهذا يعني الكمبيوتر المحلي للمستخدم - في معظم الحالات ، متصفح الويب. ولا يتم تخزين المعلومات على جهاز العميل.

تطوير الويب - Back-End Web Development

تطوير الويب هو ما يجري خلف الكواليس. تتيح الواجهة الخلفية تجربة اكثر فعالية للواجهة الأمامية.

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

على عكس تطوير الواجهة الأمامية (التي تستخدم في المقام الأول HTML و CSS و JavaScript) ، يمكن أن يعتمد تطوير الويب الخلفي على مجموعة من اللغات.

تتضمن بعض اللغات الشائعة المستخدمة في تصميم خلفية الموقع ما يلي:

روبي (Ruby on Rails)

بايثون (التي تستخدم في الغالب مع إطار Django في النهاية الخلفية)

PHP (أكثر لغة ويب انتشار ولا تعمل سوا علي السيرفر وتستخدم نظام ادارة محتوي WordPress CMS - أحدها Laravel)

Node.js (الحصول على المزيد من الشعبية - هذه بيئة تطوير تطبيقات الويب المبنية بلغة JavaScript)

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

هذا هو المكان الذي تأتي فيه قواعد البيانات. يعالج مطورو البرامج الخلفية هذه أيضًا.

(ملاحظة: يمكنك إنشاء موقع ويب بدون قاعدة بيانات باستخدام HTML و CSS فقط. سيكون هذا موقعًا ثابتًا وسيكون أقل مرونة بكثير. ومع ذلك ، فإن الموقع الذي يعتمد على المعلومات يتم إنشاؤه ديناميكيًا - Facebook و Yelp وأي موقع التجارة الإلكترونية - يحتاج إلى قاعدة بيانات.)

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

MySQL
PostgreSQL
MongoDB
وغيرهم 

بالإضافة إلى معرفة اللغة / إطار العمل وقواعد البيانات الخلفية ، يجب أن يكون لدى مطوري البرامج الخلفية أيضًا فهمًا لمعمارية الخادم (السيرفر).

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

التطوير الشامل - Full-Stack web develpoment

نعم ، لقد خمنت ذلك: المطور الكامل او الشامل هو مزيج من كل من مطور الواجهة الأمامية ومطور الواجهة الخلفية.

المطور كامل هو شخص لديها مهارات عالية. فهو مسؤول عن جميع مستويات التطوير والتصميم، من كيفية إعداد الخادم إلى CSS المرتبط بالتصميم.

في هذه الأيام ، هناك الكثير من الأمور التي تدخل في تطوير الويب لدرجة أنه يكاد يكون من المستحيل التعامل مع كلا الجانبين. في حين أن العديد من الناس يمكن أن يدعيوا أنهم Full-Stack، أو في الواقع ، إلا أنهم عادة ما يركزون أكثر على جانب واحد: العميل أو الخادم. (ويعرف أيضًا باسم الواجهة الأمامية أو النهاية الخلفية.)

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

في النهاية

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