مقدمة عامه عن لغة الجافا سكربت

الجافا سكربت هي لغة برمجه اذا جاز التعبیر تلعب دور حیوي وفعال في صفحات الویب من خلال القیام
بوظائف قد تكون خارجیة او داخلیة بل لنكن اكثر دقة هي مرنه الى درجه تجعلك تتحكم بكل جزء من اجزاء
اي النماذج او كنوافذ تخرج للمستخدم لتخبره بامر معین او تنبه forms صفحة الویب كأن تستخدمها في ال
وغیرها من الاستخدامات التي اراها من وجهة نظري هي الروح التي یبثها مطور الویب في صفحاته اثناء
برمجته .
لتضفي الحیوية الى Netscape اما من این جاءت لغة الجافا سكربت فهي جاءت من خلال اهتمام شركة
ھي الاساس والام في لغة الجافا بشكل عام فما Sun صفحات الويب ولا يفوت على بال احد ان شركة
بالك بالجافا سكربت فلغة جافا سكربت ھي لغة بسیطه نوعا ما وسھله التبويب والتحكم بل يستطیع
البرمجه بھا من لم يتعلم اي لغة في حیاته وھذا ما ركزت به في كتابي ھذا بان اجعل المتدرب يبدأ من
الصفر فلیس ھدفي فھم لغة الجافا سكربت فقط فحسب بل التكنیك البرمجي بإختلافاته فالمبدأ واحد
او غیرھا موجوده في جمیع لغات if condition مثلا او ال for loop على اختلاف شیفرة الكود فال
البرمجه ولھذا اعتبر كتابي ھذا باب لدخول منه الى فھم اللغات القادمه التي سوف اطرح بھا كتب بإذن
الله وكذلك الى لغات البرمجه الموجود كتبا عنھا في الاسواق او النت فھذا الكتاب بدايتك لفھم بقیة
اللغات بكل سھوله او على الاقل بیسر ودون عناء اذا لیس كل اللغات لیكن بعضھا واذا لیس بعضھا اذا
على الاقل جزء من كل لغة ...
عزيزي المتدرب لغة الجافا سكربت بإعتقادي الخاص كمطور ويب مھمة نوعا ما فانت عندما تصمم في
انت تصمم واجھة ولكنھا خالیة من الحركة بل انك لا تستطیع ان تغیر شيء منھا إلا بالتغیر الكود HTML
نفسه ولكن تخیل مثلا انك تريد ان تظھر بنر اعلاني يتغیر كل وقت معین من غیر ان تلمسه بیدك اي من
غیر ان تغیر الكود بل ھو من نفسه يجلب بنر الاعلان الاول ثم بعد دقیقة مثلا يغیره الى بنر اعلان ثاني
وھكذا او تصور انك تريد ان تضع في رأس صفحتك التاريخ والوقت او كأن تريد ان يظھر اسم زائرك في
صفحتك لكي تشده لھا وغیرھا من الافكار فالجافا سكربت تفعل لك كل ھذا وبكل بساطه وسھولة ..
اما في البرامج او الاكواد التي سوف نتعلم كتابتھا ھي مجموعة من الأوامر التي تكتب مجتمعة أو
متفرقة لیعمل البرنامج بصورتة الرئیسیه ولنقل ھي الاساس او البنیة التحتیة لبرنامجنا ولا تقلق
المتوفر في كل جھاز وإنني افضل ان NOTEBAD تستطیع ان تكتب برامجك او اكوادك من خلال برنامج ال
تجد محرر للجافا سكربت في الانترنت وھذا افضل لكي تعرف موقع الخطأ مباشرة من غیر عناء .
وفي نھاية المقدمه ھذي اريد التنبیه الى شيء اراه كثیرا في الانترنت وھو يوجد فرق كبیر عندما نقول
فالاختلاف كبیر بینھم وإن كان المسمى يوحي بغیر ذلك وايضا يوجد JAVASCRIPT او كود JAVA ھذا كود
JAVA SCRIPT اوامر واكواد ال DHTM والجافا سكربت وإن كنا نستخدم في DHTML فرق بسیط بین ال
بل يكون الاعتماد الكبیر علیھا ولكن ھذي عزيز المتدرب لغة اذا جاز تسمیتھا ثانیه ولھا تطبیقاتھا الحركیة
والتأثیرية الخاصه وإني ارى اكثر المواقع تعرض للمستخدمین اكواد جاھزه للتحمیل او النسخ وتكتب
اي الداينمك ولیس الجافا DHTML وإني ارى كثیرا منھا تسمیته الصحیحه JAVASCRIPT عنھا انھا
وال JAVASCRIPT سكربت وانا اقول كثیرا منھا ولیس جمیعھا .. ونحن ھنا لسنا في محض المقارنه ال
بعیدة كل البعد JAVA فلكلا منھا اكواده الخاصه واسلوبه وتكنیكه ويجب ھنا التبیه ان ال DHTML و JAVA
مع ال DHTML و ال JAVA القريبة جدا فلا اقارن بین ال DHTML على عكس ال JAVASCRIPT عن ال
JAVA قريبة جدا او تصب في مصب نفسه ولكن ال DHTML وكانني اساويھم ببعض فال JAVASCRIPT
بعیدة كل البعد بل لا يوجد مقارنه ولھا اعمالھا واكوادھا الخاصه وعملھا الخاص .
ارغب التبیه لھا ولكي لا اذكرھا في JAVASCRIPT ويوجد بعض الملاحظات المھمه قبل البدء بتعلم
متصف الكتاب وتتشتت افكارك .
قمت في هذا الكتاب بالتدرج على اسلوبي الخاصفي تعلیم المتدرب هذه اللغة وهذا اجتهاد مني لهدفین هو شد  §
المتدرب على الاستمرار في التعلم واخذ الفائده التي یرجوها من اول صفحة یقرأها ولهذا كان لي اجتهادي
الخاص في التدرج في صب المعلومه وقد استخدمت عبارة اذا جاز التعبیر كثیرا وهنا اكون قد تجاوزت في
عبارة معینه في موصفها عن وصفها البرمجي البحث وهذا لغرضإیصال المعلومه وهذا الذي یهمني كثیرا..
لذلك استخدم هذه العبارة في اماكن معینه .
وسوف اكتب لك مقدمة عنها هنا لكي تكون على Object سوف نتطرق في نهایة الكتاب الى الكائنات اي ال  §
كائن یحتوي علي خواص ، ومنه طرق تتیح لك استخدام تلك الخواص .Object. علم بها وما هیتها . ال
علي بیانات محددة ومعینه مما یعطي قوة كبیرة نوعا ما للجافا سكربت بل هي قائمه على ذلك وما ینعكس
من بساطة تصمیم برامجها وسهولة وسلاسة تطویرها يشار أحیانا للغات JAVASCRIPT علیها اي ال
مثل الجافا و OOP التي تتیح استخدام الكائنات بكامل خصائصها علي إنها لغات برمجة موجها للكائنات
السي ++ الى غیرها من لغات البرمجه ولا ارید ان اخوض بتاریخها وادخل بك الى صفحات عده وأرهقك
في القراءة وانت لم تبدأ بعد ولكن انصحك بالقراءة عنها في الانترنت فكل شيء یعتبر مرجع مفید لك حتى
لو كانت معلومة واحده .
الكلمات المحجوزة وسوف اذكرها لك فكما في جمیع اللغات یوجد هناك كلمات محجوزة اي  §
وسمیت كذلك لكي لا تستخدم إلا بمواقع خاصه في كود اللغة ولیس كمسمیات تستخدمها . Keywords
وهي كلمات خاصه تقوم بعملیات ووظائف معینه على متغیرات اسندت او مررت لها اذا جاز التعبیر
لذلك مثلا لا یجوز استخدام ایا منها في اسم دالة على سبیل المثال او غیرها بل ابتعد في تمساتك الخاصه
عن هذه الكلمات المحجوزة اذا ما هي الكلمات الحجوزة في الجافا سكربت ؟ هي :

