السلام عليكم و رحمه الله و بركاته.. بعدما تحدثنا عن الfront-end و عن الback-end الان حان الوقت التحدث عن الفرق بينهم و هل الاختلاف كبير ام مجرد اسماء و من منهم اصعب هذا ما سنتعرف عليه الان فهيا بنا.
مقدمه
إذا كنت من الأشخاص المهتمة بمجال تطوير مواقع الويب، وتريد أن تعرف الفرق بين Front-End و Back-End، فهيا معي الآن لنعرف الفرق ما يحدث في الموقع من تطوير ينقسم إلى اكثر من جزء وسوف نتحدث عن جزئيين مهمين منهم وهو الجزء الخاص بال Front-End + Back-End, الجانب الذي يراه المستخدم ويتفاعل معه وهو الجزء الخاص بال Front-End وجانب آخر وراء الكواليس لا يراه المستخدم ولا يعرف عنه شيئا والمسؤول عنه هو ال Back-End.
Front-End Developer
هو ذلك الشخص المسؤول عن واجهة الموقع والشكل الظاهر فيه، فهو مسؤول عن الواجهه الأمامية بكل ما فيها من صور وخطوط والأشكال والحركات وغيرها من الأشياء التي يتفاعل معها المستخدم. وجميع ما يراه في الموقع.
1- اللغات الأساسية في المسار
HTML
هي أول خطوة لبناء الموقع الإلكتروني، والتي من خلالها يمكنك وضع العناصر في الموقع كالصور و العناوين والروابط والكثير من العناصر التي نراها في أي موقع. وبمعنى آخر يمكننا ان نقول بناء الهيكل الخاص بالموقع.
CSS
هي اللغة المسؤولة عن تنسيق العناصر التي وضعت بواسطة Html، فعلي سبيل المثال الصورة التي وضعناها في الموقع يمكننا التحكم في حجمها ومكانها، والعنوان أيضاً يمكننا التحكم بلون وحجم الخط ومكانه وكل ما يخص التنسيقات الخاصة بهيكل الصفحة.
مثال بسيط لتوضيح كل لغة وفائدتها. عند بناء المنزل نقوم أولاً بعمل أساسات البيت من أعمدة وطوب فهذا يمثل في الموقع Html. بعد ذلك نقوم بدهان البيت ووضع الألوان ونقوم بعمل تنسيقات جميلة لنجعل شكل المنزل لطيف فهذا يمثل Css في الموقع.
JavaScript
هي اللغة التي تستخدم لإضافة التفاعل إلى صفحات الويب. فمثلا إذا أردت أن يتم عمل حركة معينة عند الضغط مثلا على زر في الموقع فإن لغة JavaScript هي التي تساعدك لعمل ذلك.
2- المكتبات وأطر العمل
هناك الكثير من أطر العمل “Frameworks” الخاصة بالتصميم تساعدك في عملك وتزيد من إنتاجيتك مثل “Bootstrap, Materialize”, كما أن هناك أطر عمل تخص لغة JavaScript مثل “Angular, Reactjs, Vuejs”, كما أن هناك الكثير من الأدوات تزيد من إنتاجيتك في لغة HTML + CSS مثل “SASS, LESS, Pugjs”
Back-End Developer
هو ذلك الشخص المسؤول عن البنية التحتية للموقع، وكل ما يخص البيانات والتعامل مع قواعد البيانات والخدمات الخاصة بالموقع والجزء الخاص بالحماية وكل ما يتعلق بالنظام وما يحدث خلف الكواليس.
1- اللغات الأساسية في المسار
HTML
هي أول خطوة لبناء الموقع الإلكتروني، والتي من خلالها يمكنك وضع العناصر في الموقع كالصور و العناوين والروابط والكثير من العناصر التي نراها في أي موقع. وبمعنى آخر يمكننا ان نقول بناء الهيكل الخاص بالموقع.
اختر اختيار واحد من الثلاث اختيارات :
لغة php مع اطار عمل Laravel او Symphony
لغة Ruby مع Ruby On Rails
لغة Python مع اطار عمل Django او Flask
بعد ذلك يجب عليك تعلم قواعد البيانات لتستطيع تخزين بيانات البرمجيات الخاصة بك وهناك الكثير من أنواع قواعد البيانات التي تقوم بإختيارها على حسب لغة البرمجة التي تتعامل بها
و هكذا انتهى المقال البسيط
كان معكم محمد كمال💙