JavaScript ／ JQuery研修 | DX人材育成、生産性を劇的向上！デジタル研修のアイクラウド

研修内容・受講条件

JavaScript／jQuery研修の概要

JavaScript／jQuery研修は掲載の概要をもとに、貴社のご要望にあわせて内容をカスタマイズしてご提供します。ご検討にあたっては、研修実施までの流れや研修の受講形式もあわせてご確認ください。助成金を活用した研修や新入社員研修をご検討の場合は、各ページをご覧ください。

対象者

HTML・CSSの基礎を理解し、Web制作やWebアプリ開発へJavaScriptを活かしたい方。

学べること

JavaScriptの基本文法、DOM・イベント、jQuery、スライドショー制作、Ajaxの基礎。

到達目標

JavaScriptとjQueryを用いて、動きやデータ連携のあるWebページを実装できる状態。

研修形式

45時間・6日。標準実施時間は9:00〜17:30で、テキストエディタを使用します。

研修名	JavaScript／jQuery研修
研修概要	JavaScriptプログラミングを基礎から学び、多くの演習を通じて理解を深め、コーディング技術を習得します。Ajax、jQueryを活用した制作技術も学びます。Web制作・開発業務ができる人材の育成を目的に、Webサイト技術者やWeb開発技術者に必要なJavaScriptプログラミング技術を習得する研修です。
到達目標	JavaScriptプログラミング文法を理解できる JavaScriptプログラミングのコーディング技術を習得できる Ajaxを理解できる jQueryを活用できる Webサイト制作、Web開発の構築手順やプログラミング手法についての実践技術を習得できる
対象者	HTML／CSSの基礎を理解している方、Web制作、Webアプリ開発技術に活かされたい方	レベル	基礎、応用
学習時間／期間	45時間／6日	実施時間	9:00〜17:30（休憩含）
受講形式	貴社会議室での対面研修（講師派遣） Zoomなどを利用したオンラインライブ研修対面研修とオンラインライブを組み合わせたハイブリッド研修
使用ソフトウェア	テキストエディタ
その他備考	貴社独自のカリキュラムを構築できます。ご要望やご相談はお問い合わせください。

情報収集中の担当者さまへ

DX・IT研修の進め方ガイド無料配布中

人事・総務・DX推進担当向け無料ガイドをダウンロードまずは相談してみる

研修カリキュラム例

アイクラウドが提供するJavaScript／jQuery研修のカリキュラム例です。ご要望を反映したオーダーメイドのカリキュラムで実施することもできます。

この研修で扱う6つの学習領域

実行環境とデバッグJavaScriptの実行方法、script要素、開発ツール、コンソール、エラーやログを使ったデバッグを学びます。
基本文法とデータ構造変数、文字列、数値、配列、オブジェクト、演算子を理解し、演習を通じてコードの書き方を身につけます。
制御構文と関数条件分岐、繰り返し、関数、引数、戻り値を組み合わせ、処理を構造化する方法を学びます。
ブラウザ・DOM・イベントwindowオブジェクト、DOMによる要素・属性の操作、イベントリスナーを使った画面制御を扱います。
jQueryとUI制作セレクタ、メソッド、イベント、アニメーションを学び、jQueryを使ったスライドショーを制作します。
Ajaxと関連技術AjaxによるXML・JSONの読み込みと、カリキュラムに掲載されたJavaScript関連技術の概要を扱います。

