特記事項

【事前環境確認】
本セミナーでは、ブラウザー経由でクラウド上の仮想マシンに接続して演習を実施します。
ファイアウォール等でネットワークトラフィックを検査した上でインターネットに接続する場合、処理に時間がかかり仮想マシンへの接続が行えない、非常にレスポンスが悪いなどの理由で演習ができない可能性があります。
トラフィック検査を行わずにインターネット接続ができる環境でのご受講を推奨します。

コース概要

モダンフロントエンド開発では主流となったReactについて、プロジェクトの構築から基本構文、よく使われる基本機能を学習します。研修後半では総合演習を行い、学習内容を振り返りながら1からWebアプリケーションを構築します。

到達目標

・Reactの特徴や基本概念を理解する
・JSXやProps、基本的なフックの使い方を理解し、実践できる
・学習内容を踏まえて、簡易なWebアプリケーションを構築できる

トレーナーからの一言

Reactって、結局どんな考え方で動いているのでしょうか？本研修では、基本を一つずつ確認しながら、手を動かしてReactの仕組みを体感していきます。フロントエンド開発の全体像をつかむ第一歩として、気軽に参加してみてください。

前提条件

JavaScript基礎およびSaaS利用者のためのモダンJavaScript研修を受講済み、
もしくは同等の知識を持っている方

対象者

・Reactを用いたフロントエンド開発にかかわる予定の方
・Reactの基礎を学び、モバイルアプリ開発やフレームワークの知識習得につなげたい方

コース内容

1.Reactの歴史と概要
　Reactの誕生
　Reactプロジェクトの構築
　Reactの特徴
2.JSXの基本とコンポーネント
　JSXの記法
　【参考】Reactのユーティリティコンポーネント
　JSXでの制御構文
3.Propsの理解と活用
　Propsの基本
　【参考】Propsの補足知識
　Propsの応用　
4.状態管理とイベント処理
　Stateと状態管理
　イベントハンドラとイベントオブジェクト
　useStateの利用
5.フック
　フックとは
　useRef
　useEffect
　【参考】その他のフック
6.ルーティング
　SPAとルーティング
　基本のルーター設定
　useNavigateによるページ遷移
　ReactRouterによるルーティング
　動的ルートとuseParams

注意事項

【オンラインライブ開催】
オンラインクラスにお申込みの方は、下記環境をご確認のうえ、お申込みをお願いいたします。
お申込みいただいた時点で、環境確認がなされたものと判断させていただきます。
 
・PCおよびインターネット環境はお客様にご用意いただきます。

　サポート OS ： Windows 11以降
　サポート ブラウザ ： Microsoft Edge、Chrome
・ZoomによるWeb会議システムを使用いたします。
　Zoomソフトの導入は、お客様にて事前に済ませておいてください。
　Zoomテストサイト：https://support.zoom.us/hc/ja/articles/115002262083/
※上記は、必ず、トレーニングを受講する当日に使用する PC、および、トレーニングを受講する場所
　（ネットワーク）で行ってください。

※PC モニタもしくは 2台目の PC やタブレット端末をご用意いただくことを強く推奨いたします。
　これは、講師の画面を表示しながら、演習を行ったり、電子テキストを表示したりするためです。

・Zoomのファイル転送機能を利用することがあります。
・コースで使用するテキストは、PDF等の電子テキストを使用いたします。
　PDF版の電子テキストを閲覧するには「Adobe Acrobat Reader X 以降のバージョン」が必要です。
・電子テキストを印刷される場合は、お客様にてご負担ください。