تعلّم الجافا سكريبت

karimwac · 23 Oct 2006

تعلّم الجافا سكريبت

هل لغة الجافا سكريبت صعبة التعلم وما هي الأشياء المساعدة لتعلم Java script.
لغة الجافا سكريبت ليست بالطبع صعبة وكل ما عليك فعله هو الاستعانة بالله ثم الإصرار على التعلم و تطبيق الأمثلة التي سنتطرق لها وفهم شرح الأساسيات اللغة . ثم بعد ذلك أطلق العنان لمخيلتك .
لماذا لا تكفي لـ HTML و لماذا نحتاج إلى لغات النصوص ( script language ) مثل الجافا سكريبت .
أن لغات النصوص منها الجاف سكريبت تحول موقع الوب إلى موقع يتفاعل مع المستخدم من إضافات أزرار ونماذج تأخذ بيانات من المستخدم وتحولها إلى نماذج أخرى أو ترسلها بالبريد الإلكتروني أو تجري عليها عمليات حسابية ليست بسيطة أنها باختصار تحول الصفحة إلى ما يسمى بصفحات الوب الديناميكية أو صفحات الوب التفاعلية هو مالا تقدمه لغة HTML .
ولا ننسى من النقاط المهمة التي يجب معرفتها أن تنفيذ البرنامج المكتوب بلغة Java Script هو من اختصاص المتصفح ( Browser ) و الذي ينفذها سطر سطر ( وهذا ما يطلق عليه Interpreter ) وليس عن طريق ترجمتها تجميعياً وهذا ما يحدث في لغات البرمجة عالية المستوى ( وهذا ما يطلق عليه Compiler).
ما هي البرامج التي تحتاجها لكتابة برامج واختبارها.
الموضوع بمنتها السهولة فكل ما تحتاجه هو ما يلي :
o محرر النصوص المرفق مع الويندوز ( Notepad ).
o متصفح الإنترنت المرفق مع نظام التشغيل سواء (Internet Explorer ) أو (Netscape ) أو أي متصفح يدعم لغة الجافا سكريبت.
هذا كل شيء كل ما تحتاجه .
استخدام Java Script :
برنامج جافا سكريبت هو جزء يتم وضعه داخل لغة HTML لزيادة فاعليتها فعند تصفح موقع أو استدعاء صفحة محددة مكتوب بداخلها Java Script code يتم إنزاله إلى جهازك وعند حدوث حدث معين مثل استدعاء برنامج جافا للتنفيذ عند الضغط على زر معين أو عند حركة للماوس يتم ترجمة البرنامج وتنفيذه سطر بسطر حتى ينتهي كما ذكرنا سابقاً.

الشكل العام الذي سيكون عليه برنامج جافا سكريبت :

<HTML>
<HEAD>
<TITLE> يتم هنا وضع عنوان الصفحة </TITLE>

<SCRIPT LANGUAGE=”JAVASCRIPT”>

11 </body>
12 </html>

1- أولا يتم وضع tag المسمى والذي يدل على بداية الصفحة <html> والـ tag </html> و الذي يدل على نهاية الصفحة ويتم وضع باقي الأوامر لغة HTML.

2و3 و4- <head> و </head> يوضع بينهما عنوان الصفحة . وأما بالنسبة لـ <title> و </title> تتيح لك هذه العلامة أن تعطي الصفحة عنوانا واضحا مميزا ويظهر هذا العنوان على نافذة المستعرض ويجب أن يحتوي على العنوان على حروف و أرقام فقط.

5- <body bgcolor=#f0f0f0> و </body> حيث يتم كتابة داخل هذا الجزء محتويات صفحة الويب الفعلية مثل الجداول و النماذج و الصور و التي سيراها الزوار لهذه الصفحة أما جزئية bgcolor=#f0f0f0 فهي تقوم بوضع لون لصفحة الويب و أن القيمة #f0f0f0 هي قيمة اللون بالنظام الست عشري.

6- هذا السطر يجب أن يكون أول سطر في أي كود جافا سكريبت حيث أنه ينبه المتصفح بأن ما سيتبع هذا الأمر هو Javascript كما تم شرحه في الصفحة السابقة .

7 و10- كما ذكرا سابقا فأن الرمز التالي <!-- يقوم بإخفاء كود الجافا سكريبت من المستعرض أو المتصفح الذي لا يدعم لغة الجافا سكريبت وبعد الانتهاء من كتابة الكود يتم وضع الرمز التالي -- > .

