تصميم مواقعتقنيات
أخر الأخبار

كيف يعمل الموقع وما الفرق بين السيرفر والويب سيرفر

بعد انتشار المواقع الالكترونية وتطلع بعضنا الي اقتناء موقع خاص به ونجاح الكثير منا في ذلك بل ونتعلم كيفية تصميم وبرمجة مواقع الويب فكان حري بنا ان نتعلم كيف يعمل الموقع الالكتروني قبل تعلم كيفية تصيم مواقع الويب.

في البداية يجب ان نقسم هذا المقال اي ثلاثة اقسام رئيسيه :

  • الجزء الأول وهو الخاص بتصميم الموقع وبرمجته بلغات البرمجة الhigh level وهو الجزء المتعلق البرمجة والملفات
  • الجزء الثاني وهو الخاص بالبرامج وبيئة العمل المستضيفه للموقع
  • الجزء الثالث وهو الهاردويير والاجهزة اللازمة لتشغيل الموقع

اولا : تصميم الموقع

ينقسم تصميم الموقع الي قسمين :-

  • باك اند
  • فرونت اند

والفرونت اند هو ما يظهر للمستخدم من تصميم وصور والوان وتنسيقات وهو هيكل الموقع وتصميمه اما الباك اند فيهتم بما يعمل وراء الكواليس وتفاعل المستخدم مع السيرفر وقواعد البيانات والتخرزين والمعالجه الخ.

ويمكن ان نقول ان الجزء الخاص بالتصميم والبرمجه هو كالفروند اند بالنسبه للسيرفر عامه والجزء الخاص بالويب سيرفر والسيرفر هو كالباك اند يعمل وراء الكواليس
فان كامل الموقع وبرمجته وان كان هناك جزء يعمل في الكواليس الا ان كامل الموقع وملفاته تعتبر واجهه ومعروضه للمستخدم عكس الويب سيرفر وقواعد البيانات والسيرفر عموما فانه في الكواليس.

كيفية تصميم وبرمجة الموقع (فرونت اند)

تصميم المواقع , تصميم المواقع ليس بالامر الهين فهناك تقنيات كثيره ومعقده تستخدم في تصميم المواقع منها ما يسهل علي المبرمج عملة ومنها ما يمكن تحقيق بعض التصاميم به

لكن في النهاية الامر يدور حول ثلاثة مكونات رئيسية لتصميم المواقع وهي :-

  • html
  • css
  • javascript

وعلي عكس html و css فان جافاسكريبت هي لغه برمجة وتفاعل المستخدم مع الموقع لجعل الموقع ديناميكي اما html فهي لغه هيكله للموقع ( مثل الطوب للبناء) وcss هي لغه تنسيق للعناصر والالوان (مثل البياض بعد البناء)

وهذه هي العناصر الاساسية في برمجة او بناء اي موقع حيث لا بد من وجود هيكل html ومعه بعض اللمسات الفنيه من css وبعض الحيوية من javascript

لكن هناك بعض العناصر او الدوال التي كتبها اخرون لتسهيل كتابه الاكواد او لكي لا نقوم بالعمل من البدابة وهذه تسمي المكتبات مثل bootstrap او jquery

واذا تطورنا في البرمجة والتصميم نجد ان هناك ما يمسي باطار العمل framework وهو يحتوي علي مكتبات ودوال وادوات تسهل تصميم وبرمجة الموقع

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

وللبدء في تعلم تصميم المواقع او الفرنت اند تحتاج في البداية الي تعلم html ولن يستغرق الامر اكثر من ساعتين لتعلم هذه اللغه الجميله التي بدونها لن تسطتيع تصميم اي موقع

بعد تعلم html فانت قد قمت ببناء الهيكل للموقع تحتاج الان لتنسيق الموقع واضافه الوان وصور وجماليات وهنا ياتي دور css وصدقني ببعض اللمسات يمكنك بناء موقع احترافي ومنسق

الي الان يمكنك بناء موقع من الصفر وحتي اطلاق تصميم احترافي لموقعك … لكن قد تحتاج الي بعض الديناميكيه في موقعك ! هنا ياتي دور javascript وعلي عكس ما سبق فتعتبر جافا سكربت لغه برمجه وليست لغه تنسيق او هيكلة ويمكنك بها انشاء موقع متكامل وعصري

الخلاصه

في هذا المقال تطرقنا الي الجزء الاول من الموقع وهو تصميم الموقع من حيث الواجهات والمتصفح ويقصد بهذا الجزء : الفرونت اند

في المقالات القادمة سنتناول الحديث عن باقي الاجزاء

اظهر المزيد

اسلام الالفي

مهندس ومبرمج مصري اعشق البرمجة والتدوين وهدفي افادة العالم العربي بمحتوي قيم عن البرمجه

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني.

زر الذهاب إلى الأعلى