React/Redux開発入門

コース基本情報

コースタイトル React/Redux開発入門
コースコード WSC0091R  
コース種別 集合研修 形式 講義+実機演習
期間 3日間 時間 9:30~17:00 価格(税抜) 135,000円(税抜)
主催 株式会社カサレアル
日程 会場 空席状況 実施状況 選択

2019年10月9日(水) ~ 2019年10月11日(金)

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

  お申し込み後確認

2019年11月18日(月) ~ 2019年11月20日(水)

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

  お申し込み後確認

2019年12月11日(水) ~ 2019年12月13日(金)

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

  お申し込み後確認

2020年1月22日(水) ~ 2020年1月24日(金)

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

  お申し込み後確認

2020年2月19日(水) ~ 2020年2月21日(金)

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

  お申し込み後確認

2020年3月11日(水) ~ 2020年3月13日(金)

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

  お申し込み後確認

2020年3月23日(月) ~ 2020年3月25日(水)

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

  お申し込み後確認

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

詳しくはお問い合わせください。

対象者情報

対象者
・これから、Reactを使用してフロントエンドのWebアプリ開発を担当する方
・これまで、フロントエンドのWebアプリ開発(jQuery、Backbone.js、AngularJS)をしたことがあり、Reactの導入に興味がある方
前提条件
□HTMLおよびCSSを利用して簡単なWebページを記述できる方
□JavaScriptを利用して簡単なWebアプリケーションを記述できる方
□『JavaScript入門 -ECMAScript 2015~2017対応-(*)』コースをご受講いただいた方もしくは、同等の技術を習得している方
(*):株式会社カサレアル主催コース

学習内容の詳細

コース概要
Webサービスにおいて広く利用されているReactとReduxの両方の基礎を演習を交えて一気に学べるコースです。

Reactは、Facebook製のUI構築用JavaScriptライブラリです。他にはない先進的な開発アプローチ(JSX・VirtualDOM・データフロー)を採用しています。
このコースでは、JavaScriptの学習経験がある方に向けて、Reactの導入方法から基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移(ルーター)までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。
このコースを受講することで、サーバーサイド連携や画面遷移を行える基礎的なアプリケーションを作成できるようになります。
学習目標
● Reactを使ってコンポーネントを作成し、基礎的なアプリケーションを構築する
● サーバーサイドと連携しデータを取得および保存できるアプリケーションを作成する
● Reduxを使用し、コンポーネント間の連携を行う"
学習内容
1. Reactの概要
  -  Reactとは
  -  UIComponent
  -  Componentの合成
  -  VirtualDOM

2. React導入
  -  JSX定義
  -  JSX属性の定義
  -  関数型Component
  -  クラス型Component
  -  Componentへの分割
  -  イベントへの反応

3. WebAPI利用
  -  Web APIとは
  -  外部ライブラリ(axios)の利用
  -  async/awaitの利用
  -  ライフ・サイクルメソッド
  -  POSTによる登録処理

4. Router
  -  react-router

5. Redux導入
  -  Reactアプリの規模拡大時のネック
  -  Redux
  -  Store
  -  状態変更(入力)フロー
  -  状態変更(出力)フロー

6. React-Redux
  -  connect関数
  -  Provider Component
  -  ActionType、ActionCreatorの共通化
  -  Reducer利用
  -  ActionCreator利用

7. Redux-WebAPI
  -  Middleware使用例(WebAPIアクセス)
  -  非同期Middlewareの定義

実習/演習内容詳細

ソフトウェア/ハードウェア
※使用ソフトウェアについて
変更頻度が高いため、詳細につきましてはお問い合わせください。

ご注意・ご連絡事項

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