8- العبارة document.write("<FONT COLOR='Red'>Welcome To Java script</FONT>") و في هذا السطر يتم إستخدام الكائن (document) وذلك لكتابة عن طريق الدالة (write) ما بداخل الأقواس . وما بداخل الأقواس هو عبارة عن أمر عادي من أوامر HTML الذي يأمر المتصفح بإظهار الجملة " Welcome To Java script " باللون الأحمر . إذن فإن من قام بأمر المتصفح بإظهار الجملة باللون الأحمر هو الـ HTML وليس الجافا سكريبت ..!! . ولكننا هنا عرفنا أنه من الممكن كتابة أوامر الـ HTML داخل أوامر الجافا سكريبت ، يجب أن تضع هذه المعلومة في ذاكرتك .

9- </Script> وهو الذي يدل المتصفح أنه نهاية برنامج الجاف سكريبت .
11و12- يتم إغلاق جسم الصفحة <body> باستخدام </body> وأيضا يتم غلق الكود الخاص بالصفحة <html> باستخدام </html> .

ملاحظات يجب مراعاتها :
لاحظ هنا جيدا شكل الأمر :

document.write("<FONT COLOR='Red'>Welcome To Java script</FONT>")
شكل الأمر هكذا ويجب أن يكون دائما هكذا ... دعنا نفرض أنك نسخت هذا الكود (SCRIPT) ولصقته في معالج نصوص ذو حدود ضيقة ... بمعني أنك عندما لصقته ظهر هكذا :

