Java・Ruby・Androidの初心者や中級者以降の方への教育・研修、コンサルティング事業を展開している株式会社ナレッジエックス

お問い合わせ | セミナー・研修お申込み

シェア

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

概 要

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

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

※当コースは株式会社カサレアルが主催するコースとなります

対 象 者
  • 今後、Reactを使用してWebアプリケーションのフロントエンド開発を担当する方
前 提 条 件
  • HTMLおよびCSSを利用して簡単なWebページを記述できる方
  • JavaScriptを利用して簡単なWebアプリケーションを記述できる方
  • 『しっかり学ぶモダンJavaScrip』コースをご受講いただいた方もしくは、同等の技術を習得している方
受講後目標スキルレベル
  • Reactを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる
  • サーバーサイドと連携しデータを取得および保存できるアプリケーションを作成できる
カリキュラム
  • Reactの概要
    • Reactとは
    • JSXや仮想DOMの特徴
    • コンポーネント
    • create-react-app
  • Reactの基礎
    • React利用方法基礎
    • JSXのルール
    • イベントハンドリング
    • コンポーネントの作成
    • propsとstate
    • Hooks
    • Material-UIの導入
    • コンポーネントの分割
  • 状態管理
    • Context APIによる状態管理
    • コンポーネント間のデータ共有
  • CSSの適用
    • ReactへのCSS適用方法
  • Router
    • react-routerを使った画面遷移
  • WebAPI利用
    • Web APIとは
    • FetchAPIの利用
    • async/await
    • ライフ・サイクルメソッド

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

実 行 環 境
  • Windows 10
  • React v16.12以降
  • Node.js v12以降
  • Webブラウザ(Chrome)
  • テキストエディタ(Visual Studio Code)

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

受 講 期 間

13時間(2日間)

日 時
会 場

カサレアル泉岳寺トレーニングセンター

受 講 料 金

94,050円(税込)※受講料にはテキスト代も含まれます。

研修のお申し込み

下記ボタンをクリックしオンラインでお申し込みください

お申し込みフォームを表示する