آموزش توسعه آزمون محور با استفاده از React

سرفصل ها و درس ها

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

معرفی دوره Course Introduction

• مقدمه Introduction

• سناریو The Scenario

• نمونه اولیه The Prototype

معرفی TDD با React Introducing TDD with React

• مقدمه Introduction

• TDD: کد تمیز را بنویسید که کارساز باشد TDD: Write Clean Code That Works

• React: کتابخانه ای برای ایجاد رابط کاربر React: A Library for Building UIs

• به Front-end Development خوش آمدید Welcome to Front-end Development

• نسخه ی نمایشی: معرفی ایجاد برنامه React Demo: Introducing Create React App

• نسخه ی نمایشی: سلام ، کامپوننت Demo: Hello, Component

• نسخه ی نمایشی: Refactoring Demo: Refactoring

• خلاصه Summary

کشف نیاز به TDD Discovering the Need for TDD

• مقدمه Introduction

• تست نرم افزار چیست؟ What Is Software Testing?

• چرخه TDD The TDD Cycle

• نسخه ی نمایشی: از نیاز به تست Demo: From Requirement to Test

• نسخه ی نمایشی: از آزمون به کد Demo: From Test to Code

• نسخه ی نمایشی: Refactor و تکرار کنید Demo: Refactor and Repeat

کشف نیاز به واکنش Discovering the Need for React

• مقدمه Introduction

• درک DOM مجازی Understanding the Virtual DOM

• نسخه ی نمایشی: ساخت آن با ملفه ها Demo: Building It up with Components

• نسخه ی نمایشی: افزودن سبک ها Demo: Adding Styles

• نسخه ی نمایشی: انتقال داده ها بین اجزا Demo: Passing Data Between Components

Refactoring با React Refactoring with React

• درک وضعیت و رویدادها Understanding State and Events

• Refactoring با دولت Refactoring with State

• اضافه کردن جریان معکوس داده ها Adding Inverse Data Flow

آزمایش م Reلفه های واکنش Testing React Components

• مقدمه Introduction

• نسخه ی نمایشی: ایجاد یک تمسخر دستی Demo: Creating a Manual Mock

• نسخه ی نمایشی: نوشتن یک آزمون ناهمزمان Demo: Writing an Asynchronous Test

• نسخه ی نمایشی: آزمون برای به روزرسانی های دولت در پاسخ به درخواست های AJAX Demo: Test for State Updates in Response to AJAX Requests

بسته بندی و بعدی چیست؟ Wrapping up and What Is Next?

• اهداف خود را مرور کنید Reviewing Your Objectives

• نسخه ی نمایشی: تست عکس فوری Demo: Snapshot Testing

• نسخه ی نمایشی: گزارش پوشش کد Demo: Code Coverage Report