عودة للخلف   ASK PC Academy Forums > لغات البرمجة--- Programming Solutions
التعليمات التقويم إجعل كافة المشاركات مقروءة

لغات البرمجة--- Programming Solutions اسئلة وحلول ومعلومات تقنية وتدريبات على لغات البرمجة المختلفة

رد
 
أدوات الموضوع أنماط عرض الموضوع
  #1  
قديم 09-16-2007, 12:56 AM
الصورة الرمزية AmroM
AmroM AmroM غير موجود حالياً
عضو نشيط
النقاط: 8,364, المستوي: 39 النقاط: 8,364, المستوي: 39 النقاط: 8,364, المستوي: 39
النشاط: 0% النشاط: 0% النشاط: 0%
 
تاريخ التسجيل: Aug 2007
الدولة: United Arab Emirates
المشاركات: 376
Post Thanks / Like
Thanks (Given): 0
Thanks (Received): 0
Likes (Given): 0
Likes (Received): 0
Dislikes (Given): 0
Dislikes (Received): 0
AmroM is on a distinguished road
إفتراضي الدرس الأول من لغة java script مقدم من Technology Team



بسم الله الرحمــــن الرحيم..

تلبية لتنافس فرق الجولة الثالثة قررت مساندة فريقي Technology Team بمواضيع عن لغات برمجة احترفها وقد قمت بالعمل عليها من خلال مشروع تخرجي بالكلية وهم PHP - JavaScript - XHTML وسأبدأ هنا بهذا الموضوع.

يقدم لكم Technology Team مفاجأة من مفاجئاته العدة السلسلة الأولى من سلاسل شرح لغات وتعليم برمجة الويب عسى الله ان يفيد جميع الاعضاء والقراء وانشاء الله من خلال متابعة هذه المواضيع ستتمكن من انشاء برامج وصفحات من تطويرك الخاص!

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

المواضيع السابقة:

http://www.ask-pc.com/vbx/showthread.php?t=6055&highlight=java

http://www.ask-pc.com/vbx/showthread.php?t=11219&highlight=javascript

http://www.ask-pc.com/vbx/showthread.php?t=12045&highlight=javascript

http://www.ask-pc.com/vbx/showthread.php?t=1983&highlight=javascript

http://www.ask-pc.com/vbx/showthread.php?t=1395&highlight=javascript


الــبـــاب الاول

(الموضوع الأول) - مقدمة الجافا سكريبت :-

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

ماهي لفة JavaScript ؟

هي احد لغات تطوير صفحات الانترنت التي ظهرت بحكم اتشار الانترنت ورغبة في تقديم نماذج اكثر شمولية واكثر استخداماً في نواحي كثيرة, ونتيجة للتنافس بين الكثير من الشركات المطورة لتقنية تطوير وتصميم صفحا الإنترنت ظهرت هذه اللغة كلغة نصية تعتمد على الكائنات البرمجية, أي انها لفة قوية في استخدامها. لكن يتم دمج اوامرها بين سطور كود HTML مما يجعلها لغة سهلة متاحة للجميع بالرغم من ان الجافا سكريبت ليست HTML إلا انها تتبع كثير من اساسيات HTML في تعاملنا مع كتابة الاكواد الخاصة بتلك اللغة.

لغتي JavaScript و java :-

هناك اعتقاد بأن اللغتين شيء واحد, لكن لكل لغة شيء يتخلف عن الاخر تماماً فلغة الجافا تم تطويرها من قبل شركة SUN Micro Systems وهي شركة لها اسمها في مجال تطوير البرمجيات وتعتبر لغة الجافا من اكثر اللغات قوة وفاعلية, وتلك اللغة لابد من تحويلها أولاً إلى لغة الاَلة Machine Language قبل البدء في اي استخدام برمجها, وتستخدم في تصميم البرامج وفي التحكم في الماكينات وهي تعمل بطريقة مستقلة تماماً عن لغة HTML لكن هذا لا يمنع اهميتها الواسعة في تطوير صفحات الانترنت حيث تستطيع عن طريقها عمل بعض البرامج الصغيرة التي يمكن استخدامها في صفحات الانترنت والتي تسمى java Applets.

أما الجافا سكريبت فهي من إنتاج شركة Netscape الشهيرة جداً وصاحبت اقدم ثاني محرك اليكتروني بعد محرك موازيك, وهي لغة نصية ذات اوامر بسيطة لا تحتاج لعملية التحويل إلى لغة الاَلة, وتعتبر ابسط واسهل بكثير مقارنة بالجافا.

الجافا سكريبت سريعة!

نعم فهي عبارة عن 100% نصوص مثل HTML لذا لإغنه يتم يتحميل البرنامج بسرعة من الخادم إلى جهاز متصفح الموقع وتعمل اللغة على جهاز متصفح الموقع بدون الحاجة إلى أي برامج إضافية هذا لأنها تعد لفة Side Scripting.


الجافا سكريبت ممكن ان تكون مزعجة للزوار!!

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

أن يتم كتابة سكريبتات الجافا سكريبت ؟

كما ذكرنا منذ قليل انها تكون بين سكور الـ HTML فهي توضع في منطقة Head او منطقة Body.
لكن هناك فرق بين كود الجافا سكريبت والـ HTML وهو ان الجافا سكريبت تعتبر لفة برمجية والاخرى لغة نصية بمعنى انه عند وجود اخطاء في كتابة الكود تظهر رسالة توضح انه هناك خطاً في الكود بالصفحة وغالباً ما يتوقف عرض الصفحة او تتعطل بعض الوظاضف او تختفي بعض اجزاء الصفحة. وهذه بعكس لغة HTML التي تتجاهل الاخطاء وليس لديها حاسية نحوها!.

