Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
速習+詳細+実例 jQuery講座
Highest Rated
Rating: 4.2 out of 5(423 ratings)
3,973 students
Created by柳井 政和
Last updated 5/2017
Japanese

What you'll learn

  • jQueryを使った基本的なプログラミング
  • セレクタやイベント、エフェクトを利用したWebページの操作
  • AjaxやDeferredを使った非同期の処理
  • jQueryを使った実際の利用シーンでの応用的なプログラミング
  • jQueryを使ったWebページ上のアプリケーション作成

Course content

27 sections172 lectures9h 2m total length
  • イントロダクション1:29

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

  • ソースコードについて0:23

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

  • ブラウザについて2:57

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

  • 文字コードについて1:24

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

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

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

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

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

  • Q&A0:13

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

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 this course is for:

  • jQueryについて総合的に学習したい方。
  • jQueryを深く使いこなせるようになりたい方。
  • jQueryとJavaScriptで、Webページ上のアプリケーションを作りたい方。