実技 JavaScript(jQuery)実習②

本日のアジェンダ-

1限目
実技 JavaScript(jQuery)実習②
jQueryプラグイン(カルーセル)の利用

2限目
実技 JavaScript(jQuery)実習②
jQueryプラグイン (カルーセル) の利用

3限目
実技 JavaScript(jQuery)実習②
jQueryの利用

4限目
実技 JavaScript(jQuery)実習②
作品制作

5限目
実技 JavaScript(jQuery)実習②
作品制作

本日のテーマ

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

jQueryとは

JavaScript初心者のためのjQuery入門

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

参考サイト

例:フェード

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


例:カルーセル(スライダー)

参考

カルーセルUIは使いやすい?デザインの観点から影響を考察してみました
カルーセルUI例:
 東リファブリックフロア | TOP
 東リファブリックフロア | GALLERY | 施工例

実技 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 リファレンス

参考サイト

例:フェード

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

例:カルーセル(スライダー)

jQuery(ジェイクエリー)は、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計された軽量なJavaScriptライブラリである。
引用元:ja.wikipedia.org