ما هو HTML؟

HTML هي اختصار للغة توصيف النص التشعبي. أعلم أنه أمر بسيط ولكننا في الأساس نستخدم لغة HTML لتحديد البنية أو العناصر الأساسية لصفحات الويب الخاصة بنا.

ما هو CSS؟

CSS اختصار لـ Cascading Style Sheets. نستخدمها لتصميم صفحات الويب وجعلها جميلة.

ما هي جافا سكريبت؟

يتم استخدام JavaScript لإضافة وظائف إلى صفحات الويب. اسمحوا لي أن أقدم لكم تشبيهًا.

فكر في المبنى.

المبنى في العالم الحقيقي يشبه صفحة ويب على الإنترنت. يحتوي على هيكل عظمي أو هيكل – إطار المبنى وأساسه (HTML).

يمكن أن تحتوي على جدران ونوافذ وبلاط جميلة تعمل على تشطيبها وجعلها تبدو جميلة (CSS).

ويمكن أن يكون له وظائف معينة، مثل أن يكون منزلًا أو مستشفى أو سوبر ماركت (JavaScript).

على سبيل المثال، عندما نضغط على زر المصعد، يأتي دور اصطحابنا. جافا سكريبت من شأنها تمكين هذا في تشبيهنا.

مثال حقيقي

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

أولاً، نستخدم لغة HTML لتحديد العناصر الأساسية لهذا التخطيط. ما هي اللبنات الأساسية هنا؟

1. صورة.
2. بعض النصوص التي تشير إلى حساب تويتر الخاص بالمستخدم (على سبيل المثال، @KarlgustaAnnoh).
3. كتلة نصية أخرى تحتوي على الرسالة (تعليم البرمجة من خلال القصص...).
4. أزرار/أيقونات لتحرير الملف الشخصي والموقع والرابط والتاريخ.
5. عدد المتابعين.

نستخدم HTML لإضافة هذه العناصر الأساسية إلى صفحة الويب الخاصة بنا.

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

لذا، CSS يدور حول التأثيرات المرئية. باستخدام CSS، يمكننا أيضًا إنشاء رسوم متحركة جميلة.

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

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

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

نراكم في الحلقة القادمة!

ملاحظة. هذه هي سلسلتي الجديدة إذا كنت جديدًا في مجال البرمجة، وترغب في الحصول على بعض المساعدة في تعلم البرمجة، فاطلع على مطور الويب لمدة ساعتين.