Webアプリ開発(フロントエンド, DOM・通信) 基礎講座 実践編
（最終更新日：2024年01月22日）
Webアプリ開発(フロントエンド, DOM・通信) 基礎講座 実践編のゴール
この講座では、標準のDOM APIに触れた後、jQueryを中心にしたWeb開発の基礎知識（DOM操作、イベントハンドリング、HTTP通信）を一通り学ぶことを目標にします。
Webアプリ開発(フロントエンド, DOM・通信) 基礎講座 実践編の詳細
講座詳細
- 受講対象者DX推進人材 共通スキル
- 受講可能形態集合研修・オープン研修・個別指導研修・eラーニング
- 想定受講時間（eラーニング）12.5時間
- 講座日数（研修）2日
習得スキル
- 必要となる前提知識HTML/CSS
- 習得できるスキル・知識プログラミング力
- 対応資格基本情報技術者試験
デジタルスキル標準項目
- 標準DX推進スキル標準
- 学習項目テクノロジー（ソフトウェア開発）
- Webアプリケーション基本技術
- フロントエンドシステム開発
カリキュラム詳細
STEP
1
DOM入門
- スタイル学習ブック
- 想定時間150分
- このブックでは，Document Object Model(DOM)の基本的な内容について学習します。
STEP
2
交通量を集計せよ DOM編
- スタイルチャレンジ問題(実装)
- 想定時間60分
- この問題はDOMを用いたDOM要素の操作の理解度を確認します。この問題で満点を取るためには、要素の取得・操作とクリックイベントに対する理解が求められます。
STEP
3
(オプショナル) エラトステネスの篩を実装せよ DOM編
- スタイルチャレンジ問題(実装)
- 想定時間90分
- この問題はDOM要素の操作の理解度を確認します。この問題で満点を取るためには、要素のクラス操作とクリックイベントに対する理解が求められます。
STEP
4
DOM基礎 jQuery編
- スタイル学習ブック
- 想定時間90分
- このブックはJavaScriptのライブラリである「jQuery」について学習していきます。「ライブラリ」とは 何らかのプログラミング言語を使って特定の機能を実現するためにつくられる機能群のことです。jQueryを使用することにより， JavaScriptで書かれた長いコードを より短くシンプルでわかりやすいものできます。
STEP
5
DOM基礎 jQueryセレクタ編
- スタイル学習ブック
- 想定時間60分
- このブックでは，jQueryを使う上で最も重要なテクニックの1つである「セレクタ」「フィルタ」について学習します。 (jQueryはv3.4.0を利用しています。)
STEP
6
DOM演習 jQueryセレクタ編
- スタイル演習ブック
- 想定時間60分
- このブックでは「DOM基礎 jQueryセレクタ編」を学んだ人向けに， 穴埋め形式ではなく，問題で与えられた条件を満たす関数の実装に挑戦していただく演習ブックです。 「DOM基礎 jQueryセレクタ編」で学んだ内容を実際に使いこなせるようになることを目標としています。 (jQueryはv3.4.0を利用しています。)
STEP
7
DOM基礎 jQueryトラバーサル編
- スタイル学習ブック
- 想定時間60分
- このブックでは，jQueryを使う上で最も重要なテクニックの1つである「トラバーサル」について学習します。 (jQueryはv3.4.0を利用しています。)
STEP
8
DOM演習 jQueryトラバーサル編
- スタイル演習ブック
- 想定時間60分
- このブックでは「DOM基礎 jQueryトラバーサル編」を学んだ人向けに， 穴埋め形式ではなく，問題で与えられた条件を満たす関数の実装に挑戦していただく演習ブックです。 「DOM基礎 jQueryトラバーサル編」で学んだ内容を実際に使いこなせるようになることを目標としています。 (jQueryはv3.4.0を利用しています。)
STEP
9
データ交換言語
- スタイル学習ブック
- 想定時間30分
- このブックでは、計算機で使われている一般的なデータの構造から、プログラマが日常的に使うデータまで学習します。このファイルを通してどのような形でプログラマと計算機がデータのやり取りを行うのか理解することが目標です。
STEP
10
DOM Ajax入門
- スタイル学習ブック
- 想定時間90分
- このブックでは，jQueryを使ったAjaxの基礎的な手法を学びます。 JSON形式による非同期なHTTPリクエストの送受信ができるようになることを目標としています。
他の講座を見る
生成AI関連講座
資格取得対策講座
DXリテラシー標準領域
CONTACT
ご相談・ご要望など、お気軽にお問い合わせください
