授業計画 |
回数 |
学習目標 |
学習項目 |
1 |
・JavaScriptの概要を説明出来る。
・カレンダを使ったスクリプトを実行出来る。 |
【JavaScriptの基礎1】
・JavaScriptを動作&作成する環境について
・JavaScriptを動作させるまでの一般的な流れ
・カレンダを使用したスクリプトの動作確認 |
【理解度確認】演習問題の実施と動作確認 |
2 |
・簡単なスクリプトを0から作成出来る。
・内部ファイルおよび外部ファイルへスクリプトコード記述出来る。 |
【JavaScriptの基礎2】
・JavaScriptの作成方法
・スクリプトコードの記述場所について
・内部ファイルおよび外部ファイルへの記述方法 |
【理解度確認】演習問題の実施と動作確認 |
3 |
・JavaScriptで使用出来るデータ型の種類を説明出来る。
・変数を利用したスクリプトを作成出来る。 |
【JavaScriptの基礎3】
・JavaScriptで使用されるデータ型について
・配列の利用 |
【理解度確認】演習問題の実施と動作確認 |
4 |
・JavaScriptで使用される各種オブジェクトを説明出来る。
・メッセージウインドウを使ったスクリプトを作成出来る。 |
【JavaScriptの基礎4】
・JavaScript上で利用出来るオブジェクトについて
・メッセージウインドウの利用 |
【理解度確認】演習問題の実施と動作確認 |
5 |
・JavaScriptの有効/無効を識別する方法を説明出来る。
・JavaScriptの有効/無効を識別するスクリプトを作成出来る。 |
【JavaScriptの基礎5】
・JavaScriptの有効/無効の識別について |
【理解度確認】演習問題の実施と動作確認 |
6 |
・スタイルシートについて説明出来る。
・スタイルシートを編集するスクリプトを作成出来る。 |
【JavaScriptの基礎6】
・JavaScript からのスタイルシートの編集 について1
・ボタン入力について |
【理解度確認】演習問題の実施と動作確認 |
7 |
・スタイルシートを編集するスクリプトを作成出来る。 |
【JavaScriptの基礎7】
・JavaScript からのスタイルシートの編集 について2 |
【理解度確認】演習問題の実施と動作確認 |
8 |
・各種入力チェックを行うスクリプトを作成出来る。 |
【JavaScriptの基礎7】
・JavaScriptにおける入力チェックについて(空欄チェック、ニューメリックチェック...等) |
【理解度確認】演習問題の実施と動作確認 |
9 |
・チェックボックスの特徴を説明出来る
・チェックボックスを利用したスクリプトを作成出来る。 |
【JavaScriptの基礎7】
・チェックボックスコントロールの利用 |
【理解度確認】演習問題の実施と動作確認 |
10 |
・Cookieについて説明出来る
・Cookieを利用するスクリプトを作成出来る。 |
【JavaScriptの基礎8】
・JavaScriptによるCookieの利用 |
【理解度確認】演習問題の実施と動作確認 |
11 |
・DOMスクリプティングについて説明出来る。
・テキストノード属性値を変更するスクリプトを作成出来る |
【DOMスクリプティング】
・DOMスクリプティングについて
・テキストノード属性値の変更 |
【理解度確認】演習問題の実施と動作確認 |
12 |
・jQueryについて説明出来る。
・jQueryの主な使い方を説明出来る。
・従来のスクリプトをjQueryを使ったものに変更出来る。 |
jQuery1】
・jQueryについて
・jQueryを使ったスクリプトへの書き換え方
・jQueryの主な使い方 |
【理解度確認】演習問題の実施と動作確認 |
13 |
・Validateを使った入力チェックスクリプトを作成出来る。 |
【jQuery2】
・Validateを使った入力チェック |
【理解度確認】演習問題の実施と動作確認 |
14 |
・Bootstrapについて説明出来る。
・jQueryで作ったものを、Bootstrapに変更出来る。 |
【Bootstrap】
・Bootstrapについて
・フレームワークの様々な機能を利用する |
【理解度確認】演習問題の実施と動作確認 |
15 |
・Ajaxについて説明出来る。
・XmlHttpRequestオブジェクトを使ったをスクリプトを作成出来る。 |
【Ajaxの基礎】
・Ajaxについて
・XmlHttpRequestオブジェクトの使い方 |
【理解度確認】演習問題の実施と動作確認 |