آموزش React - تسلط بر توسعه تست محور

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

مقدمه دوره Introduction to the Course

• چه چیزی از دوره انتظار می رود What to Expect from the Course

• چه چیزی از دوره انتظار می رود What to Expect from the Course

• ابزارهایی که نیاز دارید Tools You'll Need

• اختیاری: نصب Node و Create-React-App Optional: Installing Node and Create-React-App

• اختیاری: نصب Node و Create-React-App Optional: Installing Node and Create-React-App

• اختیاری: نصب یک ویرایشگر کد Optional: Installing a Code Editor

• اختیاری: نصب یک ویرایشگر کد Optional: Installing a Code Editor

• توسعه آزمایش محور، جست، آنزیم و موارد دیگر Test Driven Development, Jest, Enzyme, & More

• توسعه آزمایش محور، جست، آنزیم و موارد دیگر Test Driven Development, Jest, Enzyme, & More

مقدمه دوره Introduction to the Course

• ابزارهایی که نیاز دارید Tools You'll Need

GiftGiver و توسعه تست محور GiftGiver and Test Driven Development

• پیش نمایش GiftGiver GiftGiver Preview

• GiftGiver را با تست واحد تنظیم کنید Set Up GiftGiver with a Unit Test

• GiftGiver را با تست واحد تنظیم کنید Set Up GiftGiver with a Unit Test

• مهم: آداپتور آنزیم Important: Enzyme Adapter

• مهم: آداپتور آنزیم Important: Enzyme Adapter

• Snapshot مؤلفه برنامه را آزمایش کنید Snapshot Test the App Component

• فهرست هدیه را در برنامه رندر کنید Render the Gift List in the App

• GiftGiver و Gift List را رندر کنید Render GiftGiver and the Gift List

• GiftGiver و Gift List را رندر کنید Render GiftGiver and the Gift List

• توسعه رفتار محور Behavior Driven Development

• BDD در GiftGiver BDD in GiftGiver

• BDD در GiftGiver BDD in GiftGiver

• تست و ساخت مؤلفه هدیه | بخش اول Test and Build the Gift Component | Part One

• تست و ساخت مؤلفه هدیه | بخش دوم Test and Build the Gift Component | Part Two

• تست و ساخت مؤلفه هدیه | بخش دوم Test and Build the Gift Component | Part Two

• یک هدیه را حذف کنید Remove a Gift

• یک هدیه را حذف کنید Remove a Gift

• پوشش تست و روش های کمکی Test Coverage and Helper Methods

• پوشش تست و روش های کمکی Test Coverage and Helper Methods

• یک ظاهر طراحی اختیاری Optional Styling

• یک ظاهر طراحی اختیاری Optional Styling

• خلاصه بخش | GiftGiver و توسعه تست محور Section Summary | GiftGiver and Test Driven Development

• خلاصه بخش | GiftGiver و توسعه تست محور Section Summary | GiftGiver and Test Driven Development

GiftGiver و توسعه تست محور GiftGiver and Test Driven Development

• پیش نمایش GiftGiver GiftGiver Preview

• Snapshot مؤلفه برنامه را آزمایش کنید Snapshot Test the App Component

• فهرست هدیه را در برنامه رندر کنید Render the Gift List in the App

• توسعه رفتار محور Behavior Driven Development

• تست و ساخت مؤلفه هدیه | بخش اول Test and Build the Gift Component | Part One

LootCheck و توسعه رفتار محور | بخش اول LootCheck and Behavior Driven Development | Part One

• پیش نمایش LootCheck LootCheck Preview

• پیش نمایش LootCheck LootCheck Preview

• LootCheck را با یک جزء برنامه راه اندازی کنید Start Up LootCheck with an App Component

• LootCheck را با یک جزء برنامه راه اندازی کنید Start Up LootCheck with an App Component

• اختیاری: درک Redux Optional: Understanding Redux

• اختیاری: درک Redux Optional: Understanding Redux

• اختیاری: درک Redux Optional: Understanding Redux

• اختیاری: درک بصری Redux Optional: Understanding Redux Visually

• تعادل را با یک اکشن Redux تنظیم کنید Set a Balance with a Redux Action

• Reducer تعادل Redux را ایجاد کنید Create the Balance Redux Reducer

