Di mana saya bisa belajar jQuery? Apakah itu layak?


126

Saya punya banyak pengalaman bagus belajar tentang pengembangan web di w3schools.com . Saya tahu, ini hit atau miss, tetapi bagian PHP dan CSS telah terbukti sangat berguna untuk referensi.

Lagi pula, saya bertanya-tanya apakah ada situs serupa untuk jQuery . Saya tertarik untuk belajar, tetapi saya membutuhkannya untuk online / dapat dicari, sehingga saya dapat merujuk kembali dengan mudah ketika saya membutuhkan informasi di masa depan.

Selain itu, sebagai tambahan singkat, apakah jQuery layak dipelajari? Atau haruskah saya melihat perpustakaan JavaScript yang berbeda? Saya tahu Jeff menggunakan jQuery di Stack Overflow dan tampaknya berfungsi dengan baik.

Terima kasih!

Sunting : situs web jQuery memiliki daftar tutorial yang cukup besar , dan halaman dokumentasi yang tampaknya komprehensif . Saya belum punya waktu untuk membahas semuanya, apakah ada orang lain yang punya pengalaman dengannya?

Sunting 2 : Tampaknya Google sekarang meng-hosting perpustakaan jQuery. Itu seharusnya memberi jQuery keuntungan yang cukup besar dalam hal publisitas.

Juga, jika semua orang menggunakan satu pustaka aQuery tunggal yang dihosting di tempat yang sama, itu harus di-cache untuk sebagian besar pengguna Internet sejak awal dan karena itu tidak berdampak pada jejak unduhan situs Anda jika Anda memutuskan untuk menggunakannya.

2 Bulan Kemudian ...

Sunting 3 : Saya mulai menggunakan jQuery pada proyek di tempat kerja baru-baru ini dan itu sangat menyenangkan untuk bekerja dengannya! Hanya ingin memberi tahu semua orang bahwa saya telah menyimpulkan bahwa ini BENAR - BENAR layak untuk dipelajari dan digunakan jQuery.

Juga, saya belajar hampir seluruhnya dari dokumentasi dan tutorial resmi jQuery . Ini sangat mudah.

10 Bulan Kemudian ...

jQuery adalah bagian dari hampir semua aplikasi web yang saya buat sejak saya awalnya menulis posting ini. Itu membuat peningkatan progresif mudah, dan membantu membuat kode dapat dipertahankan.

Juga, semua plug-in jQuery adalah sumber daya yang tak ternilai!

3 tahun kemudian...

Masih menggunakan jQuery hampir setiap hari. Saya sekarang membuat plug-in jQuery dan berkonsultasi penuh waktu. Saya terutama seorang Djangonaut tetapi saya telah melakukan beberapa kontrak javascript hanya dengan jQuery. Itu adalah penyelamat.

Dari satu pengguna jQuery ke yang lain ... Anda harus melihat templating dengan jQuery (atau garis bawah - lihat di bawah).

Hal-hal lain yang saya temukan berharga selain jQuery (dengan perkiraan porsi proyek yang saya gunakan):


1
Google meng-hosting semua lib JavaScript besar, jadi saya tidak melihat itu sebagai kemenangan besar untuk jQuery pada khususnya. Yang menyenangkan tentang hal ini adalah dilayani dari pipa Google dan mungkin sudah di-cache secara lokal pada sistem pengguna.
Nosredna

4
Bung luar biasa, senang melihat bahwa Anda meluangkan waktu untuk memperbarui pengalaman Anda dengan jquery. aku pasti akan meluangkan waktu untuk belajar sekarang juga :)
melaos

Jawaban:


44

Blog-blog Rick Strahl dan Matt Berseth memberi saya tip tentang jQuery dan saya senang mereka melakukannya. jQuery benar-benar berubah a) perspektif pemrograman klien Anda, b) kesedihan yang disebabkannya oleh Anda, dan c) betapa menyenangkannya itu!

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

http://mattberseth.com/

