‫جيد لتطوير الصفحات الثابتة ‪HTML‬‬

‫‪E‬‬ ‫يمكن تحديد تخطيط النص ‪ /‬الصورة‪ ،‬العرض التقديمي‪ ،‬الروابط‪... ،‬‬

‫‪if‬‬ ‫• صفحة الويب تبدو هي نفسها في كل مرة يتم فيها الوصول إليها‬

‫من أجل تطوير صفحات تفاعلية ‪ /‬رد الفعل‪ ،‬يجب دمج البرمجة في شكل أو آخر‬
 ‫البرمجة النصية جانب العميل‬

‫تتم كتابة البرامج في لغة برمجة منفصلة )أو برمجية(‬

‫يتم تضم‪ B‬البرامج في ‪ HTML‬لصفحة ويب‪) Vith ،‬ع;مات ‪ HTML‬لتحديد مكون البرنامج‬

‫‪of‬‬
‫‪e‬‬ ‫‪a‬‬
‫‪www.e.I‬‬ ‫ينفذ ا‪G‬تصفح البرنامج ‪I‬نه يقوم بتحميل الصفحة‪ ،‬و إدماج ا‪Q‬خراج الديناميكي للبرنامج مع ا‪G‬حتوى الثابت ل ‪HTML‬‬

