دروس في الجافا سكربت

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

دروس في الجافا سكربت

مُساهمة من طرف professor في الإثنين أكتوبر 01, 2007 2:44 pm

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



الجافا
وبكل
بساطه لغة من لغات البرمجة ان صح التعبير .. مهامها الأساسيه بث
الحياة في صفحات

الويب المكتوبة بلغة ال HTML وتعطيك امكانية التحكم بكل جزء في
صفحة الوب، من ال

forms
الى الوصلات بل وحتى بعض الوظائف الخارجيه



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

للغة، المهم، من الأمثلة عليها مانراه كثيرا في بعض الصفحات، من
اظهار التوقيت،

وتحريك الصفحات الى أعلى والى أسفل، وكذا التحكم بال Forms



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

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



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



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



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

-






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




وشيء مهم أيضا .. الجافا سكريبتس تعتبر من أبسط اللغات ! الكل يستطيع
تعلمها .. نعم

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



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





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

-






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

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



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





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

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




بالإضافه الى أنك تحتاج الى برامج خاصة للكتابة بلغة الجافا ، بينما
الجافا سكريبتس

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




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




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



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



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



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



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

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



وضعية الكود في الصفحة


حسناً
حسناً ، والآن أين يمكنني وضع الجافا سكريبتس كود في صفحتي ؟ في الأصل ، في
أي
مكان تريده طالما كان هذا المكان بين وسمي ال



<HTML>

<HEAD>



أي مكان هنا

</HEAD>

<BODY>



أي مكان هنا

</BODY>

</HTML>




طبعا يجب إعلام المتصفح أن هذا الجزء من الصفحة هو جافا سكريبتس ،
ونتم ذلك بوضع
:


<Script>



الكود هنا



</Script>




كما ترون في الأعلى ، إبتدأنا بتبيه المتصفح الى أن مابعد :


<Script>




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





ثم نأتي بعد ذلك الى :


<!--


عدل سابقا من قبل في الإثنين أكتوبر 01, 2007 2:50 pm عدل 2 مرات

_________________


(( قل إن صلاتي ونسكي ومحياي ومماتي لله رب العالمين لا شريك له وبذلك أمرت وأنا أول المسلمين))
avatar
professor
๑۩۞۩๑عضو ذهـبـي๑۩۞۩๑
๑۩۞۩๑عضو ذهـبـي๑۩۞۩๑

ذكر
عدد الرسائل : 284
تاريخ التسجيل : 08/09/2007

بيانات العضو:
من مواضيعي:
تعاليق المديرون والمشرفون:
المزاج اليوم: صافي

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: دروس في الجافا سكربت

مُساهمة من طرف professor في الإثنين أكتوبر 01, 2007 2:45 pm






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






أساسيات اللغة


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



أولاُ : Case sensitivity





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






مثلا :





Naser
غير naser غير naSer ، وهكذا ..



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





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


var x=3;




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





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


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




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



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





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






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





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


If (t[3] != 11) {





t[4]=2;





}







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





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




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






HTMLالإتش تي أم أل


مقدمة

يا هلا ومرحبا بكل من أراد تعلم لغة الهتمل



يا ترى ما هو السؤال الذي
يراودك الآن؟؟؟؟




وبأي نقطة تود أن أبدأ
بالشرح؟؟






مهلا قبل أن تطرح أي سؤال ،
وقبل أن تمر على كل الدروس ، ما هو معنى كلمة
HTML؟



من الطبيعي أن تعرف معناها
ما دمت نويت تعلم هذه اللغة الرائعة السهلة




إن كلمة HTML هي اختصار لـ Hyper Text Markup Language





ولغة الهتمل ليست كما تراها
الآن أمام الشاشة ، بل هي عبارة عن رموز
Tags<> ، ويوجد لكل رمز عمل معين يقوم
به ليؤدي وظيفة ما






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





وهذه هي لغة الهتمل كل رمز
بها يقوم بعمل خاص به ، فهذا رمز للتلوين وهذا رمز آخر
لوضع خط تحت العبارة ، ورمز يقوم بإضافة موسيقى



هل تحتاج لغة الهتمل إلى برنامج معين لكي اكتب فيه
الرموز؟






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



هل هناك ملاحظة معينة قبل أن ابدأ بتعلم الدروس ؟





