React入門 -Hooks、ContextAPI、MaterialUI対応-

コースコードMBJ15

受講形態オンラインもしくは対面

日数2日間

受講時間9時30分～ 17時00分（昼休憩：60分）

受講料110,000円 (税別価格100,000円)

洗練された書き方でWebアプリケーションを作成できるJavaScriptライブラリReactの基礎を学べるコースです。

Reactは、Meta製のUI構築用JavaScriptライブラリです。JSXや仮想DOMなど特徴的な機能を採用し、海外のWebサービスにおいて圧倒的な導入率を誇っています。

このコースでは、JavaScriptの学習経験がある方に向けて、Reactの導入方法から基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移（ルーター）までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。

このコースを受講することで、サーバーサイド連携や画面遷移を行えるWebアプリケーションを作成できるようになります。

※本コースは、2024年10月より一部内容を改訂いたします。

※他社提携コースは、お申し込み後に空席確認を行います。お席を確保できない状況の場合はご連絡させていただきます。

なお、「残席数」はリアルタイムに反映されていない場合がございます。また、残席数表示に関わらず申込可能な場合がございますので、正確な「残席数」については、お問い合わせください。

機械演習
他社提携

開催日を選択

問い合わせる

詳細情報
開催情報
メッセージ

詳細情報

対象者

・今後、Reactを使用してWebアプリケーションのフロントエンド開発を担当する方

前提知識

・HTMLおよびCSSを利用して簡単なWebページを記述できる方
・JavaScriptを利用して簡単なWebアプリケーションを記述できる方
・『モダンJavaScript入門(MBK02)』コースをご受講いただいた方もしくは、同等の技術を習得している方

学習目標

当コースを修了した時点で、次のことができることを目標とします。
・Reactを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる

研修の内容

■ Reactの概要

　□ Reactとは

　□ JSXや仮想DOMの特徴

　□ Hello React

■ React学習のためのJavaScript復習

　□ 不変性とは

　□ 条件演算子

　□ コールバック関数

　□ 分割代入

　□ map/filter/reduce

■ Reactの基礎

　□ React利用方法基礎

　□ コンポーネント

　□ props

　□ イベントハンドリング

　□ JSXのルール

　□ CSSの適用

■ フック

　□ 状態フック

　□ 副作用フック

　□ WebAPIへのアクセス

■ 様々なツールやパッケージの紹介

　□ create-react-app　　※～2024年9月実施分まで

　□ MUI

　□ React Router

■ 状態管理

　□ Context APIによる状態管理

　□ コンポーネント間のデータ共有

※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

開催情報

開催概要

日数	2日間
受講時間	9時30分～ 17時00分（昼休憩：60分）
受講料	110,000円 (税別価格100,000円)

開催日程・場所

日時	場所	状況	締切日	セッションID
12月23日(月) 〜 12月24日(火)	オンラインオープン研修(カサレアル社)	受付中	12月10日(火)	76
1月23日(木) 〜 1月24日(金)	カサレアル品川トレーニングセンター	受付中	1月10日(金)	01
2月6日(木) 〜 2月7日(金)	オンラインオープン研修(カサレアル社)	受付中	1月24日(金)	60
2月17日(月) 〜 2月18日(火)	オンラインオープン研修(カサレアル社)	受付中	2月4日(火)	61
3月3日(月) 〜 3月4日(火)	オンラインオープン研修(カサレアル社)	受付中	2月18日(火)	62
3月18日(火) 〜 3月19日(水)	オンラインオープン研修(カサレアル社)	受付中	3月5日(水)	63

重要事項

キャンセル規定	受講開始10営業日前から受講料(購入価格)の100%のキャンセル料がかかります。
テキスト	研修テキスト ※ソースコード等はオンラインストレージにて配布いたします
オンラインクラス	オンライン開催の場合は、以下の注意事項をご確認の上、事前にご準備ください。 ■使用ツール動画配信：Zoom 質疑応答：オンラインチャットシステム（Mattermost）演習環境：仮想デスクトップ ※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。 ※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。 ※Mattermostおよび演習環境は弊社にてご用意いたします。 ■システム要件・インターネットに常時接続できること　（アクセス制限のないネットワーク環境をご利用ください）・Webカメラおよびマイク ※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。　（1台：Zoom、オンラインチャットシステム用、1台：演習環境用） ※事前にアクセス確認をご希望される方はお問い合わせください。 ■OS/ブラウザ・OS：Windows　/　ブラウザ：Google Chrome 上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
演習環境	（～2024年9月実施分まで） ■ React v18.x以上 ■ ECMAScript 2015以上 ■ Node.js v16.x以上 ■ Chrome ■ Visual Studio Code ------------------------------------------- （2024年10月実施分～） ■ React v18以降 ■ Node.js v20以降 ■ Chrome ■ Visual Studio Code ※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
その他	※受講に関する注意点※ 進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

備考

当コースは株式会社カサレアルが提供します。

メッセージ

Reactは、Facebook製のUI構築用JavaScriptライブラリです。JSXや仮想DOMなど特徴的な機能を採用し、海外のWebサービスにおいて圧倒的な導入率を誇っています。
このコースでは、JavaScriptの学習経験がある方に向けて、Reactの導入方法から基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移(ルーター)までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。
このコースを受講することで、サーバーサイド連携や画面遷移を行えるWebアプリケーションを作成できるようになります。

他のコースを探す