【公開講座】React/Redux開発入門

React/Redux開発入門 1名さまから参加できる研修サービス・公開講座

  • 研修プログラム例
  • スケジュール
  • お問合せ

研修の概要

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

研修の目的

  • ■ Reactを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる
  • ■ サーバーサイドと連携しデータを取得および保存できるアプリケーションを作成できる
  • ■ Reduxを使用し、コンポーネント間の連携を行える

対象者

  • ■ 今後Reactを使用してフロントエンドのWebアプリ開発を担当する方
  • ■ これまで、フロントエンドのWebアプリ開発(jQuery・Backbone.js・AngularJS)をしたことがあり、Reactの導入に興味がある方

主催団体

本コースは、株式会社カサレアルが主催しております。

研修プログラム例

研修プログラム例
内容
  • ■ Reactの概要
     □ Reactとは
     □ UIComponent
     □ Componentの合成
     □ VirtualDOM
  • ■ React導入
     □ JSX定義
     □ JSX属性の定義
     □ 関数型Component
     □ クラス型Component
     □ Componentへの分割
     □ イベントへの反応
  • ■WebAPI利用
     □ Web APIとは
     □ 外部ライブラリ(axios)の利用
     □ async/awaitの利用
     □ ライフ・サイクルメソッド
     □ POSTによる登録処理
  • ■ Router
     □ react-router
  • ■Redux導入
     □ Reactアプリの規模拡大時のネック
     □ Redux
     □ Store
     □ 状態変更(入力)フロー
     □ 状態変更(出力)フロー
  • ■React-Redux
     □ connect関数
     □ Provider Component
     □ ActionType、ActionCreatorの共通化
     □ Reducer利用
     □ ActionCreator利用
  • ■ Redux-WebAPI
     □ Middleware使用例(WebAPIアクセス)
     □ 非同期Middlewareの定義
  • ※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

留意事項・備考

お申込み後のキャンセルにつきましてはこちらをご覧ください

【事前に必ずご確認の上お申込みください】
*事前のお席の確保などのご対応致しかねます。
*お申込み内容は、翌営業日以降に確定いたします。
*お申込み後、満席などでご受講できない場合がございますので、あらかじめご了承ください。満席の場合は、別途ご連絡申し上げます。

【受講に関する注意点】
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

スケジュール

かんたんお申込みシステム WEBinsource

公開講座を手軽にお安く受講いただけます!
→WEBinsourceの詳細と新規登録はこちら

■オンライン開催

前提条件

  • ■ HTMLおよびCSSを利用して簡単なWebページを記述できる方
  • ■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
  • ■ 『JavaScript入門 -ECMAScript 2015~2017対応-』コースをご受講いただいた方もしくは、同等の技術を習得している方

実行環境

  • ■ Windows 7以降
  • ■ React v16以降
  • ■ Node.js v8以降
  • ■ Webブラウザ(Chrome)
  • ■ テキストエディタ(Visual Studio Code)

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

配布資料

  • ■ セミナーテキスト
  • ■ 演習テキスト

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

お問合せはこちら

お問い合わせのお客様0120-800-225

ホームページ:https://www.insource.co.jp

E-mail:[email protected]

お問合せ

お問い合わせフォームへ

※お問合せ内容ご記入欄に「React/Redux開発入門」とご記入のうえお問合せください

下記情報を無料でGET!!

無料セミナー、新作研修、他社事例、公開講座割引、資料プレゼント、研修運営のコツ

メールマガジンのご登録はこちら

登録は左記QRコードから!

※配信予定は、予告なく配信月や研修テーマを変更する場合がございます。ご了承ください。

配信をご希望の方は、個人情報保護の取り扱いをご覧ください。

年間実績公開講座の年間実績
受講者数※1
開催数※1
講座数※2

WEBinsource
ご利用社数※2

※1 

※2 

研修を探す
開催地で探す
階層で探す
テーマで探す
コースマップで探す
日程で探す
課題・状況で探す
講師派遣型研修

お客さまの課題に応えるオーダーメイド型研修

研修一覧
オンライン人材育成

オンライン人材育成

企業内研修は、すべてオンラインで実施可能です

動画教育・eラーニング

動画教育・eラーニング

データやDVDの買い切り、レンタル視聴、定額制見放題など、様々なプランでご提供します

メールマガジンのご登録

コンテンツクリエイターズワークス

生理の貧困対策支援PJ(企業向け)全力Q&A

生理の貧困対策支援PJ(自治体向け)全力Q&A

生理の貧困対策支援PJ自治体のお声

インソースからの新着メッセージ

    新作研修

    業界随一の研修開発力を誇る
    インソースの最新プログラム

      コア・ソリューションプラン
      の新作情報

      250種類以上のコンサル事例!
      組織の「したい!」に全力で応える

        おすすめリンク