تعرف على الجي كويري Jquery

بقدر أهمية لغة الجافا سكربت وكثرة إستخداماتها المتعددة إلا إنها لم تكن تلقى الكثير من حب مستخدميها .. من إستخدم الجافا سكربت قبل ظهور الجي كويري يعرف جيداً كم العناء الذي يواجهه لعمل تطبيقات بها القليل من التفاعل مع المستخدم تكون متوافقة مع المتصفحات المعروفة .

ما هي الجي كويري ؟

جي كويري هي مكتبة برمجية للجافا سكربت سريعة وغير معقدة تسهل كثيراً التعامل مع عناصر صفحات الـ HTML .. تسهل عملية التحريك في الجافا سكربت والتعامل مع البيانات عن طريق الأجاكس Ajax في تطبيقات الويب المختلفة .. جي كويري صممت لكي تسهل وتغير طريقة كتابة الجافا سكربت .

هناك نوع من سوء الفهم منتشر بين الكثير من مطوري الويب المبتداين بأن الجي كويري هي مكتبة تحريك للصور وعناصر الـ HTML .. وهو فهم قاصر .. فالتحريك جزئية واحدة من عدة أجزاء تتكون منها الجي كويري .. والتحريك ليس هو أهم هذه الأجزاء .

لماذا لاقت الجي كويري كل هذا النجاح ؟

حقاً عليك أن تجرب عناء الوصول لعنصر معين بالجافا سكربت وتغيير أحد خواصه في صفحة HTML  تختلف طريقة الوصول إليه من متصفح لأخر بل أحيانا من إصدار لأخر لنفس المتصفح ! .. لتجد نفسك كتبت عشرات السطور لتنفيذ شيء بسيط كهذا .. مع جي كويري يتم إختصار عشرات السطور هذه لسطور قليلة أو سطر واحد أحياناً !

من أهم مميزات الجي كويري

- أسهل وأسرع من إستخدام الجافا سكربت بشكل إعتيادي

- توفر عناء كتابة الكثير من السطور للتوافق مع جميع المتصفحات خاصة أن بعض هذه المتصفحات له هيكل أحداث مختلف كثيراً عن البقية كإنترنت إكسبلورير

- توفير أدوات سهلة  للتحريك مما يساعد على عمل تطبيقات تفاعلية بشكل أفضل

- سهلت عملية تبادل البيانات عن طريق تطوير أدوات خاصة للـ Ajax

لكن لعل أهم مميزات الجي كويري هو المجتمع التقني الذي يقف وراءها .. فهناك الأف الدروس التعليمية وحلول وإقتراحات لمختلف العقبات التي يمكن أن تواجهها أثناء بناءك للمواقع وتطبيقات الويب .. هناك ألاف الإضافات الجاهزة التي توفر عليك الوقت وتمنحك إمكانيات كبيرة لم تكن تستطيع بنائها وحدك.

إضافات الجي كويري

إضافات الجي كويري هي شيء يشبه الـ Flash components .. هي برامج صغيرة يمكنك دمجها في صفحة الويب لتؤدي خدمة ما كانت ستأخذ منك أنت ساعات عمل كثيرة لكي تصنعها بنفسك من الصفر .. لعل أشهرها هي معارض الصور والـ sliders التي بدأت منذ فترة في الإنتشار والتي كانت محجوزة من قبل لفلاش فقط .. هناك ألاف الإضافات للجي كويري في مختلف التطبيقات وهي كنز حقيقي لمن يتقن التعامل معها وفهمها والقدرة على التعديل عليها لما يناسب حاجاته .. وهذا يستلزم فهماً جيداً للجي كويري والجافا سكربت بشكل عام .. لكن للأسف الشائع في السوق العربي هو ثقافة القص واللصق !

كيف أتعلم الجي كويري ؟

تعلم الجي كويري يشترط مقدماً معرفة أساسيات الجافا سكربت .. وهي مثل أساسيات أي لغة برمجة أخرى .. متغيرات, وظائف برمجية, مصفوفات, حلقات تكرارية … وهكذا .. من تابع معنا دورة الأأكشن سكربت يمكنها تعلم أساسيات الجافا سكربت في أسبوع على الأكثر فهي شبيهة إلى حد كبير بالجافا سكربت .

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

بالنسبة للكتب

- لمن لديه خبرة سابقة بالجافا سكربت فهذا الكتاب رائع جدا وعدد صفحاته قليل .. هذا هو الكتاب الذي تعلمت منه الجي كويري

- لمن يريد كتاب يقوم بتعليم أساسيات الجافا سكربت ثم الجي كويري بشيء من التفصيل يمكنه الإطلاع على هذا الكتاب

بالنسبة لدروس الفيديو

- هناك سلسلة دروس فيديو مجانية لتعلم الجي كويري طرحتها شبكة  TUTS+ الشهيرة يمكنك أن تجدها هنا

- إسطوانة ليندا لتعليم الجي كويري

مدرسة الإنترأكتيف ميديا والجي كويري

الجي كويري سيكون ثاني إهتمامات المدرسة بعد الفلاش والأكشن سكربت .. كنت منذ فترة ناقشت أخونا كرار العبادي في عمل دورة للجي كويري .. وكان قد نوى بالفعل لكن يبدو أن ظروفه وقفت حائلاً وتعطل الموضوع كثيراً .. بل وكرار نفسه إختفى منذ ما يقارب 7 أشهر من على الإنترنت ولا أعرف عنه الكثير ..  لذا أنتهز هذه الفرصة وأطلب منكم أن تدعو له بالتوفيق في حياته وبسرعة عودته لنا سريعاً .

