آموزش Shopify Hydrogen: چگونه با React یک فروشگاه تجارت الکترونیک Headless ایجاد کنیم

Shopify Hydrogen: How to Create a Headless eCommerce Storefront with React

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

در اواسط سال 2022، Shopify یک کانال فروش جدید در پلتفرم Shopify راه‌اندازی کرد که به بازرگانان اجازه می‌داد پروژه React را در فروشگاه Shopify خود میزبانی کنند. این کانال جدید فروش هیدروژن، همراه با چارچوب هیدروژن از قلاب‌ها، اجزا و ابزارهای کمکی React که به‌طور خاص برای ویترین فروشگاه Shopify ساخته شده‌اند، روشی کاملاً جدید برای سفارشی‌سازی تجربه فروشگاه آنلاین برای مشتریان ارائه می‌دهد.

در این کلاس، می‌خواهیم چارچوب Shopify Hydrogen را مرور کنیم، با مفاهیم کلیدی اطراف آشنا شویم، ویترین ساده خود را با استفاده از سیستم بسازیم و به شما نشان دهیم که چگونه برنامه جدید خود را در فروشگاه Shopify خود نصب کنید. .

برای پروژه کلاس خود، من شما را تشویق می کنم که ویترین سفارشی خود را با استفاده از هیدروژن ایجاد کنید. برای الهام گرفتن، می‌توانید کارهایی را که ما تاکنون در این کلاس انجام داده‌ایم و آن را گسترش دهید. می‌توانید یک گالری محصول بسازید تا عکس‌های محصول بیشتری را از باطن بیاورید، یک کشو برای قرار دادن سبد خرید کاربر بدون نیاز به ترک صفحه محصول ایجاد کنید و بخش‌های سفارشی بسازید تا بهترین ویژگی‌های محصول خود را به نمایش بگذارید. انتخاب با شماست.


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

درس ها Lessons

  • ساخت صفحه محصول Building a Product page

  • سبد خرید pt. 2 Cart Functionality pt. 2

  • ساخت صفحه مجموعه Building a Collection page

  • استقرار ویترین سفارشی ما Deploying our Custom Storefront

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

  • مفاهیم کلیدی Key Concepts

  • Storefront API Storefront API

  • چارچوب هیدروژن Shopify The Shopify Hydrogen Framework

  • معرفی Introduction

  • شروع کار با هیدروژن Getting Started with Hydrogen

  • ایجاد کامپوننت Layout Creating a Layout Component

  • امتیاز: اضافه کردن بخش وبلاگ Bonus: Adding a Blog section

  • واکنش نشان دهید React

  • سبد خرید pt. 1 Cart Functionality pt. 1

  • ساخت صفحه کاتالوگ Building a Catalog Page

نمایش نظرات

نظری ارسال نشده است.

آموزش Shopify Hydrogen: چگونه با React یک فروشگاه تجارت الکترونیک Headless ایجاد کنیم
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
3h 58m
15
Skillshare (اسکیل شیر) skillshare-small
18 مهر 1401 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
159
2 از 5
ندارد
دارد
دارد

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Christopher Dodd Christopher Dodd

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

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

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

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

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

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

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

Skillshare (اسکیل شیر)

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

یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.