تعلم الـ JavaScript ( أساسيات كتابة الكود )

محمود · 06-02-2004, 04:10 PM

السلام عليكم و رحمة الله و بركاته

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

قبل البدء

قبل البدء في تعلم أي لغة يجب ان يكون هناك مقدمة او نبذة عنها و لعلكم سئمتم من هذه المقدمات نظرا لانكم اعتدتم رؤيتها في كل درس من دروس الـ PHP ... لكن أظن انه لا بأس بمقدمة أخرى إذا كنت تريد حقا تعلم هذه اللغة .

المقدمة

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

الجافا وبكل بساطه لغة من لغات البرمجة ان صح التعبير .. مهامها الأساسيه بث الحياة في صفحات الويب المكتوبة بلغة ال HTML وتعطيك امكانية التحكم بكل جزء في صفحة الوب، من ال forms الى الوصلات بل وحتى بعض الوظائف الخارجيه .

الجافا سكريبتس صممت من قبل Netscape لإضافة بعض الحيوية الى صفحات الويب، طبعا لايفوتني أن أذكر أن ال Java في الاصل صممت من قبل شركة Sun وهي المالك الأساسي للغة، المهم، من الأمثلة عليها مانراه كثيرا في بعض الصفحات، من اظهار التوقيت، وتحريك الصفحات الى أعلى والى أسفل، وكذا التحكم بال Forms .

الجافا سكريبتس تخلتف عن أغلب لغات البرمجة الأخرى في كونها سهلة التحكم والتبويب، حتى للأشخاص الذين لم يكتبوا بأي لغة برمجة أخرى في حياتهم كلها .

بكل بساطة،الجافا سكريبتس هي الهواء لصفحتك .

حسنا، أعلم أنه وبعد تلك السطور في الأعلى، توارد الى ذهنك العديد من الأسئله ،، فلنحاول معا الإجابه على بعضها :

1- لماذا أتعلم الجافا سكريبتس ؟

أول مايخطر في بالي إجابة على هذا السؤال هو : القوة .. الحريه .. الإبداع . لأنه بمجرد الكتابه بال HTML فأنت مقيد بأن تضل صفحتك كما هي ثابته لاتتغير الا بتغيير الكود ، وهذا غير مقبول بتاتا في عالم التكنولوجيا الجديده .وبواسطة الجافا سكريبتس يمكنك حتى الباس صفحتك حلة جديدة من ألوان الخلفيه .. وأنواع الخطوط .. وحتى الصور .. حسب التوقيت اليومي للزائر وبدون أي تدخل منك !

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

وربما لاتجد مبتغاك بسهولة ! أو قد لاتجدة إطلاقا .

2 - مالمقصود بشفرة البرنامج أو السورس كود ؟

الكود أو السورس كود : هو مجوعة الأوامر التي تكتب مجتمعة أو متفرقة ليعمل البرنامج بصورتة الرئيسيه ، أي البنية التحتية للبرنامج ، وتكون دائما مكتوبه كتابة ويمكن عرضها بأي برنامج تحرير نصوص عادي مثل ال NOTEBAD .

3- ماهو الفرق بين الجافا .. والجافا سكريبتس ؟

الفرق بينهما كبير . نعم فالجافا أقوي بكثير من الجافا سكريبتس ، وأكثر تعقيدا ، وولأسف ، أصعب في التحكم . وهي تأتي في نفس مستوى لغتي السي ، والسي بلس بلس .

بالإضافه الى أنك تحتاج الى برامج خاصة للكتابة بلغة الجافا ، بينما الجافا سكريبتس أبسط بكثير ! يمكنك بمجرد فتح أي برنام تحرير نصوص مثل ال NOTEBAD كتابة السكريبت كاملا !!! صدق أولا تصدق . لن تحتاج الى شي آخر سوى المتصفح لترى النتيجه .

4- هل بإمكان الكود الذي كتبته بالجافا سكريبت العمل على متصفحي النتسكيب والإكسبلورر بدون أية مشاكل ؟

للأسف ، الإجابة بلا !

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

سنتطرق لاحقا الى كيفية تجاوز هذه العقبة ، أما الآن فدعني أخبرك بأن أفضل طريقة للتأكد من عمل السكريبت هو تجربته على كلا المتصفحين . طبعا ستدهشك كثرة المواقع التي فشلت في الوصول بصفحاتها الى أفضل شكل ودعم لكلا المتصفحين ، وهذا مايفسر السطر الذي نراه كثيرا :

