-本日のアジェンダ-
1限目
実技 ユーザーインターフェイス作成実習①
jQueryの使い方について
2限目
実技 ユーザーインターフェイス作成実習①
jQueryの導入
3限目
実技 ユーザーインターフェイス作成実習①
課題制作
4限目
実技 ユーザーインータフェイス作成実習①
課題制作
5限目
実技 ユーザーインターフェイス作成実習①
課題制作
本日のテーマ
jQueryを自分のサイトに導入しましょう
jQueryの導入
jQueryを自分のサイトに導入して動きのあるサイトを作りましょう。
参考サイト
- jQueryでできること10選。動的サイトの制作やプログラミングを簡略化!
- 初心者でも簡単!jQueryのWeb制作術と自作プラグイン活用法 | 侍エンジニアブログ
- jQuery を用いたWeb デザイン
jQueryの利用方法(復習)
jQueryを利用する時は実装するための参考サイトを検索し利用方法を理解しましょう。
検索は、「jQuery (実装したいキーワード)」で検索します。
良く使うキーワードの例は、以下の通りです。
- スライダー
- カルーセル
- ハンバーガーメニュー
- ライトボックス
- ドリルダウン
- フェード
- スクロール など
参考サイト
本日の課題
コーディングを進めましょう。
5限目の終わりまでに、
今日できたところまでのサイトをサーバに仮アップしましょう。