ماهي ال: jQuery

[M-AraBi]

ماهي الجي كويري (تعلم jquery ، ماهى jquery وقصتها وكيف ظهرت وفيما تستخدم،)؟

jquery (جي كويري) : هى أحد مكتبات الجافا سكربت java****** ,والتى تعد من أحد ابتكارات شركة mozilla والتى يعود الفضل لظهورها المبرمج john resig
ذلك الشاب صاحب ال 24 عاما من عمره الان , والذى يعد من واحد من
المسؤؤلين الكبار فى شركة mozilla والتى تعرف بمتصفحها العملاق موزيلا فايرفوكس الحاصل على جائزة جينيس للارقام القياسية

صورة john resig







خصائص jquery: بكل بساطة تستطيع هذه المكتبة البرمجية الرائعة , ان تقوم بوظائف متعددة , أنت شخصيا تشاهدها فى كثير من المواقع وأنت لا تنتبه ان jquery هى المسؤؤله عنها ,

ولو قمنا بإظهار خصائص الjquery لوجدنا انها تمتاز بخصائص عديده

انظر للصوره وسوف أقوم بشرح كل نقطة على حدا



نشرح الصوره:

1-Dom: وهى اختصار ل ******** object model ويقصد به نموذج الصفحة المصدريه, والمقصود بذلك , انه داخل مختلف لغات البرمجة المختلفة , توجد
عناصر elements وتأثيرات effects ,يتم عن طريقها التفاعل مع اللغة
البرمجية بطريقة ديناميكية

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


2-effects&animations: وهى يقصد بها التأثيرات الحركية , والتى تعتبر
أهم ميزه يمكن ان تتفاعل معها الjquery

ولنضرب أمثله عمليه سوف نتعرض لها أثناء دروسنا:

شاهد هذه الامثله وشاهد الـتأثيرات الحركية فى الصفحة, فكلها الjquery
هى المسؤؤله عنها


مثال1:

http://www.advphp.com/tuts/7r/sprite/


مثال2:

http://i.ixnp.com/images/v6.48/t.gif

مثال3:

http://www.advphp.com/tuts/tabs/tabs/index.html

مثال4:

http://www.advphp.com/tuts/tabs/side/index.html






3-ajax: الاجاكس وهى مزيج للجافا اسكربت مع xml , طبعا فى عملها ممكن
ان نطابقها بjquery, فمكتبة jquery ما هى الا استخدام حى لajax


css manipulations-4 : هل تتخيل ان بواسطة jquery, سوف تستطيع
التحكم ب css, نعم انها حقيقه, ولاننى لا أريد ان أبدأ فى الحديث عن ذلك


فسوف أعطيكم مثال عملى فقط لاحد الدروس لذلك; ولن أتطرق للتفاصيل
.......


http://www.advphp.com/tuts/7r/final2/index.php



لو تلاحظ عند الضغط على اى زر من الناف بار لعرض المقالات, سوف تلاحظ
على اليسار وجود علامة التحميل للصفحة على اليسار, وهذه الطريقة
قمنا بدمج css مع jquery بحيث اننا نجعل صورة التحميل للصفحة
تظهر فى الجزء الايسر من الصفحة بواسطة css, وجعلها تظهر بين الوقت
المنقضى بين تحميل الصفحة السابقة والصفحة التالية التى تم الضغط
على الزر الخاص بها بواسطة jquery





من أراد ان يطور نفسه فى jquery ,يمكنه زيارة الموقع
الرسمى الخاص بها من هــــــــنــــــا

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

بالتوفيق للجميع