باقي شيء واحد وهو ان اكواد الجافا سكريبت توضع بين الوسمين "موضح بالمثال":



<script langauge = "javascript">
برنامج الجافا
</script>


أو بهذه الطريقة

<script type="text/javascript">
برنامج الحافا
</script>


أو أبسط طريقة

<script>
برنامج الجافا
</script>


ووسم الإغلاق هنا </script> مهم جداً ونسيان كتابته يعيق تنفيذ البرنامج وربما يعيث ظهور بيانات اخرى في الصفحة على حسب موقع وجود برنامج HTML هذه بالإضافة إلى الحذر في كتابة البرنامج حيث انها تعتمد في تنفيذ الأوامر على نظام تنفيذ الأوامر السطري, اي يتم تنفيذ الاوامر سطراً سطراً بالترتي ووجود خلل في احد السطور يعيث تنفيذ السطور التي تليه, لكن لا يعيق ما قبله من سطور.

بدايتك إلى الجافا سكريبت :-

في البداية نتناول نبذة سريعة عن طريقة كتابة التعليقات في الجافا سكريبت خطوة خطوة, وذلك لأهمية التعليقات الخاصة في اي برمجية وتختلف طريقة كتابتة التعليقات في الحافا سكريبت عن HTML لكنها تتفق مع CSS في طريقة كتابتها حيث تكون كالاتي:-

هنا يكتب التعليق (سطر واحد) //

والطريقة الاخرى

/*
يمكنك هنا كتابة التعليق (سطر واحد او اكثر)

*/

وبإستعمال جملة الإخراج document.write() نستعملها كما هي الان وبمشيئة الله يأتي تفصيل لها بعد ذلك نقوم بعمل المثال البسيط التالي :-
<HTML>
<HEAD>
<TITLE> simple script </TITLE>
</HEAD>
<BODY>
<CENTER>
</CENTER>
<SCRIPT Language="javascript">
document.write("سكريبت بسيط")
</SCRIPT>
</BODY>
</HTML>

سوف تظهر كلمة "سكريبت بسيط" في اعلى الصفحة قم بتجربة ذلك بنفسك!

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

ينبغى ان تعلم ايضاً ان المتصفحات تستخدم انواع مختلفة من اصدارات الجافا سركيبت وبالرغم من ذلك فمازل البعض يستعمل اصدارات قديمة من المتصفحات لا تفهم لغى الجافا سكريبت, وتلك المتصحفات تتجاهل نوع الوسم <SCRIPT> وبتجربة السكريبت البسيط السابق على متصفح قديم لا يدعم الجافا سكريبت, سوف نجد شيئاً فظيعاً حيث سيقوم المتصفح بكتابة الكود كالتالي :-


document.write("سكريبت بسيط")
ولتجنب هذا فإننا نحيط كود الجافا سكريبت بمجموعة من تعليقات كود HTML ونستعمل ايضاً علامة // في كتابة التعليقات يكون الناتج مع دمج تعليقات HTML والجافا سكريبت كالتالي :-

<!..... //....>

لذا ينبغي ان يكون الصيغة العامة لكود الجافا سكريبت كالتالي :-





<script langauge="javascript">
<!... hide from old browsers
javascript code here
//..>
</script>


او بتنسيق اخر لكتابة تلك الصيغة

<script language="javascript"><!..
javascript code here
//..></script>


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


<html>
<head>
<title>simple script</title>
</head>
<body>
<center>
</center>
<script language="javascript">
<!..hide from old browsers
document.write("سكريبت بسيط")
</script>
</body>
</html>



طريقة سهلة اليس كذلك؟! الدرس الأول java script مقدم smile.gif قم بتجربتها بنفسك!

لاحظ معي انك اذا اردت وضع علامتي التنصيص في النص هكذا ("سكريبت بسيط") فمن الطبيعي ان تكتبها بنفس الشكل لكن هذا يسبب مشاكل وربما يقف المتصفح عن تنفيذ باقي السطور لذا فهناك العلامات التي تكتب للتغلب على تلك المشكلة مثل :-

علامة التنصيص الفردية \'
علامة التنصيص المزدوجة \"
شطر جديد داخل النص \ n
ادخال الحرف TAB \ t
عمل سطر جديد \ r
وعند الرغبة في كتابة اي علامات محجوزة لدى الجافا سكريبت عليك ان تسبق بـ \ وبهذا يكون العبارة بداخل السكربت كالتالي

