フロントエンド - JavaScript/jQuery - JavaScript/jQueryを理解する

[fr-sato]

■目的

JavaScript、jQueryについて理解してもらいます。

■課題

以下について調べて下さい。

• JavaScriptとは
• jQueryとは
• JavaScriptとjQueryの違い
• オブジェクトとは

[fr-itaya]

本課題は12：15開始、工数見積2.5時間で行います。 よろしくお願いします！

[fr-itaya]

• JavaScriptとは
  • 主にWebページで使用されるオブジェクト指向のスクリプト言語。
  • 静的な表現しか出来なかったWebページに、動きや対話性を付加することを目的に開発され、主要なWebブラウザの殆どに搭載されている。
• jQueryとは
  • JavaScriptの記述簡便化と機能補完を目的に設計された、軽量なJavaScriptライブラリ。
  • 本体であるjQuery Coreに、自作可能な拡張メソッドである「プラグイン」を追加することが出来る。 例) jQuery公式プラグイン「jQuery UI」、タッチパネルに最適化された「jQuery Mobile」
• JavaScriptとjQueryの違い
  • 関係
  • jQueryの正体はJavascriptを使ったプログラムである。
  • クロスブラウザ対応
  • JavaScript：ブラウザ依存。ブラウザがバージョンアップする度に機能拡張されるので、互換性を考えて記述する必要がある。
  • jQuery：ブラウザ毎に処理を分けなくて良い。短い記述で済むことにより、不具合の発生率を減らすことが出来る。
  • 書式
  • JavaScript：Javaに似た記法
  • jQuery：スタイルシートに似た記法
• オブジェクトとは
  • JavaScriptにおけるオブジェクト = プロパティとメソッドを持つ構造体
  • プロパティ：特定のデータが格納されている変数
  • メソッド：オブジェクトが持っている関数
  • 連想配列のようなものと説明されることもあるが、連想配列は主体が各要素なのに対し、オブジェクトはオブジェクトそのものが主体。
  • jQueryにおけるオブジェクト = 選択した要素一式を（配列の形で）含み、且つjQueryの機能となるメソッド（関数）を備えたオブジェクト

[fr-sasaki]

確認しました！OKです :+1: