أين يمكنني تعلم jQuery؟هل تستحق ذلك؟

Question

لقد كان لدي الكثير من التجارب الجيدة في تعلم تطوير الويب w3schools.com.أعلم أنه قد نجح أو فشل، لكن أقسام PHP وCSS على وجه التحديد أثبتت أنها مفيدة جدًا كمرجع.

على أية حال، كنت أتساءل عما إذا كان هناك موقع مماثل ل مسج.أنا مهتم بالتعلم، ولكنني أريد أن يكون متاحًا عبر الإنترنت/قابلاً للبحث، حتى أتمكن من الرجوع إليه بسهولة عندما أحتاج إلى المعلومات في المستقبل.

أيضًا، باختصار، هل تستحق jQuery التعلم؟أم يجب أن ألقي نظرة على مكتبات جافا سكريبت المختلفة؟أعلم أن Jeff يستخدم jQuery على Stack Overflow ويبدو أنه يعمل بشكل جيد.

شكرًا!

يحرر:يحتوي موقع jQuery الإلكتروني على قائمة كبيرة جدًا من البرامج التعليمية, ، وعلى ما يبدو شاملة صفحة التوثيق.لم يتح لي الوقت لمراجعة كل ذلك حتى الآن، هل لدى أي شخص آخر خبرة في ذلك؟

تحرير 2:يبدو أن Google تستضيف الآن مكتبات jQuery.من المفترض أن يمنح ذلك jQuery ميزة كبيرة جدًا من حيث الدعاية.

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

في وقت لاحق 2 أشهر...

تحرير 3:لقد بدأت باستخدام jQuery في مشروع في العمل مؤخرًا ومن الرائع العمل معه!أردت فقط أن أخبر الجميع أنني استنتجت ذلك قطعاً يستحق كل هذا العناء لتعلم واستخدام jQuery.

لقد تعلمت أيضًا بشكل كامل تقريبًا من jQuery الرسمي توثيق و دروس.انها واضحة جدا.

بعد 10 أشهر...

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

كما أن جميع المكونات الإضافية لـ jQuery تعد موردًا لا يقدر بثمن!

بعد 3 سنوات...

لا تزال تستخدم jQuery كل يوم تقريبًا.أقوم الآن بتأليف المكونات الإضافية لـ jQuery وأقوم بالتشاور بدوام كامل.أنا في المقام الأول Djangonaut ولكني أبرمت العديد من عقود جافا سكريبت فقط مع jQuery.إنها منقذة للحياة.

من مستخدم jQuery إلى آخر...يجب أن تنظر القوالب باستخدام jQuery (أو الشرطة السفلية - انظر أدناه).

أشياء أخرى وجدتها ذات قيمة بالإضافة إلى jQuery (مع الجزء المقدر من المشاريع التي أستخدمها فيها):

• البرنامج المساعد لنموذج jQuery (95%)
• نموذج jQuery مثال البرنامج المساعد (75%)
• واجهة مستخدم مسج (70%)
• تسطير أسفل السطر.js (80%)
• كوفي سكريبت (30%)
• العمود الفقري.js (10%)

Answer 1

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

http://www.west-wind.com/weblog/

http://mattberseth.com/

لقد استخدمت كتاب jQuery in Actionhttp://www.amazon.com/jQuery-Action-Bear-Bibeault/dp/1933988355/ref=sr_1_1?ie=UTF8&s=books&qid=1219716122&sr=1-1 (اشتريتها مستخدمة من أمازون بحوالي 22 دولارًا).لقد كانت مساعدة كبيرة في تمهيدي في jQuery.الوثائق الموجودة على jquery.com مفيدة جدًا أيضًا.

المكان الذي ينهار فيه jQuery قليلاً هو مكونات واجهة المستخدم الخاصة به.لا يبدو أن هؤلاء مستعدون تمامًا لوقت الذروة حتى الآن.

يمكن أن يكون ذلك النموذج المبدئي أو MooTools أو ExtJS جيدة مثل jQuery.لكن بالنسبة لي، يبدو أن jQuery تتمتع بالمزيد من الزخم في الوقت الحالي وهذا مهم بالنسبة لي.

تحقق من jQuery.إنه رائع جدًا!

Answer 2

مصدر رائع لتعلم jQuery هو: تعلم مسج.كما شارك المؤلف كارل سويدبيرغ في تأليف كتاب بعنوان...مستعد؟نعم، تعلم مسج.يحتوي Remy Sharp أيضًا على معلومات رائعة موجهة نحو الجوانب المرئية لـ jQuery مدونته.

--شون أو

Answer 3

لقد استخدمت Prototype لمدة ستة أشهر تقريبًا قبل أن أقرر تعلم jQuery.بالنسبة لي، كان الأمر بمثابة اختلاف بين الليل والنهار.على سبيل المثال، في النموذج الأولي، سوف تقوم بالتكرار فوق مجموعة من العناصر للتحقق من وجود عنصر ما ثم تعيين شيء ما فيه، في jQuery ستقول فقط $('div.class').find('[name=thing]') أو أي شيء آخر وتعيينه.

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

Answer 4

إنه يستحق ذلك كثيرًا.jQuery يجعل JavaScript ممتعًا مرة أخرى.يبدو الأمر كما لو أن أفضل ممارسات JavaScript تم جمعها في مكتبة واحدة.

لقد تعلمت ذلك من خلال مسج في العمل (مانينغ)، والذي قمت بجلده خلال عطلة نهاية الأسبوع.إنها متأخرة قليلاً عن الوضع الحالي، خاصة فيما يتعلق بالمكونات الإضافية، ولكنها مقدمة رائعة.

Answer 5

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

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