("\"سكريبت بسيط"\")

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

المعطيات اللازمة للعمل مع الجافا سكريبت :-

القيم العددية Numbers
القيم النصية String
القيم المنطقية Boolean Values
القيم الفارغة Null Values
قيمة ليست عددية NAN

القيم العددية :-

كثير من لغات البرمجة القوية تمتلك العديد من انواع الارقام المختلفة التي تتعامل معها كل نوع منها يشغل مساحة معينة من ذاكرة الكمبيوتر والجافا سكريبت لها سماتها الخاصة في التعامل مع الاعداد بالمقارنة باللغات الاخرى وهي تتعمال مع نوعين فقط من الارقام هما :-

الاعداد الصحيحة والاعداد العشرية او النسبية
الاعداد الصحيحة Integers والاعداد النسبية Floating Points

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

شاهد الامثلة التالية وحاول ان تجد نوع الرقم الناتج :-


الناتج عدد صحيح 5 + 6 = 11
الناتج عدد نسبي 5 + 6.1 = 11.1
الناتج عدد صحيح 4.9 + 6.1 = 11

يمكن ان يكون المثال الاخير غير متوقع عندما ينتج عددان نسبيان عدد صحيح.
كن مدرك انه عند التعامل مع الاعداد النسبية فإن مختلف لإصدارات المتصفحات تتعامل بدقة مختلفة عن الدقة التي تتعامل بها مع الاعداد الصحيحة.


القيم النصية String :-

وهي مجموعة من الحروف او الحروف والارقام معاً وينبغي ان تكون تلك القيم موجودة بين علامتي تنصيص مزدوجة وهناك مقولة بغن الجافا سكريبت تسامح في علامتي التنصيص اذا كانت مزدوجة او منفردة وهذه المقولة صحيحة بكل تأكيد!

القيم المنطقية Boolean Values :-


ويعتمد ذلك النوع من القيم على النظام الثنائي وهو النظام القائم عليه الكثير من التطبيقات في حياتنا مثل on and off وفي الجافا سكريبت او في اي لغة برمجة اخرة تأخذ احدى القيم ture or false.

القيم الفارغة Null Value :-

هي ليست قيمة نصية ولا صفراً ولا تعبير هي قيمة مستقلة بذاتها وهي تعني اسمها تماماً فهي لا شيء وهي مفيدة كثيراً في الجافا سكريبت.

القيمة NAN :-

وهي تعني Not A Number وهي ليست عدداً والجافا سكريبت يضع المتصفح تلك القيمة عندما يعجز عن حساب قيمة حسابية او يكون الناتج شيء غير منطقي رياضياً.

المتغيرات في جافا سكريبت :-

المتغير عبارة عن حجز مكان في الذاكرة بستخدم لحفظ القيم بمختلف اتواعها لحين استدعائها والمتغيرات المستخدمة في كل لغات البرمجة تقريباً واحدة ويتم استخدام الامر var لتعريف المتغير وهو اختصار لكلمة متغير Variable وتكون صيغة جملة التعريق للمتغير كالاًتي:-

اسم المتغير var :-

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

انواع المتغيرات في لفة جافا سكريبت :-

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

شروط تسمية المتغير في لغة الجافا سكريبت :-

- الجافا سكريبت تمير بين الحروف الكبيرة والصغيرة.
- يمكن ان يحتوي اسم المتغير على حروف واراقام لكن الشرط الاساي حيث لابد ان يبدأ بحرف.
- يبدأ اسم المتغير بحرف كبير او صغير او علامة تنصيص او under score _ او علامة $ لكن لا تفضل تلك العالمة في بداية اسم المتغير لإن الاصدارات السابقة للجافا سكريبت لا تدعمها.
- لا يجوز استعمال رقم كأول حرف في اسم المتغير.
- لا يجوز ان يحتوي اسم المتغير على مسافات.
- يراعى ان يكون اسم المتغير اسماً نختلفاً عن القيم والأسماء المحجوزة لدى جافا سكريبت والتي سنتعرف عليها حالاً :-

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

abstract - innerwidth - delete - packages - status - alert - do - instanceof - pagexoffset - statusbar - argument - documents - int - pageyoffset - stop - array - double - interface - string - parent blur - else - isfinite - parsefloat - super - boolean - isnan - switch print - this - throw - private - export - location - callee - extends - locationbar - prompt - math - top - transient - regexp - moveby - float - catch - case - find - public - prototype - finally - long protected - long - toolbar - tostring - length - eval - caller - capturevent.

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

استعمال المتغيرات :-

يتم تعريف المتغير كما قلنا سابقاً بالأمر var





var x;
var y;
var z;



في السطور السابقة تم تعريف ثلاث متغيرات والجافا سكريبت يسمح لك بتعريف اكثر من متغير في سطر واحد وذلك بإستعمال واحدة كما يلي:

var x, y, z
ملحوظة وضع في نهاية كل سطر من سطور الحافا سكريبت يزيد من سرية تنفيذ الاوامر.

جملة الإسناد Assignment Statement :-

وتعتبر من اكثر الاموار انتشاراً في عالم البرمجة والصيغة العامة هي :-

Variable = Value
حيث ان variable هو متغير قد تم تعريفه من قبل عن طريق الامر var و value هي القيمة المطلوب تخزينها في المتغير او بصيغة اخرى اسندها للمتغير ويمكن ان تكون تلك القيمة ثابتة او قيمة رياضية او عملية حسابية او قيمة مختزنة في متغير اخر.

شاهد
الامثلة التالية :-




mido = "myname"
Mido = "1982"
_mido = true
_Mido = null


حيث يمكن تخزين قيمة نصية او قيمة عددية او قيمة منطقية او قيمة فارغة في المتغير.

انتظروا الباب الثاني من سلسة تعليم لغة جافا سكريبت مقدمة من فريق Technology Team ولا تنسونا من الدعاء.

المصدر : مهندس رامي سمير أحمد
و الخبرة الشخصية.




Amro H. Moussa
ICDL - CompTIA + - MCP - MCTS - MCTIP - MCSA "-070-291" - BX Advanced
Information Technology Expert
Internet Rsearcher, Asiah Human Resources


المصدر: ASK PC Academy Forums


hg]vs hgH,g lk gym java script lr]l Technology Team

رد مع اقتباس


  #2  
