コースコード:LN846

React入門 -Hooks、ContextAPI、MUI対応-(2日間)

最新の開催情報

受講料
110,000円 100,000円
講習日数
2日間

コース概要

洗練された書き方でWebアプリケーションを作成できるJavaScriptライブラリ「React」の基礎を学べるコースです。
JavaScriptの学習経験がある方を対象に、Reactの導入方法から基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移(ルーター)までを随時ハンズオンと演習を織り交ぜながら学びます。

開催形式
集合研修
研修サービス
テキスト マシン実習

前提知識

以下のすべてを満たしている方。

  • HTMLおよびCSSを利用して簡単なWebページを記述できる
  • JavaScriptを利用して簡単なWebアプリケーションを記述できる
  • 『モダンJavaScript入門』コースをご受講いただいた方もしくは、同等の技術を習得している

到達目標

  • Reactを使ってコンポーネントを作成し、基礎的なアプリケーションを構築できる

講師からのメッセージ

Reactは、Facebook製のUI構築用JavaScriptライブラリです。JSXや仮想DOMなど特徴的な機能を採用し、海外のWebサービスにおいて圧倒的な導入率を誇っています。
このコースを受講することで、サーバーサイド連携や画面遷移を行えるWebアプリケーションを作成できるようになります。

コース内容

1日目
AM
1.Reactの概要
・Reactとは
・JSXや仮想DOMの特徴
・Hello React
2.React学習のためのJavaScript復習
・不変性とは
・条件演算子
・コールバック関数
・分割代入
・map/filter/reduce
PM
3.Reactの基礎
・React利用方法基礎
・コンポーネント
・props
・イベントハンドリング
・JSXのルール
・CSSの適用
2日目
AM
4.フック
・状態フック
・副作用フック
・WebAPIへのアクセス
PM
5.様々なツールやパッケージの紹介
・create-react-app
・MUI
・React Router
6.状態管理
・Context APIによる状態管理
・コンポーネント間のデータ共有
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

<実行環境>
■ React v18.x以上
■ ECMAScript 2015以上
■ Node.js v16.x以上
■ Chrome
■ Visual Studio Code
※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

<配布資料>
■ セミナーテキスト
※ソースコード等はオンラインストレージにて配布いたします。

留意事項・備考

・本コースは株式会社カサレアルとの提携コースであり、コース実施のためのお客様の個人情報を提携会社に提供させていただきます。
・本コースは、お申込いただいてから主催会社に空席確認をし受講可否をご連絡いたします。空席状況の表示が△でもまずはお申し込みください。
・本コースのマシン実習は1つのシナリオに沿っているため、遅刻すると他の受講者と一緒に演習ができません。
 開始時刻を遅れて参加された場合は、チュートリアルに従って自力で演習を進めることになります。
 開始時間を守って参加いただけますよう、お願いいたします。

開催スケジュール詳細・お申込

「カートに追加」欄の追加をクリックすると、web申込が可能です。
申込期限およびキャンセル期限は、各締切日の16:30です。

◎・・・6名様以上、空いております。
○・・・1~5名様の空きがございます。
△・・・キャンセル待ちとなります。(ただし、備考欄に注記がある場合はキャンセル待ちではありませんので、注記をご参照ください)
空席状況は定期的に更新しています。◎○でも、既に満席の場合はご了承下さい。詳細な空席状況は研修申込センターにお問い合せください。

地区 開催番号 会場名 開始日~
終了日
日数 講習時間 申込締切日 空席
状況
備考 カートに
追加
キャンセル締切日
東京 LN846001A カサレアル品川トレーニングセンター 2024/09/17~
2024/09/18
2日間 09:30~
17:00
2024/09/03 ※注
2024/09/03

リコメンド

「React入門 -Hooks、ContextAPI、MUI対応-」コースを申込んだ人は、こんなコースも申し込んでいます。