Udemy – Gutenberg Blocks for WordPress and React Developers 2022-1

در تاریخ: 1404/05/11 7:43:11

توضیحات

دوره Gutenberg Blocks for WordPress and React Developers. این دوره یک راهنمای جامع برای توسعه‌دهندگانی است که می‌خواهند بلوک‌های سفارشی برای ویرایشگر گوتنبرگ ایجاد کنند. با جایگزینی ویرایشگر قدیمی وردپرس با گوتنبرگ، این دوره به شما آموزش می‌دهد چگونه از ری‌اکت برای ساخت بلوک‌های متنوع مانند دکمه‌ها، تصاویر و متن‌های پویا استفاده کنید. پیش‌نیازهای این دوره شامل دانش توسعه افزونه/قالب وردپرس، آشنایی با جاوااسکریپت (به‌ویژه ES6+)، و تسلط بر مفاهیم پایه و پیشرفته ری‌اکت مانند کامپوننت‌ها، هوک‌ها و Redux است. در طول دوره، ابتدا با اصول طراحی بلوک‌ها آشنا می‌شوید، سپس نحوه ذخیره‌سازی داده‌ها و ساختار بلوک‌ها در پایگاه داده را یاد می‌گیرید. پس از ایجاد اولین بلوک ساده، به سراغ ساخت بلوک‌های پیچیده‌تر با قابلیت‌هایی مانند تو در تو بودن، مدیریت تصاویر و داده‌های پویا می‌روید. همچنین، مباحثی مانند ذخیره‌سازی داده‌های شبیه به Redux، مدیریت فراداده، و تکنیک‌های پیشرفته مانند الگوها، تمپلیت‌ها و بین‌المللی‌سازی پوشش داده می‌شوند. این دوره با استفاده از ابزارهای مدرن مانند wp-scripts، ESLint و Prettیر، تجربه توسعه حرفه‌ای را برای شما فراهم می‌کند.

آنچه فرا خواهید گرفت

دستورالعمل‌های طراحی ویرایشگر بلاک: یادگیری دستورالعمل‌های طراحی برای ویرایشگر بلاک.
ذخیره‌سازی اطلاعات: کشف اینکه ویرایشگر بلاک چگونه پست شما را در پایگاه داده ذخیره می‌کند و چگونه UI ویرایشگر ساخته می‌شود.
استفاده از ابزارهای توسعه: یادگیری نحوه استفاده از wp-scripts برای کامپایل ES6 و JSX، کامپایل SASS به CSS، بسته‌بندی و کوچک‌سازی فایل‌های JS و CSS و موارد دیگر.
بهبود گردش کار: یکپارچه‌سازی ESLint، Prettier، Stylelint و Husky در پروژه برای بهبود گردش کار.
ساخت بلاک‌های سفارشی: ایجاد یک بلاک Gutenberg سفارشی جدید از ابتدا.
سفارشی‌سازی ویرایشگر: سفارشی‌سازی ویژگی‌های ویرایشگر بلاک در قالب WordPress.
ساخت بلاک‌های پیچیده: کشف هر جنبه‌ای که برای ایجاد یک بلاک Gutenberg پیچیده نیاز دارید.
بلاک‌های تو در تو: ایجاد یک بلاک تو در تو (بلاک که بلاک‌های دیگر را در داخل خود می‌پذیرد).
استفاده از کتابخانه‌های React: استفاده از کتابخانه‌های React شخص ثالث برای ایجاد ویژگی‌های پیچیده.
مدیریت بلاک‌های منسوخ شده: یادگیری نحوه مدیریت بلاک‌های منسوخ شده.
تبدیل بلاک‌ها: یادگیری نحوه تبدیل بلاک سفارشی به یک بلاک دیگر.
ایجاد بلاک‌های دینامیک: ایجاد یک بلاک دینامیک.
ذخیره‌سازی داده‌ها: بررسی نحوه استفاده از ذخیره‌سازی‌های داده موجود در بلاک‌ها و یادگیری نحوه ایجاد ذخیره‌سازی‌های داده سفارشی برای به اشتراک‌گذاری داده‌ها بین بلاک‌ها.
مدیریت فراداده: یادگیری روش‌های مختلف برای مدیریت فیلدهای فراداده در ویرایشگر بلاک.
نوار کناری سفارشی: یادگیری نحوه ایجاد یک نوار کناری سفارشی در ویرایشگر بلاک و مدیریت فیلدهای فراداده در داخل آن.
گسترش نوار کناری موجود: یادگیری نحوه گسترش نوار کناری موجود در ویرایشگر بلاک.
ویژگی‌های پیشرفته: یادگیری درباره ویژگی‌هایی مانند patterns، context، formatting API و templates.
اصلاح رفتار بلاک‌ها: تغییر رفتار بلاک‌های موجود با JavaScript و فیلترهای PHP.
بومی‌سازی بلاک‌ها: بین‌المللی‌سازی بلاک‌ها با تولید و بارگذاری فایل‌های ترجمه.

این دوره مناسب افرادیست که

توسعه‌دهندگان قالب/افزونه WordPress: افرادی که با ReactJS آشنایی دارند و می‌خواهند بلاک‌های Gutenberg را از ابتدا ایجاد کنند.
هر کسی با تجربه WordPress و ReactJS: کسانی که می‌خواهند همه چیز را در مورد ویرایشگر Gutenberg بدانند.

مشخصات دوره Gutenberg Blocks for WordPress and React Developers

ناشر: Udemy
مدرس: Ali Alaa
سطح آموزش: مبتدی تا پیشرفته
مدت زمان آموزش: 16 ساعت و 16 دقیقه
تعداد دروس: 113

سرفصل های دوره در تاریخ 2024/6

پیشنیازهای دوره Gutenberg Blocks for WordPress and React Developers

You should be familiar with HTML, CSS (SASS), Javascript and PHP basics.
You should be familiar with WordPress development.
You should be familiar with ReactJS Basic Concepts.
Redux Knowledge is Preferable
Any code editor you are comfortable with, I will use VS Code in this code.
A local server like MAMP, WAMP, XAMPP, Laragon or any other software you are familiar with. I will use MAMP through out this course.
NodeJS and NPM or Yarn installed on your machine.