مدخلتصميم المواقع الإلكترونية بجافا سكريبت. فيديو تعليمي: تعلم JavaScript
الخامس تصميم الويب الحديثجافا سكريبت هي مجرد عنصر أساسي. بالإضافة إلى وظائفه ، يمكن لـ Javascript تحسين تجربة المستخدم الإجمالية بشكل كبير من خلال إنشاء تأثيرات انتقالية متنوعة مثل الانتقالات السلسة والرسوم المتحركة للشرائح. بفضل البنية المفتوحة لجافا سكريبت ، لم نعد مضطرًا إلى كتابة نصوص منفصلة من البداية. فيما يلي 47 مكونًا إضافيًا لـ Javascript يمكنك استخدامها لتحسين تجربة مستخدم موقع الويب الخاص بك ووظائفه. تأكد من إطلاعك على نماذج المواقع التي توضح لك كيف يمكنك استخدام هذه المكونات الإضافية.
أشهر اثنين من أطر عمل جافا سكريبت
أكثر إطار عمل جافا سكريبت استخدامًا اليوم هما jQuery و MooTools. ألق نظرة على الاستطلاع أدناه:
الصور المنبثقة والتكبير
ربما تكون معتادًا على Lightbox - جافا سكريبت بسيط يستخدم لتراكب الصور على الصفحة الحالية. تم إصدار Lightbox الأصلي في عام 2005. ومنذ ذلك الحين ، تم إصدار العديد من البرامج النصية بوظائف مماثلة ، ولكن باستخدام أساليب مختلفة ومكتبات جافا سكريبت.
يشبه هذا المكون الإضافي Lightbox JS ، وهو مكتوب فقط في مكتبة jQuery.
Thickbox هو jQuery pluginوالتي تشبه إلى حد بعيد Lightbox ، إلا مع المزيد من الميزات. يتيح لك عرض: صور فردية أو متعددة ، أو محتوى مضمّن ، أو محتوى في إطار عائم ، أو محتوى تم تمريره عبر AJAX في نموذج مختلط.
ملاحظة: يستخدم Web Designer Wall برنامج Thickbox لعرض معارض الصور والبرامج التعليمية التوضيحية.
يخدم Highslide JS نفس الغرض مثل Thickbox ، ولكن له أيضًا تأثير تكبير يسمح لك بسحب صورة التراكب.
FancyBox هو مكون إضافي لـ jQuery تم تصميمه ليحل محل Lightbox المفرط الاستخدام. لها ميزات مماثلة ولكن تأثيرات انتقالية أجمل (تصميم على غرار Mac).
يسمح لك jQZoom بعرض الصور المصغرة المكبرة. تستخدم هذه التقنية بشكل شائع على مواقع الويب. التجارة الإلكترونية(انظر موقع Gap للحصول على مثال).
المعارض وعرض الشرائح
عرض الشرائح 2! هذه فئة جافا سكريبت لـ Mootools 1.2 لتحريك عرض الصور على موقعك.
باستخدام mootools v1.11 ، يتيح لك نظام عرض الشرائح وجافا سكريبت هذا إنشاء معارض صور بسيطة وسلسة (تقنية الانتقال السلس) وعروض الشرائح والملصقات والعديد من الأدوات الرائعة الأخرى لموقعك على الويب.
Galleria هو معرض صور جافا سكريبت مكتوب في jQuery. يقوم بتحميل الصور واحدة تلو الأخرى من قائمة غير مرتبة ويعرض الصور المصغرة عند تحميل كل صورة. يمكنه إنشاء رموز مختلفة إذا قمت بتحديد أو قياس أو عدم قياس أو توسيط أو اقتصاص لملاءمة هامش الرمز المحدد في CSS.
NoobSlide عبارة عن فئة MooTools تسمح لك بإنشاء عروض شرائح ومنزلقات متزامنة مع جهاز توقيت. تحقق من هذا الموقع للحصول على عرض توضيحي.
فيما يلي عرض توضيحي لعنصر واجهة مستخدم منزلق من مكتبة jQuery UI المستخدمة لإنشاء شريط تمرير منتج مثل ذلك الموجود على موقع Apple - Mac.
دائري
jCarousel هو ملحق jQuery يسمح لك بالتحكم في قائمة العناصر أفقيًا أو رأسيًا. يمكن تمرير العناصر ، التي يمكن أن تكون محتوى ثابتًا بتنسيق HTML أو محملة (أو بدون) AJAX ، للأمام وللخلف (مع الرسوم المتحركة أو بدونها).
عنصر التقليب يدير قائمة المحتويات ( عناصر HTML LI داخل علامة UL) ، والتي يمكن عرضها رأسيًا أو أفقيًا. يمكن تمرير المحتوى لأعلى ولأسفل مع الرسوم المتحركة أو بدونها. يمكن أن يشير المحتوى إلى محتوى HTML ثابت ، أو يمكن إنشاء قائمة العناصر ديناميكيًا بشكل سريع (مع أو بدون استخدام AJAX).
Carousel Slideshow هو برنامج نصي DHTML مشهور لعرض الصور على موقع الويب الخاص بك. يعرض الصور ثلاثية الأبعاد ، مثل دائري.
iCarousel هي أداة جافا سكريبت مجانية مفتوحة المصدر لإنشاء عناصر واجهة مستخدم بنمط دائري. يمكنك أيضًا استخدام iCarousel كشريط أخبار / سكرولر أو كمعرض صور.
شريط تمرير اللوحة
Coda Slider هو مكون إضافي لـ jQuery يحاكي تأثير الشريحة للوحات ، على غرار موقع Coda على الويب.
Sliding Tabs هو البرنامج المساعد mootools 1.11 مع تأثيرات لطيفة جدًا. هذا استنساخ لشيء يستخدمه موقع Coda الخاص بـ Panic Software ، والذي بدوره يشبه إلى حد بعيد عنصر واجهة مستخدم بواسطة موقع iTunes Music Store.
نوافذ التبويب
تعد jQuery Tabs مكونًا إضافيًا قويًا ومرنًا لـ jQuery يسمح لك بإنشاء تنقل مبوب قابل للتخصيص بالكامل (موصى به بشدة).
يوضح لك برنامج تعليمي رائع آخر من jQueryForDesigners.com كيفية إنشاء تنقل مبوب أساسي باستخدام jQuery.
MooTabs هي فئة صغيرة (3 كيلوبايت) لـ MooTools. كما يوحي الاسم ، فإن الغرض الرئيسي منه هو مساعدتك في إنشاء علامات تبويب تنقل بسيطة.
ملحق jQuery مرن للغاية يسمح لك بالتحريك عند التمرير إلى أي موضع على صفحة ويب مع خيارات المسح وسرعة التمرير القابلة للتخصيص.
برنامج نصي بسيط من MooTools يمكنه إنشاء تمرير سلس إلى نقطة ارتساء على صفحة ويب.
مكون jQuery الإضافي القابل للتكوين والذي يعرض تلميحات الأدوات - إما باستخدام محتوى HTML ثابت أو AJAX.
ملحق تلميح جيد آخر.
نص jQuery بسيط للغاية يعرض سلسلة تلميح الأدوات ومعاينة الصورة (أستخدمه في أفضل معرض ويب).
قائمة الأكورديون
ينشئ هذا البرنامج المساعد قوائم الأكورديون. إنه يعمل مع القوائم المتداخلة أو قوائم التعريف أو عناصر div المتداخلة فقط.
يمكن أن يبرز المكون الإضافي Accordion ويظهر المحتوى الذي تحتاجه بشكل مثالي.
Image Menu هو مكون إضافي لـ MooTools يمكنه إنشاء قوائم أكورديون أفقية بالصور.
استبدال نص وصورة الفلاش
يمكن لـ sIFR استبدال المقتطفات القصيرة من نص المتصفح العادي بالخط المعروض الذي تختاره ، بغض النظر عما إذا كان مثبتًا على أنظمة المستخدمين أم لا. ينجز مهمته باستخدام مزيج من جافا سكريبت و CSS و Flash.
ملحق jQuery يقوم بتنفيذ وظائف sIFR نيابة عنك.
Facelift Image Replacement عبارة عن برنامج نصي لاستبدال الصورة يقوم بشكل ديناميكي بإنشاء تمثيل للنص في صورة على صفحة الويب الخاصة بك في خطوط قد لا تكون متاحة للزائرين. يتم إدراج الصورة التي تم إنشاؤها تلقائيًا في صفحة الويب الخاصة بك عبر Javascript وتكون مرئية في جميع المتصفحات الحديثة
غالبًا ما يصادف المستخدمون ، الذين يزورون جميع أنواع موارد الويب ، حلولًا غير قياسية مثيرة للاهتمام عليهم ويريدون فعل الشيء نفسه على مواقعهم. في أغلب الأحيان ، ترتبط هذه الحلول باستخدام JavaScript.
في هذه المقالة ، سوف أطلعك على JavaScript ، وهي لغة برمجة نصية لإنشاء صفحات ويب تفاعلية ، وما يمكنك القيام به باستخدام JS. سنلقي نظرة على أمثلة لاستخدام JavaScript ونرى كيف يمكن أن تساعدنا.
ماذا يمكنك أن تفعل باستخدام JavaScript؟
قم بتغيير الصفحة وكتابة نص عليها وإضافة العلامات وإزالتها وتغيير أنماط العناصر.
الرد على الأحداث: يمكن للنص البرمجي انتظار حدوث شيء (انقر فوق / تحوم ، انتهت الصفحة من التحميل) والرد عليه بتنفيذ وظيفة.
على سبيل المثال ، بتمرير الماوس فوق ارتباط أو صورة ، يمكنك إظهار تلميح أداة. من خلال النقر بالماوس ، يمكنك تبديل محتويات الكتلة. بعد انتهاء تحميل الصفحة ، اعرض نافذة إعلانية منبثقة. يمكنك تغيير مظهر الصفحة حسب الوقت من اليوم.
جافا سكريبت. بداية سريعة
تنفيذ الطلبات إلى الخادم وتحميل البيانات دون إعادة تحميل الصفحة.
على سبيل المثال ، إذا ترك مستخدم تعليقًا على الموقع أو في سجل الزوار ، فسيتم عرض هذا التعليق على الفور دون إعادة تحميل الصفحة. يمكنك أيضًا تحميل الملفات على الخادم ، مع إظهار تقدم التنزيل كنسبة مئوية.
قم بتعيين ملفات تعريف الارتباط وقراءتها والتحقق من صحة البيانات وعرض الرسائل وغير ذلك الكثير.
على سبيل المثال ، في الزيارة الأولى للموقع ، يظهر للمستخدم نافذة منبثقة ويتم تعيين ملف تعريف ارتباط. وفي الزيارات اللاحقة لهذا المورد ، لا تظهر النافذة المنبثقة ، لأن ملف تعريف الارتباط قد تم تعيينه بالفعل.
يمكنك أيضًا التحقق من صحة البريد الإلكتروني الذي تم إدخاله ، والتحقق من رقم الهاتف الذي تم إدخاله للتأكد من توافقه مع التنسيق المطلوب وعرض رسالة على الفور حول صحة البيانات المدخلة أو عدم صحتها.
أمثلة على استخدام JavaScript
استخدام JavaScript واسع جدًا ومتنوع لدرجة أن هناك الآلاف من أمثلة الاستخدام ، ولا تزال القائمة غير كاملة ، لأن النصوص الجديدة تُكتب كل يوم. أنا متأكد من أنك رأيت العديد من الأمثلة أدناه على مواقع مختلفة. وكل هذا يتم تنفيذه باستخدام JavaScript.
بالطبع ، المعرض المعروض في المثال ليس هو الوحيد. يمكن تخيل مثل هذه المعارض ، مثل أي شيء آخر ، بالمئات. ومن أجل عدم تضخيم القائمة إلى أجل غير مسمى ، أعطيت مثالًا واحدًا من أكثر مجموعات النصوص شيوعًا.
ماذا يعطينا؟
1. ملاحة مريحة متعددة المستويات
يتيح لك استخدام JavaScript إنشاء قوائم مدمجة متعددة المستويات ، والتنقل متعدد المستويات في الأشرطة الجانبية. يتم فتح عناصر القائمة الفرعية إما عن طريق النقر أو بالمرور بالماوس.
تحتوي العديد من المتاجر عبر الإنترنت على قائمة منسدلة للتنقل الجانبي. النظر في shop.by كمثال. تخيل مدى امتداده لأسفل إذا لم تسقط العناصر الفرعية عند التمرير أو النقر ، ولكن كانت جميعها مرئية مرة واحدة!
2. يسمح لنا استخدام المعارض والمنزلقات بعرض الصور الفوتوغرافية ، وصور أنواع إضافية من البضائع ، وترتيب محفظة المصور بشكل ملائم ومضغوط.
جافا سكريبت. بداية سريعة
تعلم أساسيات JavaScript في مثال عمليفي إنشاء تطبيق ويب
تعد المعارض ذات صلة بشكل خاص بالعرض التفصيلي للبضائع في المتاجر عبر الإنترنت ، عندما تحتاج إلى إظهار أنواع مختلفة من البضائع. بمساعدتهم ، يمكننا أن نظهر للمستخدم جميع الصور في كتلة صغيرة في وقت واحد ، مما يوفر صورًا صغيرة ومكبرة للعرض.
ما هي المساحة المطلوبة للمعرض أدناه؟
3. في الآونة الأخيرة ، تم عرض الكثير من الأدوات في الأعمدة الجانبية للمواقع. هذه أدوات للشبكات الاجتماعية الشائعة ، والفئات ، وأرشيفات المنشورات ، والتقويمات ، وتعليقات المدونة الأخيرة ، والمشاركات الشائعة ، وغير ذلك الكثير.
وتجدر الإشارة إلى أنه في العديد من المواقع ، يمكن حذف بعض الأدوات ببساطة ، لأنها لا تحمل أي معنى ، ولكنها تشغل مساحة.
ولكن ماذا لو كنت لا تزال بحاجة إلى احتواء الكثير من الحاجيات بشكل مضغوط؟
هذا هو المكان الذي يأتي فيه حل JavaScript مع "علامات التبويب" إلى الإنقاذ.
بمساعدتهم ، يمكنك وضع جميع الأدوات بشكل جيد في الأعمدة الجانبية للموقع. للحصول على تصور أفضل ، يمكنك تجميع عناصر واجهة المستخدم في "علامات تبويب".
على سبيل المثال ، يمكنك وضع أدوات الوسائط الاجتماعية في "علامة تبويب" واحدة ، وفئات ومحفوظات في الثانية ، وهكذا. سيوفر هذا مساحة ويجعل الموقع أكثر سهولة في الاستخدام.
4. باستخدام JavaScript ، يمكنك أيضًا تحسين صفحة الاتصال لموقعك أو مواقع عملائك بشكل كبير.
تضمين تلميحات في حقول النموذج ؛
فحص البيانات المدخلة في حقول النموذج وعرض رسائل الخطأ ؛
إرسال بيانات النموذج دون إعادة تحميل الصفحة ؛
ضع خريطة مع مسار.
5. بالنسبة لأولئك الذين ينشرون البيانات المجدولة على الموقع ، سيكون من المفيد جدًا استخدام فرز البيانات في الجدول.
6. أولئك الذين ينشرون أي إحصائيات على الموقع في شكل رسوم بيانية ومخططات سيجدون أنه من المفيد جدًا أن يكونوا قادرين على إنشاء مخططات ورسوم بيانية تفاعلية في JavaScript.
أيضًا ، باستخدام JavaScript ، يمكنك عمل جميع أنواع التأثيرات على الموقع - مثل الانزلاق السلس للعناصر ، وحركتها ، والتلاشي للداخل والخارج ، وكل ما يكفي لخيالك.
كل هذا يمكن أن يجعل الموقع أكثر سهولة في الاستخدام ، وأكثر تفاعلية ، وأكثر تقنية.
استنتاج
كما ترى ، فإن نطاق JavaScript واسع جدًا. هذه معارض وشرائح وعلامات تبويب وجميع أنواع العناصر التفاعلية والخرائط والرسومات وتعمل مع النماذج وغير ذلك الكثير.
أعتقد أنه يمكن للجميع العثور على استخدام مفيد لجافا سكريبت لأنفسهم واستخدامها على مواقعهم أو مواقع عملائهم.
أتمنى أن تكون قد استمتعت بالمقال وتعلمت منه الميزات الجديدة التي يمكن تنفيذها بفضل JS.
هل تستخدم JavaScript في مواقعك؟ ما هي الصعوبات الرئيسية التي تواجهك في استخدام JavaScript؟
اسمحوا لنا أن نعرف في التعليقات على المقال.
جافا سكريبت. بداية سريعة
تعلم أساسيات JavaScript بمثال عملي لبناء تطبيق ويب
قامت شركة Resource Creative Bloq بنشر مواد شارك فيها مؤلفوها مع القراء أفضل الأمثلة ، في رأيهم ، لاستخدام JavaScript لإنشاء مواقع. اختارت وحدة المعالجة المركزية أكثر 30 موردًا تشويقًا.
1. محفظة مايك كوس
تم تصميم محفظة مصمم الويب مايك كوس "بطريقة نظيفة وسرية" ، كما كتب محررو Creative Bloq. فهو يجمع بين الصور الكبيرة وعناصر واجهة المستخدم البسيطة.
"أفكر في عملي كعلامة تجارية. ليست هناك حاجة لإضافة إلى موقعي عناصر اضافيةالتصميم "، كما يقول كوس.
من السهل أيضًا التنقل في محفظة Kus على جميع أنواع الشاشات - وأشار إلى أن هذا كان أصعب تأثير يمكن تحقيقه. يتم تمثيل كل مشروع من مشاريع المصمم بصورة أو صورة فوتوغرافية - بحيث يرغب المستخدم في معرفة المزيد عن العمل.
2. مرحبا الاثنين
خضع الموقع الإلكتروني للوكالة الإبداعية Hello Monday بتغييرات كبيرة ، وفقًا لما ذكره مؤلفو المقالة. لقد أنجز مطورو الشركة قدرًا هائلاً من العمل. تمكنوا من جعل الواجهة سهلة الاستخدام.
الموقع القديم لوكالة مرحبا الاثنين
يحتوي الموقع الآن على أمثلة للطلبات التي أنجزتها الوكالة بالفعل - لكل مشروع صفحته الخاصة ، والتي تصف تاريخه ، مما يمنح المستخدم فهمًا أعمق لما تقوم به Hello Monday.
تحديث موقع مرحبا الاثنين
"لقد حاولنا الابتعاد عن النموذج المعياري للشكل الذي يجب أن يبدو عليه موقع الويب الخاص بوكالة إبداعية" ، كما تقول كاتي هيرتل ، قائدة مشروع إعادة تصميم صفحة الويب "يوم الاثنين". يجد مؤلفو المواد أن الموقع جذاب للغاية وسريع الاستجابة ، والذي يتم تسهيله من خلال تنظيم المشاريع على الصفحة الرئيسية: يتم استكماله تلقائيًا بعمل وكالة جديدة عند التمرير لأسفل.
3. مولتيور
Multeor هي لعبة متعددة اللاعبين عبر الإنترنت مكتوبة بجافا سكريبت باستخدام عنصر HTML5 canvas. تم تصميمه من قبل Arjen de Wise و Philidor Weise وصممه Arthur van Hoog. تتمثل المهمة الرئيسية للمستخدم في اللعبة في التحكم في سقوط النيازك والحصول على نقاط للدمار الذي خلفه.
تستخدم اللعبة خادم Node.js لإدارة الاتصال بين أجهزة سطح المكتب والأجهزة المحمولة باستخدام WebSockets.
يؤكد Weise أنه عند تطوير Multeor ، لم يتم استخدام مكتبات الألعاب الموجودة:
لقد كتبنا كل شيء بأنفسنا - كان الأمر مثيرًا للغاية ، إلى جانب أننا تعلمنا الكثير من الأشياء الجديدة. حقيقة أننا لم نعتمد على تجميعات ومباني جاهزة معينة أعطتنا حرية معينة في العمل: لم تكن هناك حاجة للتعامل مع عرض الرسومات الموجودة ، والتعامل مع الاصطدامات ، ووصف النظام المسؤول عن الانفجارات بشكل منفصل.
4. الجدول الزمني للجريمة
Crime Timelime هو مجمع يجمع بيانات الجريمة في المملكة المتحدة باستخدام واجهات برمجة التطبيقات العامة. يتيح للمستخدمين معرفة كيف تسير الأمور في منطقتهم.
يقول مطور المشروع Alex Miller: "لقد نظمنا الموقع بطريقة عرضت فيه خريطة للمنطقة والمكان الذي ارتكبت فيه الجرائم - للشهر الذي حدده المستخدم في اللوحة أدناه".
يستخدم المورد واجهة برمجة تطبيقات خرائط Google ، وتم استخدام jQuery و jQRangeSlider لإنشاء لوحة بها أشهر. عندما يتفاعل المستخدم مع الخريطة - على سبيل المثال ، ينقر على موقع معين عليها - يقوم الموقع بتحديث الصورة باستخدام JavaScript. تم إنشاء فقاعات الجريمة باستخدام CSS وتحريكها باستخدام باستخدام jQuery.
هنا يتم استخدام JavaScript اليوم لإنشاء الرسوم المتحركة. يشرح مبتكر المورد ، المصمم Luc Twyman ، فكرته على هذا النحو: "أردت إنشاء شيء من شأنه أن يمنح الجميع إحساسًا بالمقياس الزمني. هنا يساعد اليوم على فهم مدى اتساع تاريخ الكون ".
يلاحظ Twyman أنه قرر منذ البداية التخلي عن وحدات القياس القياسية - وحدات البكسل ، ووصف وحدات القياس الخاصة به بناءً على حجم الشاشة. تم ذلك للتأكد من أن الموقع يبدو متماثلًا على جميع الأجهزة.
هذا هو مشروع JavaScript الثاني الذي أنشأه المصمم ، واستخدم فيه عناصر لم يستخدمها في المشروع السابق. ومع ذلك ، يجد Twyman في اللغة العديد من أوجه التشابه مع لغات البرمجة الأخرى عالية المستوى ، إلى جانب ، وفقًا له ، تحتوي JavaScript على وثائق مفصلة إلى حد ما ، وتم تفكيك عدد كبير من الأمثلة على الإنترنت (بما في ذلك الأشكال الموضوعية).
6. Tweetmap
Tweetmap يرسم خريطة البلدان على الخريطة بما يتناسب مع عدد التغريدات المرسلة منها. يسرد مطور الخدمة Rob Hawkes العديد من التقنيات المستخدمة في إنشائه: TopoJSON و D3.js و Node.js و PhantomJS والخوارزميات الخاصة لإنشاء مخططات الخرائط المجاورة في الوقت الفعلي.
اخترنا Node.js لأننا كانت لدينا بالفعل خبرة به ولأنه منصة بسيطة وسريعة ومرنة. لتحريك الخريطة (بتنسيق TopoJSON) نستخدم D3 ، مكتبة رائعة لتصور البيانات. على وجه الخصوص ، نحن نستخدم الوحدة الجغرافية على نطاق واسع ، والتي تتيح لنا إجراء عمليات حسابية وتحولات جغرافية معقدة.
لتجنب مشاكل عرض الخرائط في متصفح العميل ، يقوم النظام بإنشاء خرائط على الخادم باستخدام D3 ، وتشغيلها وعرضها باستخدام محرك PhantomJS ، وبعد ذلك فقط ينقلها إلى المستخدم - وهذا يتجنب إنشاء "ثقوب" عند عرض الخرائط .
7. الرحلة
الرحلة فيلم تفاعلي مصنوع باستخدام JavaScript و HTML5 (بدون فلاش). يعتقد أوتو ناسكاريلا ، مبتكر المشروع ، أن مهمة التطوير خدمة مماثلةاتضح أنه صعب للغاية:
ترجع معظم الصعوبات التي واجهناها إلى حقيقة أن HTML5 في وقت كتابة هذا التقرير لم يكن الموقع لديه الوسائل اللازمة لتطوير عبر المتصفحات. ثم قررنا أننا نوصي العملاء باستخدام Chrome.
تستخدم شفرة موقع JavaScript jQuery في كل شيء تقريبًا. استخدم المطورون أيضًا TextBlur و TextDrop لطمس النص وتحريكه.
8.Si الرقمية
هذه الصفحة ، المكتوبة بلغة JavaScript ، هي المحفظة والمدونة الجديدة لوكالة التصميم والتسويق Si Digital. يشرح مطور المشروع الرئيسي Alex Kruk الرسوم المتحركة على الصفحة الرئيسية على النحو التالي: "يوجه السائل الذي يتحرك عبر الأنابيب المستخدمين من خلال محفظتنا - فهو ينشط الرسوم المتحركة للصور في كل مرحلة من مراحل استكشاف موقع العميل."
لتحقيق تأثير مماثل ، استخدم Crook طريقة jQuery.animate (). بالإضافة إلى ذلك ، يضيف ، كان من الضروري اختيار المعدل الصحيح لملء الأنابيب بالسائل - بعد كل شيء ، يقرأ الجميع بمعدلات مختلفة.
رسم بياني تفاعلي على الصفحة يصف المشاريع المنجزة وفريق الوكالة ، تم تنفيذه باستخدام jQuery. يتم إنشاء الجدول الزمني ، وفقًا لكروك ، ديناميكيًا - بناءً على معلومات من قاعدة البيانات ، باستخدام تقنية Ajax.
9. موقع جان هالفستين
جين هافستين مصمم ويب. في محفظته ، اجتذب مؤلفو المقال أكثر من غيرهم الصفحة الرئيسية- والرسوم المتحركة عليها. "لقد قضيت وقتًا ممتعًا حقًا في تعديل التأثيرات المختلفة. أحب حقًا استخدام التقنيات الجديدة ، لذلك قررت أن أجعل الصفحة الرئيسية لموقعي نوعًا من وضع الحماية - هناك أستمتع باستخدام Three.js وعنصر لوحة HTML5 "، كما يقول هافشتاين.
كانت فكرة المصمم هي إنشاء محفظة تتبع الاتجاهات الحالية - كان يجب أن تكون أضيق الحدود ، وفي نفس الوقت تقدم شيئًا جديدًا لتصميم موقع الويب. لذلك قرر استخدام الماوس وعناصر التحكم في السحب للرسوم المتحركة بدلاً من مفاتيح التنقل.
10. محفظة نيك جونز
وفقًا لجونز ، عندما كان يطور الموقع ، كانت لديه خبرة مع Flash أكثر من جافا سكريبت ، لكنه أراد تجربة شيء جديد - لفهم ما كان قادرًا عليه. يصف جونز عملية الترميز: "علمت على الفور أن بناء جملة JavaScript هو تقريبًا نفس بناء جملة ActionScript - لذلك اعتدت عليه سريعًا".
يتذكر جونز أن Flash لم يمنحه حق الوصول إلى العمل مع حركات الماوس - لقد كانت تجربة جديدة استمتع بها حقًا. أراد المطور تحقيق موقع متجاوب لم يتمكن من تحقيقه باستخدام انتقالات الفئة في CSS. يسر جونز بالنتيجة:
إذا كنت ستنتقل من ActionScript إلى JavaScript ، فلا تتردد ثانية. أثناء إنشاء موقع الويب الخاص بي ، أردت أن أفهم ما إذا كانت JavaScript قادرة على ما يستطيع Flash فعله. وأنا معجب جدا.
11. MapsTD
MapsTD هي لعبة على الإنترنت تعتمد على الدفاع عن القلعة. الحصن هو منزل المستخدم ، ويجب عليه حمايته من الأشرار الذين يجوبون شوارع المنطقة بلا كلل.
يوضح منشئ المشروع Duncan Barclay كيفية عمله: "استخدمنا واجهة برمجة تطبيقات خرائط Google و MooTools وجافا سكريبت. أصعب جزء هو العثور على المسار الذي سيتبعه أعداء المستخدم. بمجرد أن يختار اللاعب نقطة البداية ، تبحث الخدمة عن خطوط الطول والعرض وتحسب المسارات المحتملة باستخدام Google ".
مع تقدم اللعبة ، يظهر المزيد والمزيد من المعارضين على الشاشة. يقول Barclay إن على المطورين "الكفاح" مع توقيت المتصفحات - والحقيقة هي أن معظمهم بمرور الوقت يقللون من تكرار البحث عن التحديثات على الصفحة ، وكان من الضروري التأكد من عدم حدوث ذلك.
مشكلة أخرى هي أنه مع تقدم اللعبة ، زاد عدد الأعداء وانخفضت الإنتاجية. نتيجة لذلك ، قرر المطورون زيادة مستوى مهارات الأشرار وليس عددهم.
12. كتالوجات لمحة
تم تطوير مورد Glimpse بشكل مشترك من قبل فريق Windows IE ومشروع TheFind ، ويجمع بين محرك البحث TheFind وتطبيق نفس المطورين للتسوق عبر الإنترنت على Facebook. كجزء من Glimpse ، أصدر المبرمجون إطار العمل الخاص بهم بناءً على Turn.js.
كان هدف الفريق منذ البداية هو جعل Glimpse تطبيق ويب ، وليس موقع ويب عاديًا. استخدم المطورون نموذج سلوك عرض النموذج ، الذي يفصل نموذج البيانات إلى ثلاثة مكونات منفصلة ، واجهة المستخدموالتفاعل مع العميل. تستخدم الخدمة قوالب عرض نموذج من جانب العميل Thrift أو JSON بناءً على القدرة الحاسوبيةزبون.
تم استخدام مكتبة Turn.js أيضًا في تطوير الدلائل. بمساعدة CSS و JavaScript ، يتم إعطاء النماذج المعروضة على الموقع حجمًا - عن طريق تراكب الظلال على الصورة.
13. راديو أكاديمية ريد بُل للموسيقى
يستخدم راديو RBMA أداة Modernizr ، التي تسمح بالتطوير عبر المتصفحات في HTML5 و CSS. يتم تحديث Modernizr باستمرار بحيث يمكن لمنشئي المواقع تحسين الكود عند إدخال ميزات جديدة.
بالإضافة إلى ذلك ، عند تنفيذ الخدمة ، تم استخدام مكتبة Backbone.js - وبمساعدتها ، يتم تحميل المربعات لإنشاء تأثير صفحة لا نهاية لها.
14. نوفيل فاج
Nouvelle Vague هو موقع من وكالة التصميم الفرنسية Ultranoir. تتيح لك الخدمة "تتبع" التغريدات بواسطة علامة تصنيف معينة. يتم تنفيذه باستخدام JavaScript و WebGL و HTML5. ومع ذلك ، فإن HTML5 مسؤول فقط عن الجملة المحفزة عند فتح مورد.
قال أحد مطوري الوكالة إن إنشاء الموقع استغرق أربعة أشهر ، وعمل عليه ثلاثة أشخاص. يوضح قائلاً: "لقد كان من المثير حقًا أن نحاول العمل مع WebGL".
كان الهدف الرئيسي للمشروع هو إعادة خلق الجو من شاشة توقف الفيديو باستخدام الصور ثلاثية الأبعاد. انغمس الفريق في التقنيات الجديدة HTML5 و CSS3 و JavaScript ، ويعتقد أن هذه اللغات قد تصبح المعيار للعمل مع 3D في المستقبل - بسبب العرض عالي الجودة ، والتشغيل البيني الثري والاستجابة.
15. التقارب
The Convergence هي لعبة متصفح تذكرنا بلعبة Super Mario Bros. إنه يعرض القوة المذهلة لجافا سكريبت و HTML5 ويثبت أن HTML5 يمكنه القيام بعمله مثل الفلاش.
يعد المطورون بإضافة صوت ومستويات جديدة إلى اللعبة في المستقبل ، بالإضافة إلى دعم Mozilla Gamepad API.
16. Kindle Cloud Reader
يجعل تطبيق الويب هذا عبارة "اشترِ مرة واحدة ، واقرأ على جميع الأجهزة" حقيقة واقعة. يستخدم تقنيات HTML5 وواجهات برمجة تطبيقات JavaScript ومكتبات jQuery و jQuery UI والعديد من ملحقات jQuery ، بما في ذلك jScrollPane لتمرير الصفحة وقوالب jQuery. بالإضافة إلى ذلك ، استخدم فريق التطوير WebSQL لدعم وضع عدم الاتصال.
17. إنفانتس رهيبة
الموقع الذي أطلقته WeFail studio ، وفقًا لمؤلفي الملاحظة ، يبدو مخيفًا ، لكنه لا يزال رائعًا جدًا. المورد مصنوع بأسلوب حاد إلى حد ما. يستخدم JavaScript لتحريك تفاعلات نظام المستخدم. لإجراء التمرير لعناصر الواجهة الفردية فقط ، استخدم الأمر المكون الإضافي jQuery ScrollTo. لجعل الفيديو لا يظهر في النوافذ المنبثقة ، ولكن مباشرة على الموقع ، تم استخدام مكتبة Shadowbox.js.
بالإضافة إلى ذلك ، يتم استخدام المكون الإضافي jQuery Cycle في كود Les Enfants - وهو مسؤول عن عرض الصور وأمثلة لعمل الوكالة.
"أطلقنا Les Enfants لفهم قدرات أداء JavaScript. اتضح أنه بالاقتران مع تحويل СSS يمكنك تحقيقه نتائج ممتازة"يقول المطور مارتن هيو.
يلاحظ هيو أنه منذ وقت ليس ببعيد ، كان من الممكن القيام بهذا النوع من الأشياء فقط باستخدام Flash ، ولكن الآن لديه بديل قابل للتطبيق ، JavaScript.
18. بينتيريست
Pinterest هو مثال رئيسي لاستخدام JavaScript لإنشاء تأثير صفحة لا نهاية له. لإنشاء الموقع ، كنت بحاجة إلى أدوات jQuery و jQuery UI والمكوِّن الإضافي PageLess.
وفقًا لمؤلفي الملاحظة ، يعد PageLess أمرًا حيويًا بالنسبة إلى Pinterest ، لأن التمرير اللانهائي وتحميل المسامير الجديدة أكثر فاعلية في المساعدة على جذب انتباه المستخدم أكثر من الوظائف الاجتماعية مثل التعليق على المنشورات.
19. أحب قنبلة البناء
يساعد Love Bobm Builder المستخدمين في التعبير عن حبهم أو امتنانهم لشخص ما. إنه موقع أنيق وبسيط يتيح لك إنشاء رسالة قنبلة وإرسالها.
يستخدم المورد أداة Modernizr لتحديث كود JavaScript و HTML5 في الوقت المناسب.
20. ميشيلبرغر بوز
عندما يدخل المستخدم إلى الموقع ، فإن أول ما يراه هو ما يسمى بـ "أداة التحميل المسبق" - قد يبدو أنه تم إنشاؤه باستخدام Flash ، ولكنه ليس كذلك. HTML5 و JavaScript مسؤولان عن ملء الزجاج بالبيرة أثناء تحميله.
يستخدم المورد وظيفة التمرير الجزئي - فقط لبعض عناصر الواجهة ، ويسمح للمستخدم بالتفاعل مع الصور.
من خلال النقر على أقنعة الحيوانات ، يتم إرسال العميل إلى مشاهد أخرى - يتم تنفيذ جميع تأثيرات الرسوم المتحركة باستخدام jQuery.animate ().
21. تريلو
Trello هو تطبيق جدولة تعاوني أو واحد لواحد حيث يمكن للمستخدمين إنشاء قوائم بالمهام المكتملة والمعلقة ومشاركة التقدم في الوقت الفعلي. تم تطوير الموقع باستخدام Node.js و MongoDB و Backbone.js.
يوضح دانيال لو سيرمينان ، أحد مؤسسي Trello ، أن استخدام لغة واحدة فقط عند كتابة موقع ويب يساعد أعضاء الفريق الجدد على الدخول في عملية التطوير بشكل أسرع.
يتم تنفيذ الاتصال بين المستخدمين باستخدام Web Sockets - يلاحظ Le Cerminan أن هذا يكفي تكنولوجيا جديدة، لذلك كانت هناك بعض الصعوبات في إعداده.
22. BrowserQuest
تم تصميم هذه اللعبة ذات الطراز القديم من قبل Little Workshop لعرض قوة HTML5 و JavaScript وخاصة Web Sockets. يمكنه دعم التفاعل بين آلاف المستخدمين في نفس الوقت.
"إن إنشاء لعبة متعددة اللاعبين هو طريقة رائعة لإثبات كيفية عمل هذه التقنيات معًا. يعتمد BrowserQuest على خوادم Node.js ، يمكن لكل منها تشغيل حالات متعددة من عالم اللعبة "، كما يقول مطور الاستوديو Guillaume Lecolné.
23. JS1k
JS1k هي مسابقة سنوية تتمثل مهمتها في إنشاء صفحة في JavaScript حول موضوع معين (غالبًا ، الصور المتحركة). يجب ألا يتجاوز وزنها 1 كيلو بايت.
موضوع هذا العام هو "هنا تنانين".
الفائز بالمسابقة عام 2012. المؤلف - فيليب بوكانان ، الموضوع - "الحب"
كان وزن عمل الفائز لعام 2012 مبدئيًا 8 كيلو بايت - ولكن في يوم واحد تمكن فيليب من تقليل حجمه إلى 1 كيلوبايت المطلوب من خلال تحسين خوارزمية إنشاء الشجرة:
كان تكتيكي هو "خداع المترجم بصدق". على سبيل المثال ، باستخدام "أ؟ b: c "بدلاً من" if (a) b else c "يوفر 8 بايت.
24- الجدول الزمني
تساعد الخدمة المستخدمين في إنشاء جداول زمنية وهي سهلة الاستخدام للغاية. يمكن أن يتضمن الجدول الزمني التفاعلي التغريدات ومقاطع الفيديو والصور والتسجيلات الصوتية. يمكن وصف مخططك الزمني باستخدام JSON أو مستندات جوجل- حيث أنه أكثر ملاءمة للعميل نفسه.
25. ارسم Stickman
الفكرة الرئيسية للخدمة هي تزويد المستخدم بفرصة الحصول على القليل من المرح من خلال المشاركة في قصة تفاعلية - مساعدة الرجل المسحوب على التغلب على العقبات المختلفة. اسكتشات على الموقع مصنوعة باستخدام الفأرة.
JQuery ومكتبة للعمل مع رسومات فيكتور Raphal.js. ساعد تنفيذ المشروع مع Raphal المطورين على تجنب مشكلات الأداء على معظم الأجهزة وجميع المتصفحات.
الآن بعد أن ناقشنا مناهج تعلم HTML و CSS ، حان الوقت لتحويل انتباهنا إلى JavaScript ، وهي المهارة الرئيسية الثالثة لمصمم الويب. جافا سكريبت هي لغة برمجة. هذا يعني أن تركيبها أكثر تعقيدًا بقليل من بناء جملة HTML و CSS. هناك الكثير لتتعلمه قبل أن تتمكن من كتابة كود JavaScript بطلاقة. أعني أن معظم الناس يستغرقون وقتًا أطول قليلاً لتعلم JavaScript من تعلم HTMLو CSS. هناك العديد من الآراء حول أفضل نهج لتعلم JavaScript ، وليست كل هذه الآراء مماثلة لي.
ومع ذلك ، فأنا في الواقع أعارض استخدام طريقة واحدة محددة لتعلم JavaScript. لقد حدث خطأ في تعلم JavaScript. في الأساس ، كنت أقوم فقط بانتقاء أجزاء من المعلومات حول اللغة إما من البرامج التعليمية أو مقتطفات من التعليمات البرمجية ، مما أدى إلى خلق فجوات كبيرة في معرفتي بـ JavaScript والتي كان علي بعد ذلك سدها. لذلك ، أوصي بأن تسلك طريقًا أطول قليلاً ، وآمل أن يقودك إلى نتيجة أفضل. أولاً ، عليك أن تفهم ما يفعله JavaScript بالضبط. JavaScript هي لغة برمجة من جانب العميل. تعني عبارة "جانب العميل" أن الشفرة لا تعمل على الخادم ، ولكن في المتصفح.
تم إنشاء اللغة للعمل مع HTML و CSS ، لذلك فهي تحتوي على العديد من الوظائف المضمنة لتسهيل التحكم في سلوك الموقع. تُكمل JavaScript الطبيعة الثابتة لـ HTML من خلال السماح لك بإنشاء عناصر تفاعلية ، أو عرض العناصر بناءً على شروط معينة ، أو تحريك العناصر ، أو تنفيذ أي عدد من مهام البرمجة النصية. يعد اكتشاف ما هو مفيد لـ JavaScript أمرًا مهمًا للغاية لأنه يساعدك على فهم وقت استخدامها وما الذي تبحث عنه أثناء تعلم JavaScript.
كما ذكرت من قبل ، حاول ألا تتعلم JavaScript من مقتطفات التعليمات البرمجية. يستخدم معظم الناس هذا النهج ، بمن فيهم أنا. باستخدام هذا الأسلوب ، يمكنك العثور على جزء من التعليمات البرمجية التي تؤدي المهمة التي تحتاجها ، وإدراجها في أحد مشاريعك ، وتحريرها وتشغيلها. كما تعلم ، سيسمح لك هذا الأسلوب بإتقان بعض مهارات JavaScript بمرور الوقت ، ولكن الأهم من ذلك ، في هذه الحالة ، أنك تفتقد سبب استخدام هذه اللغة المعينة. نتيجة لذلك ، لن تفهم لغة البرمجة هذه بشكل كامل.
بالإضافة إلى ذلك ، أوصي بأن تتعلم أولاً أساسيات JavaScript ، ثم تبدأ في التعرف على مكتبات مثل jQuery. يعد استخدام jQuery فكرة مغرية جدًا لأنها أداة قوية ويستخدمها الكثير من الأشخاص. ستجد على الفور مئات البرامج التعليمية حول كيفية استخدام jQuery لموقعك. لكن تعلم jQuery قبل أن تتعلم JavaScript هو خطأ كبير. كما يمكنك أن تتخيل ، فإن استخدام مكتبة jQuery ليس دائمًا القرار الصحيح. وإذا كنت تعرف فقط كيفية استخدام مكتبة معينة ، فلن تكون قادرًا على فهم متى تستخدم JavaScript ومتى لا.
يفترض هذا النهج أنه يجب على الأقل بطريقة منظمة ومركزة تعلم أساسيات JavaScript من خلال ، على سبيل المثال ، دورة تدريبية أو كتاب معين. بينما تعلمك العديد من البرامج التعليمية كيفية أداء مهام محددة جدًا باستخدام JavaScript ، فأنت تحتاج حقًا إلى فهم واضح لمفاهيمها وبناء الجملة من أجل فهم ما وراء أي من أفعالك. بالطبع ، ليس كل مصممي الويب بحاجة إلى إتقان جافا سكريبت. يجب على المصممين الذين يرغبون ، على سبيل المثال ، في تطوير الواجهة الأمامية ، أن يجيدوا JavaScript.
وبالنسبة لأولئك المهتمين أكثر بتصميم UX أو التصميم المرئي ، يجب أن تكون الأساسيات كافية. بغض النظر عن مدى عمق معرفتك بجافا سكريبت ، فأنت بحاجة إلى إتقان أهم المفاهيم من أجل الحصول على فهم عملي للغة. الشيء الرئيسي هو التحلي بالصبر. يستغرق تعلم JavaScript وقتًا طويلاً ، وإذا تخلت عن تعلمه بسرعة كبيرة جدًا ، فلن تتمكن من تذكر ما تعلمته إذا كنت بحاجة إليه لمشروع ما. أوصي بشدة أن تبدأ بدورة JavaScript Essential Training من Simon Allardyce ، والتي يمكن العثور عليها في مكتبة التدريب عبر الإنترنت على موقع lynda.com.
ينظر إلى JavaScript من وجهة نظر المبتدئين ، ويصف حقًا أساسيات JavaScript بأكثر الطرق مباشرة. أيضا ، أوصي ... آسف إذا أخطأت ... كتاب Marijn Haverbeke. بالمناسبة ، هذا رجل عظيم على أي حال ، أوصيك بقراءة كتابه "Eloquent JavaScript" ، والذي يُعرف أيضًا باسم "مقدمة حديثة في البرمجة". هذا الكتاب مكتوب حقًا بلغة في متناول المبتدئين. هناك العديد من الكتب المكتوبة على JavaScript ، لكن هذا الكتاب كتبه مبرمج وللمبرمجين. تمت كتابة كتاب "Eloquent JavaScript" بطريقة تجعله نوعًا من مقدمة اللغة للمبتدئين.
الأكثر غرابة هو أنه يمكنك شراء نسخة مطبوعة من الكتاب ، ولكن ... دعنا نضغط على هذا الرابط ... هناك أيضًا نسخة إلكترونية من هذا الكتاب. إنه يغطي كل شيء يدور حول JavaScript ، ويقدم بعض الأمثلة العملية التي يمكنك تجربتها لمعرفة كيف يعمل كل شيء. هذا موقع صغير رائع حقًا. كما هو الحال مع HTML و CSS ، يحتوي docs.webplatform.org على قسم JavaScript. ستجده مفيدًا جدًا لأنه يحتوي على بعض البرامج التعليمية والوظائف والأشياء والأحداث - كل تلك الأشياء الأساسية التي تحتاج إلى معرفتها عند تعلم JavaScript.
لا يمكنني التقليل من أهمية موقع stackoverflow.com. إذا لم تكن قد صادفتها من قبل ، فمن الجدير بالذكر أن هذا الموقع يسمح لك بإنشاء حسابك ومن ثم نشر أسئلة لأعضاء هذا الموقع حول تلك الأشياء التي تربكك عندما تعمل في مشاريعك الخاصة ، أو تطرح أسئلة حولها المفاهيم التي يصعب عليك تعلمها. في كثير من الأحيان ، يقدم الأشخاص الكثير من النصائح المختلفة ، مع الحصول على إجابات جيدة للحصول على أصوات إضافية ، وحرمان النصائح السيئة من الأصوات. لذلك ، بعد فترة ، وبفضل التعليقات الواردة من أعضاء المجتمع ، ستتمكن من فهم الإجابة الأفضل. لا يمكنك نشر الأسئلة فحسب ، بل يمكنك أيضًا البحث عنها على الموقع. من المحتمل أن يكون شخص ما قد طرح السؤال الذي تهتم به بالفعل. لذلك ، فإن stackoverflow.com هو مورد مفيد للغاية بالفعل. كما هو الحال مع HTML و CSS ، تحتوي شبكة مطوري Mozilla أيضًا على قسم JavaScript. يحتوي على الكثير من المعلومات المختلفة. بالإضافة إلى ذلك ، يوجد على الجانب الأيمن من الموقع قسم يسرد الموارد حيث يمكنك الحصول على معلومات أكثر تفصيلاً حول موضوع معين. بعض هذه المعلومات تقنية بالكامل. ولكن في الأساس ، يمكن لأي مبتدئ جافا سكريبت الاستفادة من معظم هذه المعلومات في بداية تعلم لغة البرمجة هذه. إذا كنت ترغب ، بعد إتقان أساسيات JavaScript ، في دراسة هذه اللغة بمزيد من التفصيل ، فيمكنك استخدام كتاب آخر مفيد جدًا في رأيي - "Professional JavaScript لمطوري الويب" ، مؤلفه نيكولاس زكاس.
لن أخدعك وادعي أنني فهمت كل ما هو مكتوب في هذا الكتاب ، لكنني أستخدمه كمواد مرجعية ، لأنه بعد تعلم أساسيات JavaScript ، قد تظهر المواقف عندما يبدو أنك عالق ولا تعرف ماذا تفعل عمله المقبل. يتيح لك هذا الكتاب الرائع فهم بناء جملة JavaScript بشكل أفضل ، وتعلم كيفية كتابة تعليمات برمجية أكثر فاعلية ، وتطبيق ليس فقط مفاهيم JavaScript الأساسية ، ولكن أيضًا ميزات أكثر تقدمًا. بالطبع ، إذا عدت إلى موقع lynda.com مرة أخرى ، فستجد قسمًا كاملاً من دورات JavaScript الرائعة هناك ، بما في ذلك Simon. لذلك ، قم بتحليل الدورات التدريبية الموجودة في مكتبتنا بعناية.
JavaScript هي إحدى تلك اللغات التي لا يمكن فهمها إلا من خلال وضعها موضع التنفيذ. لذلك ، يجب أن يتضمن النهج الذي تختاره للدراسة تنفيذ العديد من الأمثلة العملية.
jFBL ، CHEV-UVTBOYGB TSYCHЈF. chSh OBTYUPCHBMY LBTFYOLY و RPDZPFPCHYMY FELUF و UDEMBMY CHUЈ و UFP IPFEMPUSH و Y ... ABULHYUBMY. rPUENH؟ ديسيبل IPFS VSH RPFPNKH ، UFP CHSCHUFTBDBOOBS CHBNY UVTBOYYULB OYLBL OE PFLMYLBEFUS حول DEKUFFCHYS CHMBDEMSHGB ، TsBDOP YBTSEZP RP OEK LKHTUPTPN. FSHZHH ، RPYUFY OERTYMYUOP RPMHYUIMPUSH ... مجفف الشعر OE NEOOEE ، VHDEN MEUIFSH.
DP FPZP ، LBL OBYUBFSH TBUULB P CHUSLIYI FEIOYUEULYI ZHPLKHUBI ABOUT RPFEIKH RPUEFYFEMSN Y UEVE ، MAVINSCHN ، OBDP RTEDUFBCHYFSH ، YUPP CHPVEYTCH.
sshl HTML UFBFYUEO. dMS FPZP ، YUFPVSH OBKHYUIFSH UVTBOYGKH "TSYFSH" ، PFLMYLBFSHUS حول DEKUFCHYS RPMSHSPCHBFEMS ، OKHTSOP OBKFY URPUPV Ybrtpztbncheonytpchbf HNOSCHE MADI - OE YUEFB OBN U CHBNY - TEYBAF LFKH RTPVMENH ، CHUFBCHMS CH ZYRETFELUF LHULY RTPZTBNNOPZP LPDB ، LPFPTSCHE OBSCHBAF ultyrfbny. chPVEE ZPCHPTS، ULTIRF - RTPUFP NBMEOSHLBS RTPZTBNNLB، UTBVBFSCHBAEBS FPZDB، LPZDB EK ULBTSKHF، Y OBRYUBOB POB NPTSEF VSCHFSHY OBRYUBOBCH POB NFSPTSEEF nSCH U CHBNY VKHDEN ZPCHPTYFSH FPMSHLP PV PDOPN Y'OYI - JavaScript. UYOFBLUYU JavaScript CHSF YY VPMSHYPZP Y UETSHЈBOPZP SJSHLB جافا ، حول LPFPTPN RTPZTBNNYTHAF UVTBYOSCH VPTPDBFSHE DSDY DECHEMPRETSCH ، RPMHYUBS JB
OBYE U CHBNY DUMP NBMEOSHLPE ، OBN OBDP RTPUFP OBKHYUIFSHUS RYIBFSH LFY UBNSHE ULTYRFSH LKHDB RPRBMP ، YUFPVSCHUЈ NYZBMP ، LTKHFIPZBMEBMEZHT y FPZDB LPZP-OYVKHSH RMPIPZP PF OBYEK UVTBOYGSCH FPYUOP ICHBFIF LPODTBFYK ، B BOBYUIF ، NSCH U CHBNY IPTPYE. ب EUMY LPODTBFYK ICHBFIF LPZP-OYVHDSH IPTPYEZP؟ بصدق! FINY ЪBDBYUBNY ЪBOYNBAFUS UREGBMYUFSCH RP NBTLEFYOSKH Y TELMBNE ، POI JOBAF ، UFP FBLPE Gemechbs zthrb ، J PFZPOSF CHUEI IPTPYUPYUPY PF أوه ، UFP-FP S PRSFSH ъBRKHFBMUS: LCS LPZP Ts NSCh FPZDB CHPPVEE FTHDYNUS؟
uOHCHB LPOFEKOETSCH
YUFPVSCH CHUFBCHYFSH LHUPL LPDB حول JAVING JavaScript CH FEMP HTML -UFTBOYGSCH ، OBN U CHBNY PRSFSH RPOBDPVYFUS LPOFEKOET. chPF FBLPK:
EDYOUFCHOOSCHK RBTBNEFT ، LPFPTSCHK DEKUFCHYFEMSHOP UVPIF YURPMSHCHBCHBFSH ، لغة OBSCHBEFUS. على PRTEDEMSEF ، حول LBLPN SSCHLE OBRYUBOP CHUЈ FP ، UFP OBIPDYFUS CHOHFTY LPOFEKOETB. dce DPRPMOYFEMSHOSHE UFTPULY CHOKHFTY ZPCHPTSF UFBTPNKH VTBKHETKH ، LPFPTSCHK OILBLYI ULTIRFPCH OE RPOINBEF ، UFP CHUЈ ، OBIPDSEEUS NECDKH- LPNNEOFBTYK ، LPFPTSCHK OBDP RTPUFP PUFBCHYFSH CH RPLPE Y OYUEZP U OYN OE DEMBFSH. fBLYN PVTBSPN ، EUMY LFP-FP PFLTPEF UVTBOYGKH U RPNPESHA LFPZP UBNPZP UFBTPZP VTBKHETB ، PO RPMKHYUIF FPMSHLP YUUFSCHK HTML -LPDLTCH ، B CHUEFT EUMY JOBLY LPNNEOFBTYS PFUHFUFCHHAF و B CHOHFTY ULTYRFB OBIPDYFUS UFP-FP FBLPE و UEZP VTBKHET OE RPOINBEF و RPUEFYFEYFYUVLEV RPUEFYFEYUVLEV pOP OBN U CHBNY OBDP؟
FERETSH P FPN ، ZDE UVPIF RPNEEBFSH ULTYRFSH. h RTYOGYRE ، POI NPZHF OBIPDYFSHUS ZDE HZPDOP ، OP MHYUYE RPNEBFSH JavaScript-LPD CH LPOFEKOETE HEAD. eUMY TBNEUFIFSH LPD CH TBEDEME
...، PO PVSBFESHOP YURPMOIFUS CH FPF NPNEOF، LPZDB VTBKHET DPKDЈF DP OESP RP NETE BZTKHLY UVTBOYGSCH. ح OELPFPTSCHI UMHYUBSI FP FPTSE OEPVIPDYNP، OP IPTPYYN FPOPN SCHMSEFUS PZHPTNMEOYE ULTYRFPCH B CHYDE zhholgyk، LPFPTSCHE NPTSOP RTY OEPVIPDYNPUFY CHSCHCHBFSH DV MAVPZP NEUFB UFTBOYGSCH J LPFPTSCHE OE VHDHF CHSCHRPMOSFSHUS موانئ دبي الدولي للفروسية RPT، RPLB NShch ديك CHBNY FPZP OE BIPFYN.يتدحرج
FEIOUEEULPE ABDBOYE
rPUFBOPCHLB ЪBDBYUI OPNET PDIO.
حول UVTBOYGE EUFSH LOPRLB و CHCHRPMOEOOBS CHYDE Y'PVTBCEOIS CH ZhPTNBFE GIF. oKhTsOP ، YuFPVShch POB LBLYN-FP PVTBPN NEOSMBUSH RTY OBCHEDOYY ABOUT OEЈ LKHTUPTB.
ьFPF ÜZHZHELF RP-BOZMYKULI OBSCHBEFUS يتدحرج TH CH TEKFYOSE RPRHMSTOPUFY ÜZHELFPCH JBOYNBEF ، UCHETOPE ، RETCHPE NEUFP. جي إف بي إل ، رتيوفرين.
TEBMYBGYS
RTECDE CHUEZP OBN RPOBDPVSFUS dche LOPRLY: YUIPDOSCHK CHBTYBOF RMAU FPF ، LPFPTSCHK DPMTSEO RPDUFBCHMSFSHUS CHNEUFP OEZP RTY DCHEYTSETOYCHEY NKHTUPSCH. PVE LBTFYOLY DPMTSOSCH YNEFSH PDYO Y FPF TSE TBNET. UNSCHUM CHUEEI DBMSHOEKYYI NBOYRKHMSGYK UPUFPIF CH FPN ، YUFPVSH BNEOIFSH PDOP Y'PVTBTSEOYE DTHZYN ، B RPFPN CHETOHFSH YUIPDOPE حول NEUFP.
CHUFBCHMSEN RETCHHA LOPRLH H HTML. LPD VKHDEF CHSCHZMSDEFSH RTYNETOP FBL:
FEZ IMG YURPMSH'KHEFUS DMS TBNEEEOYS ZTBZHYLY حول HTML -UFTBOYG. اسم RBTBNEFTSCH ، src ، العرض І الارتفاع ЬBDBAF UPPFCHEFUFCHOOOP YNS CHUFTFEOOOPZP CH HTML PVYAELFB DMS DBMSHOEKYI UUSCHMPL حول OEZP ، YNS ZTBZHYUEULPHYUFYUPHYBYBUFYT
فيريتش تبنوفين CH TBDEME رئيس UMEDHAEYK VMPL:
فيريتش DPVBCHYN EEЈ DCHB RBTBNEFTB CH FES IMG:
Onmouseover = "ImgOn () ؛" onmouseout = "ImgOff () ؛"
OPRPNOA ، UFP SNSCHL JavaScript YUHCHUFCHAYFEMEO L TEZYUFTKH ، RPFPNKH ، EUMY CHPPN NEUFE OBRYEFE imgon ، B CH DTHZPN ImgOn ، FY PRYUBOIS OEFNSHDHT
pUFBMPUSH UDEMBFSH RPUMEDOEE: DPVBCHYFSH PDYO RBTBNEFT CH FES BODY:
Onload = "ImgPreload () ؛"
في LPDPN RPLPOYEOP. مع OBNETEOOOP OE DBA DEFBMSHOSHI YOUFTKHLGYK: TBKHNEEFUS ، YY UPPVTBTSEOYK MЈZLPZP UBDYUNB. OP P FPN ، LBL LFP CHUЈ TBVPFBEF ، TBUULBTSKH RPDTPPVOP.
PYASUOOEOS
ح BZPMPCHLE UVTBOYGSCH - B YNEOOOP CH UELGY HEAD - NSC UPDBMY ULTIRF، CHLMAYUBAEYK CH UEVS FTY ZhHOLGY: ImgPreload، ImgOff. وظيفة lMAYUECHPE UMPCHP CH VPMSHYOUFCHE SSCHLPCH PRTEDEMSEF LHUPL LPDB ، LPFPTSCHK NPTSEF VSHFSH NOPZPLTBFOP CHSCHBO YY TBMYUOSHI NEUF RTPZTBNSCH. pWAYK UMHYUBK UYOFBLUYUB CHCHZMSDIF FBL:
الوظيفة func_name (par1، par2، par3) (...)
TBYZHTPCHSCHBEFUS CHUЈ LFP UMEDHAEYN PVTBPN: ZhHOLGYS U YNEOEN func_name ، CH LPFPTKHA RETEDBAFUS RBTBNEFTSCH U YNEOBNY par1 ، par2 Y parShch3 ، LPPFP OTP. ZHYZKHTOSCHE ULPVLY PVTBNMSAF FKH YUBUFSH ، LPFPTBS ، UPVUFCHEOOOP ، Y VKHDEF CHCHRPMOSFSHUS ، EUMY NSCH LFKH ZhHOLGYA CHSCHUPCHEN ، F. E. UPYMЈNUS OBJNEPKOY
YBYUEN OKHTSOSCH RBTBNEFTSCH ، FEN VPMEE ، UFP CH FEI FTЈI JHOLGYSI ، LPFPTSCHE NSCH YURPMSHKHEN CH OBDBYUE OBDBYUE ، YI OEF؟ ب PPF JBYUEN. rTEDUFFBCHSHFE UEVE ، UFP حول UVTBOYULE EUFSH oeulpmshlp LOPRPL ، DMS LBTSDPK Y'LPFPTSCHI NSCH IPFINE UDEMBFSH UCHPK UPVUFCHEOOSCHK. SFP TSE ، RYUBFSH PFDEMSHOKHA ZhHOLGYA حول LBTSDKHA LOPRLKH؟ ب EUMY YI DEUSFPL؟ ZMHRPUFY LBLEY.
جلالة الملك OBRYYEN edyoufcheooha ZHHOLGYA LCA LBTSDPK PRETBGYY، J ديك RPNPESHA RBTBNEFTPCH RETEDBDYN EC yns FPK LBTFYOLY HBS LPFPTPK B DBOOSCHK NPNEOF RTPIPDYF LHTUPT NSCHY J LPFPTBS، UPPFCHEFUFCHEOOP، DPMTSOB HYUBUFCHPCHBFSH B UPDBOYY OHTSOPZP اوبل ZHZHELFB. chPF Y CHUЈ.
CHETOЈNUS L OVYENKH LPDH.
zhHOLGYS ImgPreload UMKHTSIF DMS RTEDCHBTYFEMSHOPK ЬBZTHKHLJ CH RBNSFSH LPNRSHAFETB FPZP Y'PVTBCEOIS ، LPFPTPPE DPMTSOP VSCHFSH RPDUFDUFBCHBJECTOP. صندوق البريد ABRHULBEFUS FPZDB، LPZDB CHUS UVTBOYGB ABZTHYMBUSH: ABRYUSH onload = "ImgPreload ()؛" CH FEZE BODY POBUBEF، UFP RP UPVSHFYA onload (PLPOYUBOYA ABZTHALY PFPVTBTSBENPK YUBUFY UVTBOYGSCH VTBKHYETPN) VHDEF CHCHRPMOEOB ZhHOLGYS.
ъBYUEN OKHTSOB FB ZhHOLGYS؟ DEMP CH FPN ، UFP YBZTHALB LBTSDPZP YPVTBCEOIS U UETCHETB FTEVHEF CHTENEYOI ، PUPVEOP RTY OE PYUEOSH IPTPYEK UCHSYY. لدى eUMY NShch VHDEN FBEYFSH CHFPTHA LBTFYOLH UETCHETB و OP LHTUPT HKDЈF لديها LOPRLY TBOSHYE و Yuen NShch HCHYDYN LBLPK-OPZHZHELF و FL ZTBZHYUEULYK £ NEFTPKM LBUFS. DTHZPE DAMP ، LPZDB FTEVKHENBS LBTFYOLB HTSE OBIPDYFUS CH RBNSFY: ABZTKHLB RTPY'PKDЈF NZOPCHEOOP.
FERETSH P UBNPK ZhHOLGY. ъBRYUSH pic2 = صورة جديدة () ؛ UP'DBЈF OCHSCHK PVYaELF FIRB Image ، حول LPFPTSCHK U LFPZP NPNEOFB NSCH NPTSEN UUSCHMBFSHUS ، B UMEDKHAEBS UVTPYULB pic2.src = button1b.gif ؛ ZPCHPTYF P FPN ، LBLPK ZTBZHYUEULYK ZhBKM UPPFCHEFUFCHHEF LFPNKH PVYAELFKH. FERETSH ، ЪBRTPUYCH J MAVPZP NEUFB LPDB ЪOBYUEOYE pic2.src ، NSCh FHF TSE RPMKHUYN button1b.gif ، UFP OBN Y FTEVKHEFUS.
pVTBFYFE CHOINBOYE حول FP ، LBLYE RBTBNEFTSCH NSCh DPVBCHYMY CH FES IMG. ъBRYUSH onmouseover = "ImgOn () ؛" P'OBYUBEF، UFP RP UPVSHFYA onmouseover (LKHTUPT CHYAEIBM ABOUT LBTFYOLKH) DPMTSOSCH VSCHFSH CHSCHCHBOB ZhHOLGYS ImgOn، B BRYUSH onmouseout = "ImgOff؛" ب.ب.بي.بي.ف. lBL RPOSFOP Y OBUCHBOYS ، LFY DCHE ZhHOLGY PFCHEYUBAF ЪB RPDNEOH LBTFYOLY (ImgOn) Y CHUCHTBF EЈ CH YUIPDOPE UPUFFPSOYE (ImgOff). FERETSH RPUNPFTINE ، LBL LFY ZhHOLGY TBVPFBAF.
h ZHHOLGY ImgOn RETCHBS UVTPLB (temp = mybutton.src ؛) RETEDBЈF RETENEOOPK temp YNS FPZP ZTBZHYUEULPZP ZHBKMB ، LPFPTSCHK UPPFCHEFUEFUEFCHKHEFKHUPDUP hFPTBS UFTPLB (mybutton.src = pic2.src ؛) RETEDBЈF LOPRLE YNS ChFPTPZP ZhBKMB و LPFPTSCHK NSC RPDUFBCHMSEN. LBL FPMSHLP LFP RTPYSPYMP ، CHNEUFP RETCHPOBYUBMSHOPK LBTFYOLY ABOUT NEUFE LOPRLY CHOYLBEF LBTFYOLB button1b.gif ، Y OBYB BDBYUB TAMPUMP. OPRPMPCHYOKH ، RPFPNKH UFP OBN EE ، RTDUFFPIF CHETOHFSH LOPRLKH CH YUIPDOPE UPUFFPSOYE RPUME FPZP ، LBL LHTUPT NSCHY HVETЈFUS CHPUCHPSUY.
ألقاب Y ЪBOYNBEFUS ZHHOLGYS ImgOff. eЈ EDYOUFCHEOOBS UFTPULB (mybutton.src = temp؛) ChPUCHTBEBEF LOPRLE FPF ZhBKM ، LPFPTSCHK UPPFCHEFUFCHPCHBM EK CH UBNPN OBYUBME. تشو!
dMS RTYNETB RPUNPFTYFE ، LBL PTZBOY'PCHBOSCH يتدحرج حول ZMBCHOPK (YMY MAVPK DTHZPK) UVTBOYGE NPEZP UBKFB. أرفب فليبلاي نبيوشلاي أويويي فبيوي ، تشويلبايي تشوكهفتي نبميوشلي فيشي LTKHTSPYULPCH ، LPZDB CHSCH CHPYFE NSCHYLPK RP RHOLFBN NEOA. rTBCHDB ، FBN CHUЈ UDEMBOP YUHFSH-YUHFSH YOBYUE. ؛-)
أوبنوين
TBUUNPFTYN ABDBYUH OPNET DCHB.
FEIOUEEULPE ABDBOYE
jFBL ، OBN OKHTSOP ، UFPVShch
RTY EEMULE NSCHYSHA حول UUSCHMLE PFLTSCHBMPUSH DPRPMOYFESHOP PLOP VTBKHETB ، UCHPKUFCHB LPFPTPZP NPTSOP VSCHMP VSCH PRTEDEMYFSH VBTBOYEE. OERMPIP ، EUMY LFP PLOP NPTSOP VKHDEF YBLTSCHFSH EEMULPN RP TBURPMPTSEOOPK CH ON TCE UUSCHMLE.
pZPCHPTLB
ьFKH ЪBDBYULH NPTSOP TEYYFSH Y UTEDUFCHBNY UBNPZP HTML ، RTBCHDB ، ЪBDBFSh uchpkufchb OPCHPZP PLOB CHUЈ-FBLY OE HDBUFUS ، DB Y ЪBLTSCHYFSHYEBOSCH CHURPNOIN UOBUBMB ، UFP FBLPE UUSCHMLB.
ChPF FHF X OBU U CHBNY UUSCHMLB.
chFPTPK تشبيتيبوف:
oE FBLBS HC VPMSHYBS TBOOYGB ، LBLBS YUBUFSH LPOFEOFB CHCHRPMOEOB CH CHYDE UUSCHMLY: فاس RTYUHFUFCHHEF CH MAVPN UMKHYUBE ، B PO-FP OBN Y OKHTSEO.
fBL CPF ، YBDBYUH NPTSOP TEYYFSH DPVBCHMEOYEN RBTBNEFTB الهدف CH FES (الهدف = "zzz"). chNEUFP zzz NPTSOP RPDUFBCHMSFSH PDOP YJ FTЈI ABTEETCHYTPCHBOSCHI JOBYOOIK:
_top _blank ذاتي
ъОБЮЕОЕ _self YURPMSHHHEFUS CH FPN UMKHYUBE ، EUMY OCHSCHK DPLHNEOF DPMTSEO VSCHFSH PFLTSCHF CH FPN TCE PLOE (ZHTEKNE) ، UFP YYUIPDOSCHK ؛ OBYUEOYE _top ZPCHPTYF P FPN، YUFP OPCHSCHK DPLHNEOF VHDEF PFLTSCHF B FELHEEN PLOE VTBHETB، CHSCHFEUOYCH العنف المنزلي OEZP Chueh ZHTEKNSCH، EUMY FBLYE OBMYYUEUFCHHAF، B OBYUEOYE _blank LBL TB PRTEDEMSEF، YUFP OPCHSCHK DPLHNEOF VHDEF PFLTSCHF B OPCHPN PLOE، LPFPTPE PFLTPEFUS UREGYBMSHOP LCA FPK GEMY. OP - LBL S HTSE ZPCHPTYM - HRTBCHMSFSH RBTBNEFTBNY LFPZP PLOB NSCH OE UNPTSEN.
LUFBFY ، URYUPL ABTEETCHYTPCHBOOSHI JOBYUEOYK OE YUYUETRSCHBEFUS FTENS PRYUBOSCHNY YDEUSH RTYNETBNY ، OP ЪB F FIN - L FETBRECH LHPPH E.
DEUSh OHTSOP DPVBCHYFSH، YUFP، PE-RETCHSCHI، LTPNE BTEETCHYTPCHBOOSCHI RBTBNEFTPCH B LBYUEUFCHE الهدف NPTSEF VSCHFSH RPDUFBCHMEOP YNS HTSE UHEEUFCHHAEEZP PLOB، B EUMY FBLPZP RFU VTBHET B VPMSHYYOUFCHE UMHYUBECH RPUFBTBEFUS PFLTSCHFSH OPCHPE إسقط J BZTHYFSH DPLHNEOF FHDB. chP-CHFPTSHI ، مع KhRPNYOBM ZHTEKNSCH ، P LPFPTSCHI OBN U CHBNY RPLB YUFP OYUEZP OE YCHEUFOP. حول OB DBOOCHK NPNEOF PVPKDЈNUS FEN ، UFP ZHTEKNSCH - LFP PLOB OEBCHYUYNSHI DPLHNEOPPCH ، LPFPTSCHE CH MAVPN LPMYUEUFCHE NPZKHF OBIPDIFSHUS PYEBYET PVEBYT. rПДТПВОЕ ПЛФПН НЩ РПЗПЧПТЙН ОЕУЛПМШЛП РПЪЦЕ. ح FTEFSHYI ، YURPMSHPCHBOYE UUSCHMPL LCA PFLTSCHFYS OPCHPZP PLOB CHSCHBOP FPMSHLP ، DE CH YUFP Netscape UPUFPSOYY RPOSFSH UPVSCHYSHML onclick (EEMAUPLY) Internet Explorer DEMBEF LFP U MЈZLPUFSHA ، OP OBN PF LFPZP OE MEZUE: ULTYRFSH DPMTSOSCH TBVPFBFSH CH MAVPN VTBHATE.
TEBMYBGYS
rPDZPFPCHYN ZHBKM newfile.htm ، UPDETTSBEYK UMEDHAEYK LPD:
YUFPVSH YBLTSCHFSH PLOP ، EMLOYFE YDEUSH.
pVTBFIFE CHOINBOYE ، UFP UFTPLB U FESPN
TBPTCHBOB: OYUESP UVTBYOPZP ، HTML FBLYE CHEEI RETEOPUIF URPLPKOP. uFTBOOPE OBYUEOE RBTBNEFTB href - "#" - OETEDLP YURPMSHKHEFUS FPZDB ، LPZDB UUSCHMLB LBL FBLPCHBS OHTSOB ، B RETEIPD RP OEKHEKOEKU DBMTSO
ديسيبل. h FPN ZhBKME ، YB LPFPTPZP CHSCH IPFIFE PFLTSCHFSH OPCHPE PLOP ، OHTSOP UDEMBFSH DCHE CHUFBCHLY. RETCHBS - CH WELGY HEAD.
hFPTBS - ZDE-OYVHDSH CH FEME UVTBOYGSCH:
YUFPVSH PFLTSCHFSH OPCHPE PLOP ، EMLOYFE YDEUSH.
فيريتش RPUNPFTYN ، UFP X OBU U CHBNY RPMKHYUIMPUSH. lTPNE FPZP ، NPTSOP EЈMLOKHFSH.
LOOFBFY ، JNECFE CHYDKH: ЪBLTSCHFSH PLOP FBLYN PVTBYPN CHCH UNPTSFE FPMSHLP CH FPN UMKHYUBE ، EUMY POP VSCHMP PFLTSCHFP RTY RPNPEY JavaScript.
n FPN ، LBLYE EEЈ RBTBNEFTSCH NPTSOP ABRYIBFSH PE CHUFTFEOOKHA ZhHOLGYA window.open ، CHCH RTPYUIFBEFE CH THLPCHPDUFCHE RP JavaScript PF W3C. ؛-)
PYASUOOEOS
jHOLGYS OpenWin UPDETTSIF UVBODBTFOSCHK NEFPD JavaScript window.open ، YURPMSHHAEYKUS DMS PFLTSCHFYS OCHPZP PLOB. ح LBYUEUFCHE RBTBNEFTPCH NSCh RETEDBЈN LFPNKH NEFPDH (YMY ZHHOLGY ، UFP RPUFE FP TSE UBNPE):
1. "newfile.htm" - YNS DPLKHNEOFB ، LPFPTSCHK DPMTSEO PFLTSCHFSHUS CH OPCHPN PLOE.
2. "mywindow" - YNS LFPZP PLOB DMS DBMSHOOEKYY UUSCHMPL حول OESP. xLBSCHBFSH OE PVSBFESHOP، OP RBTH RHUFSHI LBCHSCHYUEL ("") CHUЈ TBCHOP RTYDЈFUS RPUFBCHYFSH، F.L.
3. "العرض = 300 ، الارتفاع = 250 ، شريط الأدوات = لا"- OBVPT UFBODBTFOSHI RBTBNEFTPCH UP YOBYUEOYSNY. ح DBOOPN UMKHYUBE - MYOEKOSCHE TBNETSCH PLOB YOZHPTNBGYA P FPN ، UFP POP OE DPMTSOP YNEFSH RBOEMY YOUFTKHNEOPCH. BNEFSHFE ، UFP JOBYUEOIS RBTBNEFTPCH S RYYKH VE LBCHSCHYUEL.
أميدهايبس يبوفش LPDB ( إديوش) RTEDRYUSCHBEF VTBKHETKH YURPMOYFSH ZHHOLGYA (NEFPD) OpenWin RTY EEMULE حول UMPCH YDEUSH و PZHPTNMEOOPN LBL RHUFBS UUSCHMLB (href = "#").
fPYUOP FBLKHA TSE ZHPTNKH ABRYUY YURPMSHEF ULTIRF ، TBNEEЈOSCHK CH DPLHNEOFE ، LPFPTSCHK PFLTSCHBEFUS CH OPCHPN PLOE. uFBODBTFOSCHK NEFPD window.close ЬBLTSCHCHBEF FELHEE PLOP، EUMY POP VSCHMP PFLTSCHFP U RPNPESHA JavaScript. eUMI NSCH IPFEMY VSCH ЪBLTSCHFSH DTHZPE PLOP و RTYYMPUSH VSH OBRYUBFSH mywin.close () و ZDE mywin - YNS PLOB و LPFPTPPE ULTYRFKH RTDUFFPIF BLTSCHFSH.
chSCHOPU ULTIRFPCH CH PFDEMSHOSCHK ZhBKM
eUFSH EEЈ PDYO CHBTYBOF ЪBRYUY LPOFEKOETB SCRIPT.
FFP POBUBEF، UFP CHUE CHBY ULTYRFSH NPZHF ITBOYFSHUS CH PFDEMSHOPN ZHBKME U TBUYYTEOYEN. شبيبة. eUFEUFChEOOP، B FPN UMHYUBE OE OHTSOP RYUBFSH LMAYUECHPE UMPCHP SCRIPT H UBNPN ZHBKME: RTPUFP RPNEUFYFE RTYCHEDЈOOHA CHSCHYE UFTPLH B TBDEME الرأس، NY MAVBS ZHHOLGYS VHDEF DPUFHROB FPYUOP بنك فيصل المحدود CE، LBL EUMY R ™ £ EЈ FELUF OBIPDYMUS RTSNP ON UFTBOYGE. ьFP HDPVOP EEЈ Y RPFPNKH ، UFP RTY CHP'NPTSOPN YUNEOOOY ULTYRFB CHBN OE RTYDЈFUS YUNEOSFSH CHUE HTML -ZHBKMSCH ، LPFPTSCHE حول OEZP USUSCHMBAF.
АЮЕОЕЙЕ
rPOSFOP ، UFP RPLB EEЈ OYUESP OE RPOSFOP. uPVUFCHEOOP ، S OE DBCHBM PVEF HYUIFSH CHBU SISHLH CH RPMOPN PVYAЈNE: DMS LFPZP EUFSH NBUUB KHNOSCHI Y RPMEOSHI LOIZ. rTPVMENB CH FPN ، YUPP PYUEOSH YUBUFP X MADEK ، RTPYUIFBCHYI FBLYE LOYZY ، CHPOBOILBEF NBUUB CHRTPUPCH YNEOP CHTENS RETCHPK RPRSCHFLY TEBMSCHEYUPCHBFSHT y ChPF FHF، S OBDEAUSH، NPЈ NBMEOSHLPE THLPCHPDUFCHP PLBTSEFUS RPMEHOSCHN.
مع TBUUNPFTEM CHBTYBOFSH TEYEOYS DCHKHI YBDBYU و LPFPTSCHE YUBEE CHUEZP CHUFTEYUBAFUS RTY RPUFTPEOY CHEV-UVTBOYG. LPOEUOP TSE، CHBN OKHTSOP BOBFSH VPMSHIE P JavaScript: CHP'NPTSOP، YNEOOOP HZMHVMEOYEN OBOYK NSCH Y ABKNЈNUS حول UMEDHAEN HTPLE. ب UEKYUBU - OBRPUMEDPL - OEULPMSHLP RTBCHYM ، LPFPTSCHE OEPVIPDYNP RPNOFSH PE CHTENS RTPZTBNNYTPCHBOYS حول JavaScript.
1. تم قبول JavaScript YUHCHUFCHAYFEMEO L TEZYUFTH.
lBL HTSE ZPCHPTYMPUSH TBOSHYE ، RETENEOOSCHE temp J Temp DMS SJSHLB JavaScript OE PDOP Y FP CHE: X OYI VHDHF TBOBOOCHE BOBYUEOIS ، RPFPNKH VHDSHFE CHOINBFEYPE.
2. LBTSDSCHK PRTBFPT DPMTSEO PLBOYUYCHBFSHUS FPULPK U BRSFPK.
FEPTEFYUEULY RPUMEDOIK PRTBFPT VMPLB (...) NPTSOP RYUBFSH Y VE'FULY U BRSFPK ، OP MKHYUYE EЈ CHUЈ-FBLY UVBCHYFSH ... LTPNE UREGIBMSHCHET PZPBUCHPN
3. ОЕ ЬВЩЧБКФЕ PVTBNMSFSH ULTYRFSH UYNCHPMBNY LPNNEOFBTYS.