قديم 09-16-2007, 02:37 AM
الصورة الرمزية nabil_ami
nabil_ami nabil_ami غير موجود حالياً
عضو نشيط
النقاط: 8,235, المستوي: 38 النقاط: 8,235, المستوي: 38 النقاط: 8,235, المستوي: 38
النشاط: 0% النشاط: 0% النشاط: 0%
 
تاريخ التسجيل: May 2006
الدولة: morocco
المشاركات: 537
Post Thanks / Like
Thanks (Given): 0
Thanks (Received): 0
Likes (Given): 0
Likes (Received): 0
Dislikes (Given): 0
Dislikes (Received): 0
nabil_ami is on a distinguished road
إفتراضي

شكرا لك أخي أؤيدك في إكمال الدروس لأنها لغة مهمة جدا وشكرا مرة أخرى

رد مع اقتباس


  #3  
قديم 09-16-2007, 09:48 AM
الصورة الرمزية ana_3enady
ana_3enady ana_3enady غير موجود حالياً
عضو نشيط
النقاط: 11,697, المستوي: 46 النقاط: 11,697, المستوي: 46 النقاط: 11,697, المستوي: 46
النشاط: 0% النشاط: 0% النشاط: 0%
 
تاريخ التسجيل: Feb 2007
الدولة: مصري مقيم بالرياض
المشاركات: 723
Post Thanks / Like
Thanks (Given): 0
Thanks (Received): 0
Likes (Given): 0
Likes (Received): 0
Dislikes (Given): 0
Dislikes (Received): 0
ana_3enady is on a distinguished road
إفتراضي

شكرا عمرو على الموضوع الرائع وموفق باذن الله

رد مع اقتباس


  #4  
قديم 09-16-2007, 03:10 PM
الصورة الرمزية kindy_ibrahim
kindy_ibrahim kindy_ibrahim غير موجود حالياً
عضو نشيط
النقاط: 13,689, المستوي: 50 النقاط: 13,689, المستوي: 50 النقاط: 13,689, المستوي: 50
النشاط: 0% النشاط: 0% النشاط: 0%
 
تاريخ التسجيل: Apr 2007
الدولة: Egypt
المشاركات: 1,116
Post Thanks / Like
Thanks (Given): 0
Thanks (Received): 0
Likes (Given): 0
Likes (Received): 0
Dislikes (Given): 0
Dislikes (Received): 0
kindy_ibrahim is on a distinguished road
إفتراضي

رائع و ادعو ان تكمل مسيرتك بنجاح

رد مع اقتباس


  #5  
قديم 09-16-2007, 03:36 PM
الصورة الرمزية admin
admin admin غير موجود حالياً
Administrator
النقاط: 99,971, المستوي: 100 النقاط: 99,971, المستوي: 100 النقاط: 99,971, المستوي: 100
النشاط: 0% النشاط: 0% النشاط: 0%
 
تاريخ التسجيل: Jul 2005
المشاركات: 1,854
Post Thanks / Like
Thanks (Given): 9
Thanks (Received): 9
Likes (Given): 4
Likes (Received): 7
Dislikes (Given): 0
Dislikes (Received): 0
admin تم تعطيل التقييم
إفتراضي

بارك الله فيك اخ عمرو
موضوع رائع

رد مع اقتباس


  #6  
قديم 09-16-2007, 03:46 PM
الصورة الرمزية TigerNet
TigerNet TigerNet غير موجود حالياً
عضو نشيط
النقاط: 9,098, المستوي: 41 النقاط: 9,098, المستوي: 41 النقاط: 9,098, المستوي: 41
النشاط: 0% النشاط: 0% النشاط: 0%
 
تاريخ التسجيل: Dec 2006
الدولة: * أرض الفراتين*
المشاركات: 1,246
Post Thanks / Like
Thanks (Given): 0
Thanks (Received): 0
Likes (Given): 0
Likes (Received): 0
Dislikes (Given): 0
Dislikes (Received): 0
TigerNet is on a distinguished road
Thumbs up

بارك الله فيك اخي عمرو موضوع مهم ومفيد جدا
تم تقيم موضوعك {ممتاز} وننتظر المزيد بفارغ الصبر
وبالتوفيق لجميع الفرق

تحياتي وتقديري

رد مع اقتباس


  #7  
قديم 09-17-2007, 04:29 AM
الصورة الرمزية AmroM
AmroM AmroM غير موجود حالياً
عضو نشيط
النقاط: 8,364, المستوي: 39 النقاط: 8,364, المستوي: 39 النقاط: 8,364, المستوي: 39
النشاط: 0% النشاط: 0% النشاط: 0%
 
تاريخ التسجيل: Aug 2007
الدولة: United Arab Emirates
المشاركات: 376
Post Thanks / Like
Thanks (Given): 0
Thanks (Received): 0
Likes (Given): 0
Likes (Received): 0
Dislikes (Given): 0
Dislikes (Received): 0
AmroM is on a distinguished road
إفتراضي

(الباب الثاني) :-






المعاملات الرياضية والحسابية:

اداة الطرح – وتعمل على حساب ناتج طرح قيمة عددية من قيمة عددية اخرى ولا تتعامل مع النصوص مثل اداة الجمع
11 – 5 = 6
اداة الضرب * وتعمل على حساب ناتج ضرب قيمتين عدديتين ولا تتعامل مع النصوص مثل اداة الجمع
5 * 6 = 30
اداة القسمة / وتعمل على حساب ناتج قسمة قيمتين عدديتين ولا تتعامل مع النصوص مثل اداة الجمع
30 / 5 = 6
اداة باقي القسمة % لبيان باقي قسمة عددين صحيحين[/font]
33 % 5 = 3
اداة الزيادة ++ وتستخدم لزيادة القيمة بمقدار 1 ولها طريقتين في الاستخدام
Y = ++x

