آموزش توسعه عملی فروشگاه اینترنتی با وردپرس و ووکامرس - آخرین آپدیت

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

سازماندهی پروژه: Figma، Docker، FSE Gutenberg، CI/CD و بیشتر Project Organization: Figma, Docker, FSE Gutenberg, CI/CD, and More

• نرم افزار مورد نیاز برای دوره و بررسی اجمالی طرح طراحی Required Software for the Course and Design Layout Overview

• نصب WSL 2 در ویندوز 10/11 برای Docker Installing WSL 2 on Windows 10/11 for Docker

• اجرای وردپرس با Docker Running WordPress with Docker

• راه اندازی محیط توسعه وردپرس محلی با Docker Compose Setting Up a Local WordPress Development Environment with Docker Compose

• ایجاد یک تم استارتر FSE برای پروژه Creating a Starter FSE Theme for the Project

• ایجاد پلاگین های MU / Core / Blocks برای پروژه Creating MU / Core / Blocks Plugins for the Project

• پیاده سازی CI/CD برای پروژه با GitHub Actions Implementing CI/CD for the Project with GitHub Actions

توسعه بلوک گوتنبرگ (صفحات استاتیک و داینامیک) Gutenberg Block Development (Static and Dynamic Pages)

• اتصال فونت های گوگل، CSS، جاوا اسکریپت Connecting Google Fonts, CSS, JavaScript

• توسعه بلوک هدر سایت Developing the Site Header Block

• کار با SVG و استایل های CSS برای هدر Working with SVG and CSS Styles for the Header

• پیاده سازی تغییر حالت تاریک و منوی کشویی Implementing Dark Mode Toggle and Dropdown Navigation

• نسخه موبایل برای بلوک هدر Mobile Version for the Header Block

• سازماندهی گردش کار شاخه های Git Organizing Git Branching Workflow

• توسعه ساختار بلوک Hero Developing the Structure of the Hero Block

• کار با save.js برای بلوک Hero Working with save.js for the Hero Block

• نهایی سازی بلوک Hero Finalizing the Hero Block

• توسعه بلوک خط بازی های داینامیک Developing the Dynamic Games Line Block

• پیاده سازی بلوک اخبار اخیر Implementing the Recent News Block

• توسعه بلوک اخبار اخیر Developing the Recent News Block

• بارگیری استایل ها و فونت های سراسری در صفحات گوتنبرگ Loading Global Styles and Fonts in Gutenberg Pages

• پیاده سازی یک کانتینر جستجوی بازشو Implementing a Popup Search Container

• ارسال درخواست سرور برای جستجوی بازی Sending a Server Request for Game Search

• نهایی سازی گزینه جستجوی بازی Finalizing the Game Search Option

• کار با بلوک اشتراک و MailChimp Working with the Subscribe Block and MailChimp

• استایل دهی و نهایی سازی بلوک اشتراک Styling and Finalizing the Subscribe Block

• اضافه کردن فیلدهای متا برای بازی ها Adding Meta Fields for Games

• پیاده سازی بلوک بازی های ویژه Implementing the Featured Games Block

• توسعه یک بلوک فراخوانی برای اقدام استاتیک Developing a Static Call to Action Block

• پیاده سازی بلوک سوالات متداول (آکاردئون) - پنل مدیریت Implementing the FAQ Block (Accordion) – Admin Panel

• نهایی سازی بلوک سوالات متداول Finalizing the FAQ Block

• توسعه بلوک فوتر Developing the Footer Block

صفحات بخش اخبار News Section Pages

• کار روی صفحه تک خبر Working on the Single News Page

• بهینه سازی عملکرد وردپرس + Docker Optimizing WordPress + Docker Performance

• نهایی سازی بلوک تک خبر Finalizing the Single News Block

• اضافه کردن یک فیلد متا برای آپلود آیکون Adding an Icon Upload Meta Field

• پیاده سازی بلوک هدر اخبار Implementing the News Header Block

• نهایی سازی صفحه آرشیو اخبار Finalizing the News Archive Page

بخش فروشگاه آنلاین ووکامرس WooCommerce Online Store Section

• تجزیه و تحلیل قالب محصول و پشتیبانی گوتنبرگ برای محصولات Analyzing the Product Template and Gutenberg Support for Products

