Amazon Kindle Unlimited
Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ!
初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね!
変数名/関数名にもう悩まない!
- 美しいコードが書けるが自然と書けるようになる
- 他の開発者が理解しやすいコードになる
おすすめ参考書
先輩!jQueryの学習でおすすめの本を教えてください!
了解!僕がおすすめする本について紹介していくね!
jQuery最高の教科書
出版社 | SBクリエイティブ |
著者 | 株式会社シフトブレイン |
発売日 | 2013/11/26 |
ページ数 | 320ページ |
- jQueryの基礎知識と本書の特徴
- 3ステップではじめるかんたんjQuery入門
- jQueryの基本的な書き方
- 確かな基礎力を養うjQueryの基本テクニック
- 活用の幅を広げるjQueryの必修テクニック
- 高機能なギャラリーページを作ってみよう!
- jQueryを活用したさまざまな表現
とてもわかり易い参考書にでした。
引用元:Amazon
いままで、わからないまま、なんとなくスクリプトを入れていましたが、こちらを参考にすることで、だいぶ理解できるようになったと思っています。
jQueryは既存の物を改造かコピペばかりで、イチから作成したいと思い購入。
最近の技術系の本はすごく分かりやすくなり、ありがたいです。()や{}、;や.の意味などひとうひとつ丁寧に説明してくれていますので、3章まで丁寧に学習していけば改造は出来るようになるでしょう。
引用元:Amazon
このような基礎の基礎は、Webサイトからの情報を断片的に集めていくことが難しいですので、買ってよかった良書です。
「このような事をする」と先に明示され、その解説を後半で…という構成です。
サンプルもオシャレで早く触ってみたい!と学習意欲が湧いてきます。
最終的にアニメーション、折りたたまれたメニューなど以前より自由に作ることが出来るようになりました。
jQuery標準デザイン講座
出版社 | 翔泳社 |
著者 | 神田 幸恵 |
発売日 | 2015/12/15 |
ページ数 | 307ページ |
- jQueryの基礎知識
- jQueryの文法
- jQueryのサンプル制作:Level1
- jQueryのサンプル制作:Level2
- jQueryのサンプル制作:Level3
- jQueryのサンプル制作:Level4
- jQueryのサンプル制作:Level5
jQueryに興味を持つきっかけは「Webページに動きをつけたい」だと思いますが、この本にはそんな動機になったサンプルが必ず複数あります。
またサンプルファイルにすでに記述されているHTML&CSS、写真データのセンスが非常に良く、全26レッスンのサンプル製作で段階的に難易度をあげながら、jQueryでやりたかったアレもコレもを習得できるようになっています。
引用元:Amazon
Amazonさんで、結構PC関連の書籍は購入させてもらってますが、表紙に「世界一簡単な・・・」とか「丁寧な」と謳っている本の多いこと・・・。この本は表紙は一見 難しいのかな?と思ってしまいそうですがjQueryの楽しさ、便利さが凝縮されてます。自分は2周しましたが2周目にはコードは見ずに、さくさく作れるようになりました。ネイティブなJSを知っていると、jQueryの簡単さ便利さがよくわかります。
引用元:Amazon
10日でおぼえるjQuery入門教室
出版社 | 翔泳社 |
著者 | 山田 祥寛 |
発売日 | 2013/10/7 |
ページ数 | 368ページ |
- jQuery利用のための基礎知識
- jQueryのキモ セレクター構文
- ページレイアウトの操作
- コンテンツの操作を究める
- イベントとイベントリスナーの理解
- アニメーション効果の実装
- Ajaxでクライアント/サーバー間をつなぐ
- jQuery UI&プラグインで高度な機能もラクラク実装
いい本だと思います。基礎は身につくと個人的には思います。
引用元:Amazon
ただし徐々に難解になっていくため特に後半部分で挫折する可能性があります。
必ずやりきるという覚悟で購入した方がいいと思います。
やり切った時には最低限の自信がつくと思います。
jQueryを全く知らなくても、背景や基礎知識から学ぶことができます。実習と講義の繰り返しで、講義部分も丁寧に説明がなされていますので、私のようにプログラミング初心者でも、コードを書くことができます。しっかり段階を踏んで徐々に複雑な操作を学べるので、後半のAjaxでクライアント・サーバー間をつなぐ仕組みや、jQuery UIやプラグインなど複雑な仕組みも無理なく理解できます。
引用元:Amazon
おすすめ動画コンテンツ
私がおすすめする動画コンテンツはUdemyです。
実際にUdemyを利用して実感した魅力的なポイントは、以下の通りです。
- 新規学習者向けのセールで格安でコースを購入することができる
- コース購入から30日以内であれば、返金することができる
- 分からない箇所があれば、コメントで質問することができる
- プロのエンジニアが教えてくれるため、実践的な講義を受けられる
Udemyすごい。。
僕も新しい技術を学びたい時には、必ずと言っていいほど利用しているよ!
即実践 手を動かして6時間でjQueryをマスターしよう。知識、経験ゼロからjQueryを使いこなそう
作成者 | 村守 康 |
学習時間 | 6時間 |
- ホームページサイトに画像の自動入れ替えやドロップダウンメニューなど最新の機能を実装できる
- ウェブサイトに劇的な効果を実装できる技術
- javascriptの入門講座にもなり、javascriptの基礎が学習できます。
- はじめに
- jQuery 最初に押さえておくこと
- jQuery文法の基礎
- 実践的なjQuery文法
- カルーセル
- プルダウンメニュー/li>
- Back-to-top
- Lightbox
Jqueryの基本もそうですが、WEBページ制作の基本である、HTML/CSSの両方を合わせて学べます。(HTML等は事前に学習しないと辛いと思います)
引用元:Udemy
一般的なJqueryライブラリのサイトへの導入など実践的です。
HTML/CSSを一通り終了して、もう一つワンランク上の動的サイトを作成するにはぴったしの講座です。おかげで、スライダーやLightboxと以前から勉強したかったコードをマスターすることができました。本当に詳しく説明しているので、jQueryのほかのサンプルの使用にも応用ができて、自分で使えるようになりました。
引用元:Udemy
速習+詳細+実例 jQuery講座
作成者 | 柳井 政和 |
学習時間 | 9時間 |
- jQueryを使った基本的なプログラミング
- セレクタやイベント、エフェクトを利用したWebページの操作
- AjaxやDeferredを使った非同期の処理
- jQueryを使った実際の利用シーンでの応用的なプログラミング
- jQueryを使ったWebページ上のアプリケーション作成
- イントロダクション
- 速習jQuery 基本編
- 速習jQuery API編
- 速習jQuery 上級編
- 詳細jQuery jQuery
- 詳細jQuery Selector セレクタ 基本
- 詳細jQuery Selector セレクタ 位置
- 詳細jQuery Selector セレクタ 種類と状態
- 詳細jQuery Traversing 横断 兄弟親子
- 詳細jQuery Traversing 横断 その他
- 詳細jQuery Events イベント 基本
- 詳細jQuery Events イベント キー&マウス
- 詳細jQuery Events イベント 汎用操作
- 詳細jQuery Events イベント eventオブジェクト
- 詳細jQuery Attributes 属性操作
- 詳細jQuery CSS
- 詳細jQuery Dimensions 縦横サイズ
- 詳細jQuery Data
- 詳細jQuery Manipulation 操作
- 詳細jQuery Effects エフェクト シンプル
- 詳細jQuery Effects エフェクト 上級
- 詳細jQuery Ajax
- 詳細jQuery Deferred
- 詳細jQuery Utilities
- 実例jQuery ブックマークレット
- 実例jQuery 電卓
- 実例jQuery 記念日表示
JQueryのセレクタ、メソッド、etcがとても詳しく、細切れだった知識をきちんと取得したかったので、とてもいいと感じます。
引用元:Udemy
全体的に網羅されているので、知らない機能をたくさん知ることが出来ました。
引用元:Udemy
まとめ
今回は、JavaScriptのライブラリであるjQueryの学習でおすすめの本と動画コンテンツについてご紹介しました。
jQueryを習得することで、JavaScriptよりも早く開発することができ見やすいコードを書くことができるようになるので、頑張って習得しましょう!
近年人気になっているJavaScriptのフレームワークであるVueやReactについても紹介しています!