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

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


◆オンライン研修環境

使用ツール 動画配信:Zoom
質疑応答:オンラインチャットシステム(Mattermost)
演習環境:仮想デスクトップ

※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
※Mattermostおよび演習環境は弊社にてご用意いたします。
システム要件 ・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)
OS/ブラウザ OS:Windows / ブラウザ:Google Chrome
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。



◆コース説明

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

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

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

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


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


※受講に関する注意点※

進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。

大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、

当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

研修概要

  • 研修の目的
    ■ 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による状態管理
     □ コンポーネント間のデータ共有
    ※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
  • 対象者
    ■ 今後、Reactを使用してWebアプリケーションのフロントエンド開発を担当する方
  • 前提条件
    ■ 『オンライン研修環境』に記載のツール、機材のご用意が可能な方
    ■ HTMLおよびCSSを利用して簡単なWebページを記述できる方
    ■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
    ■ 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している方
  • 実行環境
    (~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

    ※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
  • 配布資料
    ■ セミナーテキスト
    ■ ソースコード等
  • 開催日数
    2日間
  • 受講料
    110,000円
    (税込)
  • お支払い
    研修終了後に請求書払いとなります。
    請求書は研修終了日の属する月の月末までに郵送させていただきます。
  • 時間
    9時30分~17時00分

開催日程

  • 終了
    2024年6月17日~2024年6月18日(2日間)
    【会場】 オンライン
  • 申し込む
    実施確定(残りわずか)
    2024年7月11日~2024年7月12日(2日間)
    【受付】2024年7月3日まで
    【会場】 オンライン
  • 申し込む
    2024年8月8日~2024年8月9日(2日間)
    【受付】2024年7月31日まで
    【会場】 オンライン
  • 申し込む
    2024年9月2日~2024年9月3日(2日間)
    【受付】2024年8月23日まで
    【会場】 オンライン
  • 申し込む
    2024年10月28日~2024年10月29日(2日間)
    【受付】2024年10月18日まで
    【会場】 オンライン
  • 申し込む
    2024年11月14日~2024年11月15日(2日間)
    【受付】2024年11月6日まで
    【会場】 オンライン
  • 申し込む
    2024年12月4日~2024年12月5日(2日間)
    【受付】2024年11月26日まで
    【会場】 オンライン
  • 申し込む
    2024年12月23日~2024年12月24日(2日間)
    【受付】2024年12月13日まで
    【会場】 オンライン
  • 申し込む
    2025年2月6日~2025年2月7日(2日間)
    【受付】2025年1月29日まで
    【会場】 オンライン
  • 申し込む
    2025年2月17日~2025年2月18日(2日間)
    【受付】2025年2月6日まで
    【会場】 オンライン
  • 申し込む
    2025年3月3日~2025年3月4日(2日間)
    【受付】2025年2月20日まで
    【会場】 オンライン
  • 申し込む
    2025年3月18日~2025年3月19日(2日間)
    【受付】2025年3月10日まで
    【会場】 オンライン

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