JQuery'yi nereden öğrenebilirim? Buna değer mi?

W3schools.com'da web geliştirme hakkında öğrenen birçok güzel deneyim yaşadım . Vuruldu ya da özledim, biliyorum ama özellikle PHP ve CSS bölümleri referans için çok yararlı olduğunu kanıtladı.

Her neyse, jQuery için benzer bir site olup olmadığını merak ediyordum . Öğrenmekle ilgileniyorum, ancak bunun çevrimiçi / aranabilir olmasına ihtiyacım var, böylece gelecekte bilgiye ihtiyacım olduğunda ona kolayca geri dönebilirim.

Ayrıca kısaca jQuery öğrenmeye değer mi? Yoksa farklı JavaScript kitaplıklarına mı bakmalıyım? Jeff'in Stack Overflow'da jQuery kullandığını ve iyi çalışıyor gibi göründüğünü biliyorum.

Teşekkürler!

Düzenleme : jQuery'nin web sitesinde oldukça büyük bir eğitim listesi ve görünüşte kapsamlı bir dokümantasyon sayfası var . Henüz bunların üzerinden geçmek için zamanım olmadı, başka birinin bununla ilgili deneyimi var mı?

Düzenleme 2 : Görünüşe göre Google şu anda jQuery kitaplıklarını barındırıyor. Bu, jQuery'ye tanıtım açısından oldukça büyük bir avantaj sağlamalıdır.

Ayrıca, herkes aynı yerde barındırılan tek bir birleşik aQuery kitaplığı kullanıyorsa, çoğu İnternet kullanıcısı için erkenden önbelleğe alınmalı ve bu nedenle, kullanmaya karar vermeniz durumunda sitenizin indirme ayak izini etkilememelidir.

2 ay sonra...

Düzenleme 3 : Son zamanlarda bir projede jQuery kullanmaya başladım ve çalışmak harika! Herkesin jQuery'yi öğrenmeye ve kullanmaya KESİNLİKLE değer olduğuna karar verdiğimi bilmesini istedim .

Ayrıca, neredeyse tamamen Resmi jQuery belgeleri ve eğitimlerinden öğrendim . Bu çok basit.

10 Ay Sonra ...

jQuery, bu yazıyı ilk yazdığımdan beri yaptığım hemen hemen her web uygulamasının bir parçası. Aşamalı geliştirmeyi çocuk oyuncağı haline getirir ve kodun sürdürülebilir olmasına yardımcı olur.

Ayrıca, tüm jQuery eklentileri paha biçilmez bir kaynaktır!

3 yıl sonra...

Hala jQuery'yi her gün kullanıyorum. Şimdi jQuery eklentileri yazıyorum ve tam zamanlı olarak danışıyorum. Ben öncelikle bir Djangonaut'um ama jQuery ile sadece birkaç javascript sözleşmesi yaptım. Bu bir hayat kurtarıcı.

Bir jQuery kullanıcısından diğerine ... jQuery ile şablon oluşturmaya bakmalısınız (veya alt çizgi - aşağıya bakınız).

JQuery'ye ek olarak değerli bulduğum diğer şeyler (kullandığım projelerin tahmini kısmı ile):

• jQuery Form Eklentisi (% 95)
• jQuery Form Örnek Eklentisi (% 75)
• jQuery kullanıcı arayüzü (% 70)
• Underscore.js (% 80)
• CoffeeScript (% 30)
• Backbone.js (% 10)

Rick Strahl ve Matt Berseth'in blogları beni jQuery'ye yönlendirdi ve yaptıklarına sevindim. jQuery, a) müşteri programlama bakış açınızı, b) size yol açtığı kederi ve c) ne kadar eğlenceli olabileceğini tamamen değiştirir!

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

http://mattberseth.com/