Chapter 1開発環境、JavaScriptの実行	1. 環境の作り方 2. プログラムが動く仕組み 3. テストコーディング 4. コメントの書き方 5. script要素
Chapter 2開発ツール	1. 開発ツール 2. インストールと起動 3. コンソールとデバッグの手法 4. エラー、メッセージ、ログの出力
Chapter 3JavaScriptの基本文法	1. セミコロン 2. コメント、行コメント、ブロックコメント 3. 変数の定義、一括定義 4. 値の更新 5. 変数の定義と代入 6. 総合演習
Chapter 4文字列と数値	1. 文字列の定義、連結、結合 2. 数値の定義 3. 四則演算 4. 数値と文字列の違い 5. 繰り返し処理、条件分岐 6. 総合演習
Chapter 5配列とオブジェクト	1. 配列の定義、操作 2. 要素の値の取得、更新 3. オブジェクトの定義、操作 4. 値の取得、更新 5. 配列の要素数の取得、要素の値の取得 6. 総合演習
Chapter 6演算子	1. 比較演算子 2. 条件式 3. 論理演算子
Chapter 7条件分岐／繰り返し	1. if文 2. else文 3. while文 4. 無限ループ 5. for文 6. 配列の繰り返し 7. 総合演習
Chapter 8関数	1. 関数の定義と呼び出し 2. 変数に代入することで定義する 3. 引数、戻り値 4. 総合演習
Chapter 9windowオブジェクト	1. windowオブジェクトの主なプロパティ 2. HTML文書の取得や操作 3. URL情報 4. URLのクエリ文字列とハッシュ 5. 履歴の管理 6. ブラウザのメタデータ
Chapter 10DOM	1. DOM（Document Object Model） 2. 要素の取得 3. 属性値の取得と変更 4. innerHTMLによる要素の内容の取得と変更 5. 新規要素の作成と追加 6. 総合演習
Chapter 11イベント	1. 要素のプロパティによるイベントの設定 2. addEventListenerによるイベントの設定 3. window.onload 4. DOMContentLoaded 5. マークアップ
Chapter 12jQueryの基本	1. jQueryの利点 2. jQueryのダウンロードと読み込み 3. jQueryの基本的な機能と使い方 4. セレクタ 5. jQueryオブジェクト 6. メソッド 7. メソッドチェイン 8. イベントの設定 9. アニメーション 10. 総合演習
Chapter 13jQueryを使ったスライドショーのプログラム	1. 仕様とコード 2. 要素の取得 3. アニメーションで画像の切り替え 4. タイトルの設定 5. 初期表示 6. イベントの設定
Chapter 14Ajaxの基礎	1. Ajaxの基本と使い方 2. Ajaxを使ったXML・JSONの読み込み
Chapter 15様々なJavaScript フレームワーク	1. Underscore.js 2. Backbone.js 3. Enchant.js 4. Node.js 5. PCサイトからの最適化

研修実施にともなう確認事項

研修の受講形式はお決まりですか？

対面研修は講師が貴社会議室へ伺い、全国で実施できます。オンラインライブ研修や、対面とオンラインを組み合わせたハイブリッド研修にも対応しています。

研修の受講形式はこちら

研修実施までの流れを確認する

研修実施までに研修内容のヒアリング、カリキュラムの確認がございます。お急ぎの企業さまには、お問い合わせから最短数日後の研修実施もできます。

研修までの流れはこちら

助成金を活用した研修を検討されていますか？

社員教育で活用できる助成金の一つに人材開発支援助成金（旧キャリア形成促進助成金）がございます。助成金を活用することで、研修費用を大幅に抑えながら実施できます。

助成金を活用して研修のコストを削減する

新入社員研修を検討されていますか？

新入社員研修ではExcel・PowerPointなどのオフィスソフトからJava・Linux・スマホアプリ開発までデジタル専門の新入社員研修をご提供いたします。

新入社員研修の詳細はこちら

中・長期的な人材育成を考えていきたい

デジタル人材育成は短期ではなく、中・長期の人材育成を戦略的に行うアイクラウドの教育ソリューションのひとつ「アイクラウドデジタルスクール」です。

アイクラウドデジタルスクールへ

研修ご検討時のよくあるご質問

研修実施に向けてよくある質問をおまとめいたしました。研修のご参加人数やカリキュラムのカスタマイズ、研修の費用などご確認ください。

よくあるご質問はこちら

助成金を活用してコスト削減

厚生労働省で取り扱っている支援金は、条件さえ満たせばどんな会社でももらうことができ、返済する必要はありません。助成金の種類は50種類以上（雇用や教育訓練など）あり、社員教育に関連した助成金は、「人材開発支援助成金」が多く利用されています。アイクラウドでは、研修の提供に加えて助成金活用もサポートしています。助成金の詳しいご説明はこちら

JavaScript／jQuery研修のよくある質問

受講前にHTMLやCSSの知識は必要ですか？

はい。本研修はHTML・CSSの基礎を理解し、JavaScriptをWeb制作やWebアプリ開発へ活かしたい方を対象としています。

JavaScriptを基礎から学べますか？

はい。実行環境の準備から、変数、文字列・数値、配列・オブジェクト、演算子、条件分岐、繰り返し、関数まで扱います。

Webページを動かす実践内容もありますか？

DOMによる要素操作、イベント処理、jQueryのアニメーションを学び、スライドショーのプログラムを制作します。

Ajaxでは何を学びますか？

Ajaxの基本的な仕組みと使い方に加え、XML・JSONデータを読み込む方法を扱います。

研修時間や内容は調整できますか？

標準は45時間・6日、実施時間は9:00〜17:30（休憩含）です。ご要望に応じた独自カリキュラムも構築できます。