i-Learning 株式会社アイ・ラーニング

コース検索条件

キーワード

コースコード

コース名

講座

受講形態

クラス検索条件

開催期間

開催場所

お申し込み予定

お申し込みクラス数:0件

合計:0

ログイン

メールアドレス

パスワード

パスワードを忘れた方はこちら

 記憶

コース詳細

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

コースコード MBJ07
受講料 99,000円
(税別価格90,000円)
期間 2日
受講時間 9時30分 ~ 17時00分 (昼休憩60分間)

お申し込み

クラス・日程・開催地
参加人数

コース概要

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

特色とメリット

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

学習目標

当コースを修了した時点で、次のことができることを目標とします。
・Reactを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる
・サーバーサイドと連携しデータを取得および保存できるアプリケーションを作成できる

対象者

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

前提条件

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

内容

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)
※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

研修テキスト
※ソースコード等はオンラインストレージにて配布いたします

当コースは株式会社カサレアルが提供します。
満席でもお席をご準備できる場合がありますのでお問い合わせください。


※他社提携コースは、お申し込み後に空席確認を行います。主催会社でお席の確保ができた後に受付確定となります。

開催日程

クラス 開催日 開催地 申し込み受付 備考
11 2021年10月25日~2021年10月26日 泉岳寺 クラス中止
61 2021年11月25日~2021年11月26日 オンラインオープン研修(カサレアル社) 受付中
62 2022年01月17日~2022年01月18日 オンラインオープン研修(カサレアル社) 受付中
12 2022年02月21日~2022年02月22日 泉岳寺 受付中
63 2022年03月22日~2022年03月23日 オンラインオープン研修(カサレアル社) 受付中

お申し込み

クラス・日程・開催地
参加人数

キャンセル規定

受講開始10営業日前から受講料の100%のキャンセル料がかかります。

関連コース情報

<前提コース>モダンJavaScript入門(MBK02)

備考

オンライン開催の場合は、以下の注意事項をご確認の上、事前にご準備ください。

◆オンライン研修環境
 ●使用ツール
  動画配信:Zoom
  ※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
  ※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
  質疑応答:オンラインチャットシステム (ご利用になれない場合は、Zoomのチャット機能で代替可能です)
  仮想デスクトップ:Amazon WorkSpaces
  ※Amazon WorkSpacesについて、より詳細な情報は、こちらをご参照ください。
 ●システム要件
  インターネットに常時接続できること
  Webカメラおよびマイク
  ※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
  (1台目:Zoom、オンラインチャットシステム用、2台目:Amazon WorkSpacesアクセス用)
 ●OS:Windows 10、macOS

◆事前環境確認
 本コースは、Amazon Workspaces(仮想デスクトップサービス)を使用いたします。
 Workspacesにアクセスするためには、専用のクライアント(※)をインストールいただく必要があります。
 必ず、ご利用可能な環境でご受講ください。
 ※『Windowsクライアント』 、 『macOSクライアント』 どちらかのクライアントをご利用ください。
   弊社で用意する環境では、『Webアクセス』 はご利用いただけません。

<参考ページ>
 ・Workspacesクライアントについて
 ・WorkSpaces のIPアドレスとポートの要件
 ・Amazon WorkSpaces クライアントネットワークの要件