jQueryはどこで学べますか?その価値はありますか?


126

w3schools.comでの Web開発について多くの良い経験をしました。ヒットかミスかはわかりますが、PHPとCSSのセクションは参照用として非常に役立つことがわかっています。

とにかく、jQueryに似たようなサイトがあるのか​​と思っていました。学習に興味がありますが、オンライン/検索可能にする必要があるため、将来情報が必要になったときに簡単に参照できます。

また、簡単に言うと、jQueryは学ぶ価値がありますか?または、別のJavaScriptライブラリを見る必要がありますか?私はジェフがスタックオーバーフローでjQueryを使用していることを知っています。

ありがとう!

編集:jQueryのWebサイトには、かなり大きなチュートリアルのリストと、一見包括的なドキュメントページがあります。まだすべてを確認する時間はありませんでしたが、他の誰かがそれを体験したことがありますか?

編集2:GoogleがjQueryライブラリをホストしているようです。これにより、宣伝の面でjQueryにかなり大きな利点がもたらされます。

また、誰もが同じ場所でホストされている単一の統合aQueryライブラリを使用している場合、それはほとんどのインターネットユーザーの早い段階でキャッシュされるため、使用する場合でもサイトのダウンロードフットプリントには影響しません。

2か月後...

編集3:私は最近、仕事中のプロジェクトでjQueryを使い始めました。jQueryを学び、使用することは絶対に価値があると私が結論したことを皆に知らせたかっただけです。

また、ほぼ完全に公式jQueryのドキュメントチュートリアルから学びました。とても簡単です。

10か月後...

jQueryは、この投稿を最初に作成して以来、私が作成したほぼすべてのWebアプリの一部です。これにより、プログレッシブエンハンスメントが簡単になり、コードの保守が容易になります。

また、すべてのjQueryプラグインは非常に貴重なリソースです。

3年後...

ほぼ毎日jQueryを使用しています。現在、jQueryプラグインを作成し、フルタイムで相談しています。私は主にDjangonautですが、jQueryといくつかのjavascriptのみの契約をしました。それは命の恩人です。

あるjQueryユーザーから別のjQueryユーザーへ... jQuery(または下線-下を参照)でのテンプレート化を検討する必要があります。

jQueryに加えて私が貴重だと思ったその他のもの(私が使用しているプロジェクトの推定部分を含む):


1
Googleはすべての大きなJavaScriptライブラリをホストしているため、特にjQueryの大きな成功とは思えません。これの良い点は、Googleのパイプから提供され、ユーザーのシステムのローカルに既にキャッシュされている可能性があることです。
Nosredna 2009年

4
素晴らしく、jqueryのエクスペリエンスを更新するために時間をかけたことを確認できて素晴らしいです。私は間違いなく今もそれを学ぶために
時間をかけるつもりです

回答:


44

Rick StrahlとMatt Bersethのブログはどちらも私をjQueryに引き込みました。jQueryは、a)クライアントプログラミングの観点、b)それによって引き起こされる悲しみ、c)どれほど楽しいかを完全に変更します。

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を使用しました (私はそれを使用して購入しましたAmazonは約22ドルです)。これは、私をjQueryにブートストラップするのに非常に役立ちました。jquery.comのドキュメントも非常に役立ちます。

jQueryが少し平坦になる場所は、UIコンポーネントです。それらはまだまだゴールデンタイムの準備ができていないようです。

PrototypeMooToolsExtJSはjQueryと同じくらい良いかもしれません。しかし、私にとっては、jQueryは現在、その背後にもう少し勢いがあるようであり、それは私にとって何かに値します。

jQueryを確認してください。とてもかっこいいです!


10

jQueryを学習するための優れたリソースは、jQueryの学習です。著者のカール・スウェドバーグもこの本を共同執筆しました。うん、jQueryを学ぶ。Remy Sharpのブログには、jQueryの視覚的な側面に向けた優れた情報もあります。

--SEAN O


6

jQueryを学ぶことを決定する前に、Prototypeを約6か月使用しました。私にとっては、昼と夜の違いのようでした。たとえば、プロトタイプでは、一連の要素が存在するかどうかを確認してからループし、jQueryで$( 'div.class')。find( '[name = thing]')などと言うだけです。そしてそれを設定します。

とても使いやすく、より強力に感じられます。プラグインのサポートも素晴らしいです。ほとんどすべての一般的なjsパターンに対して、必要なことを実行するプラグインがあります。プロトタイプを使用すると、必要なコードのスニペットを含むブログを探し回ることになります。