JQuery in Action http://www.amazon.com/jQuery-Action-Bear-Bibeault/dp/1933988355/ref=sr_1_1?ie=UTF8&s=books&qid=1219716122&sr=1-1 kitabını kullandım ( Amazon yaklaşık 22 $). Beni jQuery'ye yerleştirmek için büyük bir yardım oldu. Jquery.com adresindeki belgeler de çok faydalıdır.

JQuery'nin biraz düz düştüğü bir yer, UI bileşenleridir. Bunlar henüz kullanıma hazır görünmüyor.

O olabilir Prototip veya mooTools veya ExtJS jQuery olarak iyiliği gibidir. Ama benim için jQuery şu anda biraz daha fazla momentuma sahip gibi görünüyor ve bu benim için önemli.

JQuery'yi kontrol edin. Çok havalı!

JQuery öğrenmek için harika bir kaynak: jQuery öğrenmek . Yazar, Karl Swedberg, aynı zamanda ... hazır mı? Başlıklı kitabı yazdı. Evet, jQuery öğreniliyor . Remy Sharp ayrıca blogunda jQuery'nin görsel yönlerine yönelik harika bilgilere sahiptir .

--SEAN O

JQuery öğrenmeye karar vermeden önce yaklaşık altı ay Prototip kullandım. Bana göre gece ve gündüz farkı gibiydi. Örneğin, Prototip'te, var olup olmadığını kontrol eden bir dizi öğe üzerinde döngü yapacaksınız ve sonra içinde bir şey ayarlayacaksınız, jQuery'de sadece $ ('div.class') diyorsunuz. Find ('[name = şey]') veya her neyse ve ayarlayın.

Kullanması çok daha kolay ve çok daha güçlü hissediyor. Eklenti desteği de harika. Neredeyse tüm genel js kalıpları için, istediğinizi yapan bir eklenti var. Prototip ile, ihtiyacınız olan kod snippet'ine sahip bloglar için Google'da arama yapacaksınız.

Buna çok değer. jQuery, JavaScript'i yeniden eğlenceli hale getiriyor. Sanki en iyi JavaScript uygulamalarının tümü tek bir kitaplıkta toplanmış gibi.

Bunu bir hafta sonu boyunca kırbaçladığım jQuery in Action (Manning) aracılığıyla öğrendim . Özellikle eklentilerle ilgili olarak mevcut durumun biraz gerisinde kalıyor, ancak bu harika bir giriş.

Özel ihtiyacınıza uygun olup olmadıklarını görmek için en azından üstünkörü bir incelemeye değer çok sayıda JavaScript kitaplığı vardır. Öncelikle, seçim ve değerlendirme sürecinize rehberlik edecek kısa bir kriter listesi oluşturun.

Ardından, Wikipedia gibi bir yerde üst düzey bir çerçeve karşılaştırmasına / incelemelerine göz atın, kriterlerinize uyan ve ilginizi çeken birkaçını seçin. Sizin için nasıl çalıştıklarını görmek için onları test edin. Bu kitaplıkların tümü olmasa da çoğu, referans belgeleri ve kullanıcı grubu türü desteği içeren web sitelerine sahiptir.

Prototip , script.aculo.us , Jquery , Dojo , YUI gibi bazı isimler koymak için ... bunların hepsinin aktif kullanıcıları ve katkıda bulunanları var gibi görünüyor, bu yüzden muhtemelen ihtiyaçlarınızı karşılayıp karşılamadığını görmek için okumaya değer.

Jquery iyidir, ancak biraz fazladan çabayla, belki başka bir şeyin sizin için daha iyi sonuç verdiğini göreceksiniz.

İyi şanslar.

Jeffery Way tarafından hazırlanan bu eğitim serilerinin ( “Mutlak Yeni Başlayanlar için jQuery” Video Serisi) ÇOK YARARLI olduğunu buldum .

JQuery'de yeni olan geliştiricileri hedefler. JQuery ile animasyon, Öğeleri Oluşturma ve Kaldırma gibi pek çok harika şeyin nasıl oluşturulacağını gösteriyor.

