授業計画 |
| 回数 |
学習目標 |
学習項目 |
| 1 |
JavaScriptの特徴を説明出来る。
HTMLのページにJavaScriptを組み込むことが出来る。
JavaScriptのイベントハンドラを使って、動的なWebサイトを作成出来る。 |
初回ガイダンス
インラインスクリプト、外部スクリプト
HTML要素の取得、デバッグコンソールの使い方
プロパティ、メソッド
イベントハンドラ |
| 【理解度確認】実習課題 |
| 2 |
JavaScriptのオブジェクトを使って、動的なWebサイトを作成出来る。 |
window, document オブジェクト |
| 【理解度確認】実習課題 |
| 3 |
JavaScriptのプログラム内で、Webサイトに適用されたCSSを変更出来る。 |
CSSの変更 |
| 【理解度確認】実習課題 |
| 4 |
JavaScriptの基本制御構造を使って、動的なWebサイトを作成出来る。 |
条件分岐、繰り返し |
| 【理解度確認】実習課題 |
| 5 |
JavaScriptの配列を使って、動的なWebサイトを作成出来る。 |
配列、連想配列 |
| 【理解度確認】実習課題 |
| 6 |
JavaScriptのプログラム内で、HTMLの要素を追加・削除・編集出来る。 |
HTML要素の追加、削除、編集 |
| 【理解度確認】実習課題 |
| 7 |
これまでの学習内容を活かして、Webサイトを作成出来る。 |
総合演習（JavaScript基礎） |
| 【理解度確認】実習課題 |
| 8 |
これまでの学習内容を活かして、Webサイトを作成出来る。 |
総合演習（JavaScript基礎） |
| 【理解度確認】実習課題 |
| 9 |
JavaScriptを使ってサーバからデータを取得し、画面に表示出来る。 |
サーバ連携手法、RESTful API
データ取得方法（fetch API：GET） |
| 【理解度確認】実習課題 |
| 10 |
JavaScriptを使ってサーバにデータを送信出来る。 |
データ送信方法（fetch API：POST） |
| 【理解度確認】実習課題 |
| 11 |
JavaScriptを使って外部のWebAPIを実行し、その結果を表示出来る。 |
Google Web API |
| 【理解度確認】実習課題 |
| 12 |
JavaScriptを使って外部のWebAPIを実行し、その結果を表示出来る。 |
Google Web API |
| 【理解度確認】実習課題 |
| 13 |
これまでの学習内容を活かして、Webの予約登録フォームを作成出来る。 |
総合演習（サーバ連携） |
| 【理解度確認】実習課題 |
| 14 |
これまでの学習内容を活かして、Webの予約登録フォームを作成出来る。 |
総合演習（サーバ連携） |
| 【理解度確認】実習課題 |
| 15 |
これまでの学習内容を活かして、期末試験問題に回答出来る。 |
期末試験 |
| 【理解度確認】期末試験 |
