jQuery入門

Webブラウザ上で動作する、JavaScriptのフレームワークとして特に人気の高いjQueryを用いたリッチなインタフェースを持つアプリケーションの作成を学習します。前提となるXMLやCSS、DOMやJavaScriptのポイントを押さえた後、jQueryによるHTML要素の操作を学びます。また、Ajaxを利用したWebアプリケーションとの連携方法も紹介します。jQueryを利用することで直感的な操作が可能なWebページを作成することができ、またAjax通信を行うことによりサーバとの間で送受信するデータ量を圧縮することが可能となります。

研修概要

研修の目的

DOMの構造を理解できる。
jQueryを利用して、DOMの操作ができる。
ブラウザ上でのイベント処理を行うことができる。
AjaxによりWebアプリケーションとデータの送受信ができる。

研修の内容

Ajax概要
- Ajaxとは
- 同期通信と非同期通信
- 演習（開発環境構築）
DOM
- DOMツリーとノード
- 親子関係/兄弟関係
JavaScript
- HTML要素とイベント
- HTML要素へのアクセス
CSS
- セレクタ
- プロパティ
jQueryの基本
- jQueryのダウンロードと適用
- jQueryの記述場所
- jQuery関数の基本形
- 要素の指定
- 演習（簡単なjQueryページ作成）
jQuery セレクタ
- jQuery セレクタの種類
- 基本セレクタ/階層セレクタ
- フィルタ
- 演習（セレクタ）
jQuery 属性の操作
- 属性の追加/削除、属性値の取得
- style属性/class属性/value属性
jQuery 要素の操作
- 要素の追加/変更/削除/複製
- コールバック関数
- 演習（要素の操作）
jQuery 繰り返し
- each関数/map関数
jQuery 検索と抽出
- filter関数/find関数
jQuery イベント処理
- イベントオブジェクト
- イベント処理（マウス、キー入力、フォーム、ブラウザ）
- 演習（イベント処理）
jQuery エフェクト
- 要素の表示/非表示、スライド、フェードイン/フェードアウト
- 演習（エフェクトの適用）
jQuery UI
- jQuery UIのダウンロードと適用
- インタラクション、ウィジェット、エフェクト
- 演習（jQuery UIの利用）
Ajaxアプリケーション
- jQueryのAjaxサポート
- ajax関数/get関数/post関数
- 演習（総合演習）

対象者

HTMLだけでは表現できない、高機能なWebクライアントを作成したい方

前提条件

HTML、CSS、JavaScriptの基本的な文法を理解している

コース詳細

日程	2012年9月 4日〜2012年9月 5日（2日間）
時間	09:30〜17:00
会場	テクマトリックス（株）セミナールーム
受講料	84,000円(税込み) ※受講料にはテキスト代も含まれています。
定員	10人

実習環境

Webブラウザ、jQuery1.4.x
※使用ソフトウェアは変更になる可能性があります。

配布資料

セミナーテキスト、全演習サンプルソースコード