Saya menggunakan buku 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 (saya membelinya di Amazon sekitar $ 22). Ini sangat membantu dalam mem-bootstrap saya ke jQuery. Dokumentasi di jquery.com juga sangat membantu.

Tempat di mana jQuery jatuh sedikit datar adalah dengan komponen UI-nya. Mereka tampaknya belum siap untuk waktu primetime.

Bisa jadi Prototipe atau MooTools atau ExtJS sama bagusnya dengan jQuery. Tetapi bagi saya, jQuery tampaknya memiliki momentum lebih sedikit di belakangnya sekarang dan itu penting bagi saya.

Lihat jQuery. Itu sangat keren!


10

Sumber yang bagus untuk mempelajari jQuery adalah: Mempelajari jQuery . Penulis, Karl Swedberg, juga ikut menulis buku berjudul ... ready? Yup, Belajar jQuery . Remy Sharp juga memiliki info hebat yang diarahkan pada aspek visual jQuery di blog-nya .

--SEAN O


6

Saya menggunakan Prototipe selama sekitar enam bulan sebelum saya memutuskan untuk belajar jQuery. Bagi saya, itu seperti perbedaan malam dan siang. Misalnya, dalam Prototipe Anda akan mengulang serangkaian elemen yang memeriksa apakah ada dan kemudian mengatur sesuatu di dalamnya, di jQuery Anda hanya mengatakan $ ('div.class'). Find ('[name = thing]') atau apa pun dan atur.

Ini jauh lebih mudah digunakan dan terasa jauh lebih kuat. Dukungan plugin juga bagus. Untuk hampir semua pola js umum, ada plugin yang melakukan apa yang Anda inginkan. Dengan prototipe, Anda akan googling untuk blog yang memiliki potongan kode yang Anda butuhkan.


5

Ini sangat berharga. jQuery benar-benar membuat JavaScript menyenangkan lagi. Seolah-olah semua praktik terbaik JavaScript dibungkus menjadi satu perpustakaan.

Saya mempelajarinya melalui jQuery in Action (Manning), yang saya ikuti selama akhir pekan. Ini sedikit di belakang keadaan saat ini, terutama dalam hal plug-in, tapi ini merupakan pengantar yang bagus.


dicambuk melalui itu? jadi kamu seorang master sekarang?
user72603

Sulit, tetapi senang membaca sehingga saya tidak bisa meletakkannya.
yukondude

4

Ada banyak perpustakaan JavaScript yang layak setidaknya untuk tinjauan sekilas untuk melihat apakah mereka sesuai dengan kebutuhan khusus Anda. Pertama, buat daftar kriteria pendek untuk memandu proses seleksi dan evaluasi Anda.

Kemudian, lihat perbandingan / ulasan kerangka kerja tingkat tinggi di suatu tempat seperti Wikipedia , pilih beberapa yang sesuai dengan kriteria dan minat Anda. Uji mereka untuk melihat bagaimana mereka bekerja untuk Anda. Sebagian besar, jika tidak semua, perpustakaan ini memiliki situs web dengan dokumentasi referensi dan dukungan tipe kelompok pengguna.

Untuk menyebutkan beberapa nama di sana, Prototipe , script.aculo.us , Jquery , Dojo , YUI ... semua itu tampaknya memiliki pengguna dan kontributor aktif, sehingga mereka mungkin layak dibaca untuk melihat apakah mereka memenuhi kebutuhan Anda.

Jquery baik, tetapi dengan sedikit usaha ekstra, mungkin Anda akan menemukan bahwa sesuatu yang lain lebih baik untuk Anda.

Semoga berhasil.


Mootool juga harus ada dalam daftar.
Joshua Partogi

3

Saya menemukan bahwa seri tutorial ini ( "jQuery for Absolute Beginners" Video Series) oleh Jeffery Way SANGAT MEMBANTU.

Ini menargetkan para pengembang yang baru mengenal jQuery. Dia menunjukkan cara membuat banyak hal keren dengan jQuery, seperti animasi, Membuat dan Menghapus Elemen dan banyak lagi.

