MENU

おすすめキーワード
一覧から探す
目的から探す
ソリューションから探す
職種から探す
コースから探す
track givery

Webアプリ開発(フロントエンド, DOM・通信) 基礎講座 実践編

最終更新日:2024年01月22日

Webアプリ開発(フロントエンド, DOM・通信) 基礎講座 実践編

Webアプリ開発(フロントエンド, DOM・通信) 基礎講座 実践編の講座詳細

Webアプリ開発(フロントエンド, DOM・通信) 基礎講座 実践編

「Webアプリ開発(フロントエンド, DOM・通信) 基礎講座 実践編」は、デジタルスキル標準に準拠したTrack Trainingのリスキリング講座です。DOM操作やイベントハンドリング、HTTP通信の基礎を学び、jQueryを活用したWeb開発スキルを習得します。

受講対象者

DX推進人材 共通スキル

受講可能形態

集合研修
オープン研修
個別指導研修
eラーニング

想定受講時間(eラーニング)

12.5時間

講座日数(研修)

2

スキル

  • 必要となる前提知識

    HTML/CSS

  • 習得できるスキル・知識

    プログラミング力

対応資格

基本情報技術者試験

デジタルスキル標準項目

DX推進スキル標準

学習項目
テクノロジー(ソフトウェア開発)

Webアプリケーション基本技術

フロントエンドシステム開発

Webアプリ開発(フロントエンド, DOM・通信) 基礎講座 実践編とは?

この講座では、DOM操作を中心とした、Webフロントエンド開発におけるJavaScriptの開発知識を学習します。まずは標準のDOM APIに触れた後、jQueryを中心にしたWeb開発の基礎(DOM操作、イベントハンドリング、HTTP通信)を学びます。


Webアプリ開発(フロントエンド, DOM・通信) 基礎講座 実践編のゴール

この講座では、標準のDOM APIに触れた後、jQueryを中心にしたWeb開発の基礎知識(DOM操作、イベントハンドリング、HTTP通信)を一通り学ぶことを目標にします。

Webアプリ開発(フロントエンド, DOM・通信) 基礎講座 実践編のカリキュラム

1

スタイル

学習
ブック

想定時間

150分

DOM入門

このブックでは,Document Object Model(DOM)の基本的な内容について学習します。

2

スタイル

チャレンジ問題(実装)

想定時間

60分

交通量を集計せよ DOM編

この問題はDOMを用いたDOM要素の操作の理解度を確認します。この問題で満点を取るためには、要素の取得・操作とクリックイベントに対する理解が求められます。

3

スタイル

チャレンジ問題(実装)

想定時間

90分

(オプショナル) エラトステネスの篩を実装せよ DOM編

この問題はDOM要素の操作の理解度を確認します。この問題で満点を取るためには、要素のクラス操作とクリックイベントに対する理解が求められます。

4

スタイル

学習
ブック

想定時間

90分

DOM基礎 jQuery編

このブックはJavaScriptのライブラリである「jQuery」について学習していきます。「ライブラリ」とは 何らかのプログラミング言語を使って特定の機能を実現するためにつくられる機能群のことです。jQueryを使用することにより, JavaScriptで書かれた長いコードを より短くシンプルでわかりやすいものできます。

5

スタイル

学習
ブック

想定時間

60分

DOM基礎 jQueryセレクタ編

このブックでは,jQueryを使う上で最も重要なテクニックの1つである「セレクタ」「フィルタ」について学習します。 (jQueryはv3.4.0を利用しています。)

6

スタイル

演習
ブック

想定時間

60分

DOM演習 jQueryセレクタ編

このブックでは「DOM基礎 jQueryセレクタ編」を学んだ人向けに, 穴埋め形式ではなく,問題で与えられた条件を満たす関数の実装に挑戦していただく演習ブックです。 「DOM基礎 jQueryセレクタ編」で学んだ内容を実際に使いこなせるようになることを目標としています。 (jQueryはv3.4.0を利用しています。)

7

スタイル

学習
ブック

想定時間

60分

DOM基礎 jQueryトラバーサル編

このブックでは,jQueryを使う上で最も重要なテクニックの1つである「トラバーサル」について学習します。 (jQueryはv3.4.0を利用しています。)

8

スタイル

演習
ブック

想定時間

60分

DOM演習 jQueryトラバーサル編

このブックでは「DOM基礎 jQueryトラバーサル編」を学んだ人向けに, 穴埋め形式ではなく,問題で与えられた条件を満たす関数の実装に挑戦していただく演習ブックです。 「DOM基礎 jQueryトラバーサル編」で学んだ内容を実際に使いこなせるようになることを目標としています。 (jQueryはv3.4.0を利用しています。)

9

スタイル

学習
ブック

想定時間

30分

データ交換言語

このブックでは、計算機で使われている一般的なデータの構造から、プログラマが日常的に使うデータまで学習します。このファイルを通してどのような形でプログラマと計算機がデータのやり取りを行うのか理解することが目標です。

10

スタイル

学習
ブック

想定時間

90分

DOM Ajax入門

このブックでは,jQueryを使ったAjaxの基礎的な手法を学びます。 JSON形式による非同期なHTTPリクエストの送受信ができるようになることを目標としています。

この講座と合わせて受講すると良い講座

次のステップとして、関連するスキルを広げるための講座を検討してみませんか?

自社に最適な研修を設計しませんか?

Trackの法人研修は、社員のスキルに応じたカスタマイズ研修を提供します。
研修設計から運営、振り返りまで、すべてをサポートいたします。

  1. 1

    まずはスキル診断から

    社員のスキルを把握し、最適な研修プランを提案します。

  2. 2

    オーダーメイドの研修設計

    自社にピッタリの研修プログラムを一緒に作り上げましょう

  3. 3

    研修の振り返りと評価

    研修後には振り返りを行い、学習効果の評価や今後の改善点を明確にします。

今すぐお問い合わせください

お見積もりやご相談はお気軽にどうぞ。お待ちしております。

導入事例

累計200社・30,000人以上が利用する
Trackの法人向けデジタル人材研修サービス

デジタルスキルの向上に興味がある方は、 「Webアプリ開発(フロントエンド, DOM・通信) 基礎講座 実践編」のご相談・お見積りはこちら ご相談・ご要望など、お気軽にお問い合わせください