実技　JavaScript（jQuery）実習②

本日のアジェンダ-

1限目
実技　JavaScript（jQuery）実習②
jQueryの利用

2限目
実技　JavaScript（jQuery）実習②
jQueryの利用

3限目
実技　JavaScript（jQuery）実習②
作品制作

4限目
実技　JavaScript（jQuery）実習②
作品制作

5限目
実技　JavaScript（jQuery）実習②
作品制作

本日のテーマ

jQueryプラグインを自分のサイトに導入してみましょう。

jQueryとは

JavaScript初心者のためのjQuery入門

jQuery
jQuery公式サイト
jQuery日本語リファレンスの例
jQuery リファレンス

参考サイト

例：フェード

例：ハンバーガーメニュー＋ナビゲーションドロワー

例：カルーセル（スライダー）

実技　JavaScript（jQuery）実習①

-本日のアジェンダ-

1限目
実技　JavaScript（jQuery）実習①
jQueryについて

2限目
実技　JavaScript（jQuery）実習①
jQueryについて

3限目
実技　JavaScript（jQuery）実習①
作品制作

4限目
実技　JavaScript（jQuery）実習①
作品制作

5限目
実技　JavaScript（jQuery）実習①
作品制作

本日のテーマ

jQueryの構造を理解してみましょう。

JQUERY サンプルを検索して見つけてみましょう！

よくあるキーワードは…

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

例：スクロール