IT研修・ラーニング

React入門

Web/JavaScript研修一覧 クライアントサイド技術

Reactの導入方法から基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移（ルーター）をハンズオンと演習で学ぶコースです

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

対象

  • Reactを使用してWebアプリケーションのフロントエンド開発を担当する方

達成目標

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

前提条件

  • 前提スキル
    ・HTMLおよびCSSを利用して簡単なWebページを記述できる、
    　または、
    　『【eラーニング】Webフロントエンド基礎コース』をご受講いただいた方
    ・JavaScriptを利用して簡単なWebアプリケーションを記述できる、
    　または、
    　『Node.jsで学ぶJavaScript基礎（ECMAScript 2016 対応）』をご受講いただいた方
  • 利用環境
    ・Zoom 【オンライン会議】 こちらをご確認ください（外部サイト）
    ・Windows 11, 10（64bit） 【OS】
    ・React v18以降 【JavaScript開発環境】 こちらをご確認ください（外部サイト）
    ・Node.js v20以降 【JavaScript開発環境】 こちらをご確認ください（外部サイト）
    ・Google Chrome 【Webブラウザ】 こちらをご確認ください（外部サイト）
    ・Visual Studio Code 【エディタ】 こちらをご確認ください（外部サイト）

内容

・ 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
　　ライフ・サイクルメソッド

※一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
研修教材として株式会社カサレアルの「React入門 -Hooks、ContextAPI、MaterialUI対応-」を使用します。
研修教材は紙媒体のものを事前に送付します。

講義と演習の配分

開催概要

主催 オージス総研
会場/日程

Zoomミーティングルームを利用します。後日、お申し込みいただいたお客様へ、開催URLをご連絡いたします。
2024年09月12日（木）～2024年09月13日（金）
09：30～17：00（終了）

Zoomミーティングルームを利用します。後日、お申し込みいただいたお客様へ、開催URLをご連絡いたします。
2024年11月21日（木）～2024年11月22日（金）
09：30～17：00（終了）

Zoomミーティングルームを利用します。後日、お申し込みいただいたお客様へ、開催URLをご連絡いたします。
2025年01月27日（月）～2025年01月28日（火）
09：30～17：00（終了）

Zoomミーティングルームを利用します。後日、お申し込みいただいたお客様へ、開催URLをご連絡いたします。
2025年03月17日（月）～2025年03月18日（火）
09：30～17：00（終了）

コース 2日コース
受講料 110,000円（税込み）
3名以上のお申し込みで、10%OFF
適用条件はページ下部に記載してあります
受講料有料の場合の
お支払いについて		 【法人のお客様】
コース終了後にお申し込み者様宛てに請求書をお送りしますので、請求書に記載されている期日までに当社指定口座にお振り込みください。（請求翌月末現金払い）
【個人のお客様】
個人でお申し込みいただいた場合は、受講料金を事前に当社指定口座にお振り込みいただきます。
詳細につきましては、開催確定後にお送りしますメールでご案内差し上げます。
マシン使用 あり
オープン/オンサイト オープン
3名以上のお申し込みで、10%OFF
＜適用条件＞
・同日開催の同一コースに対して、同一企業からのお申し込みに限ります
・お客様のお申し込み日が別であっても適用されます
・研修当日、欠席により3名未満になった場合は適用されません

お問い合わせ・お申し込み

IT研修・ラーニングについて、よくあるご質問はこちらからご覧いただけます。

同コースのIT研修・ラーニング

Node.jsで学ぶJavaScript基礎（ECMAScript 2016 対応）
【eラーニング】 Webフロントエンド基礎コース
HTML/CSS基礎

その他のコース一覧