0Pricing
jQuery Academy logo
JavaScript初心者Webレベル A1 → C115言語

jQuery Academy

jQuery Academy でインタラクティブなレッスンを通じて、JavaScript コーディングを簡潔にしましょう。 CoddyKitの学習パス。短期コースを 22 個、インタラクティブレッスンを 48 件収録し、24時間365日AIチューターがサポートします。

コース
22
レッスン
48
インタラクティブステップ
551
無料で開始
コース1
カリキュラム

このパスのコース数:22

「jQuery Academy」パスの全コースを学習順に掲載。最初のコースは無料です。

1

A13レッスン無料

jQueryとは何か、どのような問題を解決したのか、そしてなぜ今も何百万ものWebサイトで使われているのかを、知識ゼロから学びます。

2

A11レッスンPRO

jQueryに焦点を当てたコースで、Web開発のスキルを高めましょう。jQueryとXPathのセレクターを使ってHTML要素を選択する方法、jQueryとCSSセレクターの共通点、プレーンなJavaScriptに対するjQueryの利点を学びます。$(document).ready()メソッドやDOM操作などの基本テクニックを身につけ、動的でインタラクティブなWebページを作成しましょう。実践…

3

A11レッスンPRO

jQueryコースへようこそ。ここでは、Webページの約80%を支えている、広く使われているJavaScriptライブラリの1つを学びます。このコースでは、HTML、CSS、JavaScriptの基礎知識をもとに、vanilla JavaScriptより少ないコードでDocument Object Model(DOM)を効率的に操作できるようになります。jQueryの強力な機能を使って、DOM操…

4

A21レッスンPRO

「Selecting Element with jQuery」コースで、jQueryの可能性を最大限に引き出しましょう。この包括的なモジュールでは、HTML要素を正確に選択・操作するさまざまな方法を深く学びます。クラス、ID、タグ、子要素、属性セレクターなどの重要なセレクターを取り上げ、children()、parent()、parents()、next()、nextAll()、siblings…

5

A21レッスンPRO

jQuery DOM操作 - 1コースで、Web開発のスキルを高めましょう。このレッスンでは、jQueryを使ってDocument Object Model(DOM)を操作するための基礎を学びます。DOM操作とは何かを理解し、text()、html()、removeAttr()、val()などの主要なjQueryメソッドを身につけ、属性セレクターを効果的に使う方法を学びます。実践的な例と演習を通…

6

A21レッスンPRO

jQuery DOM操作 - 2コースで、Web開発のスキルをさらに高めましょう。このレッスンでは、append()、prepend()、after()、before()、wrap()、unwrap()などのメソッドを使った高度なDOM操作のテクニックを学びます。複数の挿入を行う方法、メソッドチェーンの活用方法、empty()やremove()による要素の内容の管理方法を身につけます。実践的な例…

7

A21レッスンPRO

jQueryによるスタイリングコースで、Webデザインをさらに洗練させましょう。css()、removeClass()、toggleClass()など、jQueryの強力なメソッドを使ってHTML要素のスタイルを簡単に操作する方法を学びます。jQuery APIを詳しく見て、動的で見栄えのよいWebページを作成するための追加テクニックを身につけます。実践的な例と演習を通して、スタイルをリアルタイ…

8

B11レッスンPRO

jQueryを使ったイベント処理を身につけるイベント管理コースで、Webアプリケーションをさらに充実させましょう。このレッスンでは、ブラウザーにおけるイベントとは何か、そしてjQueryで効率的に管理する方法を学びます。クリックやダブルクリックイベントの処理、マウスイベントやフォームイベントの管理、resizeやscrollメソッドなどのウィンドウイベントを扱います。実践的な例と演習を通して、イ…

9

B11レッスンPRO

jQueryとアニメーションコースで、魅力的なアニメーションをWebページに取り入れましょう。このレッスンでは、show()、hide()、fadeIn()、fadeOut()、fadeToggle()など、動的な視覚効果を作成するために欠かせないjQueryメソッドを扱います。CSSアニメーション、アニメーションイベントの処理、相対アニメーションの作成、アニメーションを効果的に停止する方法につ…

10

B13レッスンPRO

jQueryの強力なセレクターエンジンを深く掘り下げ、属性セレクター、擬似クラスセレクター、カスタムセレクターを学びます。DOMを効率的にトラバースし、要素を正確に対象化・操作する方法を身につけます。

11

B13レッスンPRO

基本的なアニメーションを超え、カスタムイージング関数やアニメーションの連結を使って複雑な視覚効果を作成します。アニメーションキューを制御し、動的なユーザー体験を生み出す方法を学びます。

12

B13レッスンPRO

HTML5のデータ属性を高度に活用し、DOMから直接データを保存・取得して動的な動作を実現する方法を学びます。jQueryを基本的なクライアントサイドテンプレートソリューションと統合します。

13

B13レッスンPRO

動的なフィールド操作、高度なクライアントサイドバリデーション、AJAXによるデータ送信など、複雑なフォームを扱うための堅牢な技法を習得し、スムーズなユーザー体験を実現します。

14

B21レッスンPRO

AJAX操作コースで、Web開発の能力を高めましょう。このレッスンでは、通常のJavaScriptと比べて、jQueryを使ってAJAXリクエストをより効率的に管理する方法を学びます。ajax()、$.get()、$.post()などの基本的なjQueryメソッドを確認し、PUTリクエストやDELETEリクエストをスムーズに処理する方法を身につけます。実践的な例と演習を通して、堅牢なAJAX操作…

15

B23レッスンPRO

jQuery AJAXによる非同期データリクエストへの理解を深めます。さまざまなデータ形式の処理、エラー管理、クロスドメインリクエストの安全かつ効率的な実装を学びます。

