jQuery初級 | 基礎が分かれば怖くないjQuery

jQueryはアニメーションや計算などを手軽にプログラミングできる、とても優れたJavaScriptプラグインです。


この講座は、

・HTML/CSSを使えるようになったので、次はプログラミングもやってみたい方
・難しそうなので踏み出せずにいる方
・開発者と詳しい話をしたいデザイナー/ディレクターの方

といった、「入門者」「初心者」の方を対象とした講座となっています。
jQueryのキソのキソを理解して、自分の手で楽しくスライドショーのプログラミングをしてみましょう。


【どんな事をするの？】
漫然とプログラミングをするのではなく、
[解説]→[質問タイム]→[プログラミング]→[答え合わせ]→[質問タイム]
の流れに沿って、一つ一つの内容をしっかりと理解、習得できるように進めていきます。
質問タイムでは、どんどん質問しちゃってくださいね。


【途中でわからなくなったらどうしよう？】
講座は細かく区切って進めていきますので、ご安心ください。
もし、わからなくなってしまっても、都度「答え合わせ」で正解プログラムコードをお渡しするので、つまづいた箇所だけを後で復習する事もできます。


【教わるのはどんな内容？】
・jQueryとは？
　　～まず知っておきたいjQueryの役割～
・jQueryの基本とセレクターの使い方
　　～「日本語」と比較できるjQuery～
・jQueryの命令
　　～いよいよ動かしてみる～
・jQueryのイベント
　　～動かすタイミングが大事！～
・エフェクト
　　～綺麗に見せるための効果をつけてみる～
といった内容について、解説とハンズオン形式で進めていきます。
聞いた事が無い用語も出てくるかもしれませんが、それらについても解説していきます。


【html/cssはどれくらい知ってればいい？】
下記のhtml/cssが読めれば、jQueryについて問題なく理解できる講座設計にしています。
-------------------------------------
<!--html-->
<div class="slider">
<ul>
<li><img src="img01.jpg"></li>
<li><img src="img02.jpg"></li>
<li><img src="img03.jpg"></li>
</ul>
</div>
-------------------------------------
/*--css--*/
#slider { width: 960px; }
#slider ul li { float: left; }
-------------------------------------