أهم اللغات البرمجية لتصميم المواقع والفرق بينها

أهم اللغات البرمجية لتصميم المواقع هي:

Html,  Css ,sql , php ,  Asp.net,  java script

لماذا نحتاج لكل هذه اللغات؟ ما الفرق بينها؟

هذا لأنه مرحلة التطوير تنقسم الى ثلاث مراحل , وفي كل مرحله ستستخدم لغة برمجه مختلفة:

المرحلة الأولى :  بناء الموقع.

HTML	تكفينا لغة ال   HTML لبناء الصفحات الأساسية , بالنصوص والصور والفيديو وبالألوان .	لا تحتاج لتحميل أي برنامج, يكفي استخدام  النوت باد. ولكن يمكنك تحميل برامج اذا اردت.
CSS	عندما تصبح صفحات موقعك كثيره جدا , فانه من الاسهل استخدام لغة  CSS لتوحيد الالوان وتنسيقات الموقع . مثلا توحيد حجم الخط في الموقع كله . فمثلا لو أردت أن يكون لون خلفيه موقعك زرقاء اللون , بدل ان تكرر الكود في كل صفحه ,  تستطيع ان تضع الكود في ملف css  واحد , وستصبح جميع صفحات موقعك زرقاء اللون.

وبهتين اللغتين تستطيع بناء موقع متكامل لعرض المعلومات فقط.

ماذا يعني للعرض فقط؟

 للعرض فقط يعني انك مثلا لن تستطيع التعامل مع المستخدمين , كعمليات التسجيل في المنتديات وتسجيل الدخول وكتابة المقالات. لأنك لفعل ذلك تحتاج لحفظ معلومات المستخدمين - اسمائهم وارقامهم السرية واميلاتهم - في مكان ما , وهذا المكان يسمى بجداول البيانات , المعروفة باسم ( الداتا بيس) .

الداتا بيس عباره عن جداول يتم فيها حفظ البيانات.

ملاحظه: هناك برامج تساعد في عملية التصميم , بالإضافة الى انه يوجد الكثير من القوالب الجاهزة التي تستطيع تحميلها مجانا من النت.

المرحلة الثانية: بناء الداتا بيس.

تستطيع أن تتوقف عند المرحلة السابقة وسيكون موقعك متكاملا.

     لكن اذا اردت تخزين بيانات المستخدمين كأسمائهم ,ارقامهم السرية , البريد الالكتروني. أو لو أردت أن تبني موقع تجاري الا تحتاج الى تخزين معلومات عن البضائع التي ستعرضها للبيع؟ كاسم المنتج , سعره , صورة المنتج. في هذه الحالة ستحتاج الى بناء الداتا بيس.

sql

وللتعامل مع الداتا بيس ,كإضافة الجداول وحذفها ,تحتاج الى لغة ال sql  . sql هيه اللغة الوحيدة للتعامل مع الداتا بيس. بعض البرامج تتيح لك التعامل مع الداتا بيس يدويا بدون الحاجه لاستخدام اللغات البرمجية. يجب أيضا مراعاة بناء جداول صحيحه ومترابطة.

تحتاج برنامج و تعتمد على لغة السيرفر

والان بعدما صممت موقعك الجميل, واضفت البيانات التي تحتاجها في الجداول ,

كيف ستنقل البيانات من جداولك في الداتا بيس الى صفحات موقعك؟

لن يكون للداتا بيس أي فائدة من دون المرحلة الثالثة. هذا انك لا تستطيع التوقف هنا. فالمرحلة الثانية والثالثة مرتبطان ببعض.

المرحلة الثالثة : ربط الموقع مع مستودعات البيانات.

لعمل ذلك تحتاج الى (لغة السيرفر) وهي لغتان ,و  لك ان تختار اما ال PHP  أو ال Asp.net , واحيانا تضطر الى استخدام احدها اعتمادا على لغة السيرفر المستخدمة. فاذا كنت تشتغل على سيرفر يتعامل بال php  ستستخدم لغة ال  .phpعموما اللغتان شديدتا الشبه واذا اتقنت احدهما فتستطيع بسهوله اتقان الاخرى.

PHP	اغلب السيرفرات التي تعتمد على هذه اللغة تكون سيرفرات مجانيه.	مثال : wamp server
Asp.net	اغلب المواقع الحكومية تعتمد على سيرفرات تعمل بهذه اللغة.	مثال: Visual studio

ال java script: هي لغة لإضافة الحركة في الموقع , مثل عندما تقوم بضغط زر معين في الصفحة يظهر نص . و لعمل هذه الاكواد تستطيع استخدام لغات الجافا وأحيانا تستطيع الاستعاضة باستخدام ال css .

باختصار:

الفرق بين اللغات البرمجية 

ما الفرق بين لغة من جهة العميل , ولغات من جهة السيرفر؟

تسمى ال html وال  cssلغة من جهة العميل , وهذه الترجمة النصية لمصطلح client side languages

وتسمى لغة ال  php وال asp.net لغة من جهة السيرفر, وهذه الترجمة النصية لمصطلح server side language

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

لغة من جهة العميل هيه اللغة المسؤولة عن:	لغة من جهة السيرفر هيه اللغة المسؤولة عن:
يعرض محتويات صفحات الموقع, حتى بعد انقطاع الانترنت.	يتعامل مع المدخلات من المستخدم.
يعرض المحتويات المتحركة للموقع , مثلا , صور تتحرك الخ.	لا يعرض الصفحات عند انقطاع الانترنت.
يستقبل مدخلات من المستخدم, مثال : الايميل ,الرقم السري.	يتفاعل مع الداتا بيس.
مثال: HTML ,CSS, Javascript	مثال: PHP, Asp.net