| １． |
授業の概要（ねらい）・ディプロマポリシーとの関連 |
|
情報メディアプログラミング1に引き続き、HTML+CSS+JavaScriptによるWebページの作成手法について学びます。情報メディアプログラミング2では、DOM、Ajax、jQuery等を使い、実用的なWebページ作成のためのJavaScriptプログラミングについての知識を修得し、プログラムが作成できるようになることを目指します。
本講義は、ディプロマポリシーのDP4Mに関連します。
|
| ２． |
授業の到達目標 |
|
(1)DOMを利用したJavaScriptプログラムが作れる
(2)Ajaxを利用したJavaScriptプログラムが作れる
(3)jQueryを利用したJavaScriptプログラムが作れる
|
| ３． |
成績評価の方法および基準・フィードバック方法 |
|
期末試験(70%)および毎回出題される課題(30%)により評価します。
全体の60%を取得した者を合格とします。
試験はLMSに正解例を掲示します。
提出された課題は個別にLMSより講評を返します。
|
| ４． |
教科書・参考書 |
|
教科書：『スラスラわかるJavaScript』, 翔泳社
ISBN 9784798125831
|
| ５． |
準備学修の内容・必要な時間 |
|
LMSに掲載されている授業コンテンツを読み、「要点のノート」を作成してから授業に臨んでください。
要点のノートは授業中に提出してもらいます。
また授業の初めに前の授業の復習問題を解いてもらいますので、内容を復習しておいてください。
これには１時間以上の学習時間が必要です。
|
| ６． |
その他履修上の注意事項 |
|
情報メディアプログラミング1を履修していることが望ましい。
|
| ７． |
授業内容 |
|
| 【第１回】 | | DOM(1): DOM | | 【第２回】 | | DOM(2): CSS | | 【第３回】 | | DOM(3): W3C DOMのイベントモデル | | 【第４回】 | | Ajax(1): Ajaxの基礎知識 | | 【第５回】 | | Ajax(2): レスポンスのデータフォーマット | | 【第６回】 | | Ajax(3): Ajaxを利用した応用プログラミング | | 【第７回】 | | 総合練習：DOM・Ajaxを利用したJavaScriptプログラミング | | 【第８回】 | | jQuery(1): jQueryとは、jQueryで使用可能なセレクタ | | 【第９回】 | | jQuery(2): jQueryによるDOM操作 | | 【第10回】 | | jQuery(3): jQueryによるイベント処理 | | 【第11回】 | jQueryを用いた応用課題(1): 実践的なWebページのレイアウト制作
| | 【第12回】 | | jQueryを用いた応用課題(2): Webページ内の動的な部品の作成 | | 【第13回】 | | 総合制作課題(1): Webページ制作の設計と実装 | | 【第14回】 | | 総合制作課題(2): Webページ制作の実装と振り返り | | 【第15回】 | | まとめと復習 |
|
