دوره آموزش جامع توسعه Gutenberg Blocks با WordPress و React؛ از ساخت بلوک‌های سفارشی تا توسعه حرفه‌ای و انتشار همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره آموزش جامع توسعه Gutenberg Blocks با WordPress و React؛ از ساخت بلوک‌های سفارشی تا توسعه حرفه‌ای و انتشار

موضوع کلی: توسعه وب و مدیریت محتوای وردپرس

موضوع میانی: توسعه قالب و افزونه وردپرس با Gutenberg و React

📋 سرفصل‌های دوره

• 1. مبانی و معماری ویرایشگر Gutenberg در وردپرس
• 2. ساختار Block در معماری Gutenberg
• 3. تفاوت Block Editor با ویرایشگر کلاسیک وردپرس
• 4. مفاهیم پایه توسعه Gutenberg Block
• 5. محیط توسعه مناسب برای ساخت بلوک‌های وردپرس
• 6. راه‌اندازی پروژه توسعه بلوک با ابزارهای رسمی وردپرس
• 7. ساخت نخستین بلوک سفارشی Gutenberg
• 8. ساختار فایل‌ها و پوشه‌های پروژه بلوک
• 9. نقش block.json در تعریف بلوک
• 10. تعریف نام، عنوان، دسته‌بندی و ویژگی‌های بلوک
• 11. ثبت و بارگذاری بلوک‌های سفارشی در وردپرس
• 12. مبانی JavaScript موردنیاز برای توسعه Gutenberg
• 13. مبانی React برای توسعه‌دهندگان Gutenberg
• 14. کامپوننت‌ها و Props در React
• 15. State و مدیریت وضعیت در بلوک‌های Gutenberg
• 16. کار با JSX در توسعه بلوک‌های وردپرس
• 17. چرخه رندر و به‌روزرسانی بلوک‌ها
• 18. ساخت رابط کاربری بلوک با React
• 19. مدیریت Attributes در بلوک‌های Gutenberg
• 20. تعریف و ذخیره داده‌های قابل ویرایش در بلوک
• 21. اتصال Attributes به رابط ویرایش بلوک
• 22. ساخت Edit Component برای بلوک
• 23. ساخت Save Component و خروجی محتوای بلوک
• 24. تفاوت داده‌های ویرایشگر و خروجی نهایی بلوک
• 25. استفاده از RichText برای ویرایش محتوای متنی
• 26. کار با MediaUpload برای مدیریت تصاویر
• 27. ساخت بلوک‌های تصویری سفارشی
• 28. ساخت کنترل‌های قابل تنظیم در Inspector Controls
• 29. کار با Panel و کنترل‌های تنظیمات بلوک
• 30. استفاده از Toolbar برای افزودن ابزارهای ویرایش
• 31. مدیریت رنگ‌ها در بلوک‌های Gutenberg
• 32. مدیریت تایپوگرافی و اندازه متن
• 33. افزودن فاصله، Padding و Margin به بلوک
• 34. ایجاد کلاس‌های CSS و استایل‌دهی اختصاصی
• 35. استفاده از CSS و SCSS در پروژه‌های Gutenberg
• 36. تفاوت استایل‌های Editor و Frontend
• 37. افزودن استایل‌های اختصاصی برای بلوک
• 38. ساخت بلوک‌های چندعنصری و ترکیبی
• 39. استفاده از InnerBlocks برای ایجاد بلوک‌های تو در تو
• 40. تعریف الگوهای مجاز برای بلوک‌های داخلی
• 41. مدیریت ساختار و محدودیت بلوک‌های تو در تو
• 42. ساخت بلوک‌های قابل تنظیم با چند نوع محتوا
• 43. استفاده از Block Variations برای ایجاد نسخه‌های متفاوت
• 44. ساخت Block Patterns برای طراحی محتوای آماده
• 45. ساخت Template و ساختارهای محتوایی مبتنی بر بلوک
• 46. مدیریت Context و داده میان بلوک‌های مرتبط
• 47. استفاده از WordPress Data API در Gutenberg
• 48. کار با Select و Dispatch در سیستم داده وردپرس
• 49. مدیریت داده‌های داخلی وردپرس در بلوک‌ها
• 50. اتصال بلوک به داده‌های WordPress REST API
• 51. دریافت و نمایش داده‌های پویا در Gutenberg
• 52. ارسال و به‌روزرسانی داده‌ها از طریق REST API
• 53. ساخت بلوک‌های Dynamic با PHP
• 54. ترکیب React و PHP در بلوک‌های پویا
• 55. تفاوت Static Block و Dynamic Block
• 56. مدیریت رندر سمت سرور در Gutenberg
• 57. ساخت بلوک‌های سفارشی متصل به محتوای وردپرس
• 58. کار با Post Types و Taxonomies در بلوک‌ها
• 59. نمایش محتوای نوشته‌ها و دسته‌بندی‌ها در بلوک سفارشی
• 60. مدیریت فرم‌ها و ورودی‌های کاربر در بلوک‌ها
• 61. افزودن قابلیت انتخاب محتوا به بلوک
• 62. ساخت بلوک‌های Query محور با داده‌های وردپرس
• 63. بهینه‌سازی عملکرد بلوک‌های Gutenberg
• 64. مدیریت وابستگی‌های JavaScript در پروژه بلوک
• 65. استفاده صحیح از پکیج‌های WordPress و React
• 66. ساخت و مدیریت Build Process پروژه Gutenberg
• 67. کار با npm و ابزارهای توسعه Gutenberg
• 68. توسعه بلوک با @wordpress/scripts
• 69. پیکربندی فرآیند Build و توسعه پروژه
• 70. مدیریت نسخه‌های بلوک و سازگاری با وردپرس
• 71. اعتبارسنجی بلوک و مدیریت خطاهای محتوا
• 72. رفع خطاهای Block Validation در Gutenberg
• 73. مهاجرت ساختار Attributes در نسخه‌های جدید بلوک
• 74. استفاده از Block Deprecation برای سازگاری نسخه‌ها
• 75. تست عملکرد و رفتار بلوک‌های سفارشی
• 76. اشکال‌زدایی JavaScript و React در Gutenberg
• 77. اشکال‌زدایی PHP در بلوک‌های Dynamic
• 78. تست بلوک‌ها در محیط توسعه وردپرس
• 79. بهینه‌سازی تجربه کاربری بلوک‌های سفارشی
• 80. رعایت دسترس‌پذیری در طراحی Gutenberg Block
• 81. رعایت استانداردهای کدنویسی وردپرس در توسعه بلوک
• 82. ایمن‌سازی داده‌های ورودی و خروجی بلوک
• 83. پاک‌سازی و اعتبارسنجی داده‌ها در بلوک‌های سفارشی
• 84. مدیریت ترجمه و بین‌المللی‌سازی بلوک‌ها
• 85. سازگاری بلوک‌ها با زبان‌ها و محیط‌های راست‌به‌چپ
• 86. ساخت بلوک‌های قابل استفاده مجدد برای پروژه‌های مختلف
• 87. معماری یک افزونه حرفه‌ای برای Gutenberg Blocks
• 88. سازمان‌دهی چند بلوک در یک افزونه وردپرس
• 89. اشتراک‌گذاری کامپوننت‌ها میان چند بلوک
• 90. ایجاد Design System برای مجموعه بلوک‌ها
• 91. توسعه کتابخانه اختصاصی Gutenberg Blocks
• 92. مستندسازی بلوک‌های سفارشی برای توسعه‌دهندگان
• 93. بسته‌بندی و آماده‌سازی افزونه Gutenberg برای انتشار
• 94. آماده‌سازی بلوک‌ها برای محیط Production
• 95. انتشار افزونه و بلوک سفارشی در مخزن وردپرس
• 96. مدیریت نسخه‌های انتشار و به‌روزرسانی بلوک‌ها
• 97. پروژه عملی ساخت یک مجموعه Gutenberg Block حرفه‌ای با React