ホーム > React入門 -Hooks、ContextAPI、MaterialUI対応-

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

期間  2日間 時間  9:30~17:00
価格(税込)  99,000円(税込) 主催  株式会社カサレアル
コース種別  集合研修  
形式  講義+実機演習 コースコード  WSC0101R
日程 会場 空席状況 実施状況 選択

2022年6月21日(火) ~ 2022年6月22日(水)

カサレアル(オンライン)

  お申し込み後確認

2022年7月19日(火) ~ 2022年7月20日(水)

カサレアル東京(泉岳寺)

  お申し込み後確認

2022年8月24日(水) ~ 2022年8月25日(木)

カサレアル(オンライン)

  お申し込み後確認

2022年9月26日(月) ~ 2022年9月27日(火)

カサレアル(オンライン)

  お申し込み後確認

※「キャンセル待ち」でお申し込みの方には、別途メールにてご連絡いたします。
※「実施確定」表示のない日程は、お申し込み状況により開催中止になる場合がございます。
※ お申込期日が過ぎた日程は、「お問い合わせください」と表示されます。
※ トレノケート主催コース以外の空席状況は、残席数に関わらず「お申し込み後確認」と表示されます。
※ トレノケート主催コース以外では、主催会社のお席を確保した後に受付確定となります。
お申込みに関するお問い合わせはこちらから

ワンポイントアドバイス

人材開発支援助成金を申請予定の場合、担当営業もしくはWebにご相談ください。

本コースは、オンラインで受講いただける日程が用意されております。
(視聴環境につきましては、会場のリンクよりご確認ください。)
オンラインでご受講いただく際には、講義視聴のZoom環境等に加え、ご自身で演習環境もご用意いただく必要があります。
使用されるPCに対し、必ずご受講前に以下の環境構築を実施してください。

重要なご連絡・ご確認事項

2021年10月以降の実施日程について、ご受講環境に一部変更があります。オンライン研修へのご参加の場合、以下の環境でご受講可能なことご確認いただいてからお申し込みください。

<オンライン研修環境>
■使用ツール
・動画配信:Zoom
 ※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
・質疑応答:オンラインチャットシステム (ご利用になれない場合は、Zoomのチャット機能で代替可能です)
・仮想デスクトップ:Amazon WorkSpaces

■システム要件
・インターネットに常時接続できること
・Webカメラおよびマイク
・PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台目:Zoom、オンラインチャットシステム用、2台目:Amazon WorkSpacesアクセス用)

■OS
・Windows 10
・macOS

<事前環境確認>
本コースは、Amazon Workspaces(仮想デスクトップサービス)を使用いたします。
Workspacesにアクセスするためには、専用のクライアントをインストールいただく必要があります。
必ず、ご利用可能な環境でご受講ください、

※"Windowsクライアントアプリケーション"、 "macOSクライアントアプリケーション" どちらかのクライアントをご利用ください。
※弊社で用意する環境では、""Webアクセス"" はご利用いただけません。


対象者情報

対象者
・今後、Reactを使用してWebアプリケーションのフロントエンド開発を担当する方
前提条件
□HTMLおよびCSSを利用して簡単なWebページを記述できる方
□JavaScriptを利用して簡単なWebアプリケーションを記述できる方
□ 『しっかり学ぶモダンJavaScript -関数、モジュール、DOM、ECMAScript2019-(*)』コースをご受講いただいた方もしくは、同等の技術を習得している方
□(*):株式会社カサレアル主催コース

学習内容の詳細

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

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

2. Reactの基礎
  - React利用方法基礎
  - JSXのルール
  - イベントハンドリング
  - コンポーネントの作成
  - propsとstate
  - Hooks
  - Material-UIの導入
  - コンポーネントの分割

3. 状態管理
  - Context APIによる状態管理
  - コンポーネント間のデータ共有

4. CSSの適用
  - ReactへのCSS適用方法

5. Router
  - react-routerを使った画面遷移

6. WebAPI利用
  - Web APIとは
  - FetchAPIの利用
  - async/await
  - ライフ・サイクルメソッド

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

実習/演習内容詳細

ソフトウェア
ハードウェア
■ Windows 10
■ React v16.12以降
■ Node.js v12以降
■ Webブラウザ(Chrome)
■ テキストエディタ(Visual Studio Code)
※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

ご注意・ご連絡事項

・本コースは株式会社カサレアルが開催いたします。
・株式会社カサレアル開催コースのキャンセルは9営業日前まで、日程変更・受講者変更は4営業日前までとさせていただきます。

おすすめのコースフロー図を見る