JavaScript&Ajax プロが教える“本当の使い方”-詳細目次 | デザインってオモシロイ -MdN Design Interactive-

JavaScript&Ajax プロが教える“本当の使い方”-詳細目次

2019.6.20 THU

contents

JavaScript&Ajax プロが教える“本当の使い方”
現場で使われるJavaScriptのノウハウを徹底解説!!




■CHAPTER01 JavaScriptの“本当の使い方”


JavaScriptの概要
JavaScriptの記述ルール
演算子
変数/配列
オブジェクト
プロパティ/メソッド
制御構造
関数
イベントハンドラ
DOM(Document Object Model)の仕組み

SECTION01 サムネイルとボタンで切り替えるフォトログ風ギャラリー
SECTION02 定休日を赤字で表示するカレンダーパーツ
SECTION03 9つのBOXがロールオーバーで開閉するインターフェイス
SECTION04 リストを特定の数で分割して見せる
SECTION05 デジタルクロックと時間に応じたメッセージの表示
SECTION06 ロールオーバーで左右に揺れるアニメーション
SECTION07 グローバルナビゲーションをJavaScriptで自動化
SECTION08 フォームに入力されたテキストを検証&整形するフレームワーク
SECTION09 サイト内で別のHTMLを表示するウィンドウ
SECTION10 リンク画像ファイルの読み込み中を表示するウィンドウ
SECTION11 サイト内検索フィールドのユーザビリティを高める



■CHAPTER02 JavaScriptライブラリの“本当の使い方”


JavaScriptライブラリの概要
よく使われるJavaScriptライブラリ

SECTION01 3段階に文字のサイズを変化させるボタン
SECTION02 フェードイン/フェードアウトするコンテンツ切り替え表示
SECTION03 スライディング&タブパネルで紙芝居風のコンテンツ切り替え
SECTION04 アニメーション機能を駆使した動きのあるタブメニュー
SECTION05 別ページをプレビューできるリサイズ可能なポップアップ
SECTION06 Lightbox系jQueryプラグイン「FancyBox」をカスタマイズ
SECTION07 自動的にスライドして商品を見せるショーケース
SECTION08 文字入力をチェックしてメッセージダイアログを表示
SECTION09 大量のデータをコンパクトに見せるアコーディオン&折りたたみパネル
SECTION10 クリックでソートできるXMLと連携したテーブル
SECTION11 タイトルをクリックして折りたためるウィジェット



■CHAPTER03 Ajaxの“本当の使い方”


Ajaxの概要
Ajaxのデータ通信に最適なJSON
よく使われるWeb API

SECTION01 用語解説を別ファイルで作成してポップアップ表示する
SECTION02 特定フィードの内容をコンテンツに盛り込む
SECTION03 XMLファイルを利用したスライドショー
SECTION04 ウィキペディア記事の要約をツールチップで表示
SECTION05 Google Maps APIを利用してアクセスマップを作成

目的別索引
用語索引


 

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

こんな記事も読まれています

この連載のすべての記事

アクセスランキング

6.10-6.16

MdN BOOKS|デザインの本

Pick upコンテンツ

現在