نعم هنالك ملاحظة صغيرة
ومهمة جدا جدا ، ألا وهي عند تخزين ملف الهتمل في المفكرة
مثلا بإسم lesson لاتنسى أن تخزنها بإمتدادhtml
أو htm>





وهكذا اذهب بعدها للمتصفح
وافتحه هناك لكي ترى النتيجة وبالطبع ليس شرطا ان تكون
متصلا بالانترنت لكي ترى النتيجة



والآن هيا بنا ننطلق إلى الدرس التالي لكي ترى أساسيات الهتمل المهمةSmile




_________________


(( قل إن صلاتي ونسكي ومحياي ومماتي لله رب العالمين لا شريك له وبذلك أمرت وأنا أول المسلمين))
avatar
professor
๑۩۞۩๑عضو ذهـبـي๑۩۞۩๑
๑۩۞۩๑عضو ذهـبـي๑۩۞۩๑

ذكر
عدد الرسائل : 284
تاريخ التسجيل : 08/09/2007

بيانات العضو:
من مواضيعي:
تعاليق المديرون والمشرفون:
المزاج اليوم: صافي

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: دروس في الجافا سكربت

مُساهمة من طرف professor في الإثنين أكتوبر 01, 2007 2:46 pm



PHP البي اتش بي



PHP بدايتك مع

PHP ما هي لغة ال



هي لغة برمجة تستخدم لتطوير مواقع الويب تم اختراعها و إنشاؤها
وتطويرها في عام
1994 بواسطة
راسموس ليدروف




لقد كان هذا الرجل يتابع عدد من المهتمين بسكربتاته التي ينتجها بلغة
بيرل وعندما
رأى أن
هناك عدداً كبيرا يهتم بسكربتاته بدأ بإنشاء أدوات للصفحات الشخصية ذات
مستوى عالٍ قام بتسميتها بـ



Personal Home Page tools (PHP)



بعدها قام بإنشاء scripting engine و
form interpreter
وهو ماكان يسمى في ذلك الوقت بـ php/FI أو php2





منذ ذلك الوقت مرت هذه اللغة بمراحل تطوير عديدة وقوية وتحسينات عبر
المئات من
مطوري
الويب في جميع أنحاء العالم




الفريق الفعلى المختص بهذه اللغة الآن يتكون من 6 أشخاص من بينهم
المطور الرئيسي
ليدروف





في المصطلح التقني لهذه اللغة نقول أنها



Cross Platforms, Embded HTML, Server Side, Web scripting Language





Cross Platforms



نعني بهذا المصطلح أن لغة ال PHP تعمل على كمبيوترات تحتوي على أكثر من نظام تشغيل.. مثلاً يمكننا تشغيلها على اللينوكس ويمكننا أيضاً تشغيلها على
الوندوز بشكل ممتاز
.





Embded HTML



تعمل هذه اللغة في ملفات تحتوي على خليط من لغة html و php



Server Side



تعمل ملفات ال php على مزود
للويب يدعم
php فلا يضطر
المستخدم إلى تركيب برنامج
معين على جهازه لكي يتفاعل مع هذه اللغة.





Web Scripting Language



نعني بهذا المصطلح أن هذه اللغة لعمل صفحات الويب أو بالأصح لتطوير
وعمل تطبيقات (برامج
) للويب.



في الواقع عندما نتصفح برنامج php عبر مستعرض للإنترنت مثل الانترنت اكسبلور أو النافيجتور فإنه لا يشترط أن يكون هذين المتصفحين أو أي متصفح آخر
يدعمون
PHP.



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





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



عندما يطلب المستخدم صفحة ما مثلاً: http://www.***********.com/index.php فهذا يعني أنه يطلب صفحة تحتوي على
برنامج
php (وليس شرطاً)





-
هل سيرى المتصفح الشفرة التي استخدمها؟



لا تخف لن يستطيع لأن البرنامج المعمول بـ php يترجم في السيرفر على شكل html فلن يصل لمستخدم برنامجك الشفرة التي
تستخدمها مما يحافظ على سريه برامجك
Smile





من المفترض قبل أن تبدأ في التطوير بلغة php أن يكون لديك خلفية كافية عن html وهناك دورة ممتازة ومتقدمة عن html تجدها على الرابط التالي/



http://www.arabbuilder.com/learn/lessons/html/index.php





