الدعوة عامة لحضور العرض الأول التجريبي لسوالف كاست
ويكيمانيا 2008. الإسكندرية، من 17 وحتى 19 يوليو

 

العودة   سوالف سوفت > قسم تطوير وبرمجة المواقع للمتقدمين > ويب 2.0 و البرمجية القياسية Ajax +XML+ CSS+ JavaScript وغيرها
المدوّنات البحث مشاركات اليوم اجعل كافة المشاركات مقروءة

رد
 
LinkBack أدوات الموضوع
عضو سوبر نشيط
تاريخ التسجيل: Jun 2005-
#1 (permalink)  
[ jQuery ] تعريف ونقاش وأمثله ( JavaScript بمذاق مختلف )


بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاتة

وأما بعد ..

لعدم معرفتي الكبيرة في الجي كوايري [ jQuery ] والمختصة في هذه اللغة

المدرجة تحت نوعية الجافا سكربت [ JavaScript ]

والتي لايخلو أي موقع أو منتدى من إستخدامها في القوائم المنزلقة أو المنسدلة وعمليات

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

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

أرغب أن نستشف منها ميكانيكية عمل هذه اللغة سوياً لتعم الفائدة بإذن الله على الجميع

لغة [ jQuery ] ...

ماهي هذه اللغة ؟

هي لغة مدرجة تحت نطاق الـ [ JavaScript ] بنفس عملها السابق ولكنها تقلل من عمل

تكرار الأوامر والتي تعد إستهلاك كبير من وقت المبرمج وعدم تكرار حلقات التكرار والشروط

التابعة للـ [ JavaScript ] بشكلها السابق .. فهي مكتبة مخصصة بطريقة أخرى تقلل من

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

من هو مخترع هذه اللغة ؟

أخترع وإبتكر هذه الطريقة : جون ريسيغ في أوائل عام 2006 [ John Resig ] والذي قام

بعمل هذه المكتبة لمن يعمل مسبقاً على [ JavaScript ] ولكن بطريقة أخرى لتستطيع

أخي مبرمج [ JavaScript ] بإستخدامها بكل سهولة مع لغة [ XML ] + [ Ajax ] والتعبير

عن برمجتك بطريقة أحترافية بطعم آخر

هدف هذه اللغة ؟

هدف هذه اللغة بشكل أولي هي جعل البرمجة لمحبين [ JavaScript ] بسيطة ويمكن أيضاً

إعادة إستخدامها وتعديلها بأي وقت وبسهولة تامة ..

أليس من الجميل حقاً أن تحصل على ذالك كله ؟ بوقت بسيط ؟ وبطريقة أسهل ؟

مثال لأحد البرمجيات التي تم إستخدامها عبر البرمجة في لغة [ JavaScript ] دون

إستخدام الـ [ jQuery ] :

كود:
var external_links = document.getElementById('external_links');
var links = external_links.getElementsByTagName('a');
for (var i=0;i < links.length;i++) {
    var link = links.item(i);
    link.onclick = function() {
        return confirm('You are going to visit: ' + this.href);
    };
}
وهنا مثال آخر لأحد البرمجيات التي تم إستخدامها عبر البرمجة في لغة [ JavaScript ] بإستخدام

الـ [ jQuery ] :

كود:
$('#external_links a').click(function() {
    return confirm('You are going to visit: ' + this.href);
});
نفس العمل ؟ طريقة مميزة وسلسلة ؟

أختصرها من 8 أسطر لـ 3 أسطر فقط وأحصل على نفس الناتج !!

مايميز هذه اللغة هو بداية الأوامر بها كعمل المتغيرات في لغة [ php ]

المغيرات في لغى الـ [ php ] كانت دوماً تحصل على علامة $

مثلاً :

كود PHP:
$hamad "hamad alshamri"
ولكن لغة [ jQuery ] الآن تدخلت بمتغير جديد وهو

$

بإضافة الـ [ function ] الخاص بك

مثال على لغة [ php ] :

كود PHP:
$swalif "swalif softs"
الآن لغة أو مكتبة [ jQuery ] لها الـ $

كمثال :

كود PHP:
$('#external_links a').click(function() {
    return 
confirm('You are going to visit: ' this.href);
}); 
فهي بإستخدام آخر والذي يعد كنوع من عمليات الـ [ php ]

ولكن بطريقة أخرى تابعة كلياً لـ [ JavaScript ] لأنها لغة [ JavaScript ] بالأساس

حيث يتم تنفيذ عمليات الـ بوضع التنصيص

$()

في بداية الأمر لعمل الـ [ function ] وتتالي الكود لطباعة الناتج المطلوب بسهولة أكبر

ومايميز هذه اللغة بأنك عزيزي مبرمج أن تقوم بإستخدام أكواد [ HTML ] بداخل هذه اللغة

دون أن تواجه أي خلل يذكر

