آموزش HTMX - راهنمای عملی

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

شروع شدن Getting Started

• خوش آمدی! Welcome!

• HTMX چیست؟ و چرا از آن استفاده می کنید؟ What Is HTMX? And Why Would You Use It?

• منابع دوره و جامعه Course Resources & Community

HTMX Essentials HTMX Essentials

• معرفی ماژول Module Introduction

• راه اندازی پروژه Project Setup

• نصب HTMX Installing HTMX

• استفاده از HTMX و ارسال درخواست های GET Using HTMX & Sending GET Requests

• کنترل رندر محتوای پاسخ با hx-swap Controlling Response Content Rendering with hx-swap

• Deep Dive: کجا و چگونه می توانید از HTMX استفاده کنید؟ Deep Dive: Where & How Can You Use HTMX?

• تعریف هدف پاسخ با hx-target Defining Response Target with hx-target

• تغییر ماشه درخواست با hx-trigger Changing the Request Trigger with hx-trigger

• hx-trigger: تنظیمات پیشرفته hx-trigger: Advanced Settings

• از GET تا POST با hx-post From GET to POST with hx-post

• ارسال داده با HTMX Submitting Data with HTMX

• رسیدگی به درخواست‌ها و پاسخ‌های POST با HTMX Handling POST Requests & Responses with HTMX

• انتخاب بخش‌هایی از یک پاسخ با hx-select Picking Parts of a Response with hx-select

• زمان برای تمرین! Time to Practice!

HTMX پیشرفته: فراتر از اصول Advanced HTMX: Beyond The Basics

• معرفی ماژول Module Introduction

• شروع پروژه Starting Project

• ارسال درخواست های DELETE Sending DELETE Requests

• اجتناب از مشکلات همگام سازی سرویس گیرنده-سرور Avoiding Client-Server Sync Issues

• وراثت HTMX HTMX Inheritance

• استفاده مجدد از قطعات HTML Reusing HTML Fragments

• هدف گیری پیشرفته با hx-target Advanced Targeting with hx-target

• درخواست تایید با hx-confirm Requesting Confirmation with hx-confirm

• گوش دادن به رویدادها با hx-on Listening to Events with hx-on

• مدیریت رویدادها با hx-on Handling Events with hx-on

• کار با رویدادهای خاص HTMX Working with HTMX-specific Events

• غیرفعال کردن عناصر در هنگام درخواست Disabling Elements During Requests

• به بعد به یک پروژه جدید و ارسال یک درخواست پست بدون فرم Onwards To A New Project & Sending A POST Request Without A Form

• اضافه کردن مقادیر درخواستی اضافی Adding Extra Request Values

• برگرداندن یک قطعه لیست در پاسخ Returning a List Fragment in the Response

• تنظیم ویژگی های HTMX به صورت پویا (روی سرور) Setting HTMX Attributes Dynamically (On The Server)

• تنظیم پویا ویژگی های HTMX (در مشتری) Setting HTMX Attributes Dynamically (On The Client)

• اجرای خارج از باند تعویض Performing Out Of Band Swaps

• خارج از باند تعویض و حذف درخواست Out Of Band Swaps & Delete Requests

• پیکربندی تعویض پیشرفته: پیمایش محتوا در نمای Advanced Swapping Configuration: Scrolling Content Into View

• افزودن فایل‌ها و کدهای جاوا اسکریپت مجزا Adding Separate JavaScript Files & Code

• به روز رسانی رابط کاربری بدون HTMX (با کد جاوا اسکریپت سفارشی) Updating The UI Without HTMX (With Custom JavaScript Code)

• استفاده از داده های عنصر HTML با کمک HTMX Using HTML Element Data With Help Of HTMX

• مدیریت رویدادهای پیش فرض با جاوا اسکریپت Handling Default Events With JavaScript

• مکث و از سرگیری درخواست های HTMX Pausing & Resuming HTMX Requests

• آماده سازی پروژه برای مراحل بعدی Preparing The Project For The Next Steps

• بازبینی درخواست‌های HTMX و رسیدگی به رویداد Revisiting HTMX Requests & Event Handling

• اجرای نظرسنجی Implementing Polling

• پیکربندی HTMX در سطح جهانی Configuring HTMX Globally

• کار با برنامه های افزودنی HTMX Working with HTMX Extensions

کار با درخواست ها و پاسخ های HTMX - مفاهیم پیشرفته Working with HTMX Requests & Responses - Advanced Concepts

• معرفی ماژول Module Introduction

• شروع پروژه Starting Project

• گاهی اوقات، HTMX داده های مورد نیاز ما را ارسال نمی کند Sometimes, HTMX Doesn't Submit The Data We Need

• کنترل داده های پیوست شده به درخواست خروجی با hx-params Controlling Attached Data to Outgoing Request with hx-params

• اضافه کردن هدر به درخواست های خروجی Adding Headers to Outgoing Requests

• پیاده سازی اعتبار سنجی فرم با HTMX Implementing Form Validation With HTMX

• همگام سازی چندین درخواست Synchronizing Multiple Requests

• راه اندازی "تغییر مسیرهای واقعی" Triggering "Real Redirects"

• پاسخ‌های هدف‌گیری مجدد و پیکربندی مجدد مدیریت پاسخ Retargeting Responses & Reconfiguring Response Handling

• رسیدگی به موارد چند پاسخ با یک پسوند ویژه Handling Multi-Response Cases With A Special Extension

ساخت اپلیکیشن های تک صفحه ای (SPA) با HTMX Building Single-Page-Applications (SPAs) With HTMX

• معرفی ماژول Module Introduction

• از اپلیکیشن چند صفحه ای (MPA) تا اپلیکیشن تک صفحه ای (SPA) From Multi-Page Application (MPA) to Single-Page-Application (SPA)

• استفاده از ویژگی های HTMX برای واکشی و رندر کردن کل صفحات Using HTMX Attributes To Fetch & Render Entire Pages

• به روز رسانی URL و ذخیره وضعیت صفحه قبلی Updating the URL & Saving Previous Page State

• باز کردن قفل بهبود خودکار و پیشرونده با hx-boost Unlocking Automatic & Progressive Enhancement with hx-boost

• تقویت فرم ها و درخواست های ارسال Boosting Forms & Post Requests

• خلاصه Summary

جمع بندی Roundup

• خلاصه دوره Course Roundup