コース概要
現代のフロントエンドアプリケーションの開発
- 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 タグを定義する
- 状態、props & イベント
- コンポーネント間でのデータフロー
- 関数コンポーネントとクラスコンポーネント
- 関数コンポーネントで hooks を使用する
- コンポーネントのライフサイクルイベント (マウント、更新、アンマウント)
- ライブラリから事前定義されたコンポーネントを含める
Redux を使用した状態管理
- Redux の基本: 純粋な関数、reducer および不変データを使用した状態管理
- React での reducer hook の使用
- React アプリケーションに Redux を統合する
- 表示コンポーネントとコンテナコンポーネント
- Redux エコシステム
- Thunk を使用した非同期イベントの処理
- REST API からデータを取得する
開発者ツールとテスト
- React 開発者ツール
- Redux 開発者ツール
- Jest を使用した JavaScript のテスト
- reducer のテスト
- React コンポーネントのテスト
React Router
- クライアント側のルーティング
- 現在のブラウザルートに基づいて異なるビューを表示する
React でのアプリケーション開発
- React Native の短い概要
- Progressive Web Apps を使用してインストール可能なモバイルおよびデスクトップアプリケーションを作成する
- Progressive Web Apps とネイティブアプリの比較
要求
- HTML の基本
- JavaScript の経験
お客様の声 (7)
トレーナーが示す詳細な説明、落ち着きと自信。
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
機械翻訳
このコースに演習があったことが気に入りました。ルカシュが私たち一人ひとりを助ける方法と、他の参加者の不安に対処する方法も気に入りました。また、彼が主題について深い知識を持っていることも良かったです。
Samuel Irsai - Dunelm
コース - React, Redux and TypeScript
機械翻訳