لا تنزعج من عدم فهمك بعض الملاحظات فهذا امر طبیعي ولكنني اذكرها فقط لك لتعلم بها وفي اثناء قراءتك
الكتاب سوف تعرف ما قصدته في هذه الملاحظات .

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

لم اضع لهذا الكتاب فهرس مفصل لان من وجهة نظري ان الكتب التي اصدرها هي بمثابة دورات تدریبیة  §
تعتمد اسلوب المخاطبه والاتصال بالمتدرب والتدرج به حسب تفكیره والإجابة على كل ما یجول في خاطره
قد یكون هناك احد له وجهة نظر اخرى ولكن لكلا منا اسلوبه الخاص به كما انني اعتمدت على جعل بعض
في وسم ال dir = rtl الأمثلة التي تحتوي على ارقام تبدأ من الیسار الى الیمین تستطیع قلب ذلك بوضع
ببدایة الصفحة . html

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

طرق كتابة كود الجافا سكربت .. §
١- الطریقة الأولى :

٢- الطریقة الثانیة :

او بأي محرر اخر ( notepad ) یجدربنا المعرفة هنا ان كود الجافا سكربت تستطیع كتابته ببرنامج
مختص بكتابة كود الجافا سكربت .

موضع كود الجافا سكربت ..  §

