در حال حاضر محصولی در سبد خرید شما وجود ندارد.

پنل کاربری

رمز خود را فراموش کرده اید؟ اگر اولین بار است از سایت جدید استفاده میکنید باید پسورد خود را ریست نمایید.
دسته بندی
دسته بندی

در حال حاضر محصولی در سبد خرید شما وجود ندارد.

کدنویسی برای Shopify بوسیله NextJS و TypeScript

کدنویسی برای Shopify بوسیله NextJS و TypeScript

20,900 تومان
بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
افزودن به سبد خرید
خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

ویدئو معرفی این محصول

بوسیله شاپیفای می توانید یک وب سایت عالی برای خودتان دست و پا کنید. برای طراحی و بهبود تم وب سایت های Shopify مدرس از Next JS و همچنین تایپ اسکریپت استفاده می کند.

عنوان اصلی : Next JS & Typescript with Shopify Integration - Full Guide

سرفصل ها :


مقدمه:
مقدمه کوتاه
انگیزه دوره
[اختیاری] نحوه حل مسائل
ts intro:
TS init
گزینه های TS
پیکربندی TS
آغازگرهای TS:
زمین بازی
Parags Functions [AI]
[ai] انواع سفارشی
مسابقه 1
رابط و نوع:
[ai] رابط VS نوع
[ai] انواع تابع
[ai] انواع کلاس
[ai] پارامترهای اختیاری
Quiz 2
پاسخ امتحان
تنگ شدن:
[ai] محدود کردن
[AI] گسترش رابط
[ai] نوع گسترش
[ai] اتحادیه ها
[AI] اتحاد محدود کردن
[AI] نوع ریخته گری
[ai] رابط را محدود می کند
Quiz 3
پاسخ امتحان
انواع جالب:
[AI] اعلامیه ادغام
[ai] هرگز استفاده نکنید
[ai] انواع اشیاء عمومی
[ai] نوع ناشناخته
[ai] نوع void
Quiz 4
پاسخ امتحان
انواع عمومی:
[ai] آرایه عمومی
[ai] نوع عمومی سفارشی
[ai] عمومی گسترش می یابد
[ai] مقادیر پیش فرض عمومی
[ai] انواع عمومی با گسترش
[ai] ternary با Generics
مسابقه 5
پاسخ امتحان
Inferving:
تک تک از نوع آرایه
انواع شاخص آرایه
انواع نقشه ها
typeof
کلمه کلیدی
keyof
Params چندگانه عمومی
بازگشت نوع بازگشت به وعده
مسابقه 6
پاسخ امتحان
شروع پروژه تجارت:
به دست آوردن غرفه های استاتیک
دریافت تمام محصولات جداسازی
تابع API fatch
ادغام سرور API سفارشی
درباره Shopify GraphQL
Quiz 7
پاسخ امتحان
query graphql
fetching & scaristor:
پرس و جو محصول
انتقال API Fetch
مشخص کردن نوع بازگشت Fetcher
محصول نقشه از نوع اتصال
محصول عادی
تصاویر محصول را عادی کنید
نوع محصولات Bussines
واردات نام مستعار
ماژول دوباره صادرات
مسابقه 8
پاسخ امتحان
پیکربندی قابل استفاده مجدد:
فایل پیکربندی بعدی
پیکربندی خاص چارچوب
پیکربندی TS تنظیمات خاص
فرمت JSON در فایل پیکربندی
موارد گوشه ای در پیکربندی
shopify config
نوع پیکربندی API



_pp
جزء طرح بندی
FC VS FunctionComponent
طرح قابل استفاده مجدد
Noop

tailwind & postcss:
CSS شروع کنید
tailwind & postcsss
تولید خروجی postcss
autoprefixer
طرح بندی طرح بندی
اضافه کردن یک ظاهر طراحی شده مناسب
متغیرهای CSS
متغیرهای Tailwind
BG COLOR
grid & products:
کارت محصول
اطلاعات محصول
جزء شبکه
رینگ های شبکه
اطلاعات بیشتر در مورد رینگ های شبکه
توضیح اضافی
تصاویر محصول
Grid در صفحه LG
layouta
Layouta Col


