Copy Link
PRO COURSE
6時間でマスター!! jQueryで動きのあるWebサイトを作ろう
カルーセルやドロップダウンメニューなど「動きのある」Webサイトを構築できるjQueryを6時間で習得するための講座です。魅力的な動くサイトを作れるようになりましょう！
6時間で「動きのある」サイトを作ろう!!
jQuery入門講座
横にスライドして複数枚の画像を表示するカルーセル。
また、画像をクリックすると、画像がポップアップして表示されるような動きのあるサイトを目にしたことはありますか？
このコースを学習すれば、たったの6時間でこのような動きのあるWebサイトを作れるようになります。
Webサイトを開発できる自信がない方も安心してください。このコースで学ぶjQueryを使えば、誰でも簡単に動くWebサイトを作ることができます！
このコースの特徴
- jQueryについて基礎から丁寧に解説しているので初心者でも安心です。
- JavaScriptの入門講座としても活用いただけます。
- 各章にダウンロード資料があり、実際にコードを書きながら学ぶことができます。
開発環境について
Windows, MacなどOSを問わず開発できます。
なお、エディタはAdobeの「Brackets」を使っています。他のエディタでも問題ありませんが、動画内で使われているものと環境を合わせたい場合は、Adobe社のサイトからBracketsを無料でダウンロードしてください。
このコースで6時間でjQueryを習得し、動きのあるWebサイトを開発できるようになりましょう！
Course content
Total
5 hours 59 minutes
Preview
You can preview lectures with this label
| Section 1：はじめに | ||||
| 1 | ダウンロード資料 | 1:00 | ||
| 2 | jQueryでできること | 2:38 | ||
| 3 | jQueryとは | 3:24 | ||
| 4 | jQueryの実装のしくみ | 6:57 | ||
| 5 | jQueryを実装してみよう | 7:50 | ||
| Section 2：jQuery 最初に押さえておくこと | ||||
| 6 | ダウンロード資料 | 1:00 | ||
| 7 | jQueryとJavaScriptの関係 | 3:15 | ||
| 8 | 最初にやるべきことは | 3:21 | ||
| 9 | jQueryライブラリの読み込み | 5:36 | ||
| 10 | 読み込みスクリプトの解説 | 4:34 | ||
| 11 | jQueryの読み込み確認 | Preview | 5:09 | |
| 12 | jQueryスクリプトの説明 | 3:09 | ||
| Section 3：jQuery文法の基礎 | ||||
| 13 | ダウンロード資料 | 1:00 | ||
| 14 | 簡単なjQueryを書いてみよう | 7:22 | ||
| 15 | セレクタとメソッド | 8:20 | ||
| 16 | セレクタとメソッドの応用練習 | 4:47 | ||
| 17 | セレクタの詳細 | 4:45 | ||
| 18 | メソッドの詳細 | 3:24 | ||
| 19 | メソッドの効率的な書き方 | 5:48 | ||
| 20 | その他のメソッド | 7:25 | ||
| 21 | メソッドチェーン | 3:36 | ||
| 22 | イベント (1) | 3:56 | ||
| 23 | イベント (2) | 5:45 | ||
| 24 | onイベント | 7:13 | ||
| 25 | offイベント | 3:10 | ||
| Section 4：実践的なjQuery文法 | ||||
| 26 | ダウンロード資料 | 1:00 | ||
| 27 | jQueryの動画 animate (1) | 6:46 | ||
| 28 | jQueryの動画 animate (2) | 7:55 | ||
| 29 | animateの応用 (1) | 4:11 | ||
| 30 | animateの応用 (2) | 5:25 | ||
| 31 | HTMLを直接操作するメソッド | 6:32 | ||
| 32 | hideメソッド | 7:19 | ||
| 33 | showメソッド | 2:58 | ||
| 34 | アコーディオン (1) | 5:38 | ||
| 35 | アコーディオン (2) | 5:22 | ||
| 36 | アコーディオン (3) | 7:24 | ||
| 37 | アコーディオン (4) | 5:31 | ||
| 38 | 関数の概要 | 3:39 | ||
| 39 | 関数の使い方 (1) | 6:31 | ||
| 40 | 関数の使い方 (2) | 6:23 | ||
| 41 | 関数の使い方 (3) | 9:13 | ||
| Section 5：カルーセル | ||||
| 42 | ダウンロード資料 | 1:00 | ||
| 43 | カルーセルの実装 | 5:28 | ||
| 44 | ファイルのダウンロード | 7:42 | ||
| 45 | jQueryライブラリの読み込み | 6:13 | ||
| 46 | HTMLとjQueryの記述 | 6:04 | ||
| 47 | オプションの設定 | 5:13 | ||
| Section 6：プルダウンメニュー | ||||
| 48 | ダウンロード資料 | 1:00 | ||
| 49 | HTMLページの準備 | 5:06 | ||
| 50 | HTML部分の編集 (1) | 7:32 | ||
| 51 | HTML部分の編集 (2) | 6:19 | ||
| 52 | CSSスタイルシートの設定 (1) | 6:41 | ||
| 53 | CSSスタイルシートの設定 (2) | 7:14 | ||
| 54 | 処理の手順確認 | 4:34 | ||
| 55 | jQueryスクリプトの記述 | 6:52 | ||
| 56 | プレビューと修正 | 4:32 | ||
| Section 7：Back-to-top | ||||
| 57 | ダウンロード資料 | 1:00 | ||
| 58 | Back-to-topの概要 | 6:59 | ||
| 59 | jQueryライブラリの読み込みとボタンの配置 | 6:06 | ||
| 60 | jQueryスクリプトとCSS | 7:54 | ||
| Section 8：Lightbox | ||||
| 61 | ダウンロード資料 | 1:00 | ||
| 62 | Lightboxの概要 | 2:50 | ||
| 63 | HTMLに画像の配置 | 7:42 | ||
| 64 | CSSの設定 (1) | 6:13 | ||
| 65 | CSSの設定 (2) | 4:58 | ||
| 66 | CSSの設定 (3) | 3:43 | ||
| 67 | Lightbox実装の手順 | 3:28 | ||
| 68 | 必要なファイルの読み込み | 4:00 | ||
| 69 | 実行のスクリプトを記述 | 3:34 | ||
| 70 | リンクの設定 | 7:21 | ||
| 71 | オプションの設定 | 4:43 | ||
Price (Tax included)
$69.99
30-day money-back guarantee
5h 59m video lectures included in this course.
Full lifetime access. Pay once, get access forever.
Share and Earn
