実技 ユーザーインターフェイス作成実習

-本日のアジェンダ-

1限目
実技 ユーザーインターフェイス作成実習
成績考査

2限目
実技 ユーザーインターフェイス作成実習
成績考査

3限目
実技 ユーザーインターフェイス作成実習
成績考査

4限目
実技 ユーザーインターフェイス作成実習
成績考査

5限目
実技 ユーザーインターフェイス作成実習
作品講評

本日のテーマ

成績考査です

本日の課題

コーディングしたサイト(LP)を、4限目終了までにご自身のWordpressに新規固定ページでUPしてください。

【パーマリンクのURL設定】
grade-check_20230315」としてください。

ポートフォリオサイトの1ページとして人に見せられるよう、制作過程や説明などもまとめましょう。
5限目に講評を行います。

実技 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限目の終わりまでに、
今日できたところまでのサイトをサーバに仮アップしましょう。