وأيضا هناك موقع HP الذي
يعتبر الموقع الأول الذي أعطى تفاصيل التطوير بهذه اللغة
وفيه الكثير من الدروس المفيدة جداً في هذا المجال.. تجده على الرابط
التالي
/



http://www.khayma.com/hpinarabic/htmintro.html







PHP
ماذا







التفاعل
مع صفحات الويب





يأتي إليك مدير مكتبك ويقول لك ماذا تستفيد شركتي من كونك مبرمج
php
هاه؟



سؤال صعب أليس كذلك ؟



انظر إليه بكل برود، وثق أنك ستنتصر عليه بردّ صاعق





في الواقع قد تكون html قد نفعتنا
كثيراً حينما أردنا تصميم مواقع الويب ولكنها
لاتكفي إلاّ إذا كان موقعك استقرارياً، أي أنك لا تجدد فيه إلاّ في
الشهرين مرة أو
في الثلاثة شهور مرة وتتعب جراء ذلك



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



واجعل مديرك يقوم بتقطيع البصل إذا كان يريد فعلها بال
html.
أليس ذلك انتصاراً رائعا Smile





المجانية -





لغة php مجانية أي
أنك لا تحمل همّاً.. لا تراخيص ولا محكمات دعائية وتمضي قدماً
دون توقف وليست مثل
Asp





بالإضافة إلى أنه يمكنك رؤية الشفرة المصدرية التي تجعل هذه اللغة
تزيد تطوراً يوماً
بعد يوم Smile





3.
وجود مواقع سيرفرات تدعمها بكثرة:





خبر سارّ أليس كذلك ؟ Wink



يوجد الكثير من المواقع التي تدعم php والتي منها المجاني ومنها الذي يأخذ منك قدراً معيّناً على الاستضافة. يمكنك أن تجد دعماً مجانياً لل
php
في هذه المواقع/



http://d1d.net | http://www.f2s.com | http://datablocks.net |
http://www.psend.com





4.
التفاعل مع قواعد البيانات





بينما جعلت شركة مايكروسوفت Asp متوافقاً مع برمجياتها بشكل احتكاري، فإن ال php تدعم أغلب أنواع قواعد البيانات، ولم تحتكر على نوع معين وإليك هذه
الانواع
/



-Adabas -dBase -Empress -FilePro -Informix -InterBase -mSQL -MySQL -Oracle
-PostgreSQL -Solid Sybase -Velocis -some UNIX distributions' dbm -any database
that supports ODBC (Open Data Base Connectivity)





PHP vs. ASP



بينما تستخدم ال ASP لغة
الفيجول بيسيك في عمل سكربتات متفاعلة مع الويب فإنها
تحتاج في تشغيلها إلى سيرفر Iis أو PWs وحتى الآن
يعد تشغيلها على سيرفر الأباتشي
أمراً فيه صعوبة.



ومع أن هناك شركة أنتجت برنامجاً معيناً وخاصاً لكي يعمل
Apche
ويدعم Asp فإنه إلى الآن يستلزم أن يكون لديك وندوز NT
ولا يمكنك تشغيله بشكل ممتاز على وندوز ملينيوم.





بالإضافة أن ال Asp تعتبر
أبطأ من ال
PHP، وغير
ذلك أن ال
php ليست
مقتصرة على
IIS بل تشتغل
على
Apache و Omni httpd بأفضل ما يمكن.





وعلى العموم لاتقلق فإنك حتى إن كنت مبرمج ASP وترتاح معها كثيراً.. فإنك تستطيع تحويل شفرة Asp إلى
php
عن طريق برنامج يقوم بذلك تجده على الرابط التالي/



http://asp2php.naken.cc/







PHP vs. Perl





تعتبر البيرل معقدة وصعبة في حين أن ال php يقوم بعمل نفس الوظيفة التي تقوم بها برامج البيرل بشفرة أقل وبساطة أكثر





هنا نكون نكون قد انتهينا من الدرس الأول وقد أكثرنا الثرثرة Smile






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



مفاهيم عامة



:
بروتوكولات الإنترنت



لا نريد هنا أن نذهب إلى التكلم عن تاريخ الإنترنت العتيق.. النقطة
المهمة هي
الشبكة
المربوطة بنقاط
nodes الانترنت
صممت لكي تقوم بالحفاظ على المعلومات لكي يتم
نقلها من مكان إلى آخر، وهي تستخدم مجموعة من البروتوكولات مثل
Tcp/Ip
لكي يتم نقل البيانات عبر الشبكة.



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





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

