alnokta
3-09-2003, 08:35 am
السلام عليكم
بسم الله الرحمن الرحيم و به نستعين ...
الدرس الأول :-
مقدمة
ما هي جافا سكريبت؟
جافا سكريبت هي لغة برمجة طورت من قبل Netscape . عندما تستخدم جافا سكريبت يمكنك بسهولة عمل صفحات ويب تفاعلية.و هذه المقدمة توضح ماذا يمكنك إن تفعل بجافا سكريبت و الأهم كيف تفعله.
جافا سكريبت و ليس جافا!
كثير من الناس يعتقدون جافا سكريبت هي نفسها جافا لتشابه الاسمين. هذا غير صحيح . و سوف تأخذ وقت طويل لشرح الفرق الشاسع بين جافا و جافا سكريبت. لذلك تذكر فقط جافا سكريبت ليست جافا. و لمزيد من المعلومات قم بقراءة المقدمة من Netscape.
تشغيل جافا سكريبت!
ما هو المطلوب لتشغيل ال البرامج المكتوبة بجافا سكريبت؟ أنت تحتاج متصفح به خاصية جافا سكريبت كمثال : Netscape Navigator بداية من الإصدار 2 . و مايكروسوفت انترنت اكسبلورر بداية من الإصدارة 3 .و لانتشار هذه المتصفحات بين مستخدمين كثر فالكثير من المستخدمين سيكون متاح لهم تشغيل جافا سكريبت . و هذا من النقاط الهامة لاستخدامك في صفحاتك جافا سكريبت. بالطبع ستحتاج معرفة أساسيات لغة HTML لتستطيع قراءة بقية الدروس. و أحسن شيء تقوم بفعله هو البحث عن كلمة هتمل في ياهوو و غوغل (باللغة الإنجليزية طبعا).
المحتويات:
1- ادخال كود جافا سكريبت في صفحة ويب.
2- تركيب جافا سكريبت(syntax).
3- التعليقات (comments) .
ادخال كود جافا سكريبت فى صفحة ويب:-
يتم ادخال جافا سكريبت الى صفحة الهتمل ( اى صفحات ويب يمكنك اضافة جافا سكريبت لها) باستعمال تاج (script) ، (لن اترجم كلمة تاج التى اصلها tag، هكذا افضل). تاجات ال script توضع فى تاج الرأس الخاص بالصفحة (head tag) ، المتصفحات القديمة .... الخ الخ الخ ... لا احد يستعمل متصفحات قديمة ، دعنا نترك هذا و هناك شىء واحد عليك معرفته و هو لا تنسى عندما تكتب سكريبت ان تضعه فى تاجات التعليقات فى هتمل.
مثال :
عندما تستعمل مع جافا سكريبت النهاية ستتغير و ستبدأ بهذه العلامة // التى هى كود جافا سكريبت للتعليق . و ذلك يجعل مترجم (interpreter) جافا سكريبت بان يقوم بتجاهل هذه العبارة و لا يعرضها.
مثال
| CODE |
<html>
<head>
<title>صفحة ويب بها كود جافا سكريبت</title>
<script language="javascript">
<!-- hide javascript code from non-javascript enabled browsers
--------
هنا يكتب كود جافا سكريبت --------
--------
//end hiding of javascript code -->
</script>
</head> هذا هو تاج الرأس
<body>
صفحة الهتمل
</body>
</html> |
و يمكننا ايضا سطر كود او شفرة واحد ملحق بحدث (event) . سأقوم بشرح الاحداث لاحقا . و التكوين العام يكون هكذا
<html_tag attibute="option" onevent="كود جافا سكريبت يكتب هنا">الاشياء الموجودة بين بداية و نهاية التاج</html_tag>
تركيب جافا سكريبت:-
الكتابة باى لغة يجب ان تكون تتبع تركيبة و قواعد معينة . فمثلا فى لغتنا العربية الاصيلة يجب ان يكون هناك فعل و فاعل و ان لم يجد فنائب فاعل او ما يدل على ....... هذا يكفى فلن ادخل فى درس قواعد و لكن ما اريد قوله انه لابد من الكتابة بالقواعد المحددة حتى تحصل على معنى ... أليس كذالك... و الان جافا سكريبت لديها بضعة قواعد متبعة فى تركيبها :-
Case-sensitive:-
الحقيقة لم استطع ترجمتها فأى ترجمة ستكون سخيفة على حد علمى و لكن لا تخف ، لقد فهمتها و عليك انت ايضا فهمها ، و معناها ... انها تعامل الكلمات بطريقة مختلفة تماما حتى لو كان الاختلاف حرف ، قارن هذه الكلمات معى .
example
Example
EXAMPLE
هل لاحظت الفرق ، يعنى ممكن تصحل "بلاوى" لو لم تنتبه لما تكتبه .
Semicolons:-
لا احتاج ان اقول اى جملة(statement) تقوم بكتابتها يجب ان تنتهى بهذه العلامة و الا فلن تنتهى فهذه العلامة هى التى تفرق بين جملة و اخرى " ; "
مثال
المسافات البيضاء او الخالية ، جافا سكريبت مثل هتمل تتجاهل المساحات الخاوية او الاسطر الجديدة بين الجمل ، و لكن جافا سكريبت تتعرف على المسافات البيضاء و الاسطر الجديد التى هى جزء من Strings و التى سوف اتكلم هنها لاحقا . من خلال دروس اخرى .
كل هذه الامثلة تخرج لنا نفس النتائج ، و هى فكرة جيدة ان تضع بعض المسافات لكى تجعله برنامج قابلا للقرأة اكثر ، او يمكنك جعل برنامج كومة من الاوامر التى تحتاج وقت كبير لقرأتها . و لكن لا تنسى ان تضع مسافة بين المتغير و اسمه .
بحثت عن ترجمة ملائمة و لكن لم تعجبنى واحدة ، لذلك ستكون اسمها كما هى ، اتفقنا .... ال strings هى عبارة عن متتاليات من الصفر او من كائنات اخرى (charcters) داخل علامة اقتباس مزدوجة او مفردة ( 'single' , "double") .