لأفضل عرض ، ينصح بإستخدام المتصفح الفلاني .

طبعا ولأن الأغلبية تستخدم الإكسبلورر ، فسيكون التركيز علية في الشرح والأمثله ، ولن أنسى التطرق الى كيفية معرفة نوع المتصفح الخاص بالمستخدم .

إلى هنا نكون انتهينا من المقدمة و وصلنا إلى بداية الدرس الفعلية

محمود · 06-02-2004, 04:12 PM

أساسيات كتابة الكود

كأي لغة أخرى الكتابة بالجافا سكريبتس تخضع لبعض الشروط التي لامفر من تعلمها ، وإتباعها ، وإلا فإن البرامج وبكل بساطة ، لن تعمل .

أولاُ : Case sensitivity

الجافا سكريبتس هي case sensitive language ، أي أن الكلمة المكتوبه بالحروف اللاتينيه الصغيره تختلف عن نفس الكلمة مكتوبة بالأحرف الكبيره

مثلا :

Mahmoud غير mahmoud غير mAhMoUd ، وهكذا ..

ثانيا : الفاصلة المنقوطه Semicolons

يفترض الى درجة الإلزام أن ينتهي كل سطر بفاصلة منقوطة :

var x=3;

ثالثاً : المساحات الخالية :

الجافا سكريبتس كالـ HTML تتجاهل المساحات الخالية ، والسطور الجديدة ، مثلا :

var x=4
هي نفسها
var x = 4

مع ملاحظة أنه لابد من ترك مسافة خالية على الأقل بعد أي مصطلح من مصطلحات الجافا !

رابعا : الأقواس

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

لكي لايخلق لك ذلك أية مشاكل أثناء تنفيذ البرنامج ، ولاننسى أي مشكلة معناها توقف البرنامج عن العمل .

إطلع على المثال التالي لفهم ذلك :

If (t[3] != 11) {

t[4]=2;

}

خامساً : الكلمات المحجوزة

أو مصطلحات الجافا المحجوزة ، وهي أوامر الجافا التي لايمكنك نسب أي متغيرات إليها على الإطلاق ، كما في كل لغات البرمجة المعروفة .

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

محمود

الأمازوني · 06-02-2004, 04:31 PM

موضوع جميل ... من ناحية الفكرة ... والمضمون ... والترتيب.

الله يعطيك عافيه .... على هالجهد الرائع.

تحياتي ،،،،

abutawfig · 06-02-2004, 04:46 PM

واصل بارك الله فيك
دروس مميزة ومفيدة بالفعل

Net Hunter · 06-02-2004, 04:47 PM

جزاك الله الف خير ونتمنى انك ما توقف عن هالدروس

تحياتي لك

المشوار · 06-02-2004, 05:07 PM

مشكور يا محمود بارك الله فيك والي الامام

أبو غريب · 06-02-2004, 05:16 PM

اقتباس:

رد مقتبس من abutawfig
واصل بارك الله فيك
دروس مميزة ومفيدة بالفعل

KaRiM_NET · 06-02-2004, 09:43 PM

درس جميل و مفيد ..

شكراً

mta · 07-02-2004, 01:10 AM

تسلم يا اخى
ما شاء الله موضوع متميز

palnour · 07-02-2004, 03:35 AM

موضوع كتير رائع .. جزاك الله كل خير .. و أرجوا أن تتابع سلسلة الدروس

Zizwar · 07-02-2004, 04:40 AM

جزاك الله خيرا يا أخ محمود

==========
المصدر

http://www.tec4arab.com/modules.php?...ticles&secid=4

و السلام

محمود · 07-02-2004, 04:52 AM

الأمازوني
abutawfig
المشوار
أبو غريب
KaRiM_NET
mta
palnour

جزاكم الله خير على ردودكم

Net Hunter
جزاك الله خير على التثبيت

Zizwar
شكراً على المصدر ... و قد ذكرت اني لست كاتبه

abutawfig · 08-02-2004, 02:29 AM

اخ محمود معذرة
كان المفروض ان تذكر المصدر حفظا لحقوق الغير
خاصة ان الموقع ذكر ان جميع الحقوق محفوظــة
أو تضع لنا رابط الموقع

وشكرا على مجهودك ، ولك تحياتي

محمود · 08-02-2004, 07:28 AM

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

محمود