لوضع بعض الأسماء هناك، النموذج المبدئي, script.acolo.us, مسج, دوجو, يوي...يبدو أن هؤلاء جميعًا لديهم مستخدمين ومساهمين نشطين، لذا من المحتمل أن يستحقوا القراءة لمعرفة ما إذا كانوا يلبون احتياجاتك.

يعد Jquery أمرًا جيدًا، ولكن مع القليل من الجهد الإضافي، ربما تجد شيئًا آخر يعمل بشكل أفضل بالنسبة لك.

حظ سعيد.

Answer 6

لقد وجدت أن هذه السلسلة من الدروس (سلسلة فيديوهات "jQuery للمبتدئين المطلقين" بواسطة جيفري واي مفيدة للغاية.

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

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

إليك أحد الأمثلة التي أحبها "تغيير حجم النص"

1- مسج:

<script language="javascript" type="text/javascript">
    $(function() {
        $('a').click(function() {
            var originalSize = $('p').css('font-size'); // Get the font size.
            var number = parseFloat(originalSize, 10);  // That method will chop off any integer 
                                                        // from the specifid varibale "originalSize".
            var unitOfMassure = originalSize.slice(-2); // Store the unit of massure, Pixle or Inch.

            $('p').css('font-size', number / 1.2 + unitOfMassure);
            if (this.id == 'larger') {
              $('p').css('font-size', number * 1.2 + unitOfMassure);
            } // Figure out which element is triggered.
         });
     });
</script>

2- تصميم CSS:

<style type="text/css" >
  body{ 
      margin-left:300px;text-align:center; 
      width:700px; 
      background-color:#666666;}
  .box {
      width:500px; 
      text-align:justify; 
      padding:5px; 
      font-family:verdana; 
      font-size:11px; 
      color:#0033FF; 
      background-color:#FFFFCC;}
</style>

2- HTML:

<div class="box">
    <a href="#" id="larger">Larger</a> |
    <a href="#" id="Smaller">Smaller</a>
    <p>
    In today’s video tutorial, I’ll show you how to resize text every 
    time an associated anchor tag is clicked. We’ll be examining 
    the “slice”, “parseFloat”, and “CSS” Javascript/jQuery methods.
    </p>
</div>

أوصي بشدة بهذه الدروس:

http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/

Answer 7

هناك عدد من الموارد لتعلم jQuery (والتي تستحق العناء تمامًا IMHO).أبدأ هنا http://docs.jquery.com/Main_Page لقراءة وثائق مسج.يعد هذا موقعًا رائعًا لرؤية ما يقدمه بصريًا:http://visualjquery.com/1.1.2.html.لدى منشورات مانينغ أيضًا كتابًا رائعًا موصى به للغاية يسمى مسج في العمل.بقدر ما يتعلق الأمر بمكتبات JavaScript، فمن المحتمل أن تكون هذه المكتبات والنموذج الأولي هما الأكثر شيوعًا إذا كنت تتطلع إلى مقارنة jQuery بشيء آخر.

Answer 8

لقد بدأت التعلم من خلال النظر في ملحقات jQuery لمعرفة كيفية عمل المطورين الآخرين مع لغة jQuery.لم يساعدني ذلك في تعلم بناء جملة jQuery فحسب، بل علمني أيضًا كيفية تطوير الامتدادات الخاصة بي.

Answer 9

مسج يستحق التعلم !!!أوصي بقراءة "تعلم jQuery" و"jQuery in Action".كلا الكتابين رائعان بالشرح والأمثلة.والخطوة التالية هي استخدامه فعليًا لفعل شيء ما.سوف تجد الرسمية http://docs.jquery.com التوثيق مفيد جدا.أستخدمه كمرجع، ابحث عنه في جوجل طوال الوقت :)

أيضًا "تعلم مسج"المدونة التي ذكرها شون مفيدة جدًا أيضًا.أيضًا مسج كيف يحتوي أيضًا على مجموعة رائعة من مقتطفات كود jQuery.

Answer 10

لم أر أساسيات JQ - بقلم ريبيكا مورفي المذكورة في أي مكان هنا.

---

إنه كتاب جيد جدا.كما أنه يشرح أساسيات JavaScript المطلوبة لفهم أساسيات JQuery.

Answer 11

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

ونعم، إنه أمر يستحق التعلم تمامًا.سيوفر لك الكثير من الوقت وستتطلع بالفعل إلى القيام بعمل JavaScript!

Answer 12

أنا أستعمل النموذج المبدئي, الذي أحبه.أخشى أنني لا أعرف jQuery، لذا لا يمكنني مقارنتها، لكنني أعتقد أن النموذج الأولي يستحق التدقيق.تعد مستندات API الخاصة بهم جيدة جدًا بشكل عام، من خلال تجربتي (مما يساعد بالتأكيد في قابلية التعلم).

Answer 13

مرحبًا، أنا متحيز لأنني أعمل الآن مع هؤلاء الأشخاص، لكن Carsonified يقدم بعض الموارد الرائعة للأشخاص الذين يتعلمون ويحسنون مجموعة مهاراتهم في jQuery.سيكون هناك مؤتمر عبر الإنترنت حول jQuery يضم John Resig نفسه يوم الاثنين المقبل - http://carsonified.com/online-conferences/jquery/

كما أنهم يقدمون الآن دروس فيديو عبر نظام العضوية الخاص بهم على مدونة Think Vitamin،

أعلم أن هناك الكثير من الموارد المجانية، وأعتقد أن الفرق هنا هو جودة المحتوى الذي تحصل عليه.نأمل أن يكون مفيدا!

Answer 14

سيكون الرابط أدناه مفيدًا لك إذا كنت تعرف SQL (محددات CSS فقط).

http://karticles.com/2011/06/learning-jquery-with-sql-basic-selectors

http://karticles.com/2011/06/learning-jquery-with-sql-attribute-selectors