عالم الجافا | عالم الانترنت | عالم الألوان | عالم الكومبيوتر | مقارنات | سكربتات جاهزة

الرئيسية
راسلني

مقارنة بين الـ HTML والـ JavaScript

الرئيسية > الدروس > مقارنات > مقارنة بين الـ HTML والـ JavaScript
السلام عليكم ورحمة الله وبركاته..

في الحقيقة تثار العديد من التساؤلات حول الفرق بين الجافاسكريبت و الهتمل HTML، لذا سأحاول أن ألخّص بعض النقاط عن كل لغة:
HTML

  • اختصار HyperText Markup Language
  • ليست لغة كومبيوتر بالمعنى المفهوم، هي أقرب للغات التصميم
  • تتميّز بأنهاتُكتب كنص عادي، وهذا طبعاً يساعدها على الإنتشار بحيث تستطيع الكومبيوترات مهما اختلف نظام تشغيلها على فهمها.
  • الهتمل تعتبر من لغات التصميم التي لا تستطيع بحال من الأحوال التعامل مع العمليات الحسابية. فهي تستطيع توفير شكل الفورم، ولكنها لا تعرف كيف تتصرّف بنفسها بالبيانات الفعلية التي تُدخل فيها. مثلاً نستطيع أن نعمل هذا

الإسم

بكتابة:
<form><input type=text><input type=button value="Click me"> </form>

و لكن إذا ضغطت على الزر لن يعمل شيء.
باختصار الهتمل تجمع الداتا و ترتبها و لكنها لا تستطيع أن تقيم عليها أي عملية.
- تسمّى الأوامر فيها Tag - صفات الـ tag
  • تكون محصورة بين < و > مثل <HTML>
  • عادة تكون في صورة ثنائية! كيف؟ يعني كل tag له أخ توأم، يشبهه بس باختلاف بسيط،  والنوعية التي تكون فيها صفة الثنائية عادة يكون لها تأثر على شي محدد مثلا:
    <B> Bold Text </B> Not Bold
    في الجملة السابفة نرى أن جملة Bold Text تتأثر بالتسويد الذي يقوم به أمر الـ <B> ، بينما لن تتأثر الكلمات Not Bold لأنها واقعة خارج تأثير <B> وبالتالي فإن تحديد بداية ونهاية التأثير يتم ب <B> و أختها التي تحدد النهاية: </B>

    و إذا رأينا الصفحة في المتصفح سيظهر لنا هذا:
    <B> Bold Text </B> Not Bold



    توجد بعض ال tags بصورة منفردة يعني ليس لها توأم للإنهاء :-) مثل: <HR> و هذه الtag تقوم بعض سطر مثل هذا

  •  كل tag لها صفات (Attributes) و بعض ال tags يجب أن نحدد الصفات مثل:
    <IMG SRC="/home/javagirl/public_html/images/t2.jpg">

    وtag ال img يقوم بإظهار صورة. و لكن يجب علينا أن نحدد موقع الصورة (ملف الصورة تحديداً يجب أن يكون موجوداً على الإنترنت)  وهكذا نجد صفة src و هي تحدد اسم الملف بالكامل متضمناً اسم الخادم الذي يحوي ملف الصورة. كما هو واضح في الtag نفسها.

JavaScript

  • خلال حديثنا عن الهتمل تطرقنا لموضوع هام جدّاً و هو عدم امكانية الهتمل أن تقوم بعمليات حسابية أو معالجة البيانات.  لذا تم تطوير عدد من اللغات المساعدة التي تعمل هذه الأعمال و تكون مٌحتواه داخل الهتمل.
  • لغة الجافاسكريبت من اللغات التي يتم تشغيلها على كومبيوتر العميل و ليس السيرفر.
  • الجافاسكريبت تعتبر من لغات الـ Object Based ، و ليس الي Object Oriented لأنها لا توفّر مفهوم الclass (هذا الكلام اشوي محيّر مب مشكلة سأحاول شرحه أكثر في حالة طلب الجمهور هاهاها)
  • تعتمد الجافاسكريبتس على مفهموم ال functions الوظائف. بحيث يتم تنفيذ أمر معين للقيام بوظيفة معيّنة.

مثال على ذلك:


لو جرّبتوا الضغط على الزر ستلاحظون ظهور تحذير يخبركم بأنكم ضغطتوا على الزر.

كيف فعلنا ذلك بادراج وظيفة من الوظائف الموجودة في الJavaScript و هي ال alert و دمجناها مع الزر باستخدام صفة من صفات الهتمل و هي onClick ونلاحظ أن كتابة الجافاسكريبت تكون دقيقة في التفريق بين الأحرف الإنجليزية الصغيرة والكبيرة (UPPERCASE & lowercase)، لذل يجب كتابتها كما هي تماماً.
<input type=button value='Click Me' onClick='alert("I just clicked on that Button")'>

في السطر السابق قمنا بإنشاء زر أوامر، و وضعنا عليه "Click me" و قلنا له onClick أي عندما يضغط عليك أي حد، alert("...")  و وظيفة ال alert تقوم بعرض الشاشة الصغيرة التي شاهدتوها عندما ضغطتم على الزر.

طبعاً توجد العديد من الوظائف الموجودة ضمن الجافاسكريبتس نفسها و كذلك يمكن للمبرمج أن ينشيء وظائفه الخاصة و سأفرد حلقة خاصّة عن الجافاسكربيت من ناحية البرمجة الفعلية.

أتمنّى أن تكون الفروقات بين الجافاسكريبتس، و الهتمل واضحة.

وفوق كل ذي علم عليم

أوشال

مواضيع أخرى من نفس النوعية

مقارنات
جميع الحقوق محفوظة JavaGirl, 2006