申込み受付中

🔸オンライン開催はこちら

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

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


Reactは、Facebook製のUI構築用JavaScriptライブラリです。JSXや仮想DOMなど特徴的な機能を採用し、海外のWebサービスにおいて圧倒的な導入率を誇っています。

このコースでは、JavaScriptの学習経験がある方に向けて、Reactの導入方法から基本的な作り方・コンポーネントの作成・サーバーサイドとの連携・画面遷移(ルーター)までを、随時ハンズオンと演習を織り交ぜながら学んでいきます。

このコースを受講することで、サーバーサイド連携や画面遷移を行えるWebアプリケーションを作成できるようになります。

コースフロー

HTML5・JavaScript研修 初歩から学ぶHTML5/CSS3入門 JavaScriptで学ぶ初めてのプログラミング jQueryによるAjaxアプリケーション開発-REST、JSON、WebSocket- しっかり学ぶモダンJavaScript-関数、モジュール、DOM、ECMAScript2019- JavaScript応用-HTML5API活用編- Angular入門 React入門 -Hooks、ContextAPI、MaterialUI対応- Vue.js入門 -ver.3対応- Reduxワークショップ -React応用- Angular&Spring BootによるSPA開発ワークショップ Node.js入門 -Expressを使ったWebAPI開発- Vue.jsとNode.jsによるSPA開発ワークショップ

HTML5・JavaScript研修 初歩から学ぶHTML5/CSS入門 JavaScriptで学ぶ初めてのプログラミング しっかり学ぶモダンJavaScript JavaScript応用 お使いのフレームワークへ(Angular入門、React入門、Reduxワークショップ 、Vue.js入門) 初歩から学ぶHTML5/CSS入門 JavaScriptで学ぶ初めてのプログラミング Javaプログラミング入門 Javaプログラミング基礎 しっかり学ぶモダンJavaScript Angular入門 Javaプログラミング入門 Javaプログラミング基礎 基礎からのSpring BootによるWebアプリケーション開発 Angular&Spring BootによるSPA開発ワークショップ

研修概要

  • 研修の目的
    ■ 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
     □ ライフ・サイクルメソッド
    ※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
  • 対象者
    ■ 今後、Reactを使用してWebアプリケーションのフロントエンド開発を担当する方
  • 前提条件
    ■ HTMLおよびCSSを利用して簡単なWebページを記述できる方
    ■ JavaScriptを利用して簡単なWebアプリケーションを記述できる方
    ■ 『しっかり学ぶモダンJavaScript』コースをご受講いただいた方もしくは、同等の技術を習得している方
  • 実行環境
    ■ Windows 10
    ■ React v16.12以降
    ■ Node.js v12以降
    ■ Webブラウザ(Chrome)
    ■ テキストエディタ(Visual Studio Code)
    ※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
  • 配布資料
    ■ セミナーテキスト
    ■ 演習テキスト
    ※ソースコード等はオンラインストレージにて配布いたします。
  • 開催日数
    2日間
  • 受講料
    90,000円
    (税抜)※受講料にはテキスト代も含まれます。
  • お支払い
    研修終了後に請求書払いとなります。
    請求書は研修終了日の属する月の月末までに郵送、もしくは研修当日に手渡しさせていただきます。
  • 持ち物
    特にございません
  • 時間
    9時30分~17時00分

開催日程

HTML5・JavaScript研修に関する研修一覧