آموزش توسعه تم Shopify با Vue.js: بهینه سازی صفحات محصول و سبد خرید

Shopify Theme Development with Vue.js: Optimise Product & Cart Pages

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

در کلاس امروز، نحوه ادغام چارچوب جاوا اسکریپت Vue.js را در صفحات محصول و سبد خرید یک موضوع Shopify یاد خواهیم گرفت.

این کلاس برای کسانی از شما ایده آل است که برخی از کلاس های دیگر من را در مورد توسعه تم Shopify در اینجا در Skillshare.com گذرانده اید و آماده هستید تا مهارت های توسعه تم خود را به سطح بعدی ببرید.

با Vue.js، می‌توانیم ساختارهای داده Shopify را در قسمت جلویی بیاوریم و به کاربر این امکان را می‌دهیم تا عناصر به‌روزرسانی زنده را بدون بارگیری مجدد مرورگر انجام دهد.

با استفاده از Vue.js بر روی سایر کتابخانه‌های جاوا اسکریپت مانند jQuery، می‌توانیم تجربه بهینه‌تری را هم برای ما به عنوان توسعه‌دهندگان و هم برای کاربران نهایی فروشگاه تجارت الکترونیکمان ایجاد کنیم.

پیوندهای ذکر شده

--------------------

برای پروژه کلاس خود، من شما را تشویق می‌کنم که Vue.js را در هر تم Shopify که در حال حاضر روی آن کار می‌کنید، ادغام کنید.

به خاطر داشته باشید که اکثر مضامین سطح تولید در حال حاضر از مقدار مناسبی از جاوا اسکریپت استفاده می کنند، بنابراین احتمالاً مجبور خواهید بود مقداری از آن جاوا اسکریپت را تغییر دهید تا فضایی برای Vue.js ایجاد کنید.

پس از آماده شدن، می توانید یک پیوند به سایت Shopify خود در بخش پروژه این کلاس بگذارید.


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

درس ها Lessons

  • امتیاز: ذخیره اطلاعات سبد خرید با VueX Bonus: Storing Cart Data with VueX

  • راه اندازی پروژه ما Setting Up Our Project

  • دانش مورد نیاز Required Knowledge

  • چرا از Vue استفاده کنید Why use Vue

  • پروژه نتیجه گیری و کلاس Conclusion & Class Project

  • نحوه استفاده از Vue در تم های Shopify How to Use Vue on Shopify Themes

  • استفاده از Vue در صفحه سبد خرید Using Vue on the Cart Page

  • افزایش فروش سبد خرید و انیمیشن ها Cart Upsells and Animations

  • امتیاز: تطبیق با قالب های JSON Bonus: Adapting to JSON Templates

  • استفاده از Vue در صفحه محصول Using Vue on the Product Page

  • معرفی Introduction

نمایش نظرات

آموزش توسعه تم Shopify با Vue.js: بهینه سازی صفحات محصول و سبد خرید
جزییات دوره
2h 22m
11
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
792
4 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Christopher Dodd Christopher Dodd

توسعه دهنده وب/مدرس

کریستوفر داد یک توسعه‌دهنده وب خودآموخته، یوتیوب‌بر و وبلاگ‌نویس است که مأموریت دارد به افراد کمک کند مهارت‌های آزادکاری را بیاموزند و به طور مستقل امرار معاش کنند.

کریس در سال 2015 توسعه وب را به منظور کار از راه دور و سفر به جهان آموخت و این کار را برای بیش از 2 سال گذشته انجام داده است.

کریس از طریق کانال یوتیوب، وبلاگ و اینستاگرام خود الهام بخش و آموزش می‌دهد تا «عشایر دیجیتال» تازه کار را تعقیب کنند و به دنبال شغلی مستقل از موقعیت مکانی باشند.

من اخیراً یک انجمن Patreon را برای توسعه دهندگانی راه اندازی کردم که به دنبال کسب اطلاعات بیشتر در مورد تخصصی توسعه تم Shopify هستند.

اینجا را بررسی کنید =

این ویدیوی کوتاه زیر را تماشا کنید تا بدانید چگونه به این بخش خاص از توسعه وب فرانت‌اند رسیدم و چرا اکنون زمان خوبی برای شروع کار آزاد در این زمینه است.