y = x++
حيث تعمل في الحالة الاولى على زيادة المتغير x=- بمقدار 1 ثم تخزين القيمة الجديدة في y=- ومن هنا يكون القيمتين y, x=- متساويتين.
اما في الحالة الثانية فيقوم بتخزين القيمة x=-
اولاً في المتغير [/font]y[font='Arial','sans-serif'] ثم زيادة المتغير [/font] x[font='Arial','sans-serif'] بمقدار 1 ومن هنا يكون المتغير [/font]y [font='Arial','sans-serif'] اقل من المتغير [/font]x[font='Arial','sans-serif'] بمقدار 1.[/font]
[font='Arial','sans-serif']اداة النقصان [/font][font='Arial','sans-serif'] وتعمل بنفس طريقة عمل اداة الزيادة حيث تستخدم لطرح 1 من قيمة المتغير ولها طريقتين في الاستخدام كما هو الحال في اداة الزيادة تماماً[/font]
Y = --x

y = x--
[font='Arial','sans-serif']حيث تعمل في الحالو الاولى على طرح قيمة 1 من المتغير [/font] x[font='Arial','sans-serif'] ثم تخزسن القيمة الدجيدة في المتغير [/font]y [font='Arial','sans-serif']ومن ثم تكون القيمتين المختزنتين في المتغيرين متساوتين.
اما في الحالة الثانية فيقوم بتخزين القيمة [/font]x[font='Arial','sans-serif'] أولاً في المتغير [/font]y[font='Arial','sans-serif'] ثم طرح القيمة [/font] 1 [font='Arial','sans-serif'] من المتغير [/font]x[font='Arial','sans-serif'] ومن هنا يكون المتغير [/font]y[font='Arial','sans-serif'] اكبر من المتغير [/font]x [font='Arial','sans-serif'] بمقدارة 1.[/font]
[font='Arial','sans-serif']اداة تغيير الإشارة – لها طريقة واحدة في الاستخدام وهي الظهور قبل المتغير دائماً.[/font]
[font='Arial','sans-serif'][/font]
[font='Arial','sans-serif']معاملات الإسناد :-[/font]
[font='Arial','sans-serif']وتنقسم معاملات الإسناد إلى ما يلي :-[/font]
[font='Arial','sans-serif']معامل المساواة = لتخصيص قيمة [/font]value[font='Arial','sans-serif'] لتوضع في المتغير [/font]variable[font='Arial','sans-serif'] [/font]
[font='Arial','sans-serif']معامل الإضافة =+ إضافة القيمة التي على يسار المعامل إلى القيمة التي على يمين المعامل وتخزين الناتج في المتغير غلى يسار المعامل.[/font]
[font='Arial','sans-serif']معامل الطرح =- طرح القيمة التي على يسار المعامل في القيمة التي على يمين المعامل وتخزين الناتج في المتغير على يسار المعامل.[/font]
[font='Arial','sans-serif']معامل القسمة =/ قسمة القيمة التي على يسار المعامل على القيمة التي على يمين المعامل وتخزين الناتج في المتغير على يسار المعامل.[/font]
[font='Arial','sans-serif']معامل باقي القسمة =% باقي فسمة القيمة الموجودة على يسار المعامل على القيمة الموجود على يمين المعامل وتخزين الناتج في المتغير على يسار المعامل.[/font]
[font='Arial','sans-serif'][/font]
[font='Arial','sans-serif']دمج تعريف المتغير وجملة الإسناد :-[/font]
[font='Arial','sans-serif']بالإشارة إلى ما سبق انه اذا اردنا تخزين قيمة في متغير ما فإنه يلزم تعريف متغير ثم تخزين تلك القيمة في المتغير.[/font]
Var mido

mido = “my name”
[font='Arial','sans-serif']حيث استعملنا سكرين لتعريف المتغير ولتخزين القيمة فيه إلا ان الجافا سكريبت تسمح بدمج السطرين في سطر واحد اي تسمح لنا بدمج العمليتين في عملية واحدة[/font]
var mido = “my name”
[font='Arial','sans-serif']وأيضاً يمكنك دمج اكثر من متغير بقيمته في نفس السطر كالتالي :-[/font]
Var x = 5, y = 6, z = 0;
[font='Arial','sans-serif']كل هذا يعتبر مرونة في الجافا سكريبت وتبسيطاً في كتابة البرنامج.[/font]
[font='Arial','sans-serif']مثال على معاملات الإسناد :-[/font]
<html>

<head>
<title>
[font='Arial','sans-serif'] معاملات الإسناد[/font][font='Arial','sans-serif'][/font]</title>

<script>
var a =6;
var b =5;
var c = 4;
var d = 3;
var e = 7;
var f = 8;
b+= a;
c-= a;
c*= a;
e/= a;
f%= a;
document.write(“b = “ +b + “<br>”);
document.write(“c = “ +c+ +<br>”);
document.write (”d = “ + d + “<br>):
document.write (“e= “ + e + “<br>”);
document.write(“f = “ + f + “<br>”);
document.write(“a = “ + a);
</script>
</head>
<body>
</body>
</html>
[font='Arial','sans-serif']وفي المقابل سوف تظهرالنتائج في الصفحة بعد تفعيلها كالتالي :-[/font]
B = 11