TCP.
هذا البروتوكول هو بروتوكول نقل للبيانات وهو يضمن أن البيانات قد تم
إرسالها ووصولها
بشكل صحيح.





قبل أن يتم إرسال البيانات عبر الشبكة يجب عنونتها، والبروتوكول الذي
يقوم بعنونه
البيانات
يدعى
HTTP



يقوم هذا البروتوكول بوضع عنونه للبيانات لكي يعرف البروتوكول
TCP
أين سينقل البيانات (فهو لايستطيع نقل البيانات إذا لم يكن لها هدف أو مكان)



يستخدم البروتوكول HTTP عن طريق
الويب في عملية نقل البيانات من كمبيوتر إلى آخر




عندما ترى الصفحة متبوعة بـ http:// فإنك تعلم مباشرة أن الانترنت يستخدم البرتوكول HTTP لإحضار
هذه الصفحة، يمكنك أن تأخذ صورة بأن ال
TCP عبارة عن ساعي بريد الذي يقوم بإيصال رسالة.. هذه الرسالة فيها طابع بريد
وعنوان وهو مانسميه
بال HTTP





يتم تمرير الطلب من المستعرض إلى ملقم أو سيرفر الويب وهو ما يعرف بـ
HTTP request.
ويقوم السيرفر برؤية مستودع
البيانات لديه لكي يحصل على البيانات المطلوبة




فإذا وجد الصفحة في المستودع قام بإرسالها على شكل حزم إلى الجهة
التي قامت بالطلب
باستخدام بروتوكول TCP وتُعنون
هذه الحزم لمستعرض الانترنت لديك باستخدام بروتوكول
http (ننبه دائماً إلى أنه يرسلها على شكل حزم لكي تعرف السبب عند عدم ظهور
صفحة
ويب كاملة
أن هناك حزمة لم ترسل بشكل جيد)، ولكن إذا لم يجد السيرفر الصفحة
المطلوبة فإنه يقوم بإرسال صفحة
تحتوي على رسالة الخطأ 404، وهذه الصفحة التي أرسلت
من ملقم الويب إلى المستعرض لديك تسمى HTTP response





وهذه رسمة توضيحية لكي يتبين ما كنّا نرمي إليه أو نسعى إليه



بروتوكول ال HTTP
:




رغم ما أخذناه من معلومات
كثيرة وقصص كثيرة إلاّ أنه رغم ذلك يفوتنا الكثير من
التفاصيل في هذا الموضوع، لذلك دعنا نغوص قليلاً
في التفاصيل عن بروتوكول
HTTP بشكل خاص.






_________________


(( قل إن صلاتي ونسكي ومحياي ومماتي لله رب العالمين لا شريك له وبذلك أمرت وأنا أول المسلمين))
avatar
professor
๑۩۞۩๑عضو ذهـبـي๑۩۞۩๑
๑۩۞۩๑عضو ذهـبـي๑۩۞۩๑

ذكر
عدد الرسائل : 284
تاريخ التسجيل : 08/09/2007

بيانات العضو:
من مواضيعي:
تعاليق المديرون والمشرفون:
المزاج اليوم: صافي

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: دروس في الجافا سكربت

مُساهمة من طرف professor في الإثنين أكتوبر 01, 2007 2:46 pm

عندما
تقوم بعملية طلب لصفحة من السيرفر هناك أمور إضافيه ترسل مع عملية الطلب
http request غير ال URL وهي
ترسل كجزء من
http request.



نفس الموضوع مع ال http response هناك
أمور أخرى تصل معه كجزء منه
.





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





كل رسائل الHTTP تأخذ
تنسيقاً معيناً سواء كانت
Request أو Response. نستطيع أن نقوم
بتقسيم هذا التنسيق إلى ثلاث أقسام
:



1. Request/Response Line .



2. HTTP Header .



3. HTTP Body .





المحتوى من هذه الأشياء الثلاثة يعتمد على نوع الرسالة إذا كانت HTTP Request أو HTTP Response، لذلك سنتكلم عنهم بتعمق أكثر.





لنتوقف لحظات وننظر في الشكل التالي لكي يتوضح إلينا مفهوم المعاجلة
التي تتم
:




HTTP Request:





يجب أن يحتوي ال request على
الأقل ال
request line (سطر الطلب)
وال
HOST .



