JavaScriptをｊQueryを使って学ぼう
ホームページ同好会ではこのところ世界のホームページ作成技術の動向に呼応して勉強の中心をHTML5及びCSS3の目指す趣旨に沿って、より豊かで動的な表現が出来るような技術の研鑽に努めて来ました。
この為には、私たち自身ではもう少しCSSやJavaScriptの知識を広め、経験を積まなければならないと感じていました。
そこで今回はJavaScriptの入門とｊQueryを利用した更なるJavaScriptの応用に焦点を当てて解説することにします。
JavaScript講座の目次
| Lesson No | レッスンのテーマ | 作成・更新日 |
| 第１章 JavaScriptの概要 | 1-1.JavaScriptとは？ 1-2.入力方法 1-3.記述方法 1-4.jQueryとの関係 1-5.JavaScriptやjQueryでどんなことが出来るの |
2012/07/01 |
| 第２章 JavaScriptの基本 | 2-1.文字列や数字を表示させる 2-2.変数と配列、演算子について 2-3.オブジェクト、メソッド、プロパティ 2-4.繰り返し処理、条件分岐 2-5.イベントハンドラ 2-6.関数 2-7.割り込み処理 |
2012/07/01 |
| 第３章 jQueryの入門 | 3-1. jQueryとは 3-2. jQueryの基本文法：セレクターとメソッド 3-3. jQueryのダウンロードと利用法 3-4. CSSのプロパーティーを変更する方法 3-5. DOMの選択の色々な方法 |
2012/07/01 |
| 第４章 画像・テキストの制御 | 4-1.マウスを重ねると画像が入れ替わる 4-2.画像のサイズを変更する 4-3.画像を動かす（スタイルシート） 4-4.テキストを動かす（DOMについて） |
2012/12/01 |
| 第５章 jQueryの入門その２ | 5-1.ＤＯＭの追加・削除・操作 5-2.jQueryのアニメーション・メソッド 5-3.jQueryのイベント・メソッド 5-4.jjQueryを使ったAjax通信 5-5..jQueryのライブラリーの利用 |
2012/07/24 |
| 第６章 ウインドウの制御 | 6-1.新しいウインドウを開く、閉じる 6-2.ウインドウを動かす 6-3.ウインドウのサイズを変更する 6-4.ウインドウをスクロールさせる 6-5.jQueryのライブラリー利用 |
2012/１２/３１ |
| 第７章 フォームの制御 | 7-1.ボタン部品各種 7-2.テキスト部品各種 7-3.セレクトメニュー 7-4.フォーム共通のメソッド・プロパティ 7-5.jQueryのライブラリー利用 |
201３/０１/０３ |
| 第８章 jQuery Pluginの利用 | 8-1.画像のロール・オーバー(JQuery Rollover 8-2.フォト・ギャラリー（jQuery Light Box） 8-3.タブ・メニュー 8-4.GoogleMapsTwitterの埋め込み 8-5.jQueryを使った総合プロジェクト |
未定 |