document . write("<FONT COLOR='Red'>Welcome To Java script</FONT>
")
في هذه الحالة أنت غيرت شكل الأمر (لاحظ أن القوس الذي ينهي الأمر قد أنتقل سطرا لأسفل) ولن يعمل هذا الكود ويكون قد حدث خطأ .إذا ففي أكود الجافا سكريبت يجب مراعاة الشكل والمسافات علي عكس الـHTML .

أهم النقاط المستفادة من المثال السابق :

• عند كتابة كود جافا سكريبت يجب أن نبدأ دائما بـالجملة التالية :
<SCRIPT LANGUAGE="javascript">
وينتهي بالجملة التالية :
</SCRIPT>
• بين علامتي التنصيص المزدوجة استخدم علامات تنصيص مفردة عند الحاجة .
• أحد أشكال الأمر في الجافا سكريبت هو :
أن نبدأ بالكائن (Object) الذي نريد إجراء الأمر عليه ثم بعد الكائن يأتي النهج (Method) الذي نريد تطبيقه علي الكائن .. ويتبع النهج دائما أقواس تحتوي علي ما سيحدث في الكائن (Object) عند تطبيق النهج (Method) عليه . في مثالنا بأعلي ... الكائن هو (document) والنهج هو (write) ..... إذاً عندما نريد كتابة شيء في صفحة الويب نستخدم النهج (write) دائما ونضع بين الأقواس ما نريد كتابته في الصفحة .

karimwac · 25 Oct 2006

اين الردود يااعضاء

23 Oct 2006	#1
karimwac معرفي تاريخ التسجيل: Sep 2006 الدولة: casa المشاركات: 145 الشكر المقدم: 0 شكر 0 مرة على 0 موضوع معدل تقييم المستوى: 28	تعلّم الجافا سكريبت تعلّم الجافا سكريبت هل لغة الجافا سكريبت صعبة التعلم وما هي الأشياء المساعدة لتعلم Java script. لغة الجافا سكريبت ليست بالطبع صعبة وكل ما عليك فعله هو الاستعانة بالله ثم الإصرار على التعلم و تطبيق الأمثلة التي سنتطرق لها وفهم شرح الأساسيات اللغة . ثم بعد ذلك أطلق العنان لمخيلتك . لماذا لا تكفي لـ HTML و لماذا نحتاج إلى لغات النصوص ( script language ) مثل الجافا سكريبت . أن لغات النصوص منها الجاف سكريبت تحول موقع الوب إلى موقع يتفاعل مع المستخدم من إضافات أزرار ونماذج تأخذ بيانات من المستخدم وتحولها إلى نماذج أخرى أو ترسلها بالبريد الإلكتروني أو تجري عليها عمليات حسابية ليست بسيطة أنها باختصار تحول الصفحة إلى ما يسمى بصفحات الوب الديناميكية أو صفحات الوب التفاعلية هو مالا تقدمه لغة HTML . ولا ننسى من النقاط المهمة التي يجب معرفتها أن تنفيذ البرنامج المكتوب بلغة Java Script هو من اختصاص المتصفح ( Browser ) و الذي ينفذها سطر سطر ( وهذا ما يطلق عليه Interpreter ) وليس عن طريق ترجمتها تجميعياً وهذا ما يحدث في لغات البرمجة عالية المستوى ( وهذا ما يطلق عليه Compiler). ما هي البرامج التي تحتاجها لكتابة برامج واختبارها. الموضوع بمنتها السهولة فكل ما تحتاجه هو ما يلي : o محرر النصوص المرفق مع الويندوز ( Notepad ). o متصفح الإنترنت المرفق مع نظام التشغيل سواء (Internet Explorer ) أو (Netscape ) أو أي متصفح يدعم لغة الجافا سكريبت. هذا كل شيء كل ما تحتاجه . استخدام Java Script : برنامج جافا سكريبت هو جزء يتم وضعه داخل لغة HTML لزيادة فاعليتها فعند تصفح موقع أو استدعاء صفحة محددة مكتوب بداخلها Java Script code يتم إنزاله إلى جهازك وعند حدوث حدث معين مثل استدعاء برنامج جافا للتنفيذ عند الضغط على زر معين أو عند حركة للماوس يتم ترجمة البرنامج وتنفيذه سطر بسطر حتى ينتهي كما ذكرنا سابقاً. الشكل العام الذي سيكون عليه برنامج جافا سكريبت : <HTML> <HEAD> <TITLE> يتم هنا وضع عنوان الصفحة </TITLE> <SCRIPT LANGUAGE=”JAVASCRIPT”> <!-- تعليمات الجافا سكريبت توضع هنا -- > </SCRIPT> </HEAD> <BODY> تعليمات ألـHTML يتم كتابتها هنا في هذه المنطقة و أيضا استدعاء برنامج الجاف سكريبت </BODY> </HTML> ملاحظات: <SCRIPT LANGUAGE=”JAVASCRIPT”> هذا السطر يجب أن يكون أول سطر في أي كود (SCRIPT) جافا سكريبت حيث أنه ينبه الجزء الخاص بترجمة الصفحة بأن ما سيتبع هذا الأمر هو Java Script وأن عليه الاستعداد لتنفيذ برنامج يحتوي على سبيل المثال جملة شرطيه ( if else ) أو جملة تكرار ( Loop ) وغيره من الجمل و التي يحتوي عليها أي برنامج . أن الرمز التالي <!-- يقوم بإخفاء كود الجافا سكريبت من المستعرض أو المتصفح الذي لا يدعم لغة الجافا سكريبت وبعد الانتهاء من كتابة الكود يتم وضع الرمز التالي -- > . </SCRIPT> إذن هذا هو آخر سطر في أي كود SCRIPT وهذه الخطوة تنبه المتصفح إلي نهاية الكود كما هو موضح في الشكل العام , لنأخذ مثال لكي تتضح الرؤيا . واليك هذا المثال البسيط : في البداية سوف نقوم بشرح هذا الكود ثم نقوم بشرح خطوات تنفيذه لاحقا لنبداء الآن. No Statements 1 <html> 2 <head> 3 <title>First Example</title> 4 </head> 5 <body bgcolor=#f0f0f0> 6 <SCRIPT LANGUAGE="javascript"> 7 <!-- 8 document.write("<FONT COLOR='Red'>Welcome To Java script</FONT>") 9 </Script> 10 --> 11 </body> 12 </html> 1- أولا يتم وضع tag المسمى والذي يدل على بداية الصفحة <html> والـ tag </html> و الذي يدل على نهاية الصفحة ويتم وضع باقي الأوامر لغة HTML. 2و3 و4- <head> و </head> يوضع بينهما عنوان الصفحة . وأما بالنسبة لـ <title> و </title> تتيح لك هذه العلامة أن تعطي الصفحة عنوانا واضحا مميزا ويظهر هذا العنوان على نافذة المستعرض ويجب أن يحتوي على العنوان على حروف و أرقام فقط. 5- <body bgcolor=#f0f0f0> و </body> حيث يتم كتابة داخل هذا الجزء محتويات صفحة الويب الفعلية مثل الجداول و النماذج و الصور و التي سيراها الزوار لهذه الصفحة أما جزئية bgcolor=#f0f0f0 فهي تقوم بوضع لون لصفحة الويب و أن القيمة #f0f0f0 هي قيمة اللون بالنظام الست عشري. 6- هذا السطر يجب أن يكون أول سطر في أي كود جافا سكريبت حيث أنه ينبه المتصفح بأن ما سيتبع هذا الأمر هو Javascript كما تم شرحه في الصفحة السابقة . 7 و10- كما ذكرا سابقا فأن الرمز التالي <!-- يقوم بإخفاء كود الجافا سكريبت من المستعرض أو المتصفح الذي لا يدعم لغة الجافا سكريبت وبعد الانتهاء من كتابة الكود يتم وضع الرمز التالي -- > . 8- العبارة document.write("<FONT COLOR='Red'>Welcome To Java script</FONT>") و في هذا السطر يتم إستخدام الكائن (document) وذلك لكتابة عن طريق الدالة (write) ما بداخل الأقواس . وما بداخل الأقواس هو عبارة عن أمر عادي من أوامر HTML الذي يأمر المتصفح بإظهار الجملة " Welcome To Java script " باللون الأحمر . إذن فإن من قام بأمر المتصفح بإظهار الجملة باللون الأحمر هو الـ HTML وليس الجافا سكريبت ..!! . ولكننا هنا عرفنا أنه من الممكن كتابة أوامر الـ HTML داخل أوامر الجافا سكريبت ، يجب أن تضع هذه المعلومة في ذاكرتك . 9- </Script> وهو الذي يدل المتصفح أنه نهاية برنامج الجاف سكريبت . 11و12- يتم إغلاق جسم الصفحة <body> باستخدام </body> وأيضا يتم غلق الكود الخاص بالصفحة <html> باستخدام </html> . ملاحظات يجب مراعاتها : لاحظ هنا جيدا شكل الأمر : document.write("<FONT COLOR='Red'>Welcome To Java script</FONT>") شكل الأمر هكذا ويجب أن يكون دائما هكذا ... دعنا نفرض أنك نسخت هذا الكود (SCRIPT) ولصقته في معالج نصوص ذو حدود ضيقة ... بمعني أنك عندما لصقته ظهر هكذا : document . write("<FONT COLOR='Red'>Welcome To Java script</FONT> ") في هذه الحالة أنت غيرت شكل الأمر (لاحظ أن القوس الذي ينهي الأمر قد أنتقل سطرا لأسفل) ولن يعمل هذا الكود ويكون قد حدث خطأ .إذا ففي أكود الجافا سكريبت يجب مراعاة الشكل والمسافات علي عكس الـHTML . أهم النقاط المستفادة من المثال السابق : • عند كتابة كود جافا سكريبت يجب أن نبدأ دائما بـالجملة التالية : <SCRIPT LANGUAGE="javascript"> وينتهي بالجملة التالية : </SCRIPT> • بين علامتي التنصيص المزدوجة استخدم علامات تنصيص مفردة عند الحاجة . • أحد أشكال الأمر في الجافا سكريبت هو : أن نبدأ بالكائن (Object) الذي نريد إجراء الأمر عليه ثم بعد الكائن يأتي النهج (Method) الذي نريد تطبيقه علي الكائن .. ويتبع النهج دائما أقواس تحتوي علي ما سيحدث في الكائن (Object) عند تطبيق النهج (Method) عليه . في مثالنا بأعلي ... الكائن هو (document) والنهج هو (write) ..... إذاً عندما نريد كتابة شيء في صفحة الويب نستخدم النهج (write) دائما ونضع بين الأقواس ما نريد كتابته في الصفحة .

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
تقييم هذا الموضوع
تقييم هذا الموضوع:

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
اكواد جافا سكريبت لموقعك	فيصل الجهني	منتدى البرمجة وتطوير المواقع	0	26 Apr 2006 05:49 AM
دروس الهاشمي لتعلم البرمجة بلغة الجافا ((1))..	()الهاشمي()	منتدى الكمبيوتر والانترنت	3	29 Nov 2005 12:59 AM
دروس الهاشمي لتعلم البرمجة بلغة الجافا((2)).........	()الهاشمي()	منتدى الكمبيوتر والانترنت	0	29 Aug 2005 06:33 PM
لغة الجافا	bedo	منتدى البرمجة وتطوير المواقع	1	06 Jun 2004 09:14 AM

25 Oct 2006	#2
karimwac معرفي تاريخ التسجيل: Sep 2006 الدولة: casa المشاركات: 145 الشكر المقدم: 0 شكر 0 مرة على 0 موضوع معدل تقييم المستوى: 28	اين الردود يااعضاء