申込み受付中

🔸オンライン開催はこちら

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

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


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

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

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

研修概要

  • 研修の目的
    ■ 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分

開催日程

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