کارت محصول - صفحه اصلی CSS:
[CSS] برچسب محصول
[CSS] محصول BG
[CSS] الگوی SVG
[CSS] پوسته پوسته شدن
انتقال [CSS]
وضعیت محصول را عادی کنید
[CSS] حداکثر ارتفاع [اختیاری]: سبک های فلکس:
Flex START
اعمال Flex & Flex 1
flex shrink
flex bas
محتوا را توجیه کنید قطعات - صفحه اصلی: صفحه اصلی:
مولفه قهرمان
کانتینر
عنصر سفارشی کانتینر
نوع ال
Flex Hero
Marquee
محصول محصول
محصول لاغر
ticker
طرح B
نوع Marquee
Footer
Navbar
Navbar Links
USERNAV
icons ارائه دهنده UI و نوار کناری:
ستون های فرعی، لیست علاقه مندی ها
ارائه دهنده UI
دولت در ارائه دهنده UI
رابط ارائه دهنده UI
استفاده از گیرنده
دریافت Ref
غیر فعال کردن اسکرول
معرفی موضوع
استفاده از یادداشت صفحه جزئیات محصول:
صفحه جزئیات محصول
تمام محصولات محصولات را دریافت کنید
دریافت مسیرهای استاتیک پرس و جو
عملکرد محصول را دریافت کنید
دریافت پرس و جو محصول
متغیرهای عبور به پرس و جو
نوع متغیرها را مشخص کنید
محصول عادی را دریافت کنید عادی سازی:
تنظیمات عادی
به طور کامل به پایان رسید
Normalize انواع
گزینه های مختلف گزینه ها را عادی کنید
انواع نوع و گزینه های
نمایش محصول
داده های محصول Slider:
Keen Slider
کشویی در لغزنده کین
نوار لغزنده محصول انجام شد
دکمه UI
بهبود دکمه انتخاب:
گزینه های مختلف نمایش
Swatch
Swatch Style Swatch
انتخاب ها
انتخاب نوع
انتخاب فعال
رنگ isdark
دریافت نوع
پیدا کردن نوع
اضافه کردن آیتم به سبد خرید قلاب جهش:
استفاده از افزودن آیتم
USEHOOK Handler
استفاده از ارائه دهنده API
shopify ارائه دهنده API
config هسته
API Hooks
نوع زمینه
استفاده از قلاب
ارائه دریافت
قلاب جهش بهبود فروش:
Pass Custom Fetch
Hook Fetcher انواع
تماس API Fetcher
بازسازی URL API
Fix Fetcher نوع
گزینه های fetcher
مشخصات متغیرها
دریافت شناسه پرداخت
آیتم های پرداخت خط اضافه کردن ایجاد سبد خرید:
استفاده از آماده سازی سبد خرید
انواع اصلاح
USEWRHOOK
قلاب مورد استفاده
تماس تلفنی در استفاده از داده ها
Cookies Checkout ID
دریافت کوکی پرداخت از ارائه دهنده
Checkout ایجاد آمادگی
Checkout ایجاد جهش
اطلاعات استخراج از پرداخت CREATE
کوکی ها را به مرورگر ذخیره کنید دریافت چک کردن:
دریافت پرس و جو پرداخت
جزئیات جزئیات پرداخت
استفاده از
USEWRYWR بهبود و USEMEMO
گزینه های SWR Pass سبد خرید عادی:
پرداخت به سبد خرید
Normalization سبد خرید
وضعیت خطی را عادی کنید
تصاویر، گزینه ها را عادی کنید

رابط مورد خط از جهش نوع هوک: هوک جهش جهش توصیف هوک خروجی آورنده نامه نوع UseAddItem از UseSWR نوع هوک: SWR نوع هوک استفاده از نوع داده آورنده نامه توضیحات خروجی استفاده از سبد خرید آیتم ها سبد خرید: آیتم های نمایش در سبد isEmpty به SWR گسترش سبد خرید مورد کامپوننت گزینه سبد خرید نمایش
از سبد خرید جهش آیتم های نمایش شمارش سواچ ارائه به حذف آیتم هوک: استفاده از آیتم حذف حذف توصیف مورد حذف مورد انجام حذف نوع آیتم کنترل به روزرسانی هوک مورد: استفاده از به روز رسانی شروع آیتم مقدار دسته
از بهبود تعداد
از استفاده از آیتم به روز رسانی انجام استفاده از نوع بروز رسانی مورد به بهبود UX: در بهبود کوچک دکمه در حال بارگذاری
از در حال بارگذاری نقطه + پیش فرض نوع دکمه
برای لینک و های Shopify ادغام: Shopify و برنامه خصوصی ایجاد محصولات های Shopify API دسترسی به نمای API پرداخت سیستم های انتقال مواد پرداخت حذف پرداخت های قدیمی از اعزام به Vercel: استقرار گیتهاب اعزام به Vercel پایان دوره