標準Webデザイン講座 JavaScript&Ajax

1st day：JavaScriptの基礎

Period-01　知っておきたいJavaScriptの基本
Period-02　JavaScriptをHTMLに組み込むには
Period-03　オブジェクト・プロパティ・メソッド・イベント
Period-04　関数・変数・演算子
補講　JavaScriptをDOMとの関係

2nd day：ブラウザを操作する

Period-01　JavaScriptで使えるダイアログボックス
Period-02　新しいウィンドウを開く・閉じる
Period-03　ディスプレイ上の決まった位置にウィンドウを開く
Period-04　フレームを操作する

3rd day：フォームを操作する

Period-01　フォームに入力したURIを表示する
Period-02　セレクトフォームを使ったリンク
Period-03　フォームの内容をチェックする
Period-04　フォームの値を計算する
補講　DOMの値を取得・設定する方法

4th day：画像を操作する

Period-01　画像のURLを変更する
Period-02　画像をアニメーションする
Period-03　フォームを使って画像を切り替える
Period-04　別フレームの画像を変更する

5th day：スタイルシートの表示を変更する

Period-01　DOMを使ってCSSの属性の値を取得、変更する
Period-02　スタイルシートの見栄えを変更する
Period-03　スタイルシートを使って解説を表示する
Period-04　スタイルシートのサイズを変更する
補講　Netscape Navigator 4.Xのスタイルシートの対応

6th Day：スタイルシートの位置を変更する

Period-01　スタイルシートを移動する
Period-02　スタイルシートの順番を変更する
Period-03　ウィンドウのサイズに合わせてスタイルシートを配置する
Period-04　マウスカーソルに合わせてスタイルシートを移動する

7th day：時間や日にちに合わせた処理を行う

Period-01　時間に関する情報を取得する
Period-02　時間に合わせてサイトを変更する
Period-03　特定の日に合わせた処理をする
Period-04　特定の日にちまでカウントダウンする
補講　JavaScriptの命令文（ステートメント）

8th day：Ajaxをサイトに導入する

Period-01　知っておきたいAjaxの仕組み
Period-02　Ajaxを使ってHTMLファイルを読み込む
Period-03　Ajaxをサイトに追加する
Period-04　Ajaxを使ってXMLファイルを読み込む
補講　XMLHttpRequestオブジェクトリファレンス

9th day：GoogleマップのAPIを利用する

Period-01　Google Mapsを使用するための手順
Period-02　Google MapsのサンプルHTMLを表示する
Period-03　Google MapsのサンプルHTMLを変更する
Period-04　Google Maps上に情報を追加する

10th day：JavaScriptライブラリを利用する

Period-01　Googleマップ以外のAPIやライブラリ
Period-02　「Yahoo!地図情報Webサービス」のサンプルHTMLを表示する
Period-03　「Yahoo!地図情報Webサービス」のサンプルHTMLを変更する
Period-04　prototype.jsを使用する
補講　クロスブラウザスクリプトのつくり方

Appendix：JavaScript簡易リファレンス

• 本商品の内容についての問い合わせ
• ご購入等に関する問い合わせ