يتم الأن محاولة الإتفاق مع صديق لعمل دورة في الجي كويري .. إن لم تسمح له ظروفه فغالباً سأقوم أنا بهذا وإن كنت أريد التركيز على فلاش وأكشن سكربت أكثر .. لكن بجانب ذلك سيتم أيضاً التطرق لأشهر وأهم الإضافات المفيدة للجي كويري وكيفية إستخدامها في المواقع حسب الحاجة إليها .


  1. EsLaM
    4 نوفمبر 2011 - 4:59 م

    انا بصراحه احترت انا دلوقتى الحمد لله مخلص html&css&php&mysql
    طبعا زى ماحضرتك عارف انا ديفيلوب بس مبتدىء شويه او بمعنى اصح لسه مش نزلت سوق العمل وده طبعا هيفرق كتير
    انا دلوقتى بتواجهنى حاجات كتير منها الفلاش (AS3) والجافا سكربت والجي كويرى
    مش عارف اعمل فيهم ايه مش عارف ابدا فيهم ازاى هل الفلاش يغنينى عن الجافا سكربت ولا لا
    وهل ليا شغل بالحاجات اللى انا عارفها دى بس ولا لازم ابقى عارف الباقين

    • علي محمد علي
      4 نوفمبر 2011 - 5:05 م

      لكي تتعلم الجي كويري تحتاج أن تتعلم أساسيات الجافا سكربت وهذه لن تكون مشكلة كونك تعرف php

      الفلاش لا يغنيك عن الجافا سكربت .. ولا الجافا سكربت تغنيك عن الفلاش .. الأفضل لك الأن أن تتعلم أساسيات الجافا سكربت ثم الجي كويري .. فهذا يكمل ما تعرفه وسزيد من قيمتك في السوق عند تقدمك للشركات .

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

      لا تحتاج أن تنتظر لكي تتقن هذه التقنيات لكي تقدم في شركات .. قدم الأن والعمل هو خير معلم !

  2. كيرلس حليم
    5 نوفمبر 2011 - 7:30 م

    هاى استاذ على .. انا كنت عاوز اعرف رأيك الشخصي انا عندي خبرة في الفوتوشوب والدريم ويفر والفلاش والhtml + css وكنت بعمل بيهم مواقع كويسة تبع شركة part time بس مكنتش بشتغل فلاش خالص عشان الاكشن سكريبت … كنت بستخدم مثلا 123 flash عشان اعمل بانر متحرك مثلا
    ومتابع معاك دورة الاكشن … انا كده ماشي صح يعنى ممكن اتعلم الاكشن اعرف اعمل جالري صور مثلا أو بنرات وكدة … ولا لازم اتعلم لغات برمجة تانية قبل الأكشن
    أرجو الررررررررررررررد بلييز

  3. معتصم محمد
    21 نوفمبر 2011 - 10:31 م

    الأستاذ / علي
    اولاً مبروك الشكل الجديد للموقع

    ثانياً : بالنسبة للجي كويري
    هل تهدف الى ان يكون هناك دروس لهذه التقنية/ الاداة حصرية لصالح موقع المدرسة؟ أم دروس واضحة باللغة العربية؟

    في حالة دروس باللغة العريبة يمكنك زيارة القناة التالية :
    http://www.youtube.com/cliprz
    وستجد ان اخر الدروس المضافة خاصة بتقنية الجي كوييري، بالإضافة لمواضيح اخرى متنوعة عن لغات تصميم وتطوير الويب مثل HTML و CSS و PHP

    بالمناسبة هذا ليس بإعلان للموقع فليس لي علاقة بإصحاب الموقع أو إدارته، لكن احببت التنبيه عن وجود موقع اخر قدم دروس في هذه الجزئية؛ وبالتالي توفر انت وقتك وتهتم بجزئئية اخرى

    بالتوفيق بإذن الله في تنمية وتطوير الموقع، وعذراً على الإطالة

    • علي محمد علي
      22 نوفمبر 2011 - 6:20 ص

      شكرأً يا معتصم على هذا الإقتراح

      سأتابع الدروس وإن وجدت أنها ذات مستوى جيد سأقوم بنشرها هنا على الموقع مع حفظ الحقوق لصاحب الدروس .. الهدف هو نشر العلم بغض النظر عن مصدره .. ولا يهمني أن يكون هذا حصريا للمدرسة أو لا .. بالعكس هذا سيوفر علينا الكثير من الوقت للتركيز على أشياء أخرى كما قلت أنت .

      شكراً مرة أخرى

    • علي محمد علي
      22 نوفمبر 2011 - 6:26 ص

      بعد نظرة سريعة تبدو الدروس جيدة جداً في الواقع ومقدم الدروس يبدو متمكناً مما يقول .. هذا شيئاً رائعاً

  4. دورة تعليم جي كويري – فيديو عربي | مدرسة الإنترأكتيف ميديا
    23 نوفمبر 2011 - 1:04 م

    [...] بالتعريف بالجي كويري في مقال سابق وعن الإمكانيات الرائعة التي تسهل بناء المواقع بشكل [...]

  5. عمر
    21 أغسطس 2012 - 12:18 ص

    السلام عليكم

    انا عايز اعرف
    هو في طريقة مجانية اعمل بيها موقع رابطه كدا
    http://www.example.com
    والموقع اصممه من ال HTML
    لاني بحثت كثيرا ولم اعرف كيف اصنع الموقع
    فقط الذي اعرفه هو الكتابة في مفكرة والحفظ بصيغة HTM
    ارجو المساعدة

  6. ماهي لغة الجي كويري jQuery | سعود الجلعود ، مدونتي
    24 سبتمبر 2013 - 12:43 م
  7. مصعب
    17 يناير 2014 - 9:48 م

    مصعب

  8. مصعب
    17 يناير 2014 - 9:49 م

    مرحبا