コース概要
モダンなフロントエンドアプリケーションの開発
- React、Angular、Vue.jsの概要および共通点
- 宣言的レンダリング
- コンポーネント - カスタムHTMLタグの定義
- create-react-appを使用してReactプロジェクトを初期化
モダンなJavaScript
- node.jsとnpmを使用した開発
- JavaScriptのバージョン
- モジュールの扱い
- 関数とアロー関数
- クラス
- JavaScriptにおける関数型プログラミング(map、filterなど)
TypeScript
- 静的タイピングと動的タイピング
- 変数、関数、クラスの型宣言
- 基本的なデータ型
- タプル、オブジェクト
- インターフェース
- ジェネリックス
Reactのテンプレート言語
- JavaScriptベースのテンプレート言語:JSX
- 要素プロパティの設定
- 要素の繰り返し
- if / else
- イベント
- CSSクラスとスタイル
Reactにおける状態管理
- アプリケーションの状態の設定と変更
- state hookとsetStateの使用
- 入力要素の内容を状態にキャプチャする
コンポーネント:モダンWebアプリケーションの構成要素
- ReactにおけるカスタムHTMLタグの定義
- state、props & events
- コンポーネント間でのデータフロー
- 関数コンポーネントとクラスコンポーネント
- 関数コンポーネントでのhooksの使用
- コンポーネントのライフサイクルイベント(mount、update、unmount)
- ライブラリからのプレデファイネッドコンポーネントの包含
Reduxによる状態管理
- Reduxの基礎:純粋関数、リデューサー、不変データを用いたstate mangment
- Reactでのreducer hookの使用
- ReactアプリケーションへのReduxの統合
- プレゼンテーションコンポーネントとコンテナコンポーネント
- Reduxエコシステム
- Thunkを使用した非同期イベントの処理
- REST APIからのデータ取得
開発者ツールとテスト
- React開発者ツール
- Redux開発者ツール
- JestによるJavaScriptのテスト
- リデューサーのテスト
- Reactコンポーネントのテスト
React Router
- クライアントサイドルーティング
- 現在のブラウザルーティングに基づく異なるビューの表示
Reactによるアプリ開発
- React Nativeの簡単な概要
- プログレッシブWebアプリ(PWA)によるインストール可能なモバイルおよびデスクトップアプリケーションの作成
- プログレッシブWebアプリとネイティブアプリの比較
要求
- HTMLの基礎知識
- JavaScriptの実務経験
お客様の声 (7)
Reactの基礎的なコアコンセプト、特に状態(State)やフックス(Hooks)について、ついにしっかりとした理解を持つことができたのは非常に有意義でした。Łukaszはこれらの概念をとても分かりやすく説明してくれたばかりでなく、私たちが残していた疑問をさらに明確にするためにも、実際に動作するサンプルを一緒に試すことに快く応じてくださいました。
Hayden Pike - Powerlink Queensland
コース - React, Redux and TypeScript
機械翻訳
トレーナーが示す詳細な説明、落ち着きと自信。
Cosmin Ghergheles - Ness
コース - React, Redux and TypeScript
機械翻訳
基本的な構成要素について説明しました
Valentin
コース - React, Redux and TypeScript
機械翻訳
ルカシュの熱意。
Eloise Phelps - Dunelm
コース - React, Redux and TypeScript
機械翻訳
Lukeは、人々がコードを実行する際に問題を抱えた場合に個別に対応し、サポートするために一生懸命取り組みました。Lukeは非常に親切で、コース参加者との関係も良好でした。
Jonathan Grout - Dunelm
コース - React, Redux and TypeScript
機械翻訳
トレーナーと参加者全員とのやりとりは素晴らしく、誰もがコースの途中で何らかの形でサポートを受けました。全体的に素晴らしい経験でした。特に、この主題に不慣れな人にとっては特にそうでした。
Tayyab Ejaz Mushtaq - Dunelm
コース - React, Redux and TypeScript
機械翻訳
安全な環境だと感じ、スクリーンや自分の課題をトレーナーやグループと共有するのに威圧感を感じることなく参加できました。
Wanda Hawkins-Kavanagh - Dunelm
コース - React, Redux and TypeScript
機械翻訳