16

B23レッスンPRO

動的に追加される要素へのイベント委譲を実装し、パフォーマンスを向上させてイベント処理を最適化します。モジュール性を高めるカスタムイベントの作成と発火方法を学びます。

17

B23レッスンPRO

jQueryのDeferredオブジェクトとPromisesを使い、複雑な非同期処理をより効果的に管理する方法を学びます。複数の非同期タスクを連結し、解決・拒否する方法を身につけます。

18

B23レッスンPRO

カスタム疑似セレクターを作成し、高度なフィルタリングメソッドを使いこなして、jQueryの選択機能を拡張します。複雑な条件や動的な状態に基づいて、要素を正確に指定できるようになります。

19

C13レッスンPRO

jQueryの機能を拡張するプラグイン開発の原則を学びます。jQueryエコシステムにシームレスに統合できる、再利用可能で設定可能なプラグインを作成します。

20

C13レッスンPRO

jQueryコードのパフォーマンスボトルネックを特定して解消します。効率的なDOM操作、イベント処理、必要なものだけを読み込む選択的ロードの戦略を学び、アプリケーションを高速化します。

21

C13レッスンPRO

モダンなJavaScript開発のワークフローにjQueryを効果的に組み込む方法を学びます。ES6以降の機能やモジュールパターン、最新のビルドツールとの共存方法を探ります。

22

C13レッスンPRO

jQueryベースのアプリケーションをテストする方法をしっかり理解します。jQueryコードの単体テスト、テストフレームワークとの統合、コード品質の確保について学びます。

CoddyKit PRO

このパスと他のすべてのパスにある 22 コースをすべてアンロック

AIチューター、認定試験、認定資格。ウェブ、iOS、Androidで利用できます。

すべてのプランを見る
年額$29.90 / 年月額は $2.49 前後一括で支払う買い切り$69.99 一括更新不要。PROを永久に利用できます。
コース概要

jQuery を実践的にマスターする

jQuery は、レガシーなエンタープライズダッシュボードから WordPress テーマ、無数の本番サイトまで、ウェブの大きなシェアを支えている JavaScript ライブラリです。このトラックは、初めての $() セレクタから独自の再利用可能なプラグイン作成まで、実際の仕事で行う DOM 操作に根ざいたレッスンで進めます。

学べること

DOM を精密に選択・走査し、要素とスタイルを即座に操作し、インラインハンドラの代わりにデリゲーションでイベントをクリーンに処理します。スムーズなアニメーションとカスタムエフェクトを構築し、データ属性とテンプレートで動的コンテンツを駆動し、複雑なフォームを検証します。その後、非同期処理に進みます:AJAX リクエスト、リモートデータ処理、クリーンな非同期フローのための Deferred と Promise パターン。

学習パス

22 のフォーカスされたコースが A1 から C1 へと進みます。セレクタ、DOM 操作、スタイリングから始まり、イベント管理、アニメーション、AJAX を経て、高度なティアで終了します:堅牢な jQuery プラグイン作成、パフォーマンス最適化とベストプラクティス、jQuery と最新の JavaScript の統合、アプリケーションのテスト。学習の順序は、実際に働くフロントエンド開発者がスキルを構築する方法を反映しています。

仕組み

各コースは、短い実践的なレッスンに分割されており、リアルタイムフィードバックと行き詰まった時の AI チューターを備えた組み込みエディタで完了します。各ステップで実際の jQuery コードを書いて実行します — パッシブなビデオではなく — そのため、構文とパターンが定着します。

学び方

  1. 01

    インタラクティブレッスン

    リアルタイムフィードバック付きの実践的なコード演習

  2. 02

    AIチューター

    わからないときは、AIが即座にサポート

  3. 03

    組み込みエディタ

    ブラウザで直接コードを書いて実行

  4. 04

    認定資格

    コース完了時に認定資格を取得

よくある質問

よくある質問

jQuery Academyコースは無料ですか?

はい。jQuery Academyコースは無料で始められ、インタラクティブレッスンをすべて無料で完了できます。オプションのPRO登録で、高度なAIツールと共有可能な認定資格がアンロックされます。

JavaScriptを学ぶのに事前経験は必要ですか?

いいえ。コースは基礎から始まり、より高度なトピックへと進むので、JavaScriptの事前経験がなくても始められます。

CoddyKitでJavaScriptをどのように学びますか?

実践しながら学びます。短いインタラクティブレッスンは、わかりやすい説明と、リアルタイムで実行される実践的なコード演習が組み合わさっており、24時間対応のAIチューターがわからないときにいつでもサポートします。

jQuery Academyを完了すると認定資格がもらえますか?

はい。PRO学習者は試験を受けて、jQuery Academyコースの完了を証明する共有可能な認定資格を取得できます(認証コード付き)。

スマートフォンでJavaScriptを学べますか?

はい。CoddyKitはウェブとネイティブiOS・Androidアプリで利用でき、どのデバイスでもJavaScriptを学習でき、進捗がすべてのデバイスで同期されます。

CoddyKit PROの料金はいくらですか?

「jQuery Academy」の最初のコースは無料です。CoddyKit PROではすべてのコースがアンロックされます。料金は週払い $5.90、月払い $7.90、年払い $29.90、または買い切り $69.99 で、更新なしの永久アクセスが利用できます。

jQuery Academyを完了するにはどのくらいかかりますか?

「jQuery Academy」にはコースが 22 個、レッスンが 48 件あります。ほとんどのレッスンは約5~10分で完了するため、自分のペースで進めると、パス全体の実践時間はおよそ 6 時間です。

jQuery Academyを今すぐ始める

AI搭載レッスンでプログラミングをマスターする数千人の学習者に参加しましょう。