يرسل مستعرض الانترنت طلبيه (HTTP request) إلى
ملقم الويب تحتوي على التالي
:



1/ The Request Line:



السطر الأول من كل طلبيه (http request) هي Request Line الذي يحتوي على ثلاث أنواع من المعلومات:



أمر HTTP وهو
مايسمى بـ
method .



المسار من السيرفر إلى المصادر المطلوبة (صفحات الانترنت) المطلوبة
من قبل العميل (المستعرض
) .



إصدارة ال HTTP .



إذن كمثال على ال Request Line انظر
إلى السطر التالي: (ال
method يخبر
السيرفر كيف
يتعامل
مع الطلب
)





GET /testpage.htm HTTP/1.1



هناك ثلاث أنواع شائعة من ال method والتي
تظهر في الجدول التالي
:



هناك أوامر عديدة أخرى مثل: ( PUT - DELETE - TRACE
- CONNECT - OPTION )..



ولكنها تستخدم بقلة، ويمكنك أن تجد شرحاً موفياً لها باللغة
الانجليزية على الرابط
التالي: http://www.rfc.net .





2/ HTTP Header:



البت الثاني من المعلومات هو الهيدر HTTP Header.. الذي
يحتوي على تفاصيل أو وثائق
عن
العميل مثل نوع المتصفح (نتسكيب أو اكسبلورر) الذي قام بطلب الصفحة والوقت
والتاريخ والإعدادات العامة.





الHTTP Header يحتوي على
معلومات نستطيع تقسيمها إلى ثلاث فئات وهي
:



عامة General / تحتوي
على معلومات إما عن العميل أو السيرفر ولا تخصص إلى فرد أو
مجموعة .



شخصية Entity / تحتوي
على معلومات عن البيانات التي أرسلت بين المتصفح والسيرفر
.



مطلوبة Request / تحتوي
على بيانات عن إعدادات العميل والأنواع المختلفة المقبولة
من
البيانات
.



وهذا مثال:



Accept: * / *



Accept language: Arabic-KSA.



Connection: Keep -Alive.



Host : http://www.arabbuielder.com



Referer: http://www.arabbuielder.com/index.php?something=132



User -Agent :Iexploer (win98;.........)



مثلما ترى ال HTTP Header عبارة
عن أعداد يتكون من عدة سطور، كل سطر يحتوي على قيم
معينة.



هناك عدة سطور تشكل ال HTTP header وأكثرها
اختياري. يقوم ال
HTTP بالإخبار
عن
انتهاء معلومات ال header بترك سطر فارغ (وهذا يكون في الHTTP1.1).



3/ The HTTP Body:

إذا تم استخدام الأمر POST في
ال
HTTP Request Line.. عندها
يقوم ال
HTTP بطلب المعلومات التي أرسلت في ال body إلى السيرفر.



HTTP Response:



يرسل من السيرفر إلى المستعرض، ويحتوي على ثلاث أشياء:



The Response Line .



HTTP Header .



HTTP Body .



1/ The Response Line:



ال Response line يحتوي فقط
على نوعين من المعلومات
:



1-
رقم إصدارة ال HTTP .



2-
شفرة أو كود ال http request التي
تقوم بتحديد ما إذا كان ال
request ناجحاً
أم
فاشل .



مثال:



HTTP/1.1 200 OK



في هذا المثال يقوم ال response line بإرجاع
القيمة 200 متبوعة بالكلمة
OK. هذه تشكل وتشير إلى نجاح ال request ويكون
ال
response يحتوي على
الصفحة المطلوبة
والبيانات
من السيرفر
.



ومثال آخر هو الشفرة 404.. وتظهر عندما تقوم بطلب صفحة ويفشل السيرفر
في الحصول
عليها.



هناك خمس فئات من الشفرات:





: 2/ HTTP Header




ال Response header يعتبر
مشابه لـ
Request header الذي
ناقشناه في الأعلى. وتنقسم
المعلومات التي فيه أيضاً إلى ثلاث أنواع



عامة General / معلومات
عن ال
client أو السيرفر ولا تخصص إلى واحد
منهما




شخصية Entity / يحتوي على
معلومات عن البيانات التي يتم إرسالها بين السيرفر
والعميل



الإجابة Response / يحتوي
معلومات عن السيرفر الذي قام بإرسال الرد وكيفيه تعامله
ومعاجلته للرد (Response)