‫‪momma‬‬
‫‪fee‬‬
‫يمكن أن تسمح أيضا للمستخدم )العميل( بإدخال ا‪G‬علومات التي قدمتها بالتأكيد‪ ،‬وأرى التحقق من صحة ا‪G‬دخ;ت من قبل‬

‫‪T.tw‬‬ ‫‪taj‬‬
‫‪RW.wa.tw‬‬ ‫‪is‬‬
 ‫البرمجة النصية جانب العميل‬

‫‪AF.a‬‬
‫لغة البرمجة النصية هي لغة برمجة بسيطة مضلبة‬
‫‪bwiif‬‬ ‫‪I.IT‬‬
‫يتم تضم‪ D‬البرامج النصية نص عادي‪ ،‬فسرها حسب التطبيق‬

‫‪iaea‬‬
‫نموذج التنفيذ ا‪M‬كثر بساطة‪ Q :‬تحتاج إلى برنامج التحويل البرمجي أو التنمية‬

‫‪To‬‬

‫‪if‬‬
‫يحفظ النطاق الترددي‪ :‬يتم تنزيل التعليمات البرمجية ا[صدرية‪ ،‬غير قابل للتنفيذ‬

‫‪so‬‬
‫منصة ا‪Q‬ستق‪b‬ل‪ :‬يفسر الرمز من قبل أي متصفح ممكن النص‬

‫ولكن‪ :‬أبطأ من التعليمات البرمجية ا[ترجمة‪ ،‬وليس قوية ‪ /‬كاملة‬

‫‪o‬‬
 let.net saved 2
،‫• أول لغة نصية ويب‬
95 netscape I w WI é w̅ a dot Javascript
it I so www.t Ias si
‫ مطروحة أخرى‬،‫زيد من النواحي التي تكساس‬.‫ا‬

e EifI i Ts
ii
‫ مطروحة أخرى‬،‫زيد من النواحي التي تكساس‬.‫ا‬e É me script
e

I
c
visualisa
Microsoft Visual Basic ‫إصدار البرمجة النصية من جانب العميل من‬
is wdt.si a UBscript
‫‪Javascripta‬‬ ‫البرمجة النصية جانب العميل‬

‫‪y‬‬ ‫‪zaiston‬‬ ‫‪twofusalvatawhinitic‬‬

‫إضافة ميزات ديناميكية إلى صفحات الويب‬
‫‪so‬‬
‫التحقق من صحة بيانات النموذج )ربما التطبيق ا‪H‬كثر استخداما(‬

‫ضبط الصور‬
‫‪I‬‬
‫• عناصر صفحات حساسة أو عشوائية‬

‫التعامل مع ملفات تعريف ا‪Z‬رتباط‬

‫تحديد البرامج مع واجهات الويب‬

‫̅‪x‬‬
‫‪E‬‬ ‫استخدام ا‪H‬زرار‪ ،‬مربعات النص‪ ،‬تطالب الصور النقر‪ ،‬إلخ‪.‬‬

‫‪piniest‬‬ ‫‪set‬‬
‫‪clint side scripting‬‬ ‫‪JJWJSFI.AE‬‬ ‫‪ig‬‬ ‫‪dGf‬‬ ‫‪I.wj‬‬ ‫‪w‬‬
‫‪Javascript‬‬
 ‫قيود البرمجة النصية من جانب العميل‬

‫نظرا ‪7‬ن رمز البرنامج النصي مضمن في الصفحة‪ ،‬فإنه قابلة للعواء‬

‫‪7‬سباب أمنية‪ ،‬تكون البرامج النصية محدودة في ما يمكنهم القيام به‬

‫‪ Y‬يمكن الوصول إلى القرص الصلب للعميل‬

‫• نظرا ‪7‬نها مصممة لتشغيل أي نظام أساسي في الجهاز‪ Y ،‬تحتوي البرامج النصية على أوامر محددة منصة‬

‫‪f‬‬ ‫‪a‬‬
‫• لغات البرنامج النصي ليست مثالية بالكامل على سبيل ا`ثال‪ ،‬كائنات ‪ JavaScript‬خام للغاية‪ ،‬ليست جيدة لتطوير ا`شروع الكبير‬

‫‪e‬‬
 ‫‪a tt‬‬ ‫‪il‬‬
‫ما هو جافا سكريبت؟‬

‫‪e‬‬
‫هي لغة نصية تعمل في متصفح الويب )جانب العميل( ‪JavaScript‬‬

‫لغة البرمجة النصية هي لغة برمجة خفيفة الوزن‬

‫تم تطوير جافا سكريبت بواسطة ‪Netscape‬‬

‫هي لغة البرمجة النصية ‪JavaScript‬‬
‫تم تصميمه ‪G‬ضافة التفاعل إلى صفحات ‪HTML‬‬ ‫ا?كثر شعبية على ا‪8‬نترنت‪ ،‬وتعمل في‬
‫جميع ا‪F‬تصفحات الرئيسية‪ ،‬مثل‬
‫عادة ما تكون مضمنة مباشرة في صفحات ‪HTML‬‬ ‫و ‪ Firefox‬و ‪Internet Explorer‬‬
‫‪ Safari.‬و ‪ Opera‬و ‪Chrome‬‬

‫يمكن للجميع استخدام جافا سكريبت دون شراء ترخيص‪.‬‬

‫يتم استخدامه في مليارات صفحات الويب ‪G‬ضافة وظيفة‪ ،‬والتحقق من صحة النماذج‪ ،‬والتواصل مع الخادم‪ ،‬وأكثر من ذلك بكثير‪.‬‬
 ‫هي جافا وجافا سكريبت نفس الشيء؟‬

‫جافا وجافا سكريبت هما لغات مختلفة تماما في كل من ا‪A‬فهوم والتصميم!‬

‫ومع ذلك‪ ،‬فإن بناء الجملة مشابه‪.‬‬

‫تعد ‪) Java‬التي طورتها ‪ (Sun Microsystems‬لغة برمجة قوية‬
‫وأكثر تعقيدا ‪ -‬في نفس الفئة مثل ‪ C‬و ‪.++ C‬‬

‫جافا سكريبت ليست لغة برمجة كاملة مميزة‪.‬‬

‫‪0‬‬
‫‪.‬في متصفح ‪ JavaScript‬تم تنفيذ ‪JavaScript‬‬

‫‪see‬‬
‫ماذا يمكن أن تفعل جافا سكريبت؟‬ ‫يوفر ‪ JavaScript‬مصممي ‪ HTML‬أداة برمجة ‪ -‬يستخدم مؤلئ ‪ HTML‬عادة مبرمجا‪ ،‬لكن‬
‫‪ JavaScript‬هي لغة نصية مع بناء جملة بسيط للغاية! يمكن ‪F‬ي شخص تقريبا وضع‬
‫"مقتطفات" صغيرة من التعليمات البرمجية في صفحات ‪ HTML‬الخاصة بهم‬
 ‫دمج جافا سكريبت في أتش تي أم أل‬

‫تتطلب برامج ‪ JavaScript‬ع‪:‬مة >البرنامج النصي< في ملفات ‪html.‬‬

‫يمكن أن تظهر هذه في قسم >‪ <head‬أو >‪ <body‬من مستند ‪HTML‬‬

‫عادة ما يتم وضع الوظائف والرمز التي قد تنفذ عدة مرات في >‪<head‬‬

‫الرمز الذي يحتاج إلى تنفيذه مرة واحدة فقط‪ ،‬عند تحميل ا‪b‬ستند أو‪ c‬يتم تحميله في >‪<Body‬‬

‫‪E‬‬ ‫‪Heady‬‬ ‫‪dies‬‬ ‫‪if‬‬ ‫‪I‬‬

‫‪4130dg‬‬ ‫‪it‬‬ ‫‪a‬‬ ‫‪To go‬‬ ‫‪dI‬‬
 ‫باستخدام جافا سكريبت خارجي‬

‫يمكن أيضا وضع ‪ JavaScript‬في ملفات خارجية‪.‬‬

‫غالبا ما تحتوي ملفات ‪ JavaScript‬الخارجية على إدخال رمز على عدة صفحات ويب مختلفة‪.‬‬

‫ملفات جافا سكريبت الخارجية لها ملحق ا‪Q‬لف ‪JS‬‬

‫‪a‬‬
‫• ‪ S‬يمكن أن تحتوي ‪ SCRIBT‬الخارجية على الع‪V‬مات >‪<script> </ script‬‬

‫‪S‬ستخدام البرنامج النصي الخارجي‪ ،‬أشر إلى ملف ‪ JS‬في سمة "‪ "SRC‬من ع‪V‬مة >‪:<Script‬‬ ‫‪Go‬‬

‫‪to‬‬
 ‫‪.‬هو سلسلة من العبارات التي يجب تنفيذها بواسطة ا<تصفح ‪JavaScript‬‬

‫بيان ‪ JavaScript‬هو أمر في متوقع‬

‫‪E‬‬ ‫‪Fs‬‬ ‫الغرض من ا‪G‬مر هو إخبار ا<تصفح بما يجب القيام به‪.‬‬

‫يخبر بيان جافا سكريبت هذا ا<تصفح كتابة "‪ "Hello World‬إلى صفحة الويب‪:‬‬

‫• من الطبيعي إضافة فاصلة منقوطة في نهاية كل بيان قابل للتنفيذ‪.‬‬

‫‪see‬‬
‫‪gi‬‬ ‫‪I.ae‬‬
‫• الفاصلة ا<نقوص الفاصلة اللونية اختيارية )وفقا <عايير ‪ ،(JavaScript‬ولكن استخدام الفاصلة منقوثة يجعل من ا<مكن كتابة عبارات متعددة على سطر واحد‪.‬‬
 ‫رمز جافا سكريبت‬

‫‪j‬‬
‫يعد رمز ‪) JavaScript‬أو ‪ JavaScript‬فقط( سلسلة من عبارات ‪.JavaScript‬‬

‫يتم تنفيذ كل عبارة من قبل ا‪E‬تصفح في التسلسل الذي كتبوه‪.‬‬

‫سيقوم هذا ا‪E‬ثال بكتابة عنوان وفقرت‪ S‬إلى صفحة ويب‪:‬‬

‫يعد رمز ‪) JavaScript‬أو ‪ JavaScript‬فقط( سلسلة من عبارات ‪.JavaScript‬‬

‫يتم تنفيذ كل عبارة من قبل ا‪A‬تصفح في التسلسل الذي كتبوه‪.‬‬

‫سيقوم هذا ا‪A‬ثال بكتابة عنوان وفقرت‪ Q‬إلى صفحة ويب‪:‬‬

‫كتل جافا سكريبت‬

‫يمكن تجميع بيانات ‪ JavaScript‬معا في كتل‪.‬‬

‫‪ok‬‬
‫تبدأ الكتل بقياس مجعد يسار }‪ ،‬وينتهي مع قوس مجعد يم‪.{G‬‬

‫‪a‬‬ ‫الغرض من كتلة هو جعل تسلسل البيانات تنفذ معا‪.‬‬

‫‪on‬‬
‫سيقوم هذا ا‪P‬ثال بكتابة عنوان وفقرت‪ G‬إلى صفحة ويب‪:‬‬
 ‫يمكن إضافة التعليقات لشرح ‪ ،JavaScript‬أو لجعل الرمز قابل للقراءة‪.‬‬

‫سطر واحد تعليقات تبدأ مع ‪.//‬‬

‫‪I‬‬ ‫‪D‬‬ ‫‪9‬‬

‫التعليقات متعددة الخط تبدأ ب ‪ * /‬وتنتهي * ‪./‬‬
 ‫تستخدم متغيرات ‪ JavaScript‬لعقد القيم أو التعبيرات‪.‬‬

‫‪IF‬‬
‫‪2‬‬
‫يمكن أن يكون للمتغير اسم قصير‪ ،‬مثل ‪ ،X‬أو اسم وصفي أكثر‪ ،‬مثل اسم ا‪E‬سم‪.‬‬

‫قواعد أسماء متغير ‪JavaScript‬‬

‫‪SETI‬‬
‫أسماء متغيرة حساسة لحالة ا‪M‬حرف )‪ Y‬و ‪ Y‬هما متغيران مختلفان(‬
‫‪m‬‬

‫يجب أن تبدأ ا‪M‬سماء ا‪R‬تغيرة بحرف أو حرف تحت التشطيب‬

‫‪sty‬‬
‫يمكن أن تتغير قيمة ا‪R‬تغير أثناء تنفيذ البرنامج النصي‪.‬‬

‫‪I‬‬
‫يمكنك الرجوع إلى متغير باسمه لعرض أو تغيير قيمته‪.‬‬

‫‪to‬‬
 ‫إع‪#‬ن )إنشاء( متغيرات جافا سكريبت‬

‫غالبا ما يشار إلى إنشاء ا;تغيرات في ‪ JavaScript‬باسم ا;تغيرات "ا?ع‪#‬ن"‪.‬‬

‫أنت تعلن عن متغيرات ‪ JavaScript‬مع الكلمة الرئيسية ‪:VAR‬‬

‫‪e‬‬
‫‪or‬‬
‫‪declare‬‬
‫‪c‬‬ ‫‪.‬ا?ع‪#‬ن ا;ذكور أع‪#‬ه‪ ،‬ا;تغيرات فارغة )ليس لديهم قيم بعد( ‪Arter UNE‬‬

‫ومع ذلك‪ ،‬يمكنك أيضا تعي‪ X‬القيم إلى ا;تغيرات عند إع‪#‬نها‪:‬‬

‫سيعقد القيمة فولفو ‪ Carname‬؛ ‪ //‬و"‪، var carname = "volvo‬؛ ‪ //‬سوف احتفظ بالقيمة ‪var x = 55‬‬

‫‪is‬‬ ‫‪sw‬‬ ‫‪T‬‬ ‫م‪#‬حظة‪ :‬عند تعي‪ X‬قيمة نصية إلى متغير‪ ،‬استخدم ع‪#‬مات ا‪c‬سعار حول القيمة‪.‬‬

‫‪0‬‬
‫م‪#‬حظة‪ :‬إذا قمت بإعادة تشغيل متغير جافا سكريبت‪ ،‬فلن يفقد قيمته‪.‬‬

‫‪I‬‬ ‫‪so‬‬
 ‫متغير جافا سكريبت محلي‬

‫تصبح متغير تم إع‪7‬نه داخل وظيفة ‪ JavaScript‬ا‪B‬حلية و‪ C‬يمكن الوصول إليه إ‪ C‬في هذه الوظيفة‪) .‬ا‪B‬تغير لديه نطاق محلي(‪.‬‬

‫‪To‬‬
‫يمكنك الحصول على متغيرات محلية بنفس ا‪C‬سم في وظائف مختلفة‪X ،‬ن ا‪B‬تغيرات ا‪B‬حلية معترف بها فقط بواسطة الوظيفة التي تم إع‪7‬نها فيها‪.‬‬

‫يتم تدمير ا‪B‬تغيرات ا‪B‬حلية عند الخروج من الوظيفة‪.‬‬

‫‪one‬‬ ‫‪or‬‬
‫متغيرات جافا سكريبت العا‪2‬ية‬

‫تصبح ا‪2‬تغيرات ا‪2‬علنة خارج الوظيفة عا‪2‬يا‪ ،‬ويمكن لجميع البرامج النصية والوظائف على صفحة الويب الوصول إليها‬
‫‪a‬‬
‫‪to‬‬
‫• يتم تدمير ا‪2‬تغيرات العا‪2‬ية عند إغ‪S‬ق الصفحة‪.‬‬

‫إذا كنت تعلن متغيرا‪ ،‬دون استخدام "فار"‪ ،‬فإن ا‪2‬تغير( يصبح دائما عا‪2‬يا‪.‬‬

‫‪I‬‬
‫إذا قمت بتعي^ قيم للمتغيرات التي لم يتم ا`ع‪S‬ن عنها بعد‪ ،‬فسيتم ا`ع‪S‬ن تلقائيا عن ا‪2‬تغيرات كمتغيرات ل‪c‬لعاب‪.‬‬

‫ستعلن البيانات ا‪2‬ذكورة أدناه ا‪2‬تغيرات ‪ X‬و ‪ Carname‬كغيرين عا‪2‬ي )إذا لم تكن موجودة بالفعل(‪.‬‬
‫‪a‬‬

‫‪we‬‬
‫‪1‬‬
 ‫مشغلي الحساب جافا سكريبت‬

‫يتم استخدام ا‪9‬شغل‪ :‬الحسابي <داء حسابي ب‪ :‬ا‪9‬تغيرات و ‪ /‬أو القيم‪.‬‬

‫‪If‬‬ ‫‪c‬‬
‫بالنظر إلى أن ‪ ،Y = 5‬يفسر الجدول أدناه ا‪9‬شغل‪ :‬الحساب‪::‬‬

‫‪o o‬‬ ‫‪8‬‬ ‫‪a‬‬

‫‪so‬‬

‫‪1 9‬‬ ‫‪9‬‬

‫‪I‬‬ ‫‪I‬‬
‫‪aus‬‬
 ‫مشغلي مهام جافا سكريبت‬
‫‪Authmaticoperate‬‬
‫‪Assignmentoperator‬‬
‫يتم استخدام مشغلو التعي‪ :‬لتعي‪ :‬القيم إلى متغيرات ‪.JavaScript‬‬

‫‪Tom‬‬ ‫* بالنظر إلى أن ‪ x = 10‬و ‪ ،y = 5‬يفسر الجدول أدناه مشغلي ا‪M‬همة‪:‬‬

‫‪1075‬‬
‫‪x‬‬ ‫‪xy‬‬ ‫‪10 5‬‬
 ‫ا"شغل ‪ +‬ا"ستخدمة على الس‪0‬سل‬

‫‪Additional‬‬ ‫يمكن أيضا استخدام ا"شغل ‪: +‬ضافة متغيرات السلسلة أو قيم النص معا‪.‬‬

‫‪Ef‬‬ ‫‪:‬ضافة متغيرت‪ G‬أو أكثر معا‪ ،‬استخدم ا"شغل ‪+‬؛‬

‫‪o‬‬

‫‪0‬‬ ‫‪a‬‬
‫بعد تنفيذ العبارات أع‪0‬ه‪ ،‬يحتوي ‪ TXT3‬ا"تغير ‪ 3‬على "ما يوم للغاية"‪.‬‬
‫‪I‬‬
‫‪output‬‬
‫‪nonagmohammed‬‬
‫‪output‬‬
‫ا"شغل ‪ +‬ا"ستخدمة على الس‪0‬سل‬

‫‪2‬ضافة مسافة ب‪ 7‬الس‪0‬سل‪ ،‬أدخل مساحة في إحدى الس‪0‬سل‪:‬‬

‫‪can‬‬
‫‪one‬‬

‫أو إدراج مساحة في التعبير •‬

‫‪COO‬‬ ‫بعد تنفيذ العبارات أع‪0‬ه‪ ،‬يحتوي ا"تغير ‪ TXT3‬على‪:‬‬

‫"يا له من يوم جميل جدا"‬

‫‪3‬‬
 ‫مشغلي ا'قارنة‬

‫يتم استخدام مشغلو ا'قارنة في البيانات ا'نطقية لتحديد ا'ساواة أو الفرق ب‪ E‬ا'تغيرات أو القيم‪.‬‬

‫__‪0‬‬ ‫بالنظر إلى أن ‪ ،X = 5‬يفسر الجدول أدناه مشغلي ا'قارنة‪:‬‬

‫‪00‬‬

‫‪8‬‬
‫يمكن استخدام مشغلو ا&قارنة‬

‫‪I‬‬
‫في البيانات الشرطية &قارنة القيم‬
‫واتخاذ إجراء اعتمادا على‬
‫النتيجة‪.‬‬
‫ا"شغل& ا"نطقي&‬

‫يتم استخدام ا"شغل& ا"نطقي& لتحديد ا"نطق ب& ا"تغيرات أو القيم‪.‬‬

‫بالنظر إلى أن ‪ X = 6‬و ‪ ،Y = 3‬يفسر الجدول أدناه ا"شغل& ا"نطقي&‪:‬‬

‫‪so‬‬
‫‪6‬‬ ‫‪and‬‬
‫‪6‬‬ ‫‪083‬‬
‫‪I‬‬
‫‪I‬‬
 ‫ا"شغل الشرطي‬

‫يحتوي ‪ JavaScript‬أيضا على مشغل مشروط يعيد قيمة متغيرة بناء على بعض الشرط‪.‬‬

‫‪is‬‬

‫‪t‬‬
‫• إذا كان الزائر ا"تغير لديه قيمة "‪ ،"PREM‬فسيتم تعي‪ O‬تحية متغيرة القيمة "عزيزي الرئيس" آخر سيتم تعيينه "عزيزي"‪.‬‬