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ミーティングが利用可能（回線速度が十分で、アプリケーションおよびユーザーアカウントが用意できる。マイクで通話が可能）
    　・Google Chrome ※
    　・Node.js v12以降 ※
    　・Visual Studio Code ※
    　・React v16.12以降
    ※
    使用されるPCに対し、必ずご受講前に以下の環境構築を実施してください。環境構築を実施いただけていない場合、コースをご受講いただくことができません。
    　・JavaScript環境構築動画（※外部サイト）（https://www.youtube.com/watch?v=erFfDvhSslA）
    　【推奨】
    　・OS:Windows10（64bit）

内容

・ 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研修・ラーニング

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

その他のコース一覧