HTML : تعني لغة ترميز النص التشعبي وهي اختصار لـ (Hypertext Markup Language)، وعن طريقها يتم إنشاء هيكل موقع الويب.

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

لنعطي مثالّا كمقياس لسهولة الفهم كالمنزل. فكر في المنزل الذي تعيش فيه حاليًا. كم عدد الغرف فيه؟

*غرفة معيشة واحدة 

*مطبخ واحد

*غرفتا نوم

CSS : اختصار لـ (Cascading Stylesheets). وهي اللغة التي تستخدم في تنسيق وتصميم التأثيرات الموجودة في الموقع مثل الألوان وتفاعلها خلال التصفح ونوعية الخطوط وغير ذلك من التنسيقات. ويتوفر إصدارين بالإضافة إلى الإصدار الأساسي من هذه اللغة، بالإضافة لبعض الإضافات التي يمكن استخدامها مع هذه اللغة

تتيح لك هذه اللغة جعل موقع الويب يبدو أجمل. من حيث الصناعة، وتسمى عملية استخدم هذه اللغة بـ "تصميم المواقع"

لنعد لمثالنا السابق الخاص بالمنزل

ضع في اعتبارك غرفة نومك. كيف يتم ترتيب الأثاث لغرفة النوم؟

*يقع السرير في الزاوية الشمالية الشرقية

*تقع الخزانة في الزاوية الجنوبية الشرقية

*الباب في الزاوية الجنوبية الغربية

على موقع الويب، ليس لدينا اتجاهات شمال / شرق / جنوب / غرب.

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

جافا سكريبت (JavaScript):

HTML و CSS لغتان ثابتتان. لا يمكنك تغيير HTML و CSS (عن طريق تغيير ملف HTML أو CSS) بعد تحميل موقع الويب. لكن JavaScript يمنحك القدرة على تغيير HTML و CSS على الصفحة.

دعنا نستخدم تشبيه المنزل مرة أخرى لشرح ما هي JavaScript. بالمناسبة، JavaScript و Java هما شيئان مختلفان. لا تخلط بينهما!

لنفترض أن الغرفة مظلمة الآن. أنت تمشي في غرفتك. ماذا ترى؟

لا شيء؛ لأنها معتمة من الداخل.

تحرك يديك إلى المفتاح وتشغل الأضواء. هذا مثال على التفاعل. أمثلة أخرى هي:

*تشغيل التلفزيون

*فتح صنبور

*تشغيل التكييف

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

لذلك يمكنك فعل الكثير باستخدام JavaScript.ومن الأمثلة على ذلك:

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

افتح قائمة عندما تضغط على زر على لوحة المفاتيح

إنشاء اختصارات لوحة المفاتيح لموقع الويب الخاص بك

أنشئ مكتبة حيث يمكن للأشخاص التبديل بين الشرائح

صناعة آلة حاسبة

خلاصة:

تتيح لك HTML إنشاء بنية وهيكل موقع الويب.

تتيح لك CSS جعل موقع الويب يبدو رائعًا وأنيقًا.

بينما تتيح لك JavaScript تغيير HTML و CSS. و يمكن باستخدامها القيام بالعديد من الأوامر التفاعلية التي تشكل عصَب الموقع ويجعله يجذب الانتباه.

ترجمة: آلاء كراجه ✍🏻

المصادر: 

https://zellwk.com/blog/difference-between-html-css-javascript/