Saya belajar banyak dari hal itu. Dia menunjukkan betapa mudahnya menggunakan jQuery. Sekarang saya menyukainya dan saya bisa membaca dan memahami skrip jQuery apa pun meskipun rumit.

Ini adalah salah satu contoh yang saya suka " Ubah Ukuran Teks "

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- Styling 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 todays video tutorial, Ill show you how to resize text every 
    time an associated anchor tag is clicked. Well be examining 
    the slice”, parseFloat”, and CSS Javascript/jQuery methods.
    </p>
</div>

Saya sangat merekomendasikan tutorial ini:

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


3

Ada sejumlah sumber daya untuk belajar jQuery (yang sepenuhnya sepadan dengan IMHO). Mulai di sini http://docs.jquery.com/Main_Page untuk membaca dokumentasi jQuery. Ini adalah situs yang bagus untuk melihat secara visual apa yang ditawarkan: http://visualjquery.com/1.1.2.html . Publikasi Manning juga memiliki buku hebat yang sangat direkomendasikan disebut jQuery in Action . Sejauh menyangkut perpustakaan JavaScript, yang ini dan Prototipe mungkin yang paling populer jika Anda ingin membandingkan jQuery dengan yang lain.


2

Saya mulai belajar dengan melihat ekstensi jQuery untuk melihat bagaimana pengembang lain bekerja dengan bahasa jQuery. Itu tidak hanya membantu saya mempelajari sintaks jQuery tetapi juga mengajari saya bagaimana mengembangkan ekstensi saya sendiri.


2

jQuery layak dipelajari !!! Saya sarankan membaca "Belajar jQuery" dan "jQuery dalam Aksi". Kedua buku itu bagus dengan penjelasan dan contoh. Langkah selanjutnya adalah benar-benar menggunakannya untuk melakukan sesuatu. Anda akan menemukan dokumentasi resmi http://docs.jquery.com sangat berguna. Saya menggunakannya sebagai referensi, google sepanjang waktu :)

Juga blog " Belajar jQuery " yang dihadirkan oleh Sean juga sangat berguna. Selain itu jQuery HowTo juga memiliki banyak koleksi potongan kode jQuery.


2

Saya belum melihat JQ-Fundamentals - oleh Rebecca Murphey yang disebutkan di sini.


Ini buku yang sangat bagus. Ini juga menjelaskan dasar-dasar JavaScript yang diperlukan untuk memahami dasar-dasar JQuery.


1

Jquery.com terorganisir dengan baik dan memiliki banyak contoh bagus. Anda tidak perlu membeli buku. Saya merasa mudah untuk mengambil dengan cepat hanya dengan merujuk dokumentasi situs web. Jika Anda adalah seseorang yang belajar paling baik dengan melakukan, saya akan menyarankan pendekatan ini.

Dan ya, itu sangat berharga untuk dipelajari. Ini akan menghemat banyak waktu dan Anda benar-benar berharap untuk melakukan pekerjaan JavaScript!


0

Saya menggunakan Prototipe , yang saya suka. Saya khawatir saya tidak tahu jQuery, jadi saya tidak bisa membandingkannya, tapi saya pikir Prototipe layak untuk dicoba. Dokumentasi API mereka umumnya cukup bagus, menurut pengalaman saya (yang tentu saja membantu pembelajaran).


Dia juga bertanya tentang lib JS lainnya.
Lucas Wilson-Richter

0

Hei, saya bias karena saya sekarang bekerja dengan orang-orang ini, tetapi Carsonified menawarkan beberapa sumber daya yang bagus untuk orang-orang yang belajar dan meningkatkan keahlian jQuery mereka. Senin depan ada konferensi online tentang jQuery yang menampilkan John Resig sendiri - http://carsonified.com/online-conferences/jquery/

Selain itu, mereka sekarang menawarkan tutorial video melalui skema keanggotaan mereka di blog Think Vitamin,

Saya tahu ada banyak sumber daya gratis di luar sana, saya kira perbedaannya di sini adalah kualitas konten yang Anda dapatkan. semoga bermanfaat!


Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.