1. ホーム >
  2. 書籍 >
  3. jQuery標準デザイン講座

jQuery標準デザイン講座


形式:
書籍
発売日:
ISBN:
9784798136226
価格:
本体2,480円+税
仕様:
B5変・304ページ
分類:
プログラミング(Web系)

本書籍の他の形式を確認する

  • このエントリーをはてなブックマークに追加

作って身につく・仕組みがわかる30レッスン!

本書は、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 カウントアップゲーム

[補講] プラグインの利用
索引

ダウンロードファイルは、まだ公開されておりません。今しばらくお待ちくださいますようお願い申し上げます。

書籍への問い合わせ

正誤表、追加情報をご確認の上、こちらよりお問い合わせください

書影の利用許諾について

本書籍に関する利用許諾申請はこちらになります

追加情報はありません。

本書に誤りまたは不十分な記述がありました。下記のとおり訂正し、お詫び申し上げます。

書籍・SEshop限定PDF:ご購入刷数  電子書籍 最終更新日:2016年02月29日
発生刷 ページ数 書籍改訂刷 電子書籍訂正 内容 登録日
1刷 005
目次「[補講]プラグインの利用」のノンブル(ページ数)
[補講]プラグインの利用……084
[補講]プラグインの利用……290
2015.12.09
1刷 029
中央右「memo」欄の alert()メソッドについて
(p.67参照)
(p.68参照)
2016.02.29
1刷 097
下から2行目
Chapter03を適宜参照しながら
LESSON03を適宜参照しながら

jQueryの文法解説はLESSON03にまとめています。
2015.12.09
1刷 184
手順1のソースコード3行目
$("a[href*=#]:not([href=#])").click( function(){
$("a[href^=#]:not([href=#])").click( function(){

本書サンプルの場合、絞り込み用のセレクタは「a[href*=#]:not([href=#])」でも機能しますが、本文解説の通りに「#から始まらないもの」および「#だけのもの」を除く場合は、「a[href^=#]:not([href=#])」とするのがより厳密な記述となります。
2016.01.25

関連書籍

関連記事