​​7. Javascript（jQuery）を使って動きのあるサイトを作ってみる
​​

​​JQueryとは

​​「JavaScript」と呼ばれるプログラミング言語をより扱いやすくしたライブラリとして一時期とても人気でした。
​​
​​最近は「Javascirpt」が進化してきたこともあり、だんだん使われないようになってきていますが
​​まだまだ便利な部分もあります。
​​
​​便利ポイント
  • ​​jQeuryをつかったプラグインがたくさんある
  • ​​プラグインを使うと、簡単に動きのあるサイトの実装が作れる
​​
​​jQueryを使わないプラグインも存在するため、その時々で選択しましょう。
​​

​​JQueryの初期設定

​​JQueryを使用するにはjquery.jsファイルをhead内で読み込んであげる必要があります。
​​
​​ファイルをダウンロードして読み込むことが一般的ではありますが。
​​CDN（コンテンツデリバリーネットワーク）を使ってWeb上にアップロードされているファイルを読み込む方法もあります。
​​
​​下記をhead内に記述しましょう。
​​
​​<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
​​
​​

​​簡単なスライダーを実装してみましょう

​​
 
slick - the last carousel you'll ever need
slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more!
kenwheeler.github.io
slick - the last carousel you'll ever need • kenwheeler.github.io
​​
​​

​​Javscriptで作れるもの

  • ​​アコーディオン
  • ​​ハンバーガー
  • ​​モーダル・ギャラリー（ライトボックス）
  • ​​ツールチップ
  • ​​パララックス効果のあるサイト
​​