این دوره آموزشی به طور جامع به مباحث زیر می‌پردازد:

• مقدمه‌ای بر شاپیفای و اکوسیستم آن: درک مفاهیم اساسی پلتفرم شاپیفای، معماری آن و نحوه عملکرد فروشگاه‌های آنلاین.
• فروشگاه آنلاین 2.0: آشنایی کامل با ویژگی‌ها و امکانات جدیدترین نسخه فروشگاه آنلاین شاپیفای، از جمله ویرایشگر Drag & Drop، بخش‌های قابل تنظیم و متافیلدها.
• Tailwind CSS 2025: تسلط بر فریم‌ورک Tailwind CSS برای طراحی رابط کاربری زیبا، واکنش‌گرا و با قابلیت سفارشی‌سازی بالا. یادگیری مفاهیم utility-first CSS و نحوه استفاده از کلاس‌های آماده برای ایجاد سریع صفحات وب.
• Liquid: آموزش زبان تمپلیتینگ Liquid برای ایجاد صفحات داینامیک و تعامل با داده‌های فروشگاه شاپیفای.
• ساخت یک قالب سفارشی از صفر: طی کردن گام به گام فرایند ساخت یک قالب حرفه‌ای شاپیفای، از طراحی اولیه تا پیاده‌سازی کامل.
• بهینه‌سازی عملکرد قالب: یادگیری تکنیک‌های بهینه‌سازی سرعت بارگذاری صفحات، سئو (SEO) و تجربه کاربری (UX).
• کار با APIهای شاپیفای: آشنایی با APIهای شاپیفای برای افزودن قابلیت‌های پیشرفته به قالب، مانند اتصال به سرویس‌های جانبی و ایجاد برنامه‌های سفارشی.
• استقرار و نگهداری قالب: یادگیری نحوه استقرار قالب بر روی فروشگاه شاپیفای و نگهداری و به‌روزرسانی آن.

شرکت در این دوره مزایای متعددی را برای شما به ارمغان می‌آورد:

• یادگیری جامع و کاربردی: این دوره به شما دانش و مهارت‌های لازم برای تبدیل شدن به یک توسعه‌دهنده قالب شاپیفای حرفه‌ای را می‌دهد.
• دسترسی آفلاین: با ارائه دوره بر روی فلش مموری، می‌توانید در هر زمان و مکانی به محتوای آموزشی دسترسی داشته باشید، بدون نیاز به اتصال به اینترنت.
• آموزش گام به گام: آموزش‌ها به صورت گام به گام و با زبانی ساده ارائه می‌شوند تا برای همه سطوح دانشجو قابل فهم باشند.
• پروژه‌های عملی: در طول دوره، پروژه‌های عملی متعددی را انجام خواهید داد که به شما کمک می‌کنند تا دانش خود را در عمل به کار ببرید.
• آموزش با استفاده از آخرین تکنولوژی‌ها: این دوره بر روی آخرین نسخه فروشگاه آنلاین شاپیفای (2.0) و فریم‌ورک Tailwind CSS 2025 تمرکز دارد.
• فرصت‌های شغلی: با کسب مهارت در توسعه قالب‌های شاپیفای، می‌توانید به عنوان یک فریلنسر یا به صورت تمام وقت در شرکت‌های طراحی وب و توسعه نرم‌افزار مشغول به کار شوید.

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

برای شرکت در این دوره، آشنایی اولیه با موارد زیر توصیه می‌شود:

• HTML و CSS: دانش پایه در مورد ساختار صفحات وب و استایل‌دهی به آن‌ها.
• JavaScript: آشنایی ابتدایی با زبان برنامه‌نویسی JavaScript.
• Git و GitHub: آشنایی با سیستم کنترل نسخه Git و پلتفرم GitHub برای مدیریت کد. (اختیاری، اما مفید)

اگر با این مفاهیم آشنایی ندارید، پیشنهاد می‌شود قبل از شروع دوره، یک دوره مقدماتی HTML، CSS و JavaScript را بگذرانید. البته نگران نباشید، دوره شامل مباحثی است که به شما کمک می‌کند تا به مرور با این موارد آشنا شوید.

این دوره شامل بخش‌های زیر است:

1. مقدمه و نصب ابزارها: آشنایی با دوره، معرفی ابزارهای مورد نیاز و نحوه نصب آن‌ها.
2. آشنایی با شاپیفای و فروشگاه آنلاین 2.0: بررسی مفاهیم اساسی شاپیفای، ساختار فروشگاه آنلاین و ویژگی‌های جدید فروشگاه آنلاین 2.0.
3. مقدمه‌ای بر Tailwind CSS: آموزش مفاهیم اساسی Tailwind CSS، نصب و پیکربندی آن.
4. Liquid: زبان تمپلیتینگ شاپیفای: آموزش زبان Liquid و نحوه استفاده از آن برای ایجاد صفحات داینامیک.
5. ساخت قالب سفارشی: ساختار و فایل‌ها: بررسی ساختار یک قالب شاپیفای و فایل‌های اصلی آن.
6. طراحی و پیاده‌سازی هدر و فوتر: طراحی و پیاده‌سازی بخش‌های هدر و فوتر قالب با استفاده از Tailwind CSS و Liquid.
7. صفحه اصلی (Homepage): طراحی و پیاده‌سازی صفحه اصلی قالب با استفاده از بخش‌های قابل تنظیم.
8. صفحه محصولات (Product Page): طراحی و پیاده‌سازی صفحه محصولات با استفاده از اطلاعات محصول از طریق Liquid.
9. صفحه دسته‌بندی‌ها (Collection Page): طراحی و پیاده‌سازی صفحه دسته‌بندی‌ها با نمایش محصولات مرتبط.
10. صفحه سبد خرید (Cart Page): طراحی و پیاده‌سازی صفحه سبد خرید با امکان ویرایش تعداد محصولات و اعمال تخفیف.
11. صفحه پرداخت (Checkout Page): سفارشی‌سازی صفحه پرداخت با استفاده از APIهای شاپیفای. (مباحث پیشرفته)
12. بهینه‌سازی قالب و رفع اشکالات: بهینه‌سازی سرعت بارگذاری صفحات، سئو و رفع اشکالات احتمالی.
13. استقرار قالب: نحوه استقرار قالب بر روی فروشگاه شاپیفای.

در هر بخش، مثال‌های عملی متعددی ارائه شده است تا بتوانید مفاهیم را به خوبی درک کنید.

یکی از مهم‌ترین ویژگی‌های فروشگاه آنلاین 2.0، امکان ایجاد بخش‌های قابل تنظیم (Sections) است. با استفاده از این ویژگی، می‌توانید به کاربران اجازه دهید تا محتوای صفحات خود را به راحتی تغییر دهند. به عنوان مثال، فرض کنید می‌خواهیم یک بخش برای نمایش نظرات مشتریان در صفحه اصلی ایجاد کنیم.

ابتدا، یک فایل با نام snippets/customer-reviews.liquid ایجاد می‌کنیم و کد HTML و Liquid زیر را در آن قرار می‌دهیم:

        
<div class="bg-gray-100 py-8">
  <div class="container mx-auto text-center">
    <h2 class="text-2xl font-bold mb-4">نظرات مشتریان</h2>
    {% for review in section.settings.reviews %}
      <div class="mb-4">
        <p class="text-gray-700">"{{ review.text }}"</p>
        <p class="text-sm text-gray-500">- {{ review.author }}</p>
      </div>
    {% endfor %}
  </div>
</div>

{% schema %}
{
  "name": "نظرات مشتریان",
  "settings": [
    {
      "id": "reviews",
      "type": "list",
      "label": "نظرات",
      "settings": [
        {
          "id": "author",
          "type": "text",
          "label": "نام نویسنده"
        },
        {
          "id": "text",
          "type": "textarea",
          "label": "متن نظر"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "نظرات مشتریان",
      "category": "custom"
    }
  ]
}
{% endschema %}
        
    

سپس، در صفحه اصلی قالب خود، این اسنیپت را به صورت زیر فراخوانی می‌کنیم:

        
{% section 'customer-reviews' %}
        
    

با این کار، یک بخش جدید در ویرایشگر شاپیفای ظاهر می‌شود که کاربران می‌توانند نظرات مشتریان را به آن اضافه کنند. این مثال نشان می‌دهد که چگونه با استفاده از Tailwind CSS و Liquid، می‌توان بخش‌های قابل تنظیم و جذاب برای قالب شاپیفای ایجاد کرد.