🔔 با توجه به بهبود نسبی اینترنت، آمادهسازی دورهها آغاز شده است. به دلیل تداوم برخی اختلالات، بارگذاری دورهها ممکن است با کمی تأخیر انجام شود. مدت اشتراکهای تهیهشده محفوظ است.
لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش Shopify Hydrogen: بهترین روش ها و نکات حرفه ای
- آخرین آپدیت
دانلود Shopify Hydrogen Tutorial: Best Methods & Pro Tips
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
آموزش جامع Shopify Hydrogen: بهترین روشها و نکات حرفهای
به دوره آموزشی Shopify Hydrogen: بهترین روشها و نکات حرفهای خوش آمدید.
من جکسون هستم، مالک محصول و رهبر فنی در TrueStorefront. ما بهترین قالب Shopify Hydrogen (به نام Owen) را ساختهایم و خدمات Headless Shopify را ارائه میدهیم.
من بیش از سه سال تجربه با Shopify Headless (با استفاده از Next.js) و بیش از دو سال تجربه با Hydrogen دارم (از همان ابتدا از Hydrogen استفاده کردهام). همچنین بیش از 6 پروژه Shopify Headless را با موفقیت برای مشتریان به پایان رساندهام (شامل 2 فروشگاه Shopify Plus).
من تجربیات عملی خود را با سایر توسعهدهندگانی که میخواهند درباره Shopify Hydrogen بیاموزند، به اشتراک خواهم گذاشت. من به شما کمک میکنم تا فرآیند یادگیری درباره Shopify Hydrogen را با بهترین روشها، نکات حرفهای و جهتگیری درست تسریع کنید.
پس از اتمام این دوره، شما با موارد زیر آشنا خواهید شد:
معماری فریمورک Hydrogen
نحوه نصب Hydrogen به صورت محلی برای توسعه
نحوه استفاده از Storefront API با Hydrogen
نحوه استفاده از Admin API با Hydrogen
نحوه استفاده از Meta Objects با Hydrogen
نحوه استفاده از Sanity CMS با Hydrogen
نحوه ساخت یک صفحه اصلی با استفاده از Sanity CMS
نحوه استقرار در محیط Production
پیش نیازها:
آشنایی اولیه با HTML، CSS، JavaScript و React
آشنایی با محیط Shopify
عدم نیاز به تجربه قبلی در زمینه Shopify
من تجربیات خود را به طور گسترده در مورد Shopify Hydrogen در پروفایل LinkedIn خود به اشتراک گذاشتهام. اگر شما نیز به Shopify Hydrogen علاقه دارید و سؤالی در این مورد دارید، در LinkedIn با من ارتباط برقرار کنید: in/jaxsonluu
سرفصل ها و درس ها
مقدمه
Introduction
مرور کلی
Overview
مقدمه
Introduction
Shopify Remix چیست؟
What is Shopify Remix?
Shopify Hydrogen چیست؟
What is Shopify Hydrogen?
راه اندازی توسعه محلی
Setup Local Development
راه اندازی محیط توسعه
Set up the development environment
نصب Hydrogen به صورت محلی
Installing Hydrogen locally
اتصال فروشگاه Shopify به برنامه Hydrogen
Connect Shopify store with Hydrogen app
راه اندازی Customer Account API برای Hydrogen به صورت محلی
Setup Customer Account API for Hydrogen locally
راه اندازی Tailwind css با Hydrogen
Setup Tailwind css with Hydrogen
استفاده از Storefront API (GraphQL)
Storefront API Usage (GraphQL)
GraphQL چیست؟
What is GraphQL?
Shopify Storefront API چیست؟
What is Shopify Storefront API?
نصب و استفاده از Altair GraphQL Client
Installing and using of Altair GraphQL Client
استفاده از کوئری GraphQL در Hydrogen
Using of GraphQL query in Hydrogen
استفاده از متغیرها در کوئری GraphQL
Using of Variables in GraphQL query
استفاده از Fragmentها در کوئری GraphQL
Using of Fragments in GraphQL query
استفاده از Mutationها در کوئری GraphQL
Using of Mutations in GraphQL query
استفاده از Shopify Admin API (GraphQL)
Shopify Admin API Usage (GraphQL)
Shopify Admin API چیست؟
What is Shopify Admin API?
پیکربندی Altair GraphQL Client برای استفاده از Admin API
Config Altair GraphQL Client to using Admin API
ایجاد Admin API client برای Hydrogen
Create Admin API client for Hydrogen
استفاده از Shopify Admin API با Hydrogen
Using Shopify Admin API with Hydrogen
نحوه استفاده از Shopify Metaobjects با Hydrogen
How to use Shopify Metaobjects with Hydrogen
Shopify Metaobjects چیست؟
What is Shopify Metaobjects?
ایجاد یک Shopify Metaobject
Create an Shopify Metaobjects
نحوه نمایش یک Metaobject از Hydrogen؟
How to display a Metaobject from Hydrogen?
نحوه استفاده از Sanity CMS با Hydrogen
How to use Sanity CMS with Hydrogen
Sanity CMS چیست؟
What is Sanity CMS?
زبان کوئری GROQ چیست؟
What is GROQ query language?
نحوه ایجاد یک پروژه Sanity؟
How to create a Sanity project?
نحوه همگام سازی داده های Shopify با Sanity؟
How to sync Shopify data with Sanity?
ایجاد Sanity client برای Hydrogen
Create Sanity client for Hydrogen
ایجاد یک ماژول Sanity نمونه
Create example Sanity module
نمایش ماژول Sanity نمونه در Hydrogen
Display example Sanity module on Hydrogen
استفاده از Fragmentها در کوئری GROQ
Using of Fragments in GROQ query
ساخت صفحه اصلی نمونه با Sanity
Build example homepage with Sanity
پاکسازی و ایجاد برخی استایل ها برای کل سایت
Cleanup and make some styling for the whole site
ایجاد بخش پس زمینه ویدئویی
Create Video Background section
ایجاد بخش Banner Grid
Create Banner Grid section
ایجاد بخش Selected Products
Create Selected Products section
ایجاد بخش Parallax Banner
Create Parallax Banner section
ایجاد بخش About Us
Create About Us section
استقرار در محیط Production
Deploy to production
استقرار در Shopify Oxygen
Deploy to Shopify Oxygen
Jaxson Luu
نمایش نظرات