Ben ondan çok şey öğrendim. JQuery'yi kullanmanın ne kadar kolay olduğunu gösteriyor. Şimdi onu seviyorum ve karmaşık olsa bile herhangi bir jQuery betiğini okuyup anlayabiliyorum.

Burada "gibi bir örnek I yeniden boyutlandırma Metin "

1- jQuery :

<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 Şekillendirme :

<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>

Bu eğitimleri şiddetle tavsiye ederim:

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

JQuery'yi öğrenmek için çok sayıda kaynak vardır (buna tamamen değer IMHO). JQuery belgelerini okumak için http://docs.jquery.com/Main_Page buradan başlayın . Bu, sunduklarını görsel olarak görmek için harika bir site: http://visualjquery.com/1.1.2.html . Manning yayınlarının da şiddetle tavsiye edilen ve jQuery in Action adlı harika bir kitabı var . JavaScript kitaplıkları söz konusu olduğunda, bu ve Prototip, jQuery'yi başka bir şeyle karşılaştırmak istiyorsanız muhtemelen en popüler olanlardır.

Diğer geliştiricilerin jQuery diliyle nasıl çalıştığını görmek için jQuery uzantılarına bakarak öğrenmeye başladım. Sadece jQuery sözdizimini öğrenmeme yardımcı olmadı, aynı zamanda kendi uzantılarımı nasıl geliştireceğimi de öğretti.

jQuery öğrenmeye değer !!! "JQuery'yi Öğrenme" ve "jQuery İş Başında" okumanızı tavsiye ederim. Her iki kitap da açıklama ve örneklerle harika. Bir sonraki adım, gerçekten bir şeyler yapmak için kullanmaktır. Resmi http://docs.jquery.com dökümantasyonunu çok faydalı bulacaksınız . Referans olarak kullanıyorum, her zaman google'da :)

Ayrıca Sean tarafından yönetilen "jQuery'yi öğrenmek " blogu da çok kullanışlıdır. Ayrıca jQuery HowTo , büyük bir jQuery kod parçacığı koleksiyonuna sahiptir.

JQ-Fundamentals'ın burada bahsettiği Rebecca Murphey tarafından görmedim .

Çok güzel bir kitap. Ayrıca, JQuery'nin temellerini anlamak için gereken JavaScript'in temellerini de açıklar.

Jquery.com iyi organize edilmiş ve birçok harika örneği var. Kitap almanıza gerek yok. Sadece web sitesinin belgelerine bakarak anında teslim almayı kolay buldum. Yaparak en iyi öğrenen biriyseniz, bu yaklaşımı öneririm.

Ve evet, kesinlikle öğrenmeye değer. Size çok zaman kazandıracak ve aslında JavaScript çalışması yapmayı dört gözle bekleyeceksiniz!

Hoşuma giden Prototip kullanıyorum . Korkarım jQuery'yi bilmiyorum, bu yüzden onları karşılaştıramıyorum, ancak Prototip'in incelemeye değer olduğunu düşünüyorum. Deneyimlerime göre API belgeleri genellikle oldukça iyidir (bu kesinlikle öğrenilebilirliğe yardımcı olur).

Hey, şu anda bu adamlarla çalıştığım için önyargılıyım, ancak Carsonified, jQuery becerilerini öğrenen ve geliştiren insanlar için bazı harika kaynaklar sunuyor. Önümüzdeki Pazartesi jQuery'de John Resig'in kendisinin de yer aldığı bir çevrimiçi konferans var - http://carsonified.com/online-conferences/jquery/

Ayrıca, artık Think Vitamin blogundaki üyelik planları aracılığıyla eğitim videoları sunuyorlar.

Orada çok fazla ücretsiz kaynak olduğunu biliyorum, sanırım buradaki fark, aldığınız içeriğin kalitesidir. umarım yararlıdır!

SQL biliyorsanız, aşağıdaki bağlantı size yardımcı olabilir (Sadece css seçiciler).

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

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