![related_training](https://www.fullness.co.jp/corporate/wp-content/uploads/2024/05/【オープン講座】React・TypeScript基礎研修.jpg)
- 研修名
-
React/TypeScript基礎研修
- 概要
-
本研修ではReactとTypeScriptを一緒に学べる研修となります。
【React】
仮想DOMによる高速表示、コンポーネント指向による高いメンテナンス性といった特長からFacebookだけでなく、Instagram、Airbnbなどの大規模Webサービスでも採用されているReact(React.js)。
本研修は、講義と演習を通して、JavaScriptライブラリーであるReact(React.js)を使用したアプリケーション開発に必要な知識習得を目的としています。【TypeScript】
柔軟性に富んだJavaScriptの良さとパワフルな言語特性を拡張し、
実行環境やブラウザを限定することなく使える動的言語であるTypeScriptの基礎を学びます。
※Node.js上で動かしながら理解を深めます
- 対象者
-
- ・JavaScriptの入門知識をお持ちの方
- 目的
-
・React(React.js)の特徴と活用方法を学ぶ
・TypeScriptの特徴と活用方法を学ぶ
- カリキュラム
-
詳しくはこちら
【React編】
1 環境構築
1.1 Chocolateyのインストール
1.2 Visual Studio Codeのインストール
1.3 Node.jsのインストール
1.4 create-react-app
1.5 Reactアプリの動作確認2 JSX
2.1 JSXとは
2.2 JSXのトランスパイル
2.3 JSXの文法3 トランスパイル
3.1 トランスパイラとは
3.2 Babelとは
3.3 webpack4 Reactコンポーネント
4.1 Reactコンポーネントとは
4.2 Reactコンポーネントの種類
4.3 プロジェクトの作成
4.4 Functional Component
4.5 Class Component
4.6 Functional ComponentとClass Componentの違い
4.7 Fragmentコンポーネント
4.8 データの受け渡し
4.9 stateのイベントハンドリング5 Redux
5.1 Reduxの構成
5.2 Reduxの動作の確認
5.3 Store・Reducerの設計指針について
5.4 機能ごとに分割する
5.5 react-reduxの利用6 ルーティング
6.1 ルーティング
6.2 ルーティングの実装パターン
6.3 react-router
6.4 ルーティングの確認7 Redux Middleware
7.1 Actionのログ取得のミドルウェア実装8 Reduxの非同期処理
8.1 redux-thunkによる非同期処理9 UIを綺麗にしよう
9.1 Material-UIを使う10 より実践的なアプリケーションを作る
10.1 Yahoo APIのアプリケーションIDの取得
10.2 プロジェクトの作成
10.3 依存関係の追加
10.4 ディレクトリの作成
10.5 ルートReducerの作成
10.6 storeの定義
10.7 エントリーポイントの設定
10.8 ページルーティングの設定
10.9 非同期処理の実装
10.10 ActionCreaterの実装
10.11 Componentの実装
10.12 Containerの実装
10.13 MaterialUIによる装飾11 テスト
11.1 Jestとは
11.2 Jestを使った簡単なテスト
11.3 ActionCreaterのテスト【TypeScript編】
・TypeScript言語の機能
・TypeScriptの特徴
・変数
・型
・演算子
・関数
・インターフェイス
・クラス
・モジュール
・ジェネリック
・TypeScriptの新しい機能
・型システム
・型システム
・静的な型は省略可能
・構造的な型付け
・型消去
・型推論
・識別子の重複
・型チェック
・アンビエント宣言
・TypeScriptでのオブジェクト指向
・TypeScriptでのオブジェクト指向
・SOLID原則
・デザインパターン
・ミックスイン
・ランタイム
・ランタイムの機能
・スコープ
・イベント
・オブジェクトの拡張
・ブラウザでのTypeScriptの実行
・Webブラウザの構造
・DOM
・ネットワーク
・ストレージ
・位置情報
・センサー
・Webワーカー
・プログラムのパッケージ化
・サーバーでのTypeScriptの実行 (Node.js)
・Noda.jsのインストール
・新しいプロジェクトの作成
・単純なNoda.jsプログラム
・リクエスト情報
・Expressを使ったアプリケーションの作成
・例外、メモリ、パフォーマンス
・例外
・メモリ
・パフォーマンス
・JavaScriptライブラリの使用
・型定義の作成
・JavaScriptアプリケーションの変換
・テストの自動化
・フレームワークの選択
・Jasmineを使ったテスト
- 費用
-
77,000円(税込)/お一人様
オープン講座 参加時の価格です。
- 日時
-
お問合せ下さい。
- 場所
-
●オンライン
Zoomによるオンラインのため、ネットワーク環境があればどこでも受講を頂けます。
※PCのご用意が難しい場合はご相談ください
- キャンセルポリシー
-
- (1)申込オープン講座開催日の10営業日前までは、無料
- (2)申込オープン講座開催の9営業日前から6営業日前までは、研修料金の50%
- (3)申込オープン講座開催の5営業日前から研修当日は、研修料金の全額
- 特記事項
-
- ・お申し込みの際は、弊社オープン講座のキャンセルポリシーにご同意いただいたものとみなします。
- ・欠席された場合には、研修費用の全額をご請求させていただきます。
- ・弊社都合で開催を中止または延期する事由が発生した場合には、お客様へのご請求は発生しません。