بسم الله الرحمن الرحيم..
طريقتي ستكون كالتالي في الشرح وفي الدروس:
1) ستكون دروسي متسلسه من الأساسيات لكي نبدأ بسهوله وخطوه خطوه الى الاحتراف بإذن الله،
وستكون بكميات قليله لكي تستوعبها ان شاء الله..
2) سأقوم بشرح درس او درسين في موضوع واحد وبالنهايه سأطلب منك (سواء كنت زائر او عضو) بأن تقوم بحل (HomeWork) سأقوم بطلبه ولن يخرج عن الدرس الذي قمت بشرحه.
3) غالبا، سأقدم HomeWorks تكون ضمن ما شرحته وأيضا (تعتمد على الدروس التي قمت بشرحها) لذا يجب عليك متابعة دروسي أول بأول لتعرف حل الواجبات التي سأقدمها.
4) أثناء شرحي للأكواد او للدروس سأقوم بتزويد الشرح بأمثله لعدة أكواد وسأقوم بتفسيرها لك وتفسير عملها لك لكي يسهل عليك فهم الكود باذن الله.. 
5) لكل موضوع أسألته، على سبيل المثال (قمت بعمل شرح لكود معين او قمت بشرح درس معين، جميع الأسئله المتعلقه بهذا الدرس\شرح الكود، تكون في الموضوع نفسه).
ملاحظه: يمكنك استخدام أي محرر يدعم الجافاسكريبت منها Microsoft Expression, FrontPage OR Aptana
++++++++++++++ الدرس الأول أساسيات الجافاسكريبت ++++++++++++++
في هذا الدرس سأقوم بشرح الآتي:
1) كيفية كتابة كود الجافاسكريبت (أو بمعنى آخر، كيف يمكن ان تحدد انّ هذا كود جافاسكريبت!!).
2) المتغيرات بالجافاسكريبت وطريقة كتابتها.
3) الأسماء المحجوزه/او التي لايمكنك التسميه بها (سأشرح أكثر وستعرف المعنى عند الوصول لها باذن الله).
،،،،،،،،،،،،،
شرح (1): كيفية كتابة كود الجافاسكريبت (أو بمعنى آخر، كيف يمكن ان تحدد انّ هذا كود جافاسكريبت!!)
جميع لغات البرمجه بدون استثناء لها طريقتها الخاصه في كتابة أكوادها، او طريقة معينه لكي تقوم بتعريفها ولكي تعمل عليها باستخدام خصائصها ومميزاتها ودوالها...الخ
بخصوص الجافاسكريبت فهي طريقة من اثنتين!
اما الطريقة الأولى لكتابة او لتعريف كود الجافاسكريبت هي:
كود:
<script type="text/javascript">
تقوم بكتابة كود الجافاسكريبت هنا
</script>
او بالطريقة الثانية:
كود:
<script language="JavaScript">
تقوم بكتابة كود الجافاسكريبت هنا
</script>
كما تلاحظ يجب أن يكون كود الجافاسكريبت الذي سنكتبه بين وسمين
(نطلق كلمة *الوسم* على الكود المستخدم في تعريف لغة البرمجه او أي كود مستخدم في تعريف داله معينه في لغة برمجه معينه، بخصوص الطريقتين التي قمت بذكرهم فالوسم هنا هو
<script language="JavaScript"> و </script>)
حيث الوسم <script/> يعني نهاية كود الجافاسكريبت..
طبعا لايوجد فرق بين الطريقتين، فقط اختار الطريقه التي ترتاح لها واستعملها في كتابة أكواد الجافاسكريبت والتي ستناول طريقة كتابتها قريبا باذن الله..
وكتابة كود الجافاسكريبت تكون كما هو موضح بالصوره..
*مستقبلاً عند كتابة كود الجافاسكريبت بإمكانك كتابة أيضا Comment اي ملاحظاتك على الكود بدون أن يتأثر الكود! هل تعرف كيف؟ بكل بساطه قم بوضع هاتين العلامتين بدون الأقواس (//) في المكان الذي تريد كتابة ملاحظتك فيه بنفس السطر الذي قمت بوضع فيه هذه العلامه // ...
مثال لطريقة كتابة ال Comments..
**فائدة ال comments او الملاحظات: تفيدك جدّا بتذكر طريقة كتابة الكود او طريقة فهمه لكي يسهل عليك التعديل عليه لاحقاً..
انتهينا من شرح النقطه (1) وفي هذا الشرح استفدنا طريقة كتابة\تعريف كود الجافاسكريبت، وأيضا طريقة كتابة ملاحظاتك على كود الجافاسكريبت بدون أن يتأثر بالملاحظات..
،،،،،،،،،،،،،
شرح (2): المتغيرات بالجافاسكريبت وطريقة كتابتها
ماهي المتغيرات؟
المتغيرات بكل بساطه هي (كلمه) تقوم باستخدامها في كود الجافاسكريبت لكي تقوم بمساواتها بقيمه انت تحددها من خلال كودك..
ولكي تقوم بتعريف المتغير يجب اضافة قبله كلمة var و var تعني variable أي متغير..
هل التعريف مبهم عليك؟ باذن الله سيتضح الآن
سنأخذ مثال لكود جافاسكريبت (هل تتذكر طريقة كتابة\تعريف كود الجافاسكريبت؟ هناك طريقتان سأستخدم الطريقه الأولى)
كود:
<script type="text/javascript">
var Salam; // this is a variable we want to use it, its called *Salam*
</script>
طبعا في الكود السابق قمنا بتعريف كود الجافاسكريبت (باستخدام الطريقه الأولى، بامكانك استخدام الطريقه الثانيه كل الطرق تؤدي الى روما ^_^)
ومن ثم قمنا بتعريف متغير بكتابة var وأسميناه Salam
ألم تلاحظ شيئًا قمنا بشرحه سابقًا في النقطه (1)؟؟
انها طريقة كتابة ال Comments كما تلاحظ عندما قمت بتعريف المتغير الذي أسميناه Salam كتبنا بجانبه
كود:
// this is a variable we want to use it, its called *Salam*
وهوا شرح بسيط لما قمنا به، ستلاحظ مستقبلا انك ستستفيد جدا من كتابة ال Comments منها لتكون سريعا في مراجعة كود الجافاسكريبت الذي كتبته، وأيضا لتقوم بالتعديل عليه مستقبلاً فأنت لاتضمن أنك ستتذكر ماقمت به قديما P:
طبعا، بامكانك تعريف أكثر من متغير في كود الجافاسكريبت (بشرط ان تستخدمهم جميعهم! وسأشرح كيفية استعمال المتغيرات باذن الله عندما يحين الوقت لذلك..
بعض مميزات المتغيرات والتي يمكن الاستفاده منها في أكوادنا التالي:
استخدام هذا الكود
هذا الكود لجعل المتغير Salam (نضع اسم المتغير الذي نريد تطبيق الميزه عليه بين القوسين بدلاً من Salam) عدد صحيح Integer (ملاحظه يجب كتابة الكود مثلما قمت بكتابته parse تكون جميع احرفها small letters و Int يعني Integer اي عدد صحيح ويكون فقط حرف ال I حرف كبير اما n و t يكونون small letters )
وأيضا ميزه أخرى اننا يمكن ان نجعل المتغير يكون عدد عشري مثل 5.211
باستخدام هذا الكود
كود:
parseFloat( Salam );
دعنا نقوم بمشاهدة طريقة الكتابه الكود كاملاً مع المتغير:
كود:
<script type="text/javascript">
var Salam; // this is a variable we want to use it, its called *Salam*
Salam = 5;
parseInt( Salam );
</script>
من الأفضل اعطاء قيمة أوليه للمتغير الذي نقوم بإنشاءه في برامجنا وذلك لنتفادى الأخطاء..
فهنا على سبيل المثال قمنا باعطاء المتغير Salam العدد 5
أي كأننا قمنا بعمل صندوق وقمنا بتسميته Salam ووضعنا بداخله رقم 5
في حين قمنا باستدعاء المتغير سيكون استدعائنا لما في داخله (بمعنى آخر عندما نستدعي الصندوق سنقوم باستدعاء محتوياته اي الرقم 5 اما اسم الصندوق فهو مجرد معرف له).
في الكود السابق قمنا بتحديد نوع المتغير بأن يكون عدد صحيح من خلال كتابتنا لكود جعل المتغير عدد صحيح:
ونفس الطريقه للعدد العشري ولكن من الأفضل عند تحديد نوع المتغير كي يكون عدد عشري ان نقوم بإعطائه قيمه عشريه أوليه
مثال:
كود:
Salam = 5.0;
parseFloat( Salam );
وبهذا انتهينا من شرح المتغيرات وطريقة التعامل معها وطريقة كتابتها ..
،،،،،،،،،،،،،
شرح (3): الأسماء المحجوزه/او التي لايمكنك التسميه بها.
ماهي الأسماء\الكلمات المحجوزه في الجافاسكريبت؟
بإختصار لكل لغة برمجه كلمات\أسماء محجوزه لا يمكنك استعمال هذه الأسماء كأسماء لمتغيراتك
لأن وظيفة هذه الأسماء\الكلمات المحجوزه هي القيام باستدعاء مجموعة أوامر او وظائف معينه سنقوم بشرحها لاحقا
ومن هذه الأسماء\الكلمات الممنوع استعمالها كأسماء للمتغيرات هم:
breake
case
continue
delete
do
else
false
for
function
if
in
new
null
return
switch
this
true
typeof
var
voide
while
with
على سبيل المثال لا يمكننا تسمية المتغير
او
حيث if و else تستخدم لعمل الجمل الشرطيه والتي سأقوم بشرحها في موعدها باذن الله.. (ربما في الدرس القادم ^_^)
انتهينا من درسنا الأول لأساسيات الجافاسكريبت..
أتمنى أن يكون هذا الدرس سلس وسهل.. ويكون شرحي له مفهوم وغير مبهم
أترك لكم المجال الآن لمن يريد أن يسأل أسئله بخصوص المواضيع التي قمت بشرحها..
والحمدلله رب العالمين
++++++++
+ المصدر +
++++++++
رد مع اقتباس
حلم هع هع
