Chapter1 イントロダクション

JavaScriptにはどんな特徴があるのか、どういうところで使われているのかを紹介します。

• 1.1 これからJavaScriptを始める皆さんへ
• 1.2 JavaScriptってどういうもの?
• 1.3 JavaScriptの「プログラミング」と動作の仕組み
• 1.4 各章の概要
• 1.5 用意するツール
• 1.6 サンプルデータのダウンロード
• 1.7 テンプレートを準備して、いざ出発！

Chapter2 アウトプットの基本

JavaScriptプログラムの基礎的な文法と、基本のアウトプット（画面への出力）を試してみます。

• 2.1 コンソールにアウトプット《開発ツールを使ってみよう》
• 2.2 JavaScriptはどこに書く?《<script>タグとJavaScriptの記述場所》
• 2.3 ダイアログボックスを表示する《window.alert()》
• 2.4 HTMLを書き換える《要素を取得する・コンテンツを書き換える》

Chapter3 JavaScriptの文法と基本的な機能

条件分岐のif文、繰り返しのfor文、while文など、JavaScriptの「文法」をマスターしましょう。

• 3.1 確認ダイアログボックスを表示する《条件分岐(if)》
• 3.2 入力内容に応じて動作を変更する《変数》
• 3.3 動作のバリエーションを増やす《条件分岐(else if)》
• 3.4 数当てゲーム《比較演算子、データ型》
• 3.5 時間で異なるメッセージを表示する《論理演算子》
• 3.6 1枚、2枚、3枚…と出力する《回数が決まっている基本の繰り返し》
• 3.7 コンソールでモンスターを倒せ！《回数が決まっていない繰り返し》
• 3.8 税込価格を計算する《ファンクション》
• 3.9 FizzBuzz《算術演算子》
• 3.10 項目をリスト表示する《配列》
• 3.11 アイテムの価格と在庫を表示する《オブジェクト》

Chapter4 インプットとデータの加工

フォームへの入力内容、日付、配列などのデータを取得して加工し、それをHTMLへ出力するトレーニングをします。

• 4.1 フォームの入力内容を取得する《入力内容の取得とイベント》
• 4.2 わかりやすく日時を表示する《Dateオブジェクト》
• 4.3 小数点第◯位で切り捨てる《Mathオブジェクト》

Chapter5 一歩進んだテクニック

Chapter2〜Chapter4のテクニックを発展させて、より実践に近いプログラムを書いてみます。

• 5.1 カウントダウンタイマー《時間の計算とタイマー》
• 5.2 プルダウンメニューで指定ページへ《URLの操作、ブール属性の設定》
• 5.3 プライバシーポリシー 承認パネルを作る《クッキー(Cookie)》
• 5.4 イメージの切り替え《サムネイルのクリックによる画像の切り替え》
• 5.5 スライドショー《ここまでの知識を総動員》

Chapter6 jQuery入門

jQueryを使ってみましょう。DOM操作（UIの作成）や基礎的なAjaxと呼ばれる、外部データの取得テクニックも試してみます。

• 6.1 開閉するナビゲーションメニュー《要素の取得とclass属性の追加・削除》
• 6.2 ドロワーを作ってみよう《CSSと組み合わせてアニメーションを実現》
• 6.3 空き席状況をチェック《AjaxとJSON》

Chapter7 外部データを活用したアプリケーションに挑戦!

外部データを活用したWebアプリ ケーションの作成に挑戦します。RSSフィードを取得して最新記事一覧を表示したり、Instagramが提供する機能を使用してギャラリーを作成したりします。

• 7.1 あなたはいまどこ？《位置情報（navigator.geolocation）》
• 7.2 Web APIを使ってみよう《OpenWeatherMap APIで天気予報》