آموزش ضروری HTMX

مقدمه Introduction

• آنچه شما باید بدانید What you should know

• توسعه وب پویا با HTMX Dynamic web development with HTMX

1. اصول HTMX 1. HTMX Fundamentals

• ارسال درخواست های GET Sending GET requests

• تعویض عناصر با hx-swap Swapping elements with hx-swap

• HTMX چیست؟ What is HTMX?

2. انتخاب عناصر 2. Selecting Elements

• استفاده از hx-trigger Using hx-trigger

• چالش: انتخاب عناصر HTML Challenge: Selecting HTML elements

• ارسال درخواست های POST Sending POST requests

• ایجاد یک وب سرور Creating a webserver

• راه حل: انتخاب عناصر HTML Solution: Selecting HTML elements

• پردازش داده های پاسخ JSON Processing JSON response data

3. رسیدگی به رویدادها 3. Handling Events

• ایجاد نشانگر بارگذاری Creating a loading indicator

• نمایش محتوای تودرتو Displaying nested content

• ترکیب روش ها Combining methods

• کار با رویدادهای HTMX Working with HTMX events

• ترکیب انیمیشن های سفارشی Incorporating custom animations

• نظرسنجی با HTMX Polling with HTMX

4. ویژگی های پیشرفته HTMX 4. Advanced HTMX Features

• ادغام با WebSocket Integrating with WebSocket

• مدیریت رویدادهای ارسال شده توسط سرور Handling server sent events

• ارسال پیام های سوکت وب Sending web socket messages

• چالش: مدیریت انتقال Challenge: Handling transitions

• راه حل: مدیریت انتقال Solution: Handling transitions

نتیجه گیری Conclusion

• ساخت اپلیکیشن های فرامتن در مقیاس Building hypertext applications at scale