jQueryについて

JavaScript(jQuery)について

JavaScript とは?

JavaScriptとは、プログラミング言語のひとつである。Javaと名前が似ているが、全く異なるプログラミング言語である。 JavaScriptはプロトタイプベースのオブジェクト指向スクリプト言語であるが、クラスなどのクラスベースに見られる機能も取り込んでいる。

参考サイト

jQuery とは?

jQueryは、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリである。ジョン・レシグが、2006年1月に開催された BarCamp NYC でリリースした。 ウィキペディア

記述の手順

  1. headタグ内にjQuery本体を読み込む
  2. 使用するjQueryの実行ファイル「内部の場合もあり」を記述
  3. idもしくはclassを「.html」と「.js」合わせる
    ※後は必要に応じて、htmlとcssを書き換える
    ※場合によっては、jsの記述の変更も必要

参考サイト

jquery サンプルを見つけてみましょう!

よくあるキーワードは…

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

【注意】コーディング作業に入ってから探すのは
無駄な制作時間になってしまいます。
事前に検証し使えるものを利用しましょう。

1.Web制作の仕事
 「WEB制作会社って何するの?」←仕事内容を分かりやすく解説
 ホームページを制作する際に必要な職種(人材)は?

2.JavaScriptとは?
 JavaScriptとは何なのか!初心者向けに徹底解説
 JavaScript とは

3.プログラムとスクリプトの違い
 スクリプト (scrpit)

4.JavaScriptの導入方法
 参考ソース1 html
 参考ソース2 html
        js1
        js2

5.jQueryとは?
 jQueryってなに?超初心者向け入門講座
 今さら聞けない!jQueryとは【初心者向け】

6.実例 ハンバーガーメニュー
 jQuery+CSS3で全画面表示するハンバーガーメニュー

7.実例 上に戻るボタン
 [jQuery]スルスルっとトップへ戻るボタンを設置しよう

8.jQueryの導入方法
 参考ソース3 html
        jQuery
        jQueryの元ソース
 参考ソース4 html
 jQuery
 Google Hosted Libraries