النتائج 1 إلى 4 من 4

الموضوع: ماهي ال: jQuery


  1. #1
    مغترب ذهبي
    الحالة : M-AraBi غير متواجد حالياً
    تاريخ التسجيل: Mar 2010
    رقم العضوية: 136
    الدولة: سورية يا حبيبتي
    الإهتمامات: المطالعة - الأنترنت
    السيرة الذاتية: إلـهـي أنــ مـقـصـودي ـت و رضـ .مـطـلـوبـي. ـاك
    العمر: 34
    المشاركات: 4,148
    الحالة الإجتماعية: أعذب
    معدل تقييم المستوى : 647
    Array

    ماهي ال: jQuery

    ماهي الجي كويري (تعلم 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 ,يمكنه زيارة الموقع
    الرسمى الخاص بها من هــــــــنــــــا

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

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




    التعديل الأخير تم بواسطة M-AraBi ; 10-17-2010 الساعة 12:13 AM
    يا خير من دفنت في الترب أعظمه *** فطاب من طيبهـن القـاع والأكـم
    نفسي الـفـداء لـقبـر أنـت ساكـنـه *** فيه العفاف وفيـه الجـود والكـرم
رد مع اقتباس رد مع اقتباس  


  • #2
    الحالة : En.Khaled Alfaiomi غير متواجد حالياً
    تاريخ التسجيل: Feb 2010
    رقم العضوية: 2
    الدولة: Europe
    الإهتمامات: مساعدة الأخرين
    السيرة الذاتية: www.ourtech.net
    العمل: كبار استشاري أمن المعلومات في شركة مايكروسوفت
    المشاركات: 7,004
    الحالة الإجتماعية: متزوج
    معدل تقييم المستوى : 678
    Array

    الجي كويري هي ليست لغة برمجة مستقلة كما يظن البعض، هي عبارة عن مكتبة مجانية في الجافا سكربت مكتوبة ومطورة بواسطة John Resig، موجودة تتيح لنا وبسهولة تامة إضافة تأثيرات رائعة على صفحات الويب وسهولة التحكم بالكثير من الأحداث مثل تمرير مؤشر الفأرة أو النقر بزر الفارة وغيرها الكثير بسطور برمجية قليلة ومفهومة للمبتدئين وحتى الذين لم يقوموا بدراسة البرمجة كتخصص.. أيضا الكثير يصف الجي كويري بـ: write less, do more / اكتب أقل وأفعل أكثر. هذه المكتبة في الحقيقة تحتوي على الكثير من الدوال التي تقوم بتحسين ظهور صفحة الويب وتطوير فعاليتها بشكل ملحوظ. حيث يمكن تركيب هذه المكتبة وكل ما عليك هو مناداة الدوال التي تريد استخدامها في أي مكان تريده

    طريقة الاستخدام
    الاستخدام سهل وبسيط، بمجرد تحميلك لملف المكتبة فاستعد للتجربة. شخصيا أقوم بوضع المكتبة في مجلد أضع فيه جميع ملفات الـcss , JS , Jquery وغيرها من الملفات المشتركة التي قد استخدمها باستمرار. قم بوضع المكتبة في المكان الذي تريده أو في نفس مجلد الموقع. الآن في أي صفحة تريد أن تستخدم الجي كويري ما عليك سوى كتابة هذا السطر في جزء Head:

    <****** src="***site/jquery-1.3.2.js" type="text/java******"></******>
    طبعا إذا كنت قد وضعت ملف المكتبة في مجلد آخر ليكن اسمه folder1 سيكون السطر السابق:

    <****** src="../folder1/jquery-1.3.2.js" type="text/java******"></******>
    عندها ستكون الصفحة جاهزة بإذن الله لتطبيق دوال الجي كويري. نستطيع أن نستخدم الجي كويري بهذه الطريقة على سبيل المثال:

    $(********).ready(function(){
    // هنا نضع الكود الذي نريده أو التاثير الذي نريده أن يظهر

    });
    في داخل حدث الـ ready نقوم بوضع الدالة التي تقوم بالتحكم في الحدث.. على سبيل المثال أريد عندما تفتح الصفحة أن يظهر رابط لصفحة موقعي الرئيسية وعند الضغط عليه لا أريد أن ينقله لصفحتي وحسب، بل أريد أن يظهر ترحيب على شكل نافذه منبثقة popup window وهو ما يسمى بـ ***** في الجافا سكربت. في هذه الحالة سأقوم بكتابة ملف html عادي.. وسأضع في جزء head السطر الذي يتيح لي الاستفادة من مكتبة الجي كويري. ثم بعد ذلك سأقوم بكتابة المحتوى body وسأضع الرابط لصفحتي داخله.

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

    <****** type="text/java******">
    ثم بعد ذلك سأبدأ في استخدام الجي كويري بكتابة هذه الدالة

    $(********).ready(function(){
    بعد القوس سأكتب:

    $("a").click(function(event){
    *****("Thanks for visiting me");
    });
    أي أنني أخبرته أنه عندما ترى رابط (a – من anchor) وتم النقر عليه فأريدك أن تقوم بإظهار نافذة للزائر أكتب فيها ما أريد بين القوسين ثم بعد ذلك سينتقل لصفحتي الرئيسية. وبعدها أتأكد من إغلاق الأقواس حتى تتم العملية بشكل صحيح. هذا كل ما في الأمر. كل ما سيفعله هو عندما يرى tag <a> في جزء الـ body سيقوم مباشرة بتطبيق كود الجي كويري وسيظهر النافذة الترحيبية قبل نقلك للصفحة الرئيسية.. (نلاحظ أن علامة الدولار $ تكون في أول سطر لأي استخدام لدوال الجي كويري) *هذا مجرد مثال بسيط لا أكثر، جيد لتبدأ فيه رحلتك إلى عالم الجي كويري بدون تعقيد..

    للجي كويري حقيقة استخدامات كثيرة وخصوصا في التأثيرات البصرية الجميلة. فمثلا أستطيع كتابة الجي كويري مع css selectors بكل مرونة.

    $("classname").click()
    وهذا مثال بسيط يوضح ما أريده: بنفس الطريقة السابقة تماما لكن نغير ما بداخل ready إلى:

    $("p").click(function(event){
    event.preventDefault();
    $(this).hide("slow");
    });
    أي أنه عندما يوجد نص في جزء body وتم النقر عليه بزر الفأرة سيختفي النص بشكل بطيء. ولا ننسَ أن نقوم بتغيير ما بداخل الـ body إلى نص بـ tag : <p> k


    بإمكانك تحميل المكتبة مجانا من هذا الرابط
    http://code.google.com/p/jqueryjs/downloads/list
    (فقط قم باختيار النسخة التي تناسبك)

    مواقع تستخدم الـ JQuery:

    www.digg.com
    www.wordpress.com
    www.amazon.com
    www.sourceforce.com
    إضافات JQuery:

    حسب علمي المتواضع يوجد أكثر من 180 إضافة لمختلف الأغراض من تأثيرات وغيره. يمكن جمعها في ملف واحد عوضا عن وجود كل إضافة في ملف مستقل.

    كتاب مفيد لـ JQuery:



    مواقع ومصادر رائعة ومفيدة:

    http://jquery.com/
    http://www.noupe.com/tutorial/51-bes...-examples.html
    http://www.sohtanaka.com/***-design/...icks-tutorial/
    http://www.youtube.com/watch?v=Hk5oXFtYLwE
    إضافة جميلة: http://buildinternet.com/project/supersized/
    http://www.lateralcode.com/15-except...and-tutorials/
    http://www.instantshift.com/2009/02/...ery-tutorials/
    http://www.roseindia.net/ajax/jquery/
    http://www.smashingmagazine.com/2008...est-practices/

    أمثلة يمكنك تجربتها والتعديل عليها بما يناسبك، قمت بالعثور عليها أثناء تعلمي (استفدت منها كثيرا):

    http://www.nawal-saad.com/labs/jquery-tutorials.rar
    http://www.nawal-saad.com/labs/jquery.rar
    ما ذكرته هو مجرد مفتاح البداية لاستخدام الجي كويري، ستتعلم الكثير والأكثر حين تجربتك وممارستك أنت فقط. البرمجة ممارسة، إذا وصلت لنهاية هذا المدخل فأنت مناضل. وأتمنى لك رحلة ممتعة مع الجي كويري مستقبلا. تسعدني متابعتكم وتعليقاتكم، وأسئلتكم أيضا ستكون محل اهتمامي في حدود ما أعلم. شكرا لكم وأتمنى أن تكون قد خرجت بنتيجة إيجابية من هذه المدخل..

    مميزاتها
    السهولة: بكل بساطة حين تزور صفحة ويب تستخدم الجي كويري بإمكانك عرض المصدر لهذه الصفحة وسترى بعينك سهولة الكود و وضوحه وبسطور قليلة. أيضا بإمكانك تعلمها بسهولة وخلال مدة أقصر من تصورك.
    الإيجاز: كما ذكرت تقدم هذه المكتبة لمستخدميها خدمات برمجية رائعة بسطور قليلة جدا مقابل ما تقدمه لمطوري ومصممي ومبرمجي المواقع.
    قوة التحكم: مكتبة صغيرة تستطيع فعل أشياء كثيرة وبكفائه عالية، هذه المكتبة تتيح لنا وصول سريع لـ AJAX بدون جهد أو اكواد برمجية طويلة. أيضا التحكم في المظهر وإضافة بعض التأثيرات الجميلة والمميزة أصبح سهلاً مع هذه المكتبة.
    التوافق: JQuery تعمل بكفائه مع أغلب المتصفحات مثلا: فايرفوكس – اكسبلورر 6+- سفاري – اوبرا 9+. أيضا الـ JQuery تتوافق مع الـ CSS وتستطيع استخدامها مع مكتبات أخرى بدون أي مشاكل غالبا. (شخصيا لم أقم بتجربة استخدامها مع مكتبات أخرى)
    المرونة: تستطيع استخدامها في صفحتك بأي طريقة تريد سواء inline ( في نفس صفحة الويب ) او external في ملف جافا سكربت مستقل ويتم مناداته في الصفحة التي تستخدمه.
    * الحجم: كما ستلاحظ عند تنزيل المكتبة حجمها لا يتعدى الـ 117kb، وهذا بالطبع لن يتسبب بأي طريقة في إرهاق ذاكرة جهازك.
    التوسع: كونها مفتوحة المصدر فبالتأكيد سيكون هناك الكثير من الإضافات التي ستقدم للمطور العديد من الخيارات الرائعة بدون مجهود.
    الدعم والمساعدة: الـ JQuery تاتي بـ دعم و ********aion ممتاز، بمعنى آخر ستجد الكثير من المعلومات المفيدة عن كل شيء في هذه المكتبة وكيفية استخدامها وتنصيبها من المسئول عن ‘نشاء هذه المكتبة مباشرة. وبالتأكيد المعلومات موثقة وعلى قدر كبير من الوضوح لإفادة جميع المستخدمين. أيضا هذه المكتبة مستخدمة بشكل واسع جدا من المطورين والمبرمجين مما يتيح لنا كم هائل من المعلومات والدروس المساعدة لفهم كيفية استخدام هذه المكتبة والتغلب على الكثير من المشاكل

    لتوصل معي على الفيس بوك بإمكان اضافتي على الحساب التالي :
    https://www.facebook.com/Microsoft.Engineer
    نصائح واستشارات امنية في مجال امن المعلومات والإتصالات
    كبار استشاري امن المعلومات في شركة مايكروسوفت


  • #3
    مغترب ذهبي
    الحالة : M-AraBi غير متواجد حالياً
    تاريخ التسجيل: Mar 2010
    رقم العضوية: 136
    الدولة: سورية يا حبيبتي
    الإهتمامات: المطالعة - الأنترنت
    السيرة الذاتية: إلـهـي أنــ مـقـصـودي ـت و رضـ .مـطـلـوبـي. ـاك
    العمر: 34
    المشاركات: 4,148
    الحالة الإجتماعية: أعذب
    معدل تقييم المستوى : 647
    Array

    على فكرة لي زميل بالجامعة وهو مبرمج مبدع جداً ألف كتا بأسمه تعلم jQuery في 120 دقيقة

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

    والي بدو ياه يحاكني أو يشتريه من الموزع الحصري له في سوريا وهو المورد (في الحلبوني - دمشق)
    وله موزع لخارج سوريا ونسيت شو أسمه

    المهم أن الكتاب رائع جداً وان شا ء في الصيفية رح أطبق ما فيه على موقعي الجديد
    يا خير من دفنت في الترب أعظمه *** فطاب من طيبهـن القـاع والأكـم
    نفسي الـفـداء لـقبـر أنـت ساكـنـه *** فيه العفاف وفيـه الجـود والكـرم


  • #4
    مشرفة منتدى الوظائف وفرص العمل
    الحالة : ms.lonley غير متواجد حالياً
    تاريخ التسجيل: Jul 2010
    رقم العضوية: 2379
    السيرة الذاتية: فالله خير حافظا وهو أرحم الرحمين
    المشاركات: 1,881
    معدل تقييم المستوى : 402
    Array

    وعم قول مين انت طلعت مان فور إيفير
    يسلمو علموضوع المميز يلي بتستاهل عليه أحلى تقييم
    تحياتي

  • معلومات الموضوع

    الأعضاء الذين يشاهدون هذا الموضوع

    الذين يشاهدون الموضوع الآن: 1 (0 من الأعضاء و 1 زائر)

    المواضيع المتشابهه

    1. ماهي خدمة SIP Trunking
      بواسطة En.Khaled Alfaiomi في المنتدى هندسة الاتصالات والالكترون
      مشاركات: 1
      آخر مشاركة: 09-24-2010, 05:51 PM
    2. ماهي اكلتك المفضلة
      بواسطة ريماس في المنتدى ملتقى المطبخ والمأكولات والحلويات السورية Syrian food and sweets
      مشاركات: 1
      آخر مشاركة: 08-26-2010, 09:58 PM
    3. ماهي نقطة ضعفك ؟؟؟
      بواسطة ياسمين الشام في المنتدى ملتقى الحـــوار العام للمغتربين السوريينDialogue Discussion Forum
      مشاركات: 13
      آخر مشاركة: 08-22-2010, 12:03 PM
    4. ماهي الشقيقة ؟ و ما أسبابها ؟
      بواسطة Dr.Ibrahim في المنتدى ملتقى الطلاب السوريين المغتربين في مجال الطب Medical Students
      مشاركات: 1
      آخر مشاركة: 03-01-2010, 12:58 AM

    مواقع النشر (المفضلة)

    مواقع النشر (المفضلة)

    ضوابط المشاركة

    • لا تستطيع إضافة مواضيع جديدة
    • لا تستطيع الرد على المواضيع
    • لا تستطيع إرفاق ملفات
    • لا تستطيع تعديل مشاركاتك
    •  
    Untitled-1