كما قلنا سابقاً.. يتكون من عدة سطور ويتم وضع سطر فارغ للإعلام عن
انتهاء الهيدر
(Header)



HTTP/1.1 200 OK -The satus line



Date: Mon; 1st Nov 1999, 16:12:23 GMT -General header



Server : Apache/1.3.12 (Unix) (SUSE/Linux) PHP/4.0.2 -The response



Last-modified: Fri, 29 Oct 1999, 12:08:03 GMT -Entity Header



السطر الأول ناقشناه، والسطر الثاني مفهوم من غير شرح، السطر الثالث
يقوم بتحديد
البرنامج
تبع السيرفر ونوعه ونظام التشغيل القائم عليه، والسطر الأخير يقوم بتعريف
آخر وقت تمّ فيه تعديل أو تجديد
الصفحة




*
ملاحظة/ قد يحتوي الهيدر (Header) على أكثر
من هذه المعلومات أو معلومات مختلفة
وهذا يعتمد على نوع الشيء المطلوب من السيرفر



إذا أردت معرفة معلومات أكثر عن هذه الأقسام.. تستطيع مراجعة المقالة
رقم 2068 في
الموقع
التالي
: http://www.rfc.net





: 3/ The HTTP Body



إذا تمت معالجة الطلب بنجاح.. فإن ال HTTP Response Body يحتوي على شفرة الHTML ويقوم
مستعرض الانترنت بتفسيرها وتحويلها إلى الصفحة النهائية التي تراها




أين سكربت الPHP من ذلك
كله ؟




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






تكلمنا عن أن سكربت ال php يتكون من
ثلاث أشياء: نص وشفرة
php وشفرة
html.



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





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



تجعلنا الhtml نضمن
سكربتات ال
php فيها ضمن قواعد لذلك لكي نستطيع
تشغيلها، ولكننا
لا ننسى أن امتداد الملفات يظلّ كما هو php أو php3 بدون تغير
فيه. لكي يتم إرسال
السكربت إلى مكينة الترجمة (Scripting Engine) التي تقوم بترجمة السكربت إلى html (كأنك تترجم من عربي إلى انجليزي أو العكس).



: *
مفهوم الـ Parsing والـ
Execution



يمكن أن نقسم عملية الترجمة التي يقوم بها سيرفر
php
إلى قسمين أو عمليتين





العملية الأولى / هي أن السيرفر يقوم أولاً بفحص قواعد اللغة، وهذا
لا يضمن أن
السكربت
صحيح مئة بالمائة ولكنه تدقيق في الأوامر وقواعد اللغة وهذا ما يسمونه بال

Parsing



العملية الثانية/ هي تنفيذ السكربت بعدها وإخراجه على شكل شفرة
html
، وهذا ما يسمى بال Execution

بقي أن نقول أمراً معروفاً وهو أن السكربتات نوعين

النوع الأول / وهو ما ينفذ من جهة المزود Server-Side Scripting



النوع الثاني/ ما ينفذ من جهة المستعرض (صفحة انترنت). مثل: الجافا
سكربت وغير ذلك






مقدمة للغة ASP


البــداية:


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


هل تطمح إلى تعلم هذه اللغة ؟؟؟ إذا كانت إجابتك بنعم فهذه
بداية جيدة بكل تأكيد فمن الرائع تعلم كل ما هو جديد في عالم البرمجة والتصميم.



بكل صراحة وأمانة تعتبر هذه اللغة سهلة للغاية
دون أي تعقيدات فيها وتعلمها يعتبر سهلا ويسيرا
وسنبدأ
مشروع بسيط في البداية ولكن أعدكم أنه سيكبر شيئا فشيئا حتى يصبح موقعا متكاملا
بكل معنى الكلمة.



الكثير منا قد يتساءل عن السبب في استخدامنا
للـ
ASP في الوقت الذي نستطيع أن نصمم صفحات شخصية
مذهلة باستخدام الـ
HTML (Hyper
Text Markup Language
) باستخدام برامج مساعدة في التصميم كبرنامج
الفرونت بيج لشركة مايكروسوفت إذا أين الفائدة في استخدام الـ
ASP ؟


