ホーム > React入門 -Hooks、ContextAPI、MaterialUI対応-

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

  • New!
    新規コース(過去6ヶ月)

コース基本情報

コースタイトル React入門 -Hooks、ContextAPI、MaterialUI対応-
コースコード WSC0101R  
コース種別 集合研修 形式 講義+実機演習
期間 2日間 時間 9:30~17:00 価格(税込) 99,000円(税込)
主催 株式会社カサレアル
日程 会場 空席状況 実施状況 選択

2020年8月17日(月) ~ 2020年8月18日(火)

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

  お申し込み後確認

2020年9月14日(月) ~ 2020年9月15日(火)

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

  お申し込み後確認

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

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

ワンポイント

人材開発支援助成金を申請予定の場合、担当営業もしくはWebにご相談ください。

対象者情報

対象者
・今後、Reactを使用してWebアプリケーションのフロントエンド開発を担当する方
前提条件
□HTMLおよびCSSを利用して簡単なWebページを記述できる方
□JavaScriptを利用して簡単なWebアプリケーションを記述できる方
□ 『しっかり学ぶモダンJavaScript -関数、モジュール、DOM、ECMAScript2019-(*)』コースをご受講いただいた方もしくは、同等の技術を習得している方
□(*):株式会社カサレアル主催コース

学習内容の詳細

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

Reactは、Facebook製のUI構築用JavaScriptライブラリです。JSXや仮想DOMなど特徴的な機能を採用し、海外のWebサービスにおいて圧倒的な導入率を誇っています。
このコースでは、JavaScriptの学習経験がある方に向けて、Reactの導入方法から基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移(ルーター)までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。
このコースを受講することで、サーバーサイド連携や画面遷移を行えるWebアプリケーションを作成できるようになります。
学習目標
● Reactを使ってコンポーネントを作成し、基礎的なアプリケーションを構築する
● サーバーサイドと連携しデータを取得および保存できるアプリケーションを作成する
学習内容
1. Reactの概要
  - Reactとは
  - JSXや仮想DOMの特徴
  - コンポーネント
  - create-react-app

2. Reactの基礎
  - React利用方法基礎
  - JSXのルール
  - イベントハンドリング
  - コンポーネントの作成
  - propsとstate
  - Hooks
  - Material-UIの導入
  - コンポーネントの分割

3. 状態管理
  - Context APIによる状態管理
  - コンポーネント間のデータ共有

4. CSSの適用
  - ReactへのCSS適用方法

5. Router
  - react-routerを使った画面遷移

6. WebAPI利用
  - Web APIとは
  - FetchAPIの利用
  - async/await
  - ライフ・サイクルメソッド

※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。"

実習/演習内容詳細

ソフトウェア/ハードウェア
■ Windows 10
■ React v16.12以降
■ Node.js v12以降
■ Webブラウザ(Chrome)
■ テキストエディタ(Visual Studio Code)
※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

ご注意・ご連絡事項

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