Webアプリ開発(フロントエンド, React) 応用講座 実践編
講座ID：TSFE-AE-REACT-G
プログラム概要
| 概要 | この講座では、Reactを用いたフロントエンド開発の基礎技術を学びます。環境構築から始まり、JSXによるUIの構築、useStateを用いた状態管理、コンポーネントの設計と分割、そしてWeb APIからのデータ取得と動的な表示まで、モダンなWebアプリケーション開発に必要な一連の手法を習得します。 |
|---|---|
| ゴール |
Reactによるアプリケーション作成を体験すること
MUSTReact（JSX）を使って、画面の見た目や表示を記述できること
useStateを使って、ボタンクリックなどの操作に応じて画面の表示を変更（更新）できること 画面パーツをコンポーネントとして分けたり、親から子へデータを渡したりできること 外部のWeb APIからデータを取得して、画面に一覧で表示できること WANT配列データ（リスト）を繰り返し処理で画面にきれいに並べて表示できること
フォームの入力内容をStateに保存し、画面にリアルタイムで反映できること |
対象者
| 参加者に 求めるスキル |
なし |
|---|---|
| 想定受講者 | フロントエンド開発の現場で標準となっているReactを基礎から学習したいエンジニア SPAやモダンフロントエンド開発に進む方 jQuery等の従来の手法から移行を検討している開発者 Webアプリ開発 応用講座でモダンフロントエンドの概要を学んだ後、実際に手を動かす段階に進む方 |
| デジタルスキル 標準レベル目安 |
デジタルスキル標準レベル4 |
実施情報
| 期間 | 1日（最短：1日、推奨：1日） |
|---|---|
| 利用予定ツール | Track LMS ソースコードエディタ (Visual Studio Codeなど) Git node.js npm |
カリキュラム
| 学習項目 | Reactの基礎知識 Reactとは Reactの特徴① 公式ドキュメントの使い方・JSXの基本文法 JSXとは JSXのルール |
|---|
