من تطبيقات jQuery: تطوير واجهة مماثلة ل iGoogle

   المحرّر: بوابتي


         




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

ومنصات JavaScript أو ما يطلق عليه javascript framework، تتواجد حاليا بمسميات كثيرة، وهي تتماثل في مهامها الكبيرة، وتختلف في بعض التفاصيل، ومن أهم هذه المنصات نجد jQuery التي طورها اولا John Resig، ثم أصبحت بعد ذلك نواة لمجموعة من المطورين الذين يسهرون على المحافظة والإضافة إليها بشكل متواصل في استقلال عن مطورها الأول.

ومن الجانب الآخر توجد تطبيقات أخرى، تستعمل هذه المنصات لتطوير أفكار متميزة، ومنها ما سأتحدث عنه اليوم، وهو استعمال jQuery وخاصة ماتتيحه من إمكانيات تنقيل العناصر drag & drop، وإمكانية تغيير الحجم بطريقة نشطة، لتطوير تطبيق يماثل ماتتيحه خدمة قوقل iGoogle، المرتكزة على واجهة متغيرة.

الفكرة أنجزها المطور James Padolsey، وهي في أصلها تماثل استعمالات رواق الصور (Galerie Photo) في jQuery، حيث يقع استعمال وسم (tag) ul ثم يتخلله وسوم عديدة li، وبداخل هذه يتم وضع المحتوى، الذي سيكون بالإمكان تحريكه وتغيير حجمه.
علما انه بالنسبة لرواق الصور يتم عرض الصورة داخل وسم li، ويتم إضافة تأثيرات css على الوسم مباشرة من خلال المعرف الموحد عادة id.

اطلق James Padolsey على تطبيقه iNettuts، تشبها بiGoogle، والواجهة تحوي 3 أعمدة، وهي ترتكز أساسا على ملف JavaScript وملفان للتنسيق css، بالإضافة لمكتبية jQuery.

التطبيق يمكن بالطبع تنزيله وتغييره،

الروابط:

معاينة عمل iNettuts

تتزيل الشيفرة المصدرية للتطبيق

موقع jQuery وتجد به آخر الإصدارات من هذه المنصة، وأمثلة استعمالات





 يسمح بالنقل، بشرط ذكر موقع "بوابتي" مصدر المقال، ويفضّل أن يكون ذلك في شكل رابط
 
 30-11-2008