Web開発ソフトウェアテスト徹底攻略 (React Hooks/Redux + Django REST API)
What you'll learn
- Web開発のソフトウェアテスト
- Django REST Frameworkのテスト
- Reactのテスト(React-Testing-Library)
- REST API Mocking
Requirements
- Mac OS
- React Hooksの基礎
- Django REST Frameworkの基礎
- Redux ToolKitの基礎
Description
自動車のWeb管理システムを通じて、フルスタック(フロントエンド+バックエンド)でのソフトウェアテスト手法を学習します。
バックエンドはDjango REST Framework、フロントエンドはReact Hooks/Redux ToolKitを使用します。
Django Standard TestCase
React Testing Library
Jest
Mock Server Worker (API Mock)
⭐️React Testing LibraryとJestはReact公式サイトにて推奨されているテストツールになります。Mock Server Workerは、React Testing Libraryの公式サイトにて推奨されているAPI Mock用のモジュールになります。
本コースを修了して頂くと、フルスタック(REST API + React)でWebアプリのテストを自分で出来るようになります。
Token認証やCRUD操作など多くのWebアプリに共通する機能をカバーしているので皆さまのオリジナルアプリケーションにそのまま活用頂けると思います。
⭐️ バックエンド "Django REST Framework"
ユーザー認証機能のテスト
トークン生成機能のテスト
REST API (Segment Endpoint) のテスト
REST API (Brand Endpoint) のテスト
REST API (Vehicle Endpoint) のテスト
⭐️ フロントエンド "React Hooks/Redux ToolKit"
要素レンダリングのテスト
ログイン機能のテスト
新規ユーザー作成機能のテスト
ページ遷移のテスト(useHistory)
Redux Storeとの統合テスト
Mock Server Workerを使ったAPIのモック(REST API)
useEffectのテスト
CRUD(作成, 一覧, 更新, 削除)機能のテスト
入力不足によるボタン無効化のテスト
Who this course is for:
- Django REST APIのテストをして見たい人
- React testing libraryでアプリをテストして見たい人
Course content
- Preview09:39
- 01:07必要ツールのインストール
Instructor
![Kazu .T](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.5 Instructor Rating
- 2,277 Reviews
- 8,232 Students
- 22 Courses
-現役エンジニア(大手外資系企業)
-Web application、AI ソフトウェア開発経験10年
-旧帝国大 修士課程卒
＊Required skills for front end engineer (React) in 2021＊
＊----------------＊
・TypeScript
・React Hooks
・React-query : Server data state management
・Redux(Redux Toolkit) : Client state management
・Tailwind CSS or Chakra UI or Material UI
・React-testing-library + Jest
・Mock service worker
・Nextjs(SSG, ISR, useSWR)
・Apollo Client 3(GraphQL)
＊----------------＊