[オンライン開催]React入門
-Hooks、ContextAPI、MUI対応-

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

使用ツール 動画配信:Zoom
※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

質疑応答:オンラインチャットシステム (ご利用になれない場合は、Zoomのチャット機能で代替可能です)

仮想デスクトップ:Amazon WorkSpaces
※Amazon WorkSpacesについて、より詳細な情報は、こちらをご参照ください。
システム要件 ・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台目:Zoom、オンラインチャットシステム用、2台目:Amazon WorkSpacesアクセス用)
OS Windows10、macOS


◆事前環境確認

本コースは、Amazon Workspaces(仮想デスクトップサービス)上のWindows環境を使用いたします。

Workspacesにアクセスするためには、専用のクライアント(※)をインストールいただく必要があります

必ず、ご利用可能な環境でご受講ください。

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


なお、Amazon Workspacesの接続性をチェックすることができるサイトがございますので、

以下の手順を参考に、ご確認をお願いいたします。

Amazon Workspaces_接続チェック手順


◆コース説明

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

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

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

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


※2022年10月以降、研修環境が仮想デスクトップに変更となります。 

研修概要

  • 研修の目的
    ■ Reactを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる
  • 研修の内容
    ■ Reactの概要
     □ Reactとは
     □ JSXや仮想DOMの特徴
     □ Hello React
    ■ React学習のためのJavaScript復習
     □ 不変性とは
     □ 条件演算子
     □ コールバック関数
     □ 分割代入
     □ map/filter/reduce
    ■ Reactの基礎
     □ React利用方法基礎
     □ コンポーネント
     □ props
     □ イベントハンドリング
     □ JSXのルール
     □ CSSの適用
    ■ フック
     □ 状態フック
     □ 副作用フック
     □ WebAPIへのアクセス
    ■ 様々なツールやパッケージの紹介
     □ create-react-app
     □ MUI
     □ React Router
    ■ 状態管理
     □ Context APIによる状態管理
     □ コンポーネント間のデータ共有
    ※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
  • 対象者
    ■ 今後、Reactを使用してWebアプリケーションのフロントエンド開発を担当する方
  • 前提条件
    ■ 『オンライン研修環境』に記載のツール、機材のご用意が可能な方
    ■ HTMLおよびCSSを利用して簡単なWebページを記述できる方
    ■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
    ■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方
  • 実行環境
    ■ React v18.x以上
    ■ ECMAScript 2015以上
    ■ Node.js v16.x以上
    ■ Chrome
    ■ Visual Studio Code
    ※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
  • 配布資料
    ■ セミナーテキスト
    ※ソースコード等はオンラインストレージにて配布いたします。
  • 開催日数
    2日間
  • 受講料
    99,000円
    (税込)
  • お支払い
    研修終了後に請求書払いとなります。
    請求書は研修終了日の属する月の月末までに郵送させていただきます。
  • 時間
    9時30分~17時00分

開催日程

  • 申込受付終了
    2022年8月24日~2022年8月25日(2日間)
    【会場】 オンライン
  • 申し込む
    2022年9月26日~2022年9月27日(2日間)
    【受付】2022年9月15日まで
    【会場】 オンライン
  • 申し込む
    2022年10月24日~2022年10月25日(2日間)
    【受付】2022年10月17日まで
    【会場】 オンライン
  • 申し込む
    2022年12月22日~2022年12月23日(2日間)
    【受付】2022年12月15日まで
    【会場】 オンライン
  • 申し込む
    2023年2月13日~2023年2月14日(2日間)
    【受付】2023年2月6日まで
    【会場】 オンライン

HTML5・JavaScript研修に関する研修一覧