c = -2
c = 14
e = 1.1666666666
f = 2
a = 6
[font='Arial','sans-serif']المعاملات المنطفية :-[/font]
[font='Arial','sans-serif']معامل الإضافة && [/font]AND

[font='Arial','sans-serif']معامل الاختيار [/font]OR ||

[font='Arial','sans-serif']معامل النفي [/font]NOT !

[font='Arial','sans-serif']معامل الإضافة [/font]AND &&
[font='Arial','sans-serif']ومعامل الإضافة يأخذ الرمز [/font]&&[font='Arial','sans-serif'] وهو يعبر عن القيمة المنطقية [/font]AND[font='Arial','sans-serif'] وتلك القيمة تعبر عن عملية ضرب بمعنى ان ناتج العملية لا يكون [/font]True[font='Arial','sans-serif'] إلا اذا كانت جميع المدخلات [/font]True[font='Arial','sans-serif'] اذا كانت [/font]True = 1[font='Arial','sans-serif'] و [/font]False = 0 [font='Arial','sans-serif'] واذا كان لديك عنصرين وتلك العملية كما قلنا عبارة عن عملية ضرب فلا يكون الناتج [/font]False 0 [font='Arial','sans-serif'] إلا اذا كان العنصرين قيمتهم [/font]True 1[font='Arial','sans-serif'] اما اذا كان احد العنصرين [/font] False 0 [font='Arial','sans-serif'] فحتماً يكون الناتج [/font]False 0
[font='Arial','sans-serif']معامل الاختيار [/font]OR ||
[font='Arial','sans-serif']ومعامل الختيار يأخذ رمز || وهو يعبر عن القيمة المنطقية [/font]OR[font='Arial','sans-serif'] وتلك القيمة تعبر عن علبة جمع بمعنى ان ناتج العملية يكون [/font]True[font='Arial','sans-serif'] اذا كان احد المدخلات [/font]True[font='Arial','sans-serif']
اذا كانت [/font]True = 1[font='Arial','sans-serif'] و [/font]False = 0[font='Arial','sans-serif'] واذا كان لديك عنصرية وتلك العملية كما قلنا عبارة عن عملية جمع فالناتج يكون [/font]True 1[font='Arial','sans-serif'] لأن احد العنصرين قيمته [/font]True 1[font='Arial','sans-serif'] اما اذا كان قيمة[/font][font='Arial','sans-serif']العنصرين [/font]False 0[font='Arial','sans-serif'] [/font]
[font='Arial','sans-serif']معامل النفي ! [/font]NOT
[font='Arial','sans-serif']ومعامل النفي يأخذ الرمز ! وهو يعبر عن القيمة المنطقية [/font]NOT[font='Arial','sans-serif'] وتلك القيمة تعبر عن عملية عكس القيمة بمعنى انه اذا كانت القيمة المدخلة [/font]True[font='Arial','sans-serif'] فإنه ينفيها إلى القيمة [/font]False[font='Arial','sans-serif'] ونفس الشيء مع القيمة [/font]False[font='Arial','sans-serif'] ينفيها إلى القيمة [/font]True
[font='Arial','sans-serif'][/font]
[font='Arial','sans-serif']معاملات النظام الثنائي :-[/font]
[font='Arial','sans-serif']النظام الثنائي هو أحد انظمة العد, ويعتمد ويعتمد العد على رقمين (1, 0) وعتبر ذلك النظامهو اسا لغة الالة وكانت البرامج قديماً تكتب اصفار ووحايد ويعتبر ما نحن فيه الان من كتابة اوامر وخلافه تطويراً وتسهيلاً كبيراً وتختلف معاملات النظام الثنائي عن المعاملات المنطقية في ان معاملات النظام الثنائي تتعامل مع القيمة الثنائية للطرفين على مستوى الوحدة (بت) [/font]bit[font='Arial','sans-serif'] وليس على مستوى القيمة الكلية او بمعنى اخر انها تتعامل مع القيم المكونة من الاصفار والوحايد (قيم النظام الثنائي) ويكون ناتج الجافا سكريبت من تلك المعاملات ارقام ايضاً (صفر في حالة [/font]false[font='Arial','sans-serif'] وواحد في حالة [/font]true[font='Arial','sans-serif']) وتلك المعاملات تتطلب وقتاً اطول في التنفيذ بخلاف باقي المعاملات.[/font]
[font='Arial','sans-serif']معامل الإضافة الثنائي [/font]Bitwise AND[font='Arial','sans-serif'] :-[/font]
[font='Arial','sans-serif']تخضع لنفس القاعدة السابقة في المعملات المنطقية بمعنى انه اذا كانت كل المدخلات وحايد كان الناتج واحد (عملية ضرب).[/font]
[font='Arial','sans-serif']معامل الاهتيار الثنائي [/font]Bitwise OR[font='Arial','sans-serif'] :-[/font]
[font='Arial','sans-serif']تخضع لنفس القاعدة السباقة في المعاملات المنطقية بمعنى انه كان احد المدخلات واحد كان الناتج واحد (عملية جمع).[/font]
[font='Arial','sans-serif']معامل النفي الثنائي [/font]Bitwise Not[font='Arial','sans-serif'] :-[/font]
[font='Arial','sans-serif']تخضع لنفس القاعدة السباقة في المعاملات المنطقية حيث يقوم بعكس القيمة المدخلة (اذا كانت 1 عكسها إلى صفر والعكس صحيح).[/font]
[font='Arial','sans-serif'][/font]
[font='Arial','sans-serif']معاملات المقارنة :-[/font]
[font='Arial','sans-serif']معملات المقارنة تلعب دوراً حيوياً في بناء سكريبتات الجافا سكريبت, ويعتمد ذلك النوع من المقارنة على القيم المنطقية وتنقسم إلى :-[/font]
[font='Arial','sans-serif']معامل المساواة في القيمة ==[/font]
[font='Arial','sans-serif']تعبر عن القيمة المنطقية [/font]True[font='Arial','sans-serif'] في حالة تساوي القيمتين [/font]x==y[font='Arial','sans-serif'] والعكس صحيح.[/font]
[font='Arial','sans-serif']معامل المساواة في القيمة ونوع البيانات ===[/font]
[font='Arial','sans-serif']تعبر عن القيمة المنطقية [/font]True[font='Arial','sans-serif'] في حال التساوي كاملاً في القيمة ونوع البيانات [/font]x===y[font='Arial','sans-serif'] والعكس صحيح.[/font]
[font='Arial','sans-serif']معامل عدم المساواة في القيمة [/font]!=
[font='Arial','sans-serif']تعبر عن القيمة المنطقية [/font]True[font='Arial','sans-serif'] في حال[/font][font='Arial','sans-serif'] عدم تسواي القيميتين [/font]x ! = y[font='Arial','sans-serif'] والعكس صحيح.[/font]
[font='Arial','sans-serif']معامل أكبر من [/font]>
[font='Arial','sans-serif']تعبر عن القيمة المنطقية [/font]True[font='Arial','sans-serif'] في حال[/font][font='Arial','sans-serif']كون المعامل الأيسر اكبر من المعامل الايمن [/font]x > y [font='Arial','sans-serif'] العكس صحيح.[/font]
[font='Arial','sans-serif']معامل اصغر من [/font]<
[font='Arial','sans-serif']تعبر عن القيمة المنطقية [/font]True[font='Arial','sans-serif'] في حال[/font][font='Arial','sans-serif']كون المعامل الأيسر اصغر من المعامل الامين [/font]x < y[font='Arial','sans-serif'] والعكس صحيح.[/font]
[font='Arial','sans-serif']معامل اصغر من او يساوي [/font]<=
[font='Arial','sans-serif']تعبر عن القيمة المنطقية [/font]True[font='Arial','sans-serif'] في حال كون المعامل الايسر اصغر من او يساوي المعامل الايمن [/font]x <= y[font='Arial','sans-serif'] والعكس صحيح.[/font]
[font='Arial','sans-serif']أوامر الجافا سكريبت :-[/font]
[font='Arial','sans-serif']الجافا سكريبت لغة تعتمد على الكائنات البرمجية وهو الشيء الذي يمنحها قوة في الاستخدام, لكن اين تكتب اوامر الحافا سكريبت؟
- في منطقة الرأس [/font]Head[font='Arial','sans-serif'] الخاص بكود [/font]HTML

