実技 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回成績考査について

3月3日の5限目までに、Webページを提出してください。
提出は完成形ではなく、「途中の段階」で結構です。
今後卒業までの期間を使って完成形を目指してみてください。

※WEBページはFFFTPでHTMLサーバーにアップしてください。
※サイト内容は自由です。是非、就職活動に活かせる作品を作成してみてください。

就職活動に役立つサイト

情報収集に役立つ参考サイト

学科 JavaScript基礎

-本日のアジェンダ-

1限目
学科 JavaScript基礎
JavaScriptについて

2限目
学科 JavaScript基礎
JavaScript 使い方について

3限目
学科 JavaScript基礎
課題作成

4限目
学科 JavaScript基礎
課題作成

5限目
学科 JavaScript基礎
課題作成

本日のテーマ

JavaScriptの活用法についてです。

JavaScript とは?

JavaScriptはスクリプト言語のひとつでありNetscape Communications社によって開発されたプログラミング言語ですが、標準化され現在ではほとんどのブラウザの標準スクリプト言語として使用されています。JavaScriptを使用することでWebページに動きを与えたり算術などの処理を行うことが可能になります。JavaScriptはクライアント(ブラウザ)のスクリプト言語として発展して来ましたが近年ではサーバーサイドでも稼働するものもあります。JavaScriptの言語仕様はECMAScriptとして標準化されています。

参考サイト

jQuery とは?

jQueryは、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリです。jQueryは、JavaScriptライブラリのデファクトスタンダードであると言われています。
jQueryは、以下の特徴を持ちます。

  • ブラウザの違いを意識せずに処理を記述できます。
  • HTML文書(DOM:Document Object Model)に簡単にアクセスできます。
  • Ajax処理(サーバーとの非同期通信)が簡単に記述できます。

参考サイト

JavaScriptでの記述

JavaScriptを記述する時の基本事項を理解しましょう。

参考サイト

第5回成績考査について

3月3日の5限目までに、Webページを提出してください。
提出は完成形ではなく、「途中の段階」で結構です。
今後卒業までの期間を使って完成形を目指してみてください。

※WEBページはFFFTPでHTMLサーバーにアップしてください。
※サイト内容は自由です。是非、就職活動に活かせる作品を作成してみてください。