آموزش دوره پیشرفته React – تست‌نویسی و پروژه‌های Firebase - آخرین آپدیت

پروژه فروشگاهی: Codebook ECommerce Project: Codebook

• دموی Codebook / 097 Codebook Demo / 097

• نصبات / 098 Installations / 098

• ساختار پروژه / 099 Project Structure / 099

• کامپوننت هدر - بخش اول / 100 Header Component - I / 100

• کامپوننت هدر - بخش دوم / 101 Header Component - II / 101

• صفحه اصلی / 102 Home Page / 102

• صفحه محصولات / 103 Products Page / 103

• ای‌پی‌آی: لیست محصولات / 104 API: Product List / 104

• کامپوننت رتبه‌بندی / 105 Rating Component / 105

• کامپوننت تک محصول / 106 Individual Product Component / 106

• حالت تاریک (Dark Mode) / 107 Dark Mode / 107

• کامپوننت بازگشت به بالا / 108 ScrollToTop Component / 108

• جستجوی محصول / 109 Product Search / 109

• عنوان پویا / 110 Dynamic Title / 110

• فیلتر: کانتکست و ردیوسرها / 111 Filter: Context and Reducers / 111

• فیلتر: لیست اولیه محصولات / 112 Filter: Initial Product List / 112

• فیلتر: ویژگی‌ها / 113 Filter: Properties / 113

• پاکسازی فیلتر / 114 Clear Filter / 114

• گزینه‌های دراپ‌داون / 115 Dropdown Option / 115

• حساب کاربری و سبد خرید User Account and Cart

• صفحه ورود و ثبت‌نام / 118 Login and Registration Page / 118

• کتابخانه React Toastify / 119 React-Toastify / 119

• ای‌پی‌آی: نقاط اتصال ورود/ثبت‌نام / 120 API: Login/Register Endpoint / 120

• ذخیره‌سازی نشست (Session Storage) / 121 Session Storage / 121

• تغییر وضعیت دراپ‌داون (مخفی‌سازی) / 122 Toggle Dropdown (Hide) / 122

• رابط کاربری سبد خرید / 123 Cart Interface / 123

• سبد خرید: کانتکست و ردیوسرها / 124 Cart: Context and Reducers / 124

• سبد خرید: پرووایدر / 125 Cart: Provider / 125

• افزودن به سبد خرید / 126 Add to Cart / 126

• بررسی شرط: وجود در سبد خرید / 127 Condition Check: Already in Cart / 127

• محصولات اتمام یافته / 128 Out of Stock Products / 128

• مسیرهای حفاظت شده / 129 Protected Routes / 129

• مدال پرداخت / 130 Checkout Modal / 130

• هشدار مقادیر تعریف نشده / 131 Undefined Value Warning / 131

• تابع ثبت سفارش / 132 Order Submit Function / 132

• صفحه سفارش / 133 Order Page / 133

• داشبورد: شرط اول / 134 Dashboard: Condition 1 / 134

• داشبورد: شرط دوم / 135 Dashboard: Condition 2 / 135

• سرویس احراز هویت: نقاط اتصال API / 136 Auth Service: API End Points / 136

• سرویس داده‌ها: نقاط اتصال API / 137 Data Service: API Endpoints / 137

• سرویس محصولات: نقاط اتصال API / 138 Product Service: API End Points / 138

• صفحه یافت نشد / 139 Page Not Found / 139

• عنوان پویا برای صفحات / 140 Dynamic Page Title / 140

• مدیریت خطاها / 141 Error Handling / 141

• متغیرهای محیطی (ENV) / 142 ENV / 142

• استقرار فرانت‌اند / 143 Frontend Deployment / 143

• استقرار بک‌اند / 144 Backend Deployment / 144

• به‌روزرسانی متغیرهای محیطی / 145 Update Environment Variables / 145

• ورود به عنوان مهمان Login as Guest

• حل خطاهای Netlify / 147 Solved: Netlify Errors / 147

تمرین: شمارنده کلمات Assignment: Word Counter

• صورت مسئله و دمو / 157 Statement and Demo / 157

• راه حل: WordCount / 158 Solution: WordCount / 158

کتابخانه React Testing و Jest React Testing Library and Jest

• مقدمه‌ای بر تست‌نویسی / 148 Testing Introduction / 148

• React Testing Library و Jest / 149 React Testing Library and Jest / 149

• راه‌اندازی پروژه Project Setup

• ساختار تست‌ها / 151 Testing Structure / 151

• تست: رندر شدن کامپوننت / 152 Test: Component Rendering / 152

• تست: رویدادها و تعاملات کاربر / 153 Test: Fire Events and User Events / 153

• کوئری‌ها، تایپ، Expect و موارد بیشتر / 154 Queries, Type, Expect, and More / 154

• تست: بارگذاری نامتقارن (Async) از API / 155 Test: API Async Loading / 155

• تست: Wrapper کامپوننت صفحه / 156 Test: Page Component Wrapper / 156

دوره فشرده Firebase Firebase Crash Course

• مقدمه‌ای بر Firebase Firebase Introduction

• راه‌اندازی Webpack / 252 Webpack Setup / 252

• راه‌اندازی Firebase / 253 Firebase Setup / 253

• اتصال به Firebase / 254 Firebase Connection / 254

• دریافت اسناد - بخش اول / 255 Fetching Documents - I / 255

• دریافت اسناد - بخش دوم / 256 Fetching Documents- II / 256

• افزودن و حذف اسناد / 257 Adding and Deleting Documents / 257

• اسنپ‌شات‌ها (Snapshots) / 258 Snapshots / 258

• کوئری‌های Firestore / 259 Firestore Queries / 259

• مرتب‌سازی داده‌ها / 260 Ordering Data / 260

• به‌روزرسانی اسناد / 261 Updating Documents / 261

• دریافت تک سند / 262 Fetching Individual Document / 262

• احراز هویت - بخش اول / 263 Authentication - I / 263

• احراز هویت - بخش دوم / 264 Authentication - II / 264

پروژه وبلاگ: WriteNode Blog Project: WriteNode

• دموی WriteNode / 159 WriteNode Demo / 159

• ساختار پروژه / 160 Project Structure / 160

• استایل‌دهی پروژه / 161 Project Styling / 161

• صفحه اصلی / 162 Homepage / 162

• راه‌اندازی Firebase / 163 Firebase Setup / 163

• پیکربندی Firebase / 164 Firebase Configuration / 164

• هدر احراز هویت شرطی / 165 Conditional Auth Header / 165

• ایجاد پست وبلاگ / 167 Create Blog Post / 167

• خطا: دریافت آبجکت / 168 Error: Object Fetch / 168

• تغییر وضعیت به‌روزرسانی / 169 Toggle Update / 169

• عنوان پویا برای صفحه Dynamic Page Title

• اسکلتون بارگذاری در React React Loading Skeleton

• استقرار پروژه / 172 Project Deployment / 172