-
[font='Arial','sans-serif']في منطقة الجسم [/font]Body[font='Arial','sans-serif'] الخاص بكود [/font]HTML
[font='Arial','sans-serif']ولا قيود على مبرمج الجافا سكريبت ان يضع اوامرها في منطقة الرأس او الجسم لكن راعي ان اوامر الاخراج وهي الاوامر التي تختص بإظهار ناتج الكود البرمجي على المتصفح لابد وان تكتب في منطقة الحسم او في المكان الذي تريده ان يظهر فيه الناتح, اما عند كتابة امر الاخراج في منطقة الرأس فإنه يعمل على كتابة ناتج هذا الامر قبل البدأ في اي اوامر تختص بمنطقة الجسم.
هناك ميزة اخرى في الجافا سكريبت وهو انه يمكنك كتابة الكود في ملف حارجي كما هو الحال في [/font]CSS[font='Arial','sans-serif'] ويكون امتداد الملف [/font]*.js[font='Arial','sans-serif'] وتكون صيغة الربط بين صفحتك وملف الجافا كالتالي:-[/font]
<script language = “javascript” src = “source file”

</script>
[font='Arial','sans-serif']الاساليب الشرطية والحلقات التكرارية :-[/font]
[font='Arial','sans-serif']يكون اسلوب الشرط مزيج من المعاملات الرياضية والمنطقية ومعاملات المقارنة ومعاملات الاسناد ويكون الناتج منطقياً.[/font]
[font='Arial','sans-serif']جملة [/font]IF[font='Arial','sans-serif'] الشرطية :-[/font]
[font='Arial','sans-serif']من اهم واشهر واكثر اساليب الشرط استخداماً في الجافا سكريبت وايضاً في غيرها من لغات البرمجة.[/font]
[font='Arial','sans-serif']الصيغة العامة لها :-[/font]
If (condition)

{
[font='Arial','sans-serif']حمل كود الجافا سكريبت
[/font]}
[font='Arial','sans-serif']جيث تبدأ بالأمر [/font]IF[font='Arial','sans-serif'] ويتبعها جملة الشرط واذا تحقق الشرط قام المتصفح بتنفيذ جمل كود الجافا سكريبت وإذا لم يتحقق الشرط تجاهل المتصفح اسلوب الشرط بالكامل.[/font]
[font='Arial','sans-serif']جملة [/font]IF-ELSE[font='Arial','sans-serif'] الشرطية :-[/font]
[font='Arial','sans-serif']لا تعتبر بديلاً عن شرط [/font]if[font='Arial','sans-serif'] حيث لكل منهما استخدامه الخاص بها.
حيث تختبر هذه الجملة اسلوب شرط له حالتين على عكس [/font]if[font='Arial','sans-serif'].[/font]
[font='Arial','sans-serif']الصيغة العامل لجملة الشرط [/font]if-else[font='Arial','sans-serif'] :-[/font]
If (condition)