• اضافه کردن فیلدها و طبقه بندی های اضافی برای محصولات Adding Additional Fields and Taxonomies for Products

• پیاده سازی بلوک تک بازی Implementing the Single Game Block

• نهایی سازی بلوک تک بازی Finalizing the Single Game Block

• پیاده سازی بلوک اسلایدر Implementing the Slider Block

• پیاده سازی بلوک بازی های مشابه Implementing the Similar Games Block

• توسعه بلوک ها برای صفحه آرشیو فروشگاه Developing Blocks for the Store Archive Page

• توسعه فیلتر و آرشیو بازی Developing the Filter and Game Archive

• پیاده سازی توابع فیلتر Implementing Filtering Functions

• اضافه کردن مرتب سازی برای بلوک بازی ها Adding Sorting for the Games Block

• کار با بلوک ها برای صفحه سبد خرید Working with Blocks for the Cart Page

• توسعه بلوک های سبد خرید - قسمت 2 Developing the Cart Blocks – Part 2

• نهایی سازی بلوک های صفحه سبد خرید Finalizing the Cart Page Blocks

• پیاده سازی صفحه پرداخت Implementing the Checkout Page

تسلط بر GitHub Actions: از مبانی تا CI/CD پیشرفته Mastering GitHub Actions: From Basics to Advanced CI/CD

• GitHub Actions چیست؟ What are GitHub Actions?

• نحو برای نوشتن گردش کار در GitHub Actions Syntax for Writing Workflows in GitHub Actions

• نوشتن اولین گردش کار برای اجرای دستورات ساده Writing Your First Workflow to Execute Simple Commands

• غیرفعال کردن گردش کارها و ترتیب اجرای کار Disabling Workflows and Job Execution Order

• استفاده از اکشن های از پیش ساخته شده در گردش کارها Using Pre-Built Actions in Workflows

• اجرای شرطی گردش کار Conditional Workflow Execution

• انواع تریگر (رویدادها) که گردش کارها را راه اندازی می کنند Trigger Types (Events) that Launch Workflows

• فیلترهای رویداد برای تریگرهای گردش کار (شاخه ها، تگ ها، مسیرها) Event Filters for Workflow Triggers (Branches, Tags, Paths)

• اجرای برنامه ریزی شده گردش کار (تریگر زمانبندی) Scheduled Workflow Execution (Schedule Trigger)

• اجرای دستی گردش کار (workflow_dispatch) و پارامترهای ورودی Manual Workflow Execution (workflow_dispatch) and Input Parameters

• تریگر دستی (workflow_dispatch) و API REST Manual Trigger (workflow_dispatch) and REST API

• راه اندازی گردش کارها با repository_dispatch Triggering Workflows with repository_dispatch

• عملگر if، عبارات و زمینه ها در GitHub Actions The if Operator, Expressions, and Contexts in GitHub Actions

• متغیرها در GitHub Actions Variables in GitHub Actions

• اسرار در GitHub Actions Secrets in GitHub Actions

• توابع در GitHub Actions Functions in GitHub Actions

• کش ها در GitHub Actions Caches in GitHub Actions

• آرتیفکت ها در GitHub Actions Artifacts in GitHub Actions

• استفاده از یک استراتژی ماتریس در GitHub Actions Using a Matrix Strategy in GitHub Actions

• تعامل بین گردش کارها در GitHub Actions Interaction Between Workflows in GitHub Actions

• معرفی Docker برای GitHub Actions Introduction to Docker for GitHub Actions

• اجرای کارها در یک کانتینر Docker Running Jobs in a Docker Container

• انواع اکشن ها و چرا اکشن های سفارشی ایجاد کنیم؟ Types of Actions and Why Create Custom Actions?

• ایجاد یک اکشن کامپوزیت سفارشی محلی Creating a Local Custom Composite Action

• نمایش یک نشان وضعیت گردش کار در README Displaying a Workflow Status Badge in README

• محدود کردن زمان اجرای گردش کار Limiting Workflow Execution Time

• محدود کردن اجرای همزمان گردش کارها به یک Limiting Concurrent Workflow Runs to One

• پیاده سازی CI/CD برای یک پروژه در عمل Implementing CI/CD for a Project in Practice