実技 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 (実装したいキーワード)」で検索します。
良く使うキーワードの例は、以下の通りです。

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

参考サイト

jQueryの導入

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

参考サイト

第5回成績考査について

8月30日(火)の5限目までに、Webページを提出してください。
※WEBページはFFFTPでHTMLサーバーにアップしてください。
※サイト内容は自由です。是非、就職活動に活かせる作品を作成してみてください。

学科 JavaScript基礎③

-本日のアジェンダ-

1限目
学科 JavaScript基礎③
Webアプリケーションについて

2限目
学科 JavaScript基礎③
Webアプリケーションの作成方法

3限目
学科 JavaScript基礎③
課題制作

4限目
学科 JavaScript基礎③
課題制作

5限目
学科 JavaScript基礎③
課題制作

本日のテーマ

Webアプリケーションを理解しましょう。

Webアプリケーション とは

Webアプリケーションは、簡単に言うとインターネットを利用してブラウザ上から操作できるアプリケーションのこと示します。Webアプリケーションと対比する用語としてネイティブアプリケーションというものがあります。

ネイティブアプリケーションは、PCやスマホなどの端末にインストールして使用しますが、Webアプリケーションは端末へのインストールが不要でブラウザがあれば使用できます。

一般的には、高機能なアプリケーションは、ネイティブアプリケーションでの提供が多い状況でしたが、端末の高性能化により高機能なアプリケーションもWebアプリケーションとして提供されることが多くなりました。

参考サイト

本日の課題

WordPressサイトに、本日学んだ内容を投稿ページにまとめてください。

第5回成績考査について

8月30日(火)の5限目までに、Webページを提出してください。
※WEBページはFFFTPでHTMLサーバーにアップしてください。
※サイト内容は自由です。是非、就職活動に活かせる作品を作成してみてください。