{
[font='Arial','sans-serif']حمل كود الجافا سكريبت
[/font]}

else
{
[font='Arial','sans-serif']حمل كود الجافا سكريبت
[/font]}
[font='Arial','sans-serif']حملة [/font]Switch[font='Arial','sans-serif'] الشرطية :-[/font]
[font='Arial','sans-serif']تقوم تلك الاداة بتنسيق جمل الشرط كحالات ويتم تحديد عدد الحالات [/font]switch(n)[font='Arial','sans-serif'] جيث يعبر [/font]n [font='Arial','sans-serif'] عن عدد الحالات.
يتم تعيين كل حالة بإستخدام /caise 1, case 2, case 3
الصيغة العامة لجملة Switch الشرطية
Switch(n)

{
case 1
كود الجافا سكريبت
beak;

case 2
كود الجافا سكريبت
break;

....
....
....
default
كود الجافا سكريبت
break;

}
الحلقات التكرارية في الجافا سكريبت
الحلقة التكرارية عبارة عن بناء برمجي يحتوي على جمل برمجية قابلة للتنفيذ مرراً تحت تأثير شرط معين طالما كان هذا الشرط True وعند اخفاق هذا الشرطFalse تبطل الحلقة التكرارية.
انتظروا الباب الثالث قريباً بإذن الله, لا تنسونا من دعائكم.


Amro H. Moussa

ICDL - CompTIA + - MCP - MCTS - MCTIP - MCSA "-070-291" - BX Advanced
Information Technology Expert


Internet Rsearcher, Asiah Human Resources







أخر تعديل بواسطة AmroM ، 09-17-2007 الساعة 05:05 PM
رد مع اقتباس


  #8  
قديم 09-17-2007, 04:32 AM
الصورة الرمزية AmroM
AmroM AmroM غير موجود حالياً
عضو نشيط
النقاط: 8,364, المستوي: 39 النقاط: 8,364, المستوي: 39 النقاط: 8,364, المستوي: 39
النشاط: 0% النشاط: 0% النشاط: 0%
 
تاريخ التسجيل: Aug 2007
الدولة: United Arab Emirates
المشاركات: 376
Post Thanks / Like
Thanks (Given): 0
Thanks (Received): 0
Likes (Given): 0
Likes (Received): 0
Dislikes (Given): 0
Dislikes (Received): 0
AmroM is on a distinguished road
إفتراضي

هناك مشكلة في كود الـ HTML حيث انني وبعد كتابة الموضوع على برنامج الورد ونسخه هنا تظهر جميع اكواد الـ HTML بجانب السطور هل هناك من حل ؟

رد مع اقتباس


  #9  
قديم 09-17-2007, 10:46 AM
الصورة الرمزية kindy_ibrahim
kindy_ibrahim kindy_ibrahim غير موجود حالياً
عضو نشيط
النقاط: 13,689, المستوي: 50 النقاط: 13,689, المستوي: 50 النقاط: 13,689, المستوي: 50
النشاط: 0% النشاط: 0% النشاط: 0%
 
تاريخ التسجيل: Apr 2007
الدولة: Egypt
المشاركات: 1,116
Post Thanks / Like
Thanks (Given): 0
Thanks (Received): 0
Likes (Given): 0
Likes (Received): 0
Dislikes (Given): 0
Dislikes (Received): 0
kindy_ibrahim is on a distinguished road
إفتراضي

الحل
http://www.ask-pc.com/vbx/showpost.p...2&postcount=10

رد مع اقتباس


  #10  
قديم 09-17-2007, 07:33 PM
الصورة الرمزية AmroM
AmroM AmroM غير موجود حالياً
عضو نشيط
النقاط: 8,364, المستوي: 39 النقاط: 8,364, المستوي: 39 النقاط: 8,364, المستوي: 39
النشاط: 0% النشاط: 0% النشاط: 0%
 
تاريخ التسجيل: Aug 2007
الدولة: United Arab Emirates
المشاركات: 376
Post Thanks / Like
Thanks (Given): 0
Thanks (Received): 0
Likes (Given): 0
Likes (Received): 0
Dislikes (Given): 0
Dislikes (Received): 0
AmroM is on a distinguished road
إفتراضي



خلاص الاعضاء الاعزاء لقد تم حل المشكلة يمكنكم الاطلاع على الباب الثاني من خلال ملف ورد قمت برفعه وكتابته شخصياً.

رد مع اقتباس


رد

العلامات المرجعية

« الموضوع السابق | الموضوع التالي »

يشاهد الموضوع حالياً: 1 (0 عضو و 1 ضيف)
 
أدوات الموضوع
أنماط عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code هو متاح
الإبتسامات نعم متاح
[IMG] كود متاح
كود HTML معطل

الإنتقال السريع إلى:

 
               
جميع الموضوعات تعبر عن رأي كاتبها ولا تعبر عن رأي الموقع او الأكاديمية
   
Privacy Policy Terms


Powered by vBulletin
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
Adsense Management by Losha
All rights reserved www.ask-pc.com