受付終了

React/Redux開発入門

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

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

※本コースは2019年下期を持ちまして、開催を終了とさせていただきます。
2020年4月から下記コースへ改訂いたします。
React入門 -Hooks、ContextAPI、MaterialUI対応-
Reduxワークショップ -React応用-
詳細は、上記コースページをご参照いただきますようお願いいたします。

コースフロー


HTML5・JavaScript研修

初歩から学ぶHTML5/CSS3入門 JavaScriptで学ぶ初めてのプログラミング jQueryによるAjaxアプリケーション開発-REST、JSON、WebSocket- しっかり学ぶモダンJavaScript-関数、モジュール、DOM、ECMAScript2019- JavaScript応用-HTML5API活用編- Angular入門 React入門 -Hooks、ContextAPI、MaterialUI対応- Vue.js入門 Reduxワークショップ -React応用- Angular&Spring BootによるSPA開発ワークショップ Node.js入門 -Expressを使ったWebAPI開発- Vue.jsとNode.jsによるSPA開発ワークショップ


HTML5・JavaScript研修

初歩から学ぶHTML5/CSS入門 JavaScriptで学ぶ初めてのプログラミング しっかり学ぶモダンJavaScript JavaScript応用 お使いのフレームワークへ(Angular入門、React入門、Reduxワークショップ 、Vue.js入門) 初歩から学ぶHTML5/CSS入門 JavaScriptで学ぶ初めてのプログラミング Javaプログラミング入門 Javaプログラミング基礎 しっかり学ぶモダンJavaScript Angular入門 Javaプログラミング入門 Javaプログラミング基礎 基礎からのSpring BootによるWebアプリケーション開発 Angular&Spring BootによるSPA開発ワークショップ

研修概要

研修の目的
■ Reactを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる
■ サーバーサイドと連携しデータを取得および保存できるアプリケーションを作成できる
■ Reduxを使用し、コンポーネント間の連携を行える
研修の内容
■ 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の定義
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
対象者
■ 今後Reactを使用してフロントエンドのWebアプリ開発を担当する方
■ これまで、フロントエンドのWebアプリ開発(jQuery・Backbone.js・AngularJS)をしたことがあり、Reactの導入に興味がある方
前提条件
■ HTMLおよびCSSを利用して簡単なWebページを記述できる方
■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
■ 『しっかり学ぶモダンJavaScript -関数、モジュール、DOM、ECMAScript2019-』コースをご受講いただいた方もしくは、同等の技術を習得している方
実行環境
■ Windows 7以降
■ React v16以降
■ Node.js v8以降
■ Webブラウザ(Chrome)
■ テキストエディタ(Visual Studio Code)
※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
配布資料
■ セミナーテキスト
■ 演習テキスト
※ソースコード等はオンラインストレージにて配布いたします。
開催日数
3日間
受講料
135,000円
(税抜)※受講料にはテキスト代も含まれます。
お支払い
研修終了後に請求書払いとなります。
請求書は研修終了日の属する月の月末までに郵送、もしくは研修当日に手渡しさせていただきます。
持ち物
特にございません
時間
9時30分~17時00分
開催日程
2020年2月19日~2020年2月21日(3日間)【会場】カサレアル泉岳寺トレーニングセンター申し込み終了
2020年3月11日~2020年3月13日(3日間)【会場】カサレアル泉岳寺トレーニングセンター申し込み終了
2020年3月23日~2020年3月25日(3日間)【会場】カサレアル泉岳寺トレーニングセンター申し込み終了

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