المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : أساسيات لغة ال Java Script



حسن قباني
09-16-2006, 02:06 PM
الجافا سكربت :
هي لغة برمجه اذا جاز التعبیر تلعب دور حیوي وفعال في صفحات الویب من خلال القیام
بوظائف قد تكون خارجیة او داخلیة بل لنكن اكثر دقة هي مرنه الى درجه تجعلك تتحكم بكل جزء من اجزاء صفحة الویب كأن تستخدمها في الForms اي النماذج او كنوافذ تخرج للمستخدم لتخبره بامر معین او تنبه وغیرها من الاستخدامات التي اراها من وجهة نظري هي الروح التي یبثها مطور الویب في صفحاته اثناء برمجته .
اما من این جاءت لغة الجافا سكربت فهي جاءت من خلال اهتمام شركة Netscape لتضفي الحیوية الى صفحات الويب ولا يفوت على بال احد ان شركة Sun ھي الاساس والام في لغة الجافا بشكل عام فما بالك بالجافا سكربت فهي لغة بسیطه نوعا ما وسھله التبويب والتحكم بل يستطیع
البرمجه بھا من لم يتعلم اي لغة في حیاته وھذا ما ركزت به هذا الموضوع حتى يستفيد العضو ويبدأ من الصفر فلیس ھدفي فھم لغة الجافا سكربت فقط فحسب بل التكنیك البرمجي بإختلافاته فالمبدأ واحد
على اختلاف شیفرة الكود فال if condition مثلا او ال loop for او غیرھا موجوده في جمیع لغات البرمجه ولھذا اعتبر موضوعي ھذا باب لدخول منه الى فھم اللغات القادمه التي سوف اطرح بھا موضيع انشاء الله أو على الاقل جزء من كل لغة ...

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

تستطيع ان تكتب اوامر الجافا سكريبت في برنامج ال Notebad المرفق مع كل وندوز ...
وعند الاكتمال من كتابة برنامجك قم بالخزن بأسم معين واعطيه امداد ((html )) ...
وأنا افضل ان تجد محرر لغة جافا سكربت على الانترنيت لكي تجد الخطا ويوفر عليك العناء

الان نتعلم طرق كتابة الكود في الجافا سكربت
الطريقة الاولى :



<script type = " text/javascript">
-
-
-




هنا یكتب كود الجافا سكربت



-
-
</script>









الطريقة الثانية :





<script language="JavaScript">
-
-
-




هنا یكتب كود الجافا سكربت



-
-
</script>




*******************************
بعد ان اخذنا نبذة مختصرة عن الجافا سكربت
نبدا بالبرمجة الفعلية ..

1. خروج نافذة للمستخدم للترحيب على سبيل المثال وتدعى Window alert
كهذه النافذة
http://www.7yati.net/up/uploads/9a710b20e5.jpg

ويكتب كودها بهذا الشكل:

;("اهلا وسهلا بكم في موقعنا")window.alert


2. خروج نافذة للمستخدم على سبيل المثال ادخال اسم او خانه لكتابة شيئ معين وهي خاصة بكائنات النوافذ window object
كهذه النافذة

http://www.7yati.net/up/uploads/40dcd208ef.jpg


وتسمى هذه النافذة بلغة الجافا سكربت ( prompt )
ويكتب كودها بهذه الطريقة :

http://www.7yati.net/up/uploads/7c1b5669a1.jpg


لناخذ مثال عل ماسبق ونطبقها


http://www.7yati.net/up/uploads/5f27e8f4a5.jpg








ستكون النافذة الاولى بهذا الشكل :

http://www.7yati.net/up/uploads/6f1f4c6330.jpg






وعند الضغط على ok تظهر لنا هذه النافذه :
http://www.7yati.net/up/uploads/720d41e114.jpg


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



تحياتي لكم
اخوكم
حسن قباني

ذيب بغداد
09-16-2006, 04:16 PM
حبيبي حسون عاشت ايدك على هذا الموضوع الفعال .. دوم الابداع والاحتراف .. تقبل مروري حبي

AltaibSkt
09-16-2006, 04:55 PM
لك شنو العيد انته ....

استمر اخويه على هذا المنوال

وكمل للاخير

كلكامش
09-16-2006, 08:20 PM
مشكور حسن على هذا الشرح

صراحة هية لغة برمجة رائعة بس بيها عيب واحد

هو الشريط الاصفر اللي يصير من تضيف كود للصفحة

ما تعرف شلون نشيله هذا الشريط

حسن قباني
09-19-2006, 04:00 PM
شكرا لكم اخواني على المرور .... وارجو من الاخ كلكامش ان يوضح لي قصده من السؤال (( اي شريط اصفر يقصد ؟؟ ))
ونبدأ الان الدرس الثاني

وهو كيفية ملئ بيانات يدخلها المستخدم مثلا ( الاسم والعنوان والمهنة والى اخره .... )

وهوه درس بسيط في البرمجة ومهم جدا في مواقع الانترنيت

لنشاهد معا كيفية كتابة الكود كما هو في الصورة ادناه :

http://www.7yati.net/up/uploads/c3abecc797.jpg
http://www.7yati.net/up/uploads/49fc2a5496.jpg

هذا الكود لهذه الصفحة :::

http://www.7yati.net/up/uploads/761d72b506.jpg

عند ملئ البيانات الفارغة ونضغط على (أعرض ) تظهر لنا المعلومات التي تم تسجيلها بهذا الشكل ::

http://www.7yati.net/up/uploads/4b76319c50.jpg



الى هنا ينتهي الدرس الثاني ( المهم جدا بالنسبة لي )


تحياتي لكم
اخوكم
حسن قباني

AltaibSkt
09-19-2006, 04:05 PM
مشكور ولك العيد العيد اجا قبل رمضان

ذيب بغداد
09-19-2006, 09:56 PM
حلو حسوون عاشت ايدك يا ذهب .. حلوه البرمجه .. بس مو شغلتي هههههه .. دوم الابداع والتطور

حسن قباني
10-01-2006, 03:45 PM
اني جدا اشكركم اخواني على مروركم .




..

بزونة الكيمياوي
10-02-2006, 06:40 PM
عفيه هذا الموضوع لازم يثبت لان كلش مهم مشكوووووووووووووور
وحتى لو مثبت احنا مشاركاتنا رح يبقى بالبداية
وردت اكول هذا اللغة تشبه الى حد كبير الفجول بيسك

حسن قباني
10-03-2006, 03:00 PM
شكرا الج ملكة التحشيش على المرور
ولغة فيجوال بيسك لغة ضخمة جدااا واعقد من لغة الجافا وتختص بمشاريع اكبر
وفعلا الموضوع مهم ويستحق التثبيت ولكن ماكو مشرف منتبه اله