• تست و ساخت کامپوننت کیف پول Test and Build a Wallet Component

• کیف پول را رندر کنید Render the Wallet

• کیف پول را رندر کنید Render the Wallet

• از روش‌های سپرده و برداشت Redux پشتیبانی کنید Support Redux Deposit and Withdraw Methods

• از روش‌های سپرده و برداشت Redux پشتیبانی کنید Support Redux Deposit and Withdraw Methods

• موجودی کیف پول محلی با ایالت Local Wallet Balance with State

• موجودی کیف پول محلی با ایالت Local Wallet Balance with State

• واریز و برداشت Dispatch Deposit and Withdraw

• واریز و برداشت Dispatch Deposit and Withdraw

• ذخیره داده ها با کوکی ها Store Data with Cookies

• ذخیره داده ها با کوکی ها Store Data with Cookies

• خلاصه بخش | LootCheck و توسعه رفتار محور | بخش اول Section Summary | LootCheck and Behavior Driven Development | Part One

• خلاصه بخش | LootCheck و توسعه رفتار محور | بخش اول Section Summary | LootCheck and Behavior Driven Development | Part One

LootCheck و توسعه رفتار محور | بخش اول LootCheck and Behavior Driven Development | Part One

• اختیاری: درک Redux Optional: Understanding Redux

• اختیاری: درک بصری Redux Optional: Understanding Redux Visually

• تعادل را با یک اکشن Redux تنظیم کنید Set a Balance with a Redux Action

• Reducer تعادل Redux را ایجاد کنید Create the Balance Redux Reducer

• تست و ساخت کامپوننت کیف پول Test and Build a Wallet Component

LootCheck و توسعه رفتار محور | بخش دوم LootCheck and Behavior Driven Development | Part Two

• API ها و میان افزارها در LootCheck APIs and Middleware in LootCheck

• API ها و میان افزارها در LootCheck APIs and Middleware in LootCheck

• Async Actions، Middleware و Redux Thunk Async Actions, Middleware, & Redux Thunk

• دسترسی به API بیت کوین Accessing the Bitcoin API

• ارزش بیت کوین را از طریق Redux دریافت کنید Fetch the Bitcoin Value through Redux

• ارزش بیت کوین را از طریق Redux دریافت کنید Fetch the Bitcoin Value through Redux

• کاهش دهنده بیت کوین Redux Bitcoin Redux Reducer

• کاهش دهنده بیت کوین Redux Bitcoin Redux Reducer

• کاهنده ها را ترکیب کنید Combine Reducers

• کاهنده ها را ترکیب کنید Combine Reducers

• تست و ساخت مؤلفه Loot | بخش اول Test and Build the Loot Component | Part One

• تست و ساخت مؤلفه Loot | بخش دوم Test and Build the Loot Component | Part Two

• اجزای عملکردی بدون تابعیت - تبدیل برنامه Stateless Functional Components - Convert the App

• اجزای عملکردی بدون تابعیت - تبدیل برنامه Stateless Functional Components - Convert the App

• گزارش پوشش را اجرا کنید Run the Coverage Report

• گزارش پوشش را اجرا کنید Run the Coverage Report

• یک ظاهر طراحی و پاکسازی API Styling and API Cleanup

• خلاصه بخش | توسعه رفتار محور | بخش دوم Section Summary | Lootheck and Behavior Driven Development | Part Two

LootCheck و توسعه رفتار محور | بخش دوم LootCheck and Behavior Driven Development | Part Two

• Async Actions، Middleware و Redux Thunk Async Actions, Middleware, & Redux Thunk

• دسترسی به API بیت کوین Accessing the Bitcoin API

• تست و ساخت مؤلفه Loot | بخش اول Test and Build the Loot Component | Part One

• تست و ساخت مؤلفه Loot | بخش دوم Test and Build the Loot Component | Part Two

• یک ظاهر طراحی و پاکسازی API Styling and API Cleanup

• خلاصه بخش | توسعه رفتار محور | بخش دوم Section Summary | Lootheck and Behavior Driven Development | Part Two

نتیجه Conclusion

• اظهارات نهایی و محتوای پاداش Final Remarks and Bonus Content

• اظهارات نهایی و محتوای پاداش Final Remarks and Bonus Content

نتیجه Conclusion