آموزش تایپ اسکریپت با کلاس های React - شروع سریع - تست Jest

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

معرفی Introduction

• نمای کلی دوره Course overview

• ابزارهایی که به آنها نیاز خواهیم داشت Tools we will need

مراحل اول با React و Typescript First steps with React and Typescript

• معرفی بخش Section intro

• برنامه react و git بسازید Create react app and git

• ساختار اولیه پروژه Initial project structure

• درک وضعیت و وسایل، کودک و والدین Understanding state and props, child and parent

• اجزای کلاس Class components

• اجزای کودک Child components

• رسیدگی به رویدادها Handling events

• رندر مشروط Conditional rendering

ویژگی های پروژه پیشرفته Advanced project features

• معرفی بخش Section intro

• داده ها از مؤلفه فرزند به مؤلفه والد Data from child component to parent component

• مسیریابی قسمت 1: نوار ناوبری Routing part 1: Navbar

• مسیریابی قسمت 2: روتر و تاریخچه Routing part 2: Router and history

• css کوچک Small css

• وضعیت درخواست State of the application

• ارائه جدول ناهمگام: راه اندازی Rendering async table: setup

• ارائه جدول ناهمگام: افزودن ردیف Rendering async table: adding rows

گسترش عملکرد برنامه Extendig app functionality

• معرفی بخش Section intro

• مولفه فضایی و سرویس داده Space component and data service

• جزء فضاها Spaces component

• فضاهای مسیریابی و استیلینگ Routing and Stiling spaces

• جزء مودال Modal component

• حالت نمایش Display modal

معرفی تست واکنش React testing introduction

• معرفی بخش Section intro

• ارائه تست واحد فانتزی Fancy unit testing presentation

• مراقب اشکالات باشید Beware the bugs

• تست راه اندازی با Jest Testing setup with Jest

• تست قلاب و ماک Test hooks and mocks

• پرس و جوها و ادعاهای اساسی Basic queries and assertions

• پوشش تست Test coverage

• تست تعامل کاربر Testing user interaction

• خدمات تمسخر آمیز Mocking services

• تست های اشکال زدایی Debugging tests

تست پیشرفته React Typescript Advanced React Typescript testing

• معرفی بخش Section intro

• تست لینک ها Testing links

• پرس و جوهای تست داده ها Data test queries

• نقشه‌بردار نام ماژول‌ها Module names mapper

• تست چندین سوئیت Testing Multiple Suites

• تست های پایانی Finishing tests

ضمیمه Appendix

• معرفی بخش Section intro

• معرفی بخش Section intro

• تست عکس فوری Snapshot testing

• راه اندازی پروژه از ابتدا Project setup from scratch

• محیط توسعه Development environment

نتیجه گیری Conclussion

• رزومه دوره و کلمات پایانی Course resume and closing words

• جایزه Bonus