5

それは非常に価値があります。jQueryは本当にJavaScriptを再び楽しくします。JavaScriptのすべてのベストプラクティスが1つのライブラリにまとめられているかのようです。

週末にホイップしたjQuery in Action(Manning)学びました。現在の状況、特にプラグインに関しては少し遅れていますが、素晴らしい導入です。


それを泡立てた?あなたは今マスターです
user72603 2009年

ほとんど読むことはできませんでした。
yukondude 2009年

4

特定のニーズに適しているかどうかを確認するために、少なくとも簡単なレビューに値する多数のJavaScriptライブラリがあります。まず、選択と評価のプロセスをガイドする基準の短いリストを作成します。

次に、ウィキペディアなどの高レベルのフレームワークの比較/レビューを確認し、基準に合った興味のあるものをいくつか選択してください。それらをテストして、それらがどのように機能するかを確認します。これらのライブラリのすべてではないにしても、ほとんどのWebサイトには、リファレンスドキュメントとユーザーグループタイプのサポートが含まれています。

Prototypescript.aculo.usJqueryDojoYUIなど、いくつかの名前を公開するには、これらすべてにアクティブなユーザーとコントリビューターがいるようです。

jqueryは良いですが、少し余分な努力をするだけで、他の何かがあなたにとってよりうまくいくことに気付くでしょう。

幸運を。


Mootoolsもリストに載っています。
ジョシュアパルトギ2009

3

Jeffery Wayによるこれらの一連のチュートリアル(「jQuery for Absolute Beginners」ビデオシリーズ)は非常に役立つことがわかりました。

jQueryを初めて使用する開発者を対象としています。彼はアニメーション、要素の作成と削除など、jQueryを使って多くのクールなものを作成する方法を示しています。

私はそれから多くを学びました。彼は、jQueryの使い方がいかに簡単かを示しています。今ではそれが気に入っており、複雑なjQueryスクリプトも読み、理解することができます。

ここで「のような1例Iでサイズ変更テキスト

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スタイル

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

私はこれらのチュートリアルを強くお勧めします:

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


3

jQueryを学ぶためのリソースはたくさんあります(IMHOの価値は十分にあります)。ここからhttp://docs.jquery.com/Main_Pageを開始して、jQueryのドキュメントを読んでください。これは、提供する機能を視覚的に確認するのに最適なサイトです:http : //visualjquery.com/1.1.2.html。Manningの出版物には、jQuery in Actionと呼ばれる優れた書籍もあります。JavaScriptライブラリーに関しては、jQueryを他のライブラリーと比較する場合、これとプロトタイプがおそらく最も人気があります。


2

他の開発者がjQuery言語をどのように使用しているかを確認するために、jQuery拡張機能を調べることから学び始めました。これは、jQuery構文を学ぶのに役立つだけでなく、独自の拡張機能を開発する方法も教えてくれました。


2

学ぶ価値のあるjQuery !!! 「jQueryの学習」および「jQueryの実際」を読むことをお勧めします。両方の本は、解説と例で素晴らしいです。次のステップは、実際にそれを使用して何かを行うことです。公式のhttp://docs.jquery.com文書は非常に便利です。私はそれを参照として使用し、常にグーグルします:)

また、Seanが作成した「Learning jQuery」ブログも非常に役立ちます。また、jQuery HowToにはjQueryコードスニペットのすばらしいコレクションもあります。



1

Jquery.comはよく構成されており、多くの優れた例があります。本を買う必要はありません。ウェブサイトのドキュメントを参照するだけで、その場で簡単にピックアップできます。あなたがすることによって最もよく学ぶ人なら、私はこのアプローチを提案するでしょう。

そして、はい、それは絶対に学ぶ価値があります。これにより多くの時間を節約でき、実際にJavaScriptの作業を楽しみにしています!



0

ねえ、私は今これらの人たちと仕事をしているという点で偏見がありますが、CarsonifiedはjQueryスキルセットを学習および改善する人々にいくつかの優れたリソースを提供しています。ちょうど次の月曜日に、ジョンレジグ自身をフィーチャーしたjQueryに関するオンライン会議があります-http ://carsonified.com/online-conferences/jquery/

また、今ではThink Vitaminブログのメンバーシップスキームを介してビデオチュートリアルを提供しています。

無料のリソースがたくさんあることは知っていますが、ここでの違いは、取得するコンテンツの品質にあると思います。お役に立てれば幸いです。


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.