والتي هي اختصار لـــ Active Server Pages أي الصفحات التفاعلية الديناميكية ،
ونجد هنا من اسم اللغة نفسها ما يعبر عن شخصيتها ، إذا نستنتج هنا أننا نستطيع أن
نقوم بعمل صفحات تفاعلية ، بكلمات أبسط صفحات لها القدرة على الاستجابة للأوامر
والاختيارات وما إلى غير ذلك ، وهنا يتجسد الفرق الأساسي عن لغة الـ
HTML الغير قادرة على التفاعل مع المستخدم وذلك
عند الضغط على زر معين أو طلب معلومات محددة.

_________________


(( قل إن صلاتي ونسكي ومحياي ومماتي لله رب العالمين لا شريك له وبذلك أمرت وأنا أول المسلمين))
avatar
professor
๑۩۞۩๑عضو ذهـبـي๑۩۞۩๑
๑۩۞۩๑عضو ذهـبـي๑۩۞۩๑

ذكر
عدد الرسائل : 284
تاريخ التسجيل : 08/09/2007

بيانات العضو:
من مواضيعي:
تعاليق المديرون والمشرفون:
المزاج اليوم: صافي

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: دروس في الجافا سكربت

مُساهمة من طرف professor في الإثنين أكتوبر 01, 2007 2:47 pm

والآاااااااااان هل أدركت الفرق ؟؟


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



ماذا تحتاج للبدء ببرمجة الصفحات باستخدام الــ
ASP ؟


أولا : تركيب
(
PWS) Personal Web Server أو Internet Information Server (IIS)


اعند الحديث عن لغات برمجة المواقع مثل ASP و PHP و CGI وغيرها فإنك
لا تستطيع التعامل معها مباشرة على الأجهزة الشخصية وذلك لأنها بحاجة
إلى
Server حتى تعمل. إذا عوضا عن حجز
مساحات عند الشركات لتتمكن من البدء بالعمل مع الـ
ASPبإمكانك تركيب بعض البرامج التي تجعل حاسبك الشخصي Server محلي
، وبذلك تأخذ كل الوقت في تصميم صفحاتك وعرضها على جهازك وكأنها على الشبكة
العنكبوتية.



ويندوز 98:


ركب برنامج (PWS) من خلال فتح قرص ويندوز Win98 CD واختر المجلد add-one ومنه
PWS ومنه شغل الملف
setup.exe.


ويندوز
2000
أو NT : أو Xp


ركب (IIS) للويندوز وهو متوفرة مع سيدي تركيب الويندوز، وذلك بالذهاب لي لوحة التحكم Control Panel ثم اختيار إضافة وإزالة مكونات ويندوز Add/Remove Windows Components واختيار Internet Information Server منه.


ثانيا: أين ستكتب كـود الـ ASP ؟؟


لا يوجد برنامج محدد يمكن استخدام برنامج Front Page المعروف لشركة مايكروسوفت أو
يمكنك استخدام الـ
Notepad المتوفر مع الوندوووز
ولكن لا انصح بذلك فالفرونت بيج أفضل من حيث المساعدة على التصميم ، أما للناس
المختصين فيمكنهم استخدام مجموعة الـــ
Microsoft Visual
Studio
وبالتحديد برنامج Microsoft Interdev .


والآن قم بتجهيز كل ما هو مطلوووب للبداية
الصحيحة

_________________


(( قل إن صلاتي ونسكي ومحياي ومماتي لله رب العالمين لا شريك له وبذلك أمرت وأنا أول المسلمين))
avatar
professor
๑۩۞۩๑عضو ذهـبـي๑۩۞۩๑
๑۩۞۩๑عضو ذهـبـي๑۩۞۩๑

ذكر
عدد الرسائل : 284
تاريخ التسجيل : 08/09/2007

بيانات العضو:
من مواضيعي:
تعاليق المديرون والمشرفون:
المزاج اليوم: صافي

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: دروس في الجافا سكربت

مُساهمة من طرف HIMO في الثلاثاء أكتوبر 02, 2007 9:02 pm

يديك العافية يا بروف
avatar
HIMO
๑۩۞۩๑ مصـمم ๑۩۞۩๑

ذكر
عدد الرسائل : 39
العمر : 27
العمل : طالـــــــــــــــــــــــــب
الدراسة : طالب
الحالة الاجتماعية : اعزب
تاريخ التسجيل : 06/09/2007

بيانات العضو:
من مواضيعي:
تعاليق المديرون والمشرفون:
المزاج اليوم: رايق

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى