دوره آموزشی استفاده از HTMX همراه با Thymeleaf در فریمورک Spring Boot
8 ساعت 38 دقیقهمتوسط2025-04-15
مدرسین

Michael D. Rodgers, Jr
Java Web Applications Engineer and Consultant
جزئیات دوره
اگه دوست داری اپلیکیشنهای وب داینامیک و جذاب بسازی، این دوره کامل و جامع بهترین راهنمای توئه برای یادگیری HTMX، Thymeleaf و Spring Boot. تو این دوره یاد میگیری چطور HTMX رو به راحتی تو پروژههای Spring Bootت ادغام کنی، قالبهای Thymeleaf رو بهتر کنی و درخواستهای AJAX رو سادهتر و کارآمدتر بسازی.
با یادگیری ترفندهای مختلف HTMX مثل تریگرها و مدیریت رویدادها، میتونی صفحات وب خیلی تعاملی و واکنشگرا بسازی که تجربه کاربری خیلی خوبی به بازدیدکنندهها میده. علاوه بر این، میفهمی چطوری با تغییر بخشهای مختلف DOM و استفاده از قابلیت «out-of-band swapping» عملکرد سایت رو بهینه کنی.
همچنین میتونی کنترل کامل روی دیده شدن یا رفتاری که عناصر صفحه دارن با استفاده از هدرهای درخواست و پاسخ HTMX داشته باشی و امنیت برنامهات رو با ادغام Spring Security تضمین کنی.
دوره بهت یاد میده چطور بهروزرسانیهای زنده و لحظهای با WebSocket و Server-Sent Events (SSE) تو اپلیکیشن Spring Bootت پیاده کنی و چطور با استفاده از اکستنشنهای قوی HTMX، قابلیتهای برنامهت رو افزایش بدی و عملکردش رو به سطح بالاتری برسونی.
اهداف یادگیری دوره (به زبان ساده و قابل فهم)
بفهمی HTMX چطور نسبت به روشهای دیگه تو ساخت اپلیکیشنهای وب داینامیک بهتر عمل میکنه و چطور قالبهای Thymeleaf و درخواستهای AJAX تو Spring Boot رو تقویت میکنه.
یاد بگیری چطور HTMX رو نصب کنی، تو پروژه Spring Bootت وارد کنی و با استفاده از تریگرها و مدیریت رویدادها صفحات تعاملی بسازی.
نحوه انجام عملیات swapping تو HTMX، دستکاری بخشهای مختلف DOM و استفاده از قابلیت out-of-band swapping رو یاد بگیری تا تجربه کاربری بهتری بسازی.
یاد بگیری چطور با هدرهای درخواست و پاسخ HTMX، کنترل روی نمایش و رفتار عناصر صفحه داشته باشی و HTMX رو با Spring Security تطبیق بدی.
نحوه توسعه و ادغام WebSocket و Server-Sent Events (SSE) برای بهروزرسانی زنده در اپلیکیشن Spring Boot رو یاد بگیری.
توانایی بررسی، دستهبندی و پیادهسازی اکستنشنهای قدرتمند HTMX برای ارتقاء عملکرد و قابلیتهای برنامه رو به دست بیاری.
با یادگیری ترفندهای مختلف HTMX مثل تریگرها و مدیریت رویدادها، میتونی صفحات وب خیلی تعاملی و واکنشگرا بسازی که تجربه کاربری خیلی خوبی به بازدیدکنندهها میده. علاوه بر این، میفهمی چطوری با تغییر بخشهای مختلف DOM و استفاده از قابلیت «out-of-band swapping» عملکرد سایت رو بهینه کنی.
همچنین میتونی کنترل کامل روی دیده شدن یا رفتاری که عناصر صفحه دارن با استفاده از هدرهای درخواست و پاسخ HTMX داشته باشی و امنیت برنامهات رو با ادغام Spring Security تضمین کنی.
دوره بهت یاد میده چطور بهروزرسانیهای زنده و لحظهای با WebSocket و Server-Sent Events (SSE) تو اپلیکیشن Spring Bootت پیاده کنی و چطور با استفاده از اکستنشنهای قوی HTMX، قابلیتهای برنامهت رو افزایش بدی و عملکردش رو به سطح بالاتری برسونی.
اهداف یادگیری دوره (به زبان ساده و قابل فهم)
بفهمی HTMX چطور نسبت به روشهای دیگه تو ساخت اپلیکیشنهای وب داینامیک بهتر عمل میکنه و چطور قالبهای Thymeleaf و درخواستهای AJAX تو Spring Boot رو تقویت میکنه.
یاد بگیری چطور HTMX رو نصب کنی، تو پروژه Spring Bootت وارد کنی و با استفاده از تریگرها و مدیریت رویدادها صفحات تعاملی بسازی.
نحوه انجام عملیات swapping تو HTMX، دستکاری بخشهای مختلف DOM و استفاده از قابلیت out-of-band swapping رو یاد بگیری تا تجربه کاربری بهتری بسازی.
یاد بگیری چطور با هدرهای درخواست و پاسخ HTMX، کنترل روی نمایش و رفتار عناصر صفحه داشته باشی و HTMX رو با Spring Security تطبیق بدی.
نحوه توسعه و ادغام WebSocket و Server-Sent Events (SSE) برای بهروزرسانی زنده در اپلیکیشن Spring Boot رو یاد بگیری.
توانایی بررسی، دستهبندی و پیادهسازی اکستنشنهای قدرتمند HTMX برای ارتقاء عملکرد و قابلیتهای برنامه رو به دست بیاری.
مهارت ها
Spring BootWeb Development ToolsWeb DevelopmentOpen SourceOne-Off
سرفصل ها
0. مقدمه
- 01 - HTMX for Spring Boot - توسعه دهنده Thymeleaf
- 02 - آنچه باید بدانید
1. شروع به کار با HTMX
- 03 - تجزیهوتحلیل چرا و زمان استفاده و عدم استفاده از HTMX
- 04 - مزایای استفاده از HTMX با Thymeleaf و Spring Boot
- 05 - منابع HTMX (htmx.org، Twitter، GitHub)
- 06 - نمای کلی پروژه
2. HTMX را در Spring Boot نصب و استفاده کنید
- 07 - HTMX را در پروژه Thymeleaf Spring Boot نصب و راهاندازی کنید
- 08 - پلاگین HTMX & Thymeleaf IntelliJ را ادغام و استفاده کنید
- 09 - اصول HTMX بدون دادههای JSON را درک کنید
- 10 - MPA خود را با HTMX به SPA تبدیل کنید
- 11 - HTMX را با Thymeleaf - hx-get و hx-target پیادهسازی کنید
- 12 - وقایع اولیه طبیعی و عوامل محرک را درک کنید
- 13 - از اصلاح کنندههای ماشه HTMX استفادهکنید - keyup، تغییر و زمان بندی
- 14 - از hx-trigger در هدر درخواست برای راهاندازی بار استفاده کنید
3. تسلط بر تعویض HTMX و ارتقاء پیشرونده
- 15 - استفاده از مبادله HTMX را یاد بگیرید
- 16 - بین مبادله HTML درونی و بیرونی تفاوت قائل شوید
- 17 - تصمیم بگیرید که چه زمانی از hx-swap - afterbegin و beforebegin استفاده کنید
- 18 - برای گوش دادن به رویدادهای hx-swap عملکرد hx-on را اجرا کنید
- 19 - hx-swap - قبل از پایان، پس از پایان، و حذف عناصر
- 20 - hx-swap را پیادهسازی کنید و از view transition API استفاده کنید
- 21 - استفاده از اصلاح کنندههای اسکرول hx-swap را یاد بگیرید
- 22 - افعال HTTP را با هایپر مدیا درک کنید
- 23 - hx-post و hx-delete را با Spring Security نشان دهید
- 24 - hx-patch و hx-put را با Spring Security نمایش دهید
4. بهینهسازی HTMX با مدیریت پاسخ پیشرفته و ادغام فنری بوت
- 25 - کنترل دید با استفاده از هدرهای درخواست HTMX
- 26 - تأثیر مرورگر با هدرهای پاسخ HTMX با HX-Trigger
- 27 - HX-Retarget را با استفاده از HttpServletResponse تنظیم کنید
- 28 - از HX-Reselect و HX-Reswap با HttpServletResponse استفاده کنید
- 29 - کتابخانه htmx-spring-boot را ادغام کرده و از آن استفاده کنید
- 30 - فیلتر فراخوانی روش با حاشیه نویسی HxRequest
- 31 - پردازندههای راحتی Thymeleaf برای ادغام HTMX
- 32 - از هدرهای پاسخ HTMX برای تنظیم هدرهای پاسخ HTMX استفاده کنید
- 33 - حاشیه نویسی سرصفحه پاسخ
5. افزایش تعامل با تعویض خارج از باند و تکنیکهای پیشرفته HTMX
- 34 - سایر مطالب را به طور همزمان به روز کنید
- 35 - تبادلات OOB و موقعیت رفتار را درک کنید
- 36 - تعویض OOB را روی دانش آموز با انیمیشن اجرا کنید
- 37 - تعویض OOB را روی دانش آموز با ویرایش ردیف اجرا کنید
- 38 - تعویض OOB را با Spring Boot 3.4.0 اجرا کنید
- 39 - تغییرات با Spring Boot و htmx-spring-boot-thymeleaf
- 40 - OOB با حذف ردیف با استفاده از Spring Boot 3.4.0 تعویض میشود
- 41 - رویدادها و عناصر گوش دادن را تحریک کنید
- 42 - تعویض OOB و OOB را با هم با استفاده از Thymeleaf انتخاب کنید
6. تکنیکها و پیشرفتهای پیشرفته سمت مشتری با HTMX
- 43 - با استفاده از hx-indicator برای ردیابی پیشرفت نشان دهید
- 44 - اشکال زدایی را برای رویدادهای HTMX روشن کنید
- 45 - تأییدیههای رابط کاربری HTMX را سفارشی کنید
- 46 - HTMX را با مدال بوت استرپ ادغام کنید
- 47 - اسکرول بی نهایت را پیادهسازی کنید
- 48 - جستجوی فعال را اجرا کنید
- 49 - کشیدن و رها کردن را با Sortable.js پیادهسازی کنید
7. ارتباط بلادرنگ با HTMX - سوکتهای وب و رویدادهای ارسال شده از سرور
- 50 - افزونههای HTMX و گزینههای موجود را کاوش کنید
- 51 - بررسی WebSockets و رویدادهای ارسال شده توسط سرور
- 52 - افزونه WebSocket را با قابلیت چت فعال کنید
نتیجه گیری
- 53 - HTMX با چکمه فنری و آویشن - مراحل بعدی
دوره های مرتبط
- دوره آموزشی یادگیری جامع Spring Boot 3
- دوره آموزشی توسعه مبتنی بر تست در Spring Boot با استفاده از JUnit و Mockito
- دوره آموزشی راهنمای جامع تست جاوا با JUnit 5 و Mockito
- دوره آموزشی اسپرینگ بر روی کوبرنتیس: استقرار و مدیریت برنامههای ابری بومی
- دوره آموزشی ایجاد میکروسرویس Spring Boot
- دوره آموزشی پیشرفته اسپرینگ: تست یکپارچهسازی موثر با اسپرینگ بوت
- دوره آموزشی فریم ورک جاوا: کوارکوس در مقابل اسپرینگ
- دوره آموزشی پیشرفته اسپرینگ: Spring Boot Actuator