洗練された書き方でWebアプリケーションを作成できるJavaScriptライブラリ「React」の基礎を学べるコースです。
Reactは、Meta製のUI構築用JavaScriptライブラリです。JSXや仮想DOMなど特徴的な機能を採用し、海外のWebサービスにおいて圧倒的な導入率を誇っています。
このコースでは、JavaScriptの学習経験がある方に向けて、Reactの導入方法から基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移（ルーター）までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。
このコースを受講することで、サーバーサイド連携や画面遷移を行えるWebアプリケーションを作成できるようになります。
※本コースは、2024年10月より改訂版にて実施いたします。
※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。
開催日程
オンライン・オフライン（対面）の開催がございます。
オンライン研修を希望される方は、必ずお申し込み前に「オンライン研修環境」を確認してください。
オンライン
オフライン
学習目標
■ Reactを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる
対象者
■ 今後、Reactを使用してWebアプリケーションのフロントエンド開発を担当する方
前提条件
■ HTMLおよびCSSを利用して簡単なWebページを記述できる方
■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方
■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方
研修概要
-
- 実行環境
- ■ React v18以降
■ Node.js v20以降
■ Chrome
■ Visual Studio Code
※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
-
- 配布資料
- オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。
-
- 受講料
- 110,000円（税込）/人
-
- お支払い
- 研修終了後に請求書払いとなります。
請求書は研修終了日の属する月の月末までに送付いたします。
-
- 開催日数
- 2日間
-
- 時間
- 9時30分～17時00分
カリキュラム
■ Reactの概要
□ Reactとは
□ JSXや仮想DOMの特徴
□ Hello React
■ React学習のためのJavaScript復習
□ 不変性とは
□ 条件演算子
□ コールバック関数
□ 分割代入
□ map/filter/reduce
■ Reactの基礎
□ React利用方法基礎
□ コンポーネント
□ props
□ イベントハンドリング
□ JSXのルール
□ CSSの適用
■ フック
□ 状態フック
□ 副作用フック
□ Web APIへのアクセス
■ 様々なツールやパッケージの紹介
□ MUI
□ React Router
■ 状態管理
□ Context APIによる状態管理
□ コンポーネント間のデータ共有
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
□ Reactとは
□ JSXや仮想DOMの特徴
□ Hello React
■ React学習のためのJavaScript復習
□ 不変性とは
□ 条件演算子
□ コールバック関数
□ 分割代入
□ map/filter/reduce
■ Reactの基礎
□ React利用方法基礎
□ コンポーネント
□ props
□ イベントハンドリング
□ JSXのルール
□ CSSの適用
■ フック
□ 状態フック
□ 副作用フック
□ Web APIへのアクセス
■ 様々なツールやパッケージの紹介
□ MUI
□ React Router
■ 状態管理
□ Context APIによる状態管理
□ コンポーネント間のデータ共有
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
オンライン研修環境
-
- 使用ツール
- 動画配信：Zoom
質疑応答：オンラインチャットシステム（Mattermost）
演習環境：仮想デスクトップ
※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
※Mattermostおよび演習環境は弊社にてご用意いたします。
-
- システム要件
- ・インターネットに常時接続できること
（アクセス制限のないネットワーク環境をご利用ください）
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）
※事前にアクセス確認をご希望される方はお問い合わせください
-
- 対応OS
- Windows
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
-
- WEBブラウザ
- Google Chrome
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
開催日程
-
- 申込受付終了
-
2024年11月14日〜2024年11月15日
（2日間）
【開催終了】
【会場】オンライン
【価格】110,000円 （税込）/人
-
- 申込受付終了
-
2024年12月4日〜2024年12月5日
（2日間）
【開催終了】
【会場】オンライン
【価格】110,000円 （税込）/人
-
- 申し込む
-
2024年12月23日〜2024年12月24日
（2日間）
【開催未定】
【受付】2024年12月13日まで
【会場】オンライン
【価格】110,000円 （税込）/人
-
- 申し込む
-
2025年2月6日〜2025年2月7日
（2日間）
【開催未定】
【受付】2025年1月29日まで
【会場】オンライン
【価格】110,000円 （税込）/人
-
- 申し込む
-
2025年2月17日〜2025年2月18日
（2日間）
【開催未定】
【受付】2025年2月6日まで
【会場】オンライン
【価格】110,000円 （税込）/人
-
- 申し込む
-
2025年3月3日〜2025年3月4日
（2日間）
【開催未定】
【受付】2025年2月20日まで
【会場】オンライン
【価格】110,000円 （税込）/人
-
- 申し込む
-
2025年3月18日〜2025年3月19日
（2日間）
【開催未定】
【受付】2025年3月10日まで
【会場】オンライン
【価格】110,000円 （税込）/人
学習目標
■ Reactを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる
対象者
■ 今後、Reactを使用してWebアプリケーションのフロントエンド開発を担当する方
前提条件
■ HTMLおよびCSSを利用して簡単なWebページを記述できる方
■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方
■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方
研修概要
-
- 実行環境
- ■ React v18以降
■ Node.js v20以降
■ Chrome
■ Visual Studio Code
※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
-
- 配布資料
- オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。
-
- 受講料
- 110,000円（税込）/人
-
- お支払い
- 研修終了後に請求書払いとなります。
請求書は研修終了日の属する月の月末までに送付いたします。
-
- 持ち物
- 特にございません
-
- 開催日数
- 2日間
-
- 時間
- 9時30分～17時00分
カリキュラム
■ Reactの概要
□ Reactとは
□ JSXや仮想DOMの特徴
□ Hello React
■ React学習のためのJavaScript復習
□ 不変性とは
□ 条件演算子
□ コールバック関数
□ 分割代入
□ map/filter/reduce
■ Reactの基礎
□ React利用方法基礎
□ コンポーネント
□ props
□ イベントハンドリング
□ JSXのルール
□ CSSの適用
■ フック
□ 状態フック
□ 副作用フック
□ Web APIへのアクセス
■ 様々なツールやパッケージの紹介
□ MUI
□ React Router
■ 状態管理
□ Context APIによる状態管理
□ コンポーネント間のデータ共有
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
□ Reactとは
□ JSXや仮想DOMの特徴
□ Hello React
■ React学習のためのJavaScript復習
□ 不変性とは
□ 条件演算子
□ コールバック関数
□ 分割代入
□ map/filter/reduce
■ Reactの基礎
□ React利用方法基礎
□ コンポーネント
□ props
□ イベントハンドリング
□ JSXのルール
□ CSSの適用
■ フック
□ 状態フック
□ 副作用フック
□ Web APIへのアクセス
■ 様々なツールやパッケージの紹介
□ MUI
□ React Router
■ 状態管理
□ Context APIによる状態管理
□ コンポーネント間のデータ共有
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
開催日程
-
- 申し込む
-
2025年1月23日〜2025年1月24日
（2日間）
【開催未定】
【受付】2025年1月15日まで
【会場】カサレアル品川トレーニングセンター
【価格】110,000円 （税込）/人
この研修を見ている方はこちらの研修も見ています
- play_arrowモダンJavaScript入門
- play_arrowReduxワークショップ
-React応用- - play_arrowNext.js入門
-React応用、TypeScript、tRPC、Prisma- - play_arrowJavaScriptテスト入門
-Vitest, TypeScript, React応用-
コースフロー