اي بین وسمي رأس الصفحة : ( html ) یكتب عادة كود الجافا سكربت في رأس صفحة
( <head> ----------- </head> )


ملاحظة :
قد یضع البعض كود الجافا سكربت في ذیل الصفحة او في جسمها وهذا وارد الحدوث ..
تمثیله : §

تعریق مبدأي ببعض اوامر الجافا سكربت ..


١- أمر الطباعة :
... الطریقة الأولى : طباعة جملة لا یقع علیها تأثیر اي وسم من وسوم ال ( html )

...  الطریقة الثانیة : طباعة جملة یقع علیها تأثیر وسم ال( html )

...  الطریقة الثالثة : طباعة جملة یقع علیها تأثیر وسم ال( style ) و ال ( htm )

الطریقة الرابعة : طباعة قیمة متغیر ...

الطریقة الخامسة : طباعة قیمة متغیر یسبقه جملة نصیة ..

الطریقة السادسة : طباعة قیمة متغیر یسبقه ویعقبه جملة نصیة ..

ملاحظات مهمة :
اي جملة نصیة ترید ان تضعها بداخل كود الطباعة یجب ان تحصرها بین ( " ) حتى لو احتوت على وسم o
(html) ال

طباعة قیمة متغیر .... ویوجد لها اكثر من حالة : o
١- اذا كنت ترید فقط ان تطبع قیمة المتغیر بمفرده ... تضعه بداخل أمر الطباعة من غیر ان تحصره ب ( " ).
٢- اذا كنت ترید طباعة قیمة متغیر تسبقه جملة نصیة یجب ان تحصر الجملة النصیة بین ( " ) ومن ثم تذكر
المتغیر المراد طباعة قیمته ولكن یجب ان تضع قبله ( + " ) ولتوضیح اكثر تضع اشارة ( + ) بالجهة التي
بها النص....

یعني بإختصار ضع اشارة ( + ) بجانب المتغیر المراد طباعته من الجهة التي بها الجملة النصیة واذا لم یكن
هناك جملة نصیة اذا لا تضع اشارة ( + )

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

فبكتابة الأول یترك (document.write) بدلا من (document.writeln) تستطیع ان تستخدم o
مسافة بین كل كلمة في جملة الطباعة اذا "جاز التعبیر" بشكل عملي ..

قبل الجملة (<br />) لطباعة جملة في سطرین اي " النزول الى سطر جدید " نضع بداخل جملة الطباعة o
التي ترید ان نجعلها في سطر جدید ..