تعلم الـ JavaScript ( أساسيات كتابة الكود )

السلام عليكم و رحمة الله و بركاته

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

قبل البدء

قبل البدء في تعلم أي لغة يجب ان يكون هناك مقدمة او نبذة عنها و لعلكم سئمتم من هذه المقدمات نظرا لانكم اعتدتم رؤيتها في كل درس من دروس الـ PHP ... لكن أظن انه لا بأس بمقدمة أخرى إذا كنت تريد حقا تعلم هذه اللغة .

المقدمة

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


الجافا وبكل بساطه لغة من لغات البرمجة ان صح التعبير .. مهامها الأساسيه بث الحياة في صفحات الويب المكتوبة بلغة ال HTML وتعطيك امكانية التحكم بكل جزء في صفحة الوب، من ال forms الى الوصلات بل وحتى بعض الوظائف الخارجيه .

الجافا سكريبتس صممت من قبل Netscape لإضافة بعض الحيوية الى صفحات الويب، طبعا لايفوتني أن أذكر أن ال Java في الاصل صممت من قبل شركة Sun وهي المالك الأساسي للغة، المهم، من الأمثلة عليها مانراه كثيرا في بعض الصفحات، من اظهار التوقيت، وتحريك الصفحات الى أعلى والى أسفل، وكذا التحكم بال Forms .


الجافا سكريبتس تخلتف عن أغلب لغات البرمجة الأخرى في كونها سهلة التحكم والتبويب، حتى للأشخاص الذين لم يكتبوا بأي لغة برمجة أخرى في حياتهم كلها .

بكل بساطة،الجافا سكريبتس هي الهواء لصفحتك .


حسنا، أعلم أنه وبعد تلك السطور في الأعلى، توارد الى ذهنك العديد من الأسئله ،، فلنحاول معا الإجابه على بعضها :


1- لماذا أتعلم الجافا سكريبتس ؟


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

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

وربما لاتجد مبتغاك بسهولة ! أو قد لاتجدة إطلاقا .




2 - مالمقصود بشفرة البرنامج أو السورس كود ؟

الكود أو السورس كود : هو مجوعة الأوامر التي تكتب مجتمعة أو متفرقة ليعمل البرنامج بصورتة الرئيسيه ، أي البنية التحتية للبرنامج ، وتكون دائما مكتوبه كتابة ويمكن عرضها بأي برنامج تحرير نصوص عادي مثل ال NOTEBAD .



3- ماهو الفرق بين الجافا .. والجافا سكريبتس ؟


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

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


4- هل بإمكان الكود الذي كتبته بالجافا سكريبت العمل على متصفحي النتسكيب والإكسبلورر بدون أية مشاكل ؟


للأسف ، الإجابة بلا !

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

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

لأفضل عرض ، ينصح بإستخدام المتصفح الفلاني .


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



إلى هنا نكون انتهينا من المقدمة و وصلنا إلى بداية الدرس الفعلية
أساسيات كتابة الكود


كأي لغة أخرى الكتابة بالجافا سكريبتس تخضع لبعض الشروط التي لامفر من تعلمها ، وإتباعها ، وإلا فإن البرامج وبكل بساطة ، لن تعمل .



أولاُ : Case sensitivity



الجافا سكريبتس هي case sensitive language ، أي أن الكلمة المكتوبه بالحروف اللاتينيه الصغيره تختلف عن نفس الكلمة مكتوبة بالأحرف الكبيره


مثلا :


Mahmoud غير mahmoud غير mAhMoUd ، وهكذا ..




ثانيا : الفاصلة المنقوطه Semicolons



يفترض الى درجة الإلزام أن ينتهي كل سطر بفاصلة منقوطة :



var x=3;



ثالثاً : المساحات الخالية :


الجافا سكريبتس كالـ HTML تتجاهل المساحات الخالية ، والسطور الجديدة ، مثلا :



var x=4
هي نفسها
var x = 4



مع ملاحظة أنه لابد من ترك مسافة خالية على الأقل بعد أي مصطلح من مصطلحات الجافا !



رابعا : الأقواس


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


لكي لايخلق لك ذلك أية مشاكل أثناء تنفيذ البرنامج ، ولاننسى أي مشكلة معناها توقف البرنامج عن العمل .


إطلع على المثال التالي لفهم ذلك :



If (t[3] != 11) {


t[4]=2;


}



خامساً : الكلمات المحجوزة


أو مصطلحات الجافا المحجوزة ، وهي أوامر الجافا التي لايمكنك نسب أي متغيرات إليها على الإطلاق ، كما في كل لغات البرمجة المعروفة .


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