本書は、HTMLとCSSの知識はあってもJavaScriptやjQueryには触れたことがない初心者を対象にした、Web制作向けのjQuery学習書です。全30LESSONを通して、jQueryの基礎知識と基本文法の学習から始めて、実際に動作サンプルを作りながら、jQueryのしくみと使い方を学んでいきます。
各LESSONは、考え方や設計を説明する「講義」と、実際にコードを書いて作っていく「実習」で構成。メニューやナビゲーション、UIパーツなど、Webサイトでよく使われているサンプル作例を自分で作りながら、「使える」知識がきちんと身につきます。
サンプル作例は小さなパーツから始めて、少しずつ複合的なパーツを作っていく難度順なので、プログラミングになじみのない初心者でも挫折せずに進められます。Web制作者を目指す人や、スキルアップしたいWebデザイナーのためのjQuery教科書としておすすめの1冊です!
Introduction レッスンを始める前に
Chapter01 jQueryの基礎知識
LESSON01 jQueryの概要
LESSON02 jQueryの導入
Chapter 02 jQueryの文法
LESSON03 jQueryの文法
LESSON04 JavaScriptの基本
Chapter 03 jQueryのサンプル制作:Level 1
LESSON05 トグルメニュー
LESSON06 アラートボックス
LESSON07 ビューアー
LESSON08 タブ
Chapter 04 jQueryのサンプル制作:Level 2
LESSON09 ドロップダウンメニュー
LESSON10 フローティングメニュー
LESSON11 lightBox風モーダルウインドウ
LESSON12 画像のキャプション表示
LESSON13 ツールチップ
Chapter 05 jQueryのサンプル制作:Level 3
LESSON14 ボックスの高さを合わせる
LESSON15 文字サイズの変更
LESSON16 パララックス効果
LESSON17 フィルタリング
LESSON18 テーブルセルのハイライト
LESSON19 アコーディオンパネル
LESSON20 スムーススクロール
Chapter 06 jQueryのサンプル制作:Level 4
LESSON21 バナーのランダム表示
LESSON22 フォームのバリデーション
LESSON23 スライドメニュー
LESSON24 スクロールによるヘッダーのリサイズ
LESSON25 ブラウザ上部に固定されるヘッダー
LESSON26 メニューのハイライト
Chapter 07 jQueryのサンプル制作:Level 5
LESSON27 スライドショー(横スクロール)
LESSON28 スライドショー(フェードイン/アウト)
LESSON29 画像のズーム
LESSON30 カウントアップゲーム
[補講] プラグインの利用
索引
ねも さん
2021-11-27
とにかくわかりやすい。jQueryの使い方でつまづいていたけどこの本のおかげでだいぶクリアになった! HTMLとCSSがある程度できる人なら迷わず動かせると思う。ただ、内容が少し古くてES6の書き方に慣れた自分はやりづらかった。
セナゾー さん
2019-12-14
最初に簡潔にjQueryのメソッド等を解説し、残りはそれらのメソッドを使った実践的なデザインの作り方。とても分かりやすいのと、少ないメソッドで簡潔に作れるデザインばかりなので、初心者向きかも。経験者は物足りなく感じそうである
yyhhyy さん
2021-08-09
よく見るアレjQuery(プラグインなし)でどうやってるの?の作例集。この手の本は少なく貴重。他方で、idで指定したり全部JS側でトリガーもスタイルも指定したりと説明重視のために敢えてメンテナンス性を無視したコードが載っているのでその辺りは初心者は注意が必要。