سبد خرید

پیاده سازی Search Component

جلسه بعد
جلسه قبل

سرفصل پروژه فروشگاه اینترنتی

برای مشاهده این دوره می بایست وارد شوید و در صورتی که عضو نیستید ثبت نام کنید.
TypeScript چیست؟ 15:49
آشنایی با Static typing 11:39
انواع داده های Enum و Tuple 11:08
توابع در TypeScript 14:47
Union Type & Type Assertion 11:43
کلاس های شی گرایی در TypeScript 15:41
کلاس های Abstract 14:59
بررسی مفهوم Interface 13:51
ایجاد Custom Type 06:29
کار با جنریک ها 16:54
کار با Map و Set 07:52
بررسی @Types 07:17
کار با express با استفاده از @types 07:02
ساختار پروژه بر اساس TypeScript 09:17
Users & Routes 15:15
Route Service 15:24
ایجاد مدل کاربران 25:20
ایجاد مدل محصول 13:52
ایجاد مدل دسته بندی محصول و ویژگی ها 16:25
ایجاد مدل Order 15:11
پیاده سازی Order Line 09:49
پیاده سازی مدل های پیشنهادهای ویژه 10:51
پیاده سازی آدرس ها 10:41
شروع کار با سبد خرید 16:06
استفاده از Redis در سبد خرید 16:22
پیاده سازی Promise در Provider های سبد خرید 19:37
استفاده از Factory Design Pattern و Interface Segregation 13:15
پیاده سازی مدل کد تخفیف 10:07
آشنایی با الگوی Chain Of Responsibility 15:34
اعتبارسنجی Coupon با استفاده از الگوی Chain 22:37
ایجاد کردن پروژه بخش مدیریت 15:29
توضیحات ساختار پروژه 19:13
پیاده سازی بخش Sidebar 20:59
پیاده سازی بخش Router 09:16
ایجاد دسته بندی 18:11
پیاده سازی خاصیت ها و دسته بندی خاصیت ها 15:27
اضافه کردن Attribute توسط State 25:44
اضافه کردن دسته بندی خاصیت ها توسط Dialog 09:18
پیاده سازی State برای دسته بندی ها 12:55
اضافه کردن دسته بندی خاصیت ها 07:48
استفاده از داده های State توسط Context 19:06
تغییرات در Attribute Component 17:14
به روز رسانی و تغییر دسته بندی خاصیت ها 13:41
اضافه کردن ویژگی جدید توسط State 08:49
آماده سازی به روز رسانی خاصیت 09:21
به روز رسانی داده های خاصیت در State 08:48
آماده سازی کدها برای ذخیره Category 29:06
ذخیره سازی دسته بندی 15:17
نمایش Notification 17:46
نمایش لیست دسته بندی ها 29:28
فرم ایجاد محصول جدید 15:53
آماده سازی دریافت دسته بندی ها 08:46
HTTP API Refactoring 07:13
Fetch Categories 12:55
Fetch Category Attributes 14:00
Render Attributes Group 06:28
Render Attributes 02:08
آماده سازی فایل های تصویر با استفاده از FormData 12:21
Refactor API Post Method 06:56
ذخیره سازی فایل های تصویری در سمت سرور 09:40
نمایش ProgressBar برای آپلود فایل ها 06:58
آماده سازی به روز رسانی Attributes 09:04
به روز رسانی Attribute ها 12:02
آماده سازی داده ها Attribute برای ارسال به سمت سرور 05:30
پیاده سازی جزئیات محصول در State 11:58
آماده سازی متغییرهای محصولات 13:52
پیاده سازی مدال متغییر محصول 11:19
بهینه سازی ساختار متغییر محصول 15:21
پیاده سازی Color Component 10:34
نمایش لیست رنگ ها 15:49
تکمیل Color Component 19:02
تکمیل DropDown Varaint 07:51
اضافه کردن متغییرهای قیمت 12:22
به روز رسانی داده های متغییر قیمت 17:39
ذخیره سازی متغییر قیمت 10:35
به روز رسانی مبلغ Price Variant 06:43
بهینه سازی متغییر های قیمت 10:50
نحوه اعتبارسنجی فرم 18:21
آشنایی با Repository Pattern 07:57
تعریف Repository Interface 07:38
ایجاد Product Repository Interface 06:09
پیاده سازی Product Mongo Repository 10:49
بهینه سازی IRepository 09:50
بهینه سازی ProductMongoRepository 10:13
ذخیره سازی محصول 21:07
بهینه سازی Interface های محصول 08:37
ایجاد سرویس Hash 08:27
ایجاد سرویس Upload 19:08
به روز رسانی تصاویر شاخص و گالری برای Product 18:03
آماده سازی لیست محصولات 09:01
پیاده سازی Notify Component 15:03
نمایش لیست محصولات 22:06
ایجاد Transformers 11:44
اضافه کردن Date Service 09:33
اضافه کردن Product Virtuals 10:27
نمایش واحد پولی 04:46
تبدیل اعداد فارسی 06:02
نمایش وضعیت محصول 08:25
بهینه سازی و نمایش تاریخ های محصول 05:29
بهینه سازی ساختار Order 13:19
ایجاد Order Repository 11:24
ایجاد Payment Interface 09:05
پیاده سازی مدل Payment 03:52
پیاده سازی Repository های Payment 07:26
پیاده سازی مدل های جدید 19:48
پیاده سازی Error Handler برای مدیریت خطاها 13:10
پیاده سازی Not Found Handler 10:35
بهینه سازی Exception Handling 20:19
آماده سازی Orders Component 08:28
پیاده سازی Orders Transformer 10:23
پیاده سازی Model Factory 15:46
ایجاد Command Line Interface 21:40
استفاده از Factory 10:38
پیاده سازی Relation در Repository 11:19
پیاده سازی لیست سفارش ها 19:32
تکمیل داده های لیست سفارش ها 15:34
آماده سازی Pagination در BackEnd 16:10
پیاده سازی Pagination در FrontEnd 12:19
پیاده سازی Search Component 09:29
پیاده سازی Search در Backend 20:48
بهینه سازی Query String ها در بخش جستجو 11:21
بهینه سازی بخش جستجو در Backend 11:36
ایجاد Order Details 16:47
نمایش جزئیات سفارش 19:41
اضافه کردن تغییر وضعیت سفارش 12:29
بررسی وضعیت سفارش با Chain of responsibility 22:07
استفاده از Status Verifier 24:08
آماده سازی لیست پرداخت ها 17:37
ایجاد داده های Payment با Factory 13:10
پیاده سازی Payment Transformer 07:34
نمایش لیست داده های Payment 15:56
تکمیل لیست ها 07:08
ایجاد کوپن - بخش فرانت 27:45
ایجاد کد تخفیف - بخش backend 10:09
ایجاد تنظیمات - بخش فرانت 27:36
ایجاد تنظیمات - بخش بک اند 11:52
نصب NextJS و معرفی قالب فروشگاه 13:19
بررسی ساختار NextJS 09:32
آشنایی با Layouts و Partials 12:46
بهینه سازی آدرس فایل های static 07:19
ایجاد Document سفارشی 09:07
ایجاد صفحه Products 06:59
ایجاد ProductsList & ProductItem 07:56
Static & Server Rendering 11:24
دریافت و بهینه سازی محصولات از سمت سرور 20:06
نمایش لیست محصولات 10:32
ایجاد صفحه Single + بهینه سازی تصاویر 11:41
بهینه سازی صفحه Single Product 18:57
استفاده از getStaticPaths 17:38
دریافت اطلاعات Single Product 15:01
پیاده سازی Product Gallery 08:02
ایجاد جزئیات محصول 06:42
پیاده سازی ویژگی های محصول 09:05
پیاده سازی دیدگاه های محصول 15:59
پیاده سازی State 13:35
افزودن به سبد خرید 08:37
ذخیره سازی State در سمت Client 11:24
ایجاد سبد خرید 15:31
Render کردن آیتم های سبد خرید 08:23
حذف آیتم و به روز رسانی تعداد آن در سبد خرید 10:49
پیام های خطا و موفقیت آمیز در سبد خرید 16:53
اعتبارسنجی کد تخفیف 31:44
اضافه کردن کد تخفیف به State 07:50
اعمال کد تخفیف در سبد خرید 15:44
ایجاد صفحه checkout 09:38
پیاده سازی Auth Check و نمایش لینک Login 28:30
پیاده سازی صفحه Login 07:33
Login Reqeust 14:07
Auth Service 17:55
Auth Controller 07:37
ایجاد صفحه Register 06:04
ثبت نام کاربر - بخش اول 25:58
ثبت نام کاربر - بخش دوم 17:25
پیاده سازی Token Service 15:54
پیاده سازی User Login 08:31
پیاده سازی Auth Token 05:15
اعتبارسنجی Auth Token 06:49
پیاده سازی اطلاعات کاربر در State 14:57
نمایش آدرس های کاربر 15:07
پیاده سازی فرم ثبت آدرس 15:57
آماده سازی ذخیره آدرس 20:57
پیاده سازی Auth Middleware 18:03
ذخیره سازی آدرس کاربر 21:14
ایجاد Payment Service 19:26
پیاده سازی مقدماتی درگاه زرین پال 15:22
به روز رسانی صفحه آدرس ها و فرم پرداخت 12:35
پیاده سازی Config 20:30
نمایش درگاه های آنلاین 11:22
تعیین آدرس تحویل و درگاه پرداخت برای سفارش 09:27
آماده سازی اطلاعات سفارش 05:51
ایجاد سرویس Order 15:24
ذخیره سازی Order 22:55
بهینه سازی Order & Payment 15:58
ایجاد Payment Method Factory 21:03
پیاده سازی Online Gateway Factory 14:25
پیاده سازی بخش Payment Request در ZarinPal 10:36
انتقال کاربر به درگاه ZarinPal 06:56
ایجاد صفحه Verify 12:35
بهینه سازی Payment 20:37
Verify Payment - بخش اول 26:11
Verify Payment - بخش دوم 12:11
نمایش پیام های متناسب با Verify 10:43
پیاده سازی Notification Service 14:34
پیاده سازی Mail Provider 08:48
پیاده سازی SMS Provider 06:51
تکمیل سفارش 24:14
ریست کردن Basket 14:17
آماده سازی صفحه Home 10:28
پیاده سازی Home Controller 16:58
نمایش محصولات در صفحه Home 12:52
آماده سازی صفحه پنل کاربری 09:06
آماده سازی لیست سفارش های کاربر 07:29
دریافت لیست سفارش ها از سمت سرور 11:20
بهینه سازی و رفع مشکل نمایش سفارش ها 21:34
خروج از پنل کاربری 02:39
پیاده سازی دسته بندی ها به صورت Mega Menu 13:42
لیست محصولات یک دسته بندی 18:49
نمایش محصولات دسته بندی و فیلتر ها 20:23
سرویس Query String 18:42
به روز رسانی آدرس ها بر اساس Query String 08:05
فیلتر کردن محصولات 12:22
متغییر های محصول 13:32
متغییر های قیمت برای محصول 17:30
جلسه پایانی - قدم های بعدی 09:00

در این جلسه به پیاده سازی Search Component می پردازیم تا از آن برای جستجوی آیتم ها در لیست ها استفاده کنیم.

مدرس : کیوان علی محمدی
در مورد این جلسه سوالی دارید؟
1