速習+詳細+実例 jQuery講座
4.2 (45 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
550 students enrolled
Wishlisted Wishlist

Please confirm that you want to add 速習+詳細+実例 jQuery講座 to your Wishlist.

Add to Wishlist

速習+詳細+実例 jQuery講座

jQueryの概要を「速習jQuery」で学び、APIドキュメントに沿った内容を「詳細jQuery」で学び、jQueryを利用したプログラムを「実例jQuery」で書く、jQueryの講座です。
4.2 (45 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
550 students enrolled
Created by 柳井 政和
Last updated 5/2017
Japanese
Current price: $10 Original price: $85 Discount: 88% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 9 hours on-demand video
  • 1 Article
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • jQueryを使った基本的なプログラミング
  • セレクタやイベント、エフェクトを利用したWebページの操作
  • AjaxやDeferredを使った非同期の処理
  • jQueryを使った実際の利用シーンでの応用的なプログラミング
  • jQueryを使ったWebページ上のアプリケーション作成
View Curriculum
Requirements
  • 事前の準備は特に必要ありません。
  • 「Google Chrome」と「Atom」エディタで、開発を進めていきます。それらの導入の仕方も解説しています。
Description

 このコースは、jQuery公式のAPIドキュメントの知識を網羅しています。セレクタを使ったDOM要素の操作から、イベント、エフェクト、Ajax、Deferredまでの、基礎知識から実際の利用までをカバーしています。

 このコースを習得すれば、次のような事ができるようになります。

- WebページのDOM要素の操作。

- イベントやエフェクトの登録と活用。

- Ajax、Deferredといった、通信や非同期処理の扱い。

- 実際のアプリケーションの作成を通した、jQueryの活用。

 コースで紹介されるコードは、サンプルコードとして、全てダウンロードすることができます。

‥‥‥‥‥‥‥‥‥‥

 このコースを学んだ人は、3段階の講座で、jQueryを徹底的に深く使いこなせるようになります。

 まずは「速習jQuery」で、jQueryの概要を学びます。

 次に「詳細jQuery」で、APIドキュメントに沿った内容を詳細に学びます。

 最後に「実例jQuery」で、jQueryを利用したプログラムを書けるようになります。

‥‥‥‥‥‥‥‥‥‥

 このコースは、以下のように進みます。

● イントロダクション

・開発環境の準備を行います

● 速習jQuery

・基本編(jQueryとは何か?から、セレクタの利用までを紹介)
・API編(イベント、要素の操作、横断、要素の作成、要素の追加、エフェクトを紹介)
・上級編(Ajax、Deferred、プラグインの利用を紹介)

● 詳細jQuery

・jQuery
・セレクタ(基本、位置、種類と状態)
・横断(兄弟親子、その他)
・イベント(基本、キー&マウス、汎用操作、eventオブジェクト)
・属性操作
・CSS
・縦横サイズ
・Data
・操作
・エフェクト(シンプル、上級)
・Ajax
・Deferred
・Utilities

● 実例jQuery

・ブックマークレット
・Webページ上のアプリケーション

‥‥‥‥‥‥‥‥‥‥

 jQueryは、Webページ作成でよく利用されるJavaScriptのAPIです。このシンプルでパワフルなAPIを使いこなせるようになり、Web開発のスキルをアップしましょう!

Who is the target audience?
  • jQueryについて総合的に学習したい方。
  • jQueryを深く使いこなせるようになりたい方。
  • jQueryとJavaScriptで、Webページ上のアプリケーションを作りたい方。
Students Who Viewed This Course Also Viewed
Curriculum For This Course
172 Lectures
09:02:19
+
イントロダクション
7 Lectures 09:43

本講座の説明をおこない、おおまかなロードマップを示します。

Preview 01:29

本講座で出てくるソースコードは、本レクチャーの「ダウンロード可能なリソース」から一括してダウンロードできます。

ソースコードについて
00:23

本講座ではGoogle Chromeを利用します。導入の仕方や、開発者ツールの使い方を紹介しておきます。

ブラウザについて
02:57

UTF-8で開発を行っていきます。

文字コードについて
01:24

何を使っても構いません。ここでは、複数のOSに対応している無料のテキストエディタであるAtomを使います。Atomのダウンロード先を紹介。フォルダをドロップで、ツリー表示。

テキストエディタについて
02:27

本講座は、ある程度JavaScriptの基本文法を知っている方向けの講座です。そのため、JavaScriptの基本文法を、手軽に学ぶ方法を紹介します。

JavaScriptの基本文法について
01:01

Q&Aを掲載していくページです。必要に応じて、参照してください。

Q&A
00:02
+
速習jQuery 基本編
8 Lectures 27:44

本セクションの前置きです。

[章頭] 速習jQuery 基本編
00:18

Google Chromeのバージョンによって、コンソールの出力表示の、見え方が変わることがあります。その変更がおこなわれた際に、対応した操作方法を、こちらに公開します。

補足:Google Chromeのコンソール1
01:18

jQueryとは何かについて話をします。また、jQueryの公式サイトを紹介します。

jQueryとは
02:53

jQueryの1系と2系の話をします。目的に応じて、使い分ける理由を説明します。

1系、2系
01:30

jQueryの読み込み方を紹介します。ファイルをダウンロードして使う方法と、CDNを利用する方法を説明します。

Preview 03:30

jQueryの処理の基点となる、DOM準備後に処理を実行するreadyの使い方と、短い書き方を紹介します。

ready
03:23

タグ、id、class属性で、操作対象を選択する方法を紹介します。また、選択した状態が、配列として格納されている様子を示します。

Preview 06:49

Google Chromeのコンソールの機能の$と、jQueryの$について話をします。

[コラム] コンソールでのjQueryの利用
08:03
+
速習jQuery API編
9 Lectures 37:32

本セクションの前置きです。

[章頭] 速習jQuery API編
00:27

clickイベントを例に、イベントへの処理の登録の仕方を学びます。

イベント
03:47

文字列の取得と設定を行う.text()、htmlの取得と設定を行う.html()、属性の取得と設定を行う.attr()、CSSの取得と設定を行う.css()を使えるようになります。また、メソッド チェーンの仕組みを理解します。

要素の操作
06:10

文字列の取得と設定を行う.text()、htmlの取得と設定を行う.html()、属性の取得と設定を行う.attr()、CSSの取得と設定を行う.css()を使えるようになります。また、メソッド チェーンの仕組みを理解します。その2。

要素の操作2
07:38

1つ前の要素を選択する.prev()、1つ後の要素を選択する.next()を例にして、横断という処理の概要を学びます。

横断
04:03

$()を利用して、DOM要素を作成します。また、作成したDOM要素を操作します。

要素の作成
03:22

.append()、.prepend()、.appendTo()、.prependTo()を例にして、要素の追加について学びます。

要素の追加
05:15

.append()、.prepend()、.appendTo()、.prependTo()を例にして、要素の追加について学びます。その2です。

要素の追加2
02:25

.hide()、.show()、.toggle()を例にして、エフェクトの概要を学びます。

エフェクト
04:25
+
速習jQuery 上級編
7 Lectures 24:20

本セクションの前置きです。

[章頭] 速習jQuery 上級編
00:17

テキスト ファイルを読み込み、情報を表示します。

Ajax
03:32

ローカルサーバーを簡単に立てる方法を説明します。

ローカルサーバーを簡単に立てる
02:39

非同期処理を順につないでいく、Deferredの入り口を学びます。

Deferred
02:37

非同期処理を順につないでいく、Deferredの入り口を学びます。その2。

Deferred2
05:24

非同期処理を並列実行する、whenについて学びます。

Deferred 並列
07:15

プラグインとは何かを説明し、その使い方や探し方を学びます。

プラグインの利用
02:36
+
詳細jQuery jQuery
5 Lectures 13:33

本セクションの前置きです。

[章頭] 詳細jQuery jQuery
00:19

詳細jQueryの進め方について説明します。基本的に、jQueryの公式APIドキュメントの内容に沿って、話を進めていきます。

詳細jQueryの進め方
02:01

日本語で読めるAPIドキュメントを紹介しておきます。

日本語で読めるAPIドキュメント
01:36

jQueryと$について学びます。

jQueryと$
02:25

jQueryの衝突を避けるための、jQuery.noConflict()について学びます。

jQuery.noConflict()
07:12
+
詳細jQuery Selector セレクタ 基本
7 Lectures 09:23

本セクションの前置きです。

[章頭] 詳細jQuery Selector セレクタ 基本
00:18

Google Chromeのバージョンによって、コンソールの出力表示の、見え方が変わることがあります。その変更がおこなわれた際に、対応した操作方法を、こちらに公開します。

補足:Google Chromeのコンソール2
01:18

まずはAPIドキュメントを俯瞰します。またセレクタが、様々な要素を選択する方法であることを理解します。

APIドキュメント
01:01

要素を利用した選択方法を学びます。

要素
01:00

idを利用した選択方法を学びます。

id
01:04

クラスを利用した選択方法を学びます。

クラス
00:57

属性を利用した選択方法を学びます。

属性
03:45
+
詳細jQuery Selector セレクタ 位置
8 Lectures 20:37

本セクションの前置きです。

[章頭] 詳細jQuery Selector セレクタ 位置
00:17

Google Chromeのバージョンによって、コンソールの出力表示の、見え方が変わることがあります。その変更がおこなわれた際に、対応した操作方法を、こちらに公開します。

補足:Google Chromeのコンソール3
01:19

選択した要素の番号を利用した選択方法を学びます。

Preview 04:51

「先頭」を指定した、様々な選択方法を学びます。

先頭
02:44

「末尾」を指定した、様々な選択方法を学びます。

末尾
02:24

n番目を指定した選択方法を学びます。nth-~を使う方法です。

n番目
04:50

「後」を指定した、様々な選択方法を学びます。

01:58

要素の子孫や子を指定した選択方法を学びます。

子孫や子
02:14
+
詳細jQuery Selector セレクタ 種類と状態
7 Lectures 17:00

本セクションの前置きです。

[章頭] 詳細jQuery Selector セレクタ 種類と状態
00:20

フォーム部品の種類を利用した、選択方法を学びます。

フォーム部品 種類
04:41

フォーム部品の状態を利用した、選択方法を学びます。

フォーム部品 状態
03:13

要素の状態を利用した、選択方法を学びます。

状態
02:20

要素の中身の状態を利用した、選択方法を学びます。

中身の状態
03:54

否定を利用した、選択方法を学びます。

否定
01:09

ヘッダー要素を指定した、選択方法を学びます。

ヘッダー
01:23
+
詳細jQuery Traversing 横断 兄弟親子
6 Lectures 15:21

本セクションの前置きです。

[章頭] 詳細jQuery Traversing 横断 兄弟親子
00:20

まずはAPIドキュメントを俯瞰します。また横断が、選択した要素から別の要素を選択する方法であることを理解します。

APIドキュメント
01:29

兄弟要素の横断方法を学びます。

兄弟系
03:37

兄弟要素の横断方法を学びます。その2。

兄弟系2
02:47

子要素や孫要素の横断方法を学びます。

子系
03:00

親要素や先祖要素の横断方法を学びます。

親系
04:08
+
詳細jQuery Traversing 横断 その他
9 Lectures 20:52

本セクションの前置きです。

[章頭] 詳細jQuery Traversing 横断 その他
00:17

現在選択している要素を、絞り込む方法を学びます。

絞り込み系
03:27

現在選択している要素を、番号で絞り込む方法を学びます。

番号指定系
04:16

現在選択している要素を、否定で絞り込む方法を学びます。

否定
01:35

現在選択している要素に、選択要素を追加する方法を学びます。

選択追加系
02:50

現在選択している要素の選択を破棄して、1つ前の状態にする方法を学びます。

選択破棄
01:39

現在選択している要素全てに対して処理を行う方法を学びます。

.each()
02:17

現在選択している要素全てに対して処理を行い、実行結果をまとめた新しいjQueryオブジェクトを生成する方法を学びます。

.map()
02:14

現在選択している要素が、条件を満たしているか判定する方法を学びます。

.is()
02:17
17 More Sections
About the Instructor
柳井 政和
4.3 Average rating
309 Reviews
2,875 Students
6 Courses
ゲーム、アプリケーション開発、書籍の執筆、JavaScript、Java

2002年にクロノス・クラウン合同会社を設立。代表社員。ゲームやアプリケーションの開発、書籍や記事の執筆をおこなう。

秀和システムより「マンガでわかるJavaScript」「マンガでわかるAndroidプログラミング」「マンガでわかるJavaプログラミング」他、技術評論社より「JavaScript 仕事の現場でサッと使える! デザイン教科書」「プログラマのためのコードパズル」を出版。

2001年度のオンラインソフトウェア大賞に「めもりーくりーなー」で入賞。

2016年に第23回松本清張賞の最終候補となり、文藝春秋より「裏切りのプログラム」で小説家デビュー。