كود PHP:
$("<p>Hi aLL</p>"
أو مثلاً :

كود PHP:
$('#grow').animate({ height500width500 }, "slow", function(){
    
alert('The element is done growing!');
}); 
تستطيع إستخدام الـ [ CSS ] بداخل الـ [ jQuery ] كإستخدامك [ HTML ] أو [ PHP ] مع [ CSS ]

بسهولة بإذن الله ..

وكما ذكرت سابقاً بأن [ jQuery ] تمتاز بسهولتها ونسهولة الرجوع إليها مستقبلاً لتعديلها

دون قرائه العديد من الأكواد التي قد برمجت سابقاً ..!

وأهم من ذالك بأنها ستكون أكثر سهولة للمبرمج نفسه ..

أيضاً يمكنك إستخدام الـ [ jQuery ] مع الأجاكس بكل سهولة بإذن الله

فما هو رأيك لنفتح باب النقاش عن jQuery ونأخذ من هذا النقاش شئ مفيد ؟

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

http://www.jquery.com/ الموقع الرئيسي
http://docs.jquery.com/Ajax لدروس الأجاكس
http://docs.jquery.com/Tutorials للدروس بشكل عام
http://docs.jquery.com/Plugins للبلوج إنز مع أمثله
http://docs.jquery.com/Downloading_jQuery لتحميل الـ jQuery ملف js
http://www.ddj.com/java/201000935?pgno=1 شرح تفصيلي عن jQuery
http://www-128.ibm.com/developerwork...jaxjquery.html شرح تفصيلي عن jQuery

هذا مالدي عن jQuery وأتمنى أن أجد نقاشكم حولها

وإن أصبت فمن الله وإن أخطأت فمن نفسي ومن الشيطان

أخوكم

حمد الشمري






حمد الشمري غير متواجد حالياً   قديم 17-08-2007, 04:39 PM
رد مع اقتباس
عضو فعال
تاريخ التسجيل: Aug 2005-
#2 (permalink)  

بسم الله ما شاء الله عليك
الدرس جميل
كنت اريد ان استخدمها من فتره و لكن بصراحة كسلت عشان انا بستخدم مكتبة صغيرة عاملها جار ليا و بصراحة هيا كويسة و مش محتاج اي حاجة غيرها بس بعد الشرح الرائع ده ان شاء الله هاجرب الjQuery
و جزاك الله كل خير






__________________
أحمد أبو النصر
Junior php Developer
+20166196074
أحمد أبو النصر غير متواجد حالياً   قديم 19-08-2007, 02:59 PM
رد مع اقتباس
مشرف قسم ويب 2.0 و البرمجية القياسية
تاريخ التسجيل: Mar 2003-
#3 (permalink)  

والله شرح رائع يا حمد الشمري

واول مره اسمع فيها

اوعدك ان راح احاول اشتغل فيها قريب واتناقش في الموضوع

وبما انها تعمل مع الاجاكس اذا هي تعمل مع الفلاش
راح اربطها بالفلاش واشوف ايش ممكن اعمل بيها ان شاءالله

جزاك الله كل خير وجزاك الله الجنه






__________________
#
محمد "محلل لنظم المعلومات" - برمجه وتحليل
فلاشـــــــيات Flashyat.com
flash, flex, s e o, javascript, actionscript, php
لمراسلتي إضغط هنا
MohDesign غير متواجد حالياً   قديم 19-08-2007, 04:59 PM
رد مع اقتباس
عضو سوبر نشيط
تاريخ التسجيل: Jun 2005-
#4 (permalink)  

بارك الله فيكم أخواني وأشكركم من قلبي على دعواتكم

ولي عودة بإذن الله بمثال على الجي كوايري مع الأجاكس

مع شرحة بالتفصيل ..

وأشكر من قام بتثبيت الموضوع

بإنتظار النقاش حول الموضوع لتعم الفائدة ولنتعلمها بشكل موسع إن شاء الله






حمد الشمري غير متواجد حالياً   قديم 21-08-2007, 08:31 AM
رد مع اقتباس
مشرف قسم تطوير المنتديات
تاريخ التسجيل: Jun 2005-
#5 (permalink)  

مميز كالعاده اخي الكريم ماشاء الله عليك

لك كل التحية والتقدير






__________________
[Product] عرض اعلانات جوجل في اول مشاركه مثل سوالف سوفت

اسم الخدمة : ساعِد
نظام التذاكر : http://www.sa3ed.com/tickets/
رقم الجوال : 0020122902906
ahmed-samara غير متواجد حالياً   قديم 21-08-2007, 08:36 AM
رد مع اقتباس
مشرف قسم PHP
تاريخ التسجيل: Apr 2002-
#6 (permalink)  

كتوضيح بسيط , JQuery هي مكتبة جافا اسكريبت تحتوى على دوال وخصائص بسيطة في الاستخدام وتسهل التعامل مع مستند html .






__________________
I Love PHP (d4d@hotmail.com)
http://www.daif.net/
daif غير متواجد حالياً   قديم 21-08-2007, 10:07 AM
رد مع اقتباس
عضو نشيط
تاريخ التسجيل: Aug 2007-
#7 (permalink)  

فعلا هيا أسهل كثير من الجافا سكربت (لما هو موضح بالشرح) ويبدو أنها ستوفر الكثير وانشاء الله أحاول استخدمها أثناء برمجة مكتبة البرامج الخاصة بى






شكرا على الشرح والمواقع






__________________
  1. لا يوجد رجل فاشل، و لكن يوجد رجل بدأ من القاع و بقى فيه.
  2. إذا بلغت القمة فوجّه نظرك إلى القاع لترى من عاونك فى الصعود إليها، و انظر إلى السماء ليثبت الله أقدامك عليها.
Gendows Systems غير متواجد حالياً   قديم 29-08-2007, 07:51 PM
رد مع اقتباس
رد


أدوات الموضوع

تعليمات المشاركة
لا تستطيع كتابة مواضيع
لا تستطيع كتابة ردود
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة



الساعة الآن: 03:07 PM بتوقيت المملكة العربية السعودية