習得時間：40時間
JavaScriptの開発環境の準備から簡単なプログラムの作成やGoogle Mapを使った実践向けなプログラムまで盛りだくさんの内容で学習することができます。
後半ではなんとなく聞いてことのあるjQueryに触れていきます。

講座内容

第１章　JavaScriptをはじめる前に

1. JavaScriptとは？
2. JavaScript動作の仕組み
3. Ajaxとは？

第２章　開発環境の準備

1. 開発環境について
2. Firefoxをインストールしよう
3. Adobe Dreamweaver の環境設定をしよう
4. サンプルプログラムをダウンロードしよう

第３章　JavaScriptの基礎知識

1. JavaScriptを記述するための約束事
2. JavaScriptのファイル名に関する約束事
3. 「Hello Worldl!」プログラムを作成しよう
4. JavaScript開発においての注意点
5. JavaScriptとCSSの関係を知っておこう

第４章　ページの背景色を変えてみよう

1. サンプルプログラムを見てみよう
2. HTMLの要素を操作してみよう
3. 変数を使ってみよう
4. 背景色をセットしよう
5. 関数について詳しく知っておこう

第５章　時間によってページの背景画像を変えてみよう

1. サンプルプログラムを見てみよう
2. 現在の時間を取得してみよう
3. 時間を判定しよう
4. 背景画像を切り替えよう
5. 背景画像を配列で管理しよう

第６章　動きのあるテーブルを作ろう

1. サンプルプログラムを見てみよう
2. DOMを使ってターゲットとなる要素を取得しよう
3. ループ文を使ってみよう
4. マウスイベントで要素の背景色を変更しよう
5. クリックされた行の中身を取得してみよう

第７章　チェックボックスと連動したボタンを作ろう

1. サンプルプログラムを見てみよう
2. 初期設定をしよう
3. チェックボックスにイベントを設定しよう
4. ボタンをアクティブにしよう
5. 確認メッセージを表示してみよう
6. 送信ボタン以外を押してフォームを送信してみよう

第８章　タブで切り替えるメニューを作ろう

1. サンプルプログラムを見てみよう
2. タブとコンテンツの関連を考えよう
3. 要素の表示／非表示を切り替えよう
4. クリックでタブとコンテンツを切り替えよう
5. 文字列の操作を詳しく知ろう

第９章　外部からデータを取得してみよう

1. サンプルプログラムを見てみよう
2. 「Ajax」と呼ばれる技術
3. ライブライリーを使おう
4. Ajax通信でデータを取得しよう
5. サーバーと連携して動的に生成された情報を読み出そう
6. Google Maps APIを使って地図を表示しよう

第１０章　ライブラリーをもっと使ってみよう

1. jQueryについて知ろう
2. サンプルプログラムを見てみよう
3. jQueryでページのロードを待とう
4. CSSセレクタで要素を取得しよう
5. jQueryのメソッドを使ってみよう
6. jQuery UIを使ってみよう