実技 JavaScript(jQuery)実習

-本日のアジェンダ-

1限目
実技 JavaScript(jQuery)実習
jQueryの使い方について

2限目
実技 JavaScript(jQuery)実習
jQueryの導入

3限目
実技 JavaScript(jQuery)実習
課題制作

4限目
実技 JavaScript(jQuery)実習
課題制作

5限目
実技 JavaScript(jQuery)実習
課題制作

本日のテーマ

jQueryを自分のサイトに導入しましょう

jQueryの導入

jQueryを自分のサイトに導入して動きのあるサイトを作りましょう。

参考サイト

jQueryの利用方法(復習)

jQueryを利用する時は実装するための参考サイトを検索し利用方法を理解しましょう。
検索は、「jQuery (実装したいキーワード)」で検索します。
良く使うキーワードの例は、以下の通りです。

  • スライダー
  • カルーセル
  • ハンバーガーメニュー
  • ライトボックス
  • ドリルダウン
  • フェード
  • スクロール など

参考サイト

本日の課題

コーディングを進めましょう。
5限目の終わりまでに、
今日できたところまでのサイトをサーバに仮アップしましょう。