تخفیف ویژه همین الان — دوره‌های تخفیف‌دار را ببینید.
روز
:
ساعت
:
دقیقه
:
ثانیه
تخفیف‌های ویژه
دوره آموزشی استفاده از HTMX همراه با Thymeleaf در فریم‌ورک Spring Boot

دوره آموزشی استفاده از HTMX همراه با Thymeleaf در فریم‌ورک Spring Boot

8 ساعت 38 دقیقهمتوسط2025-04-15

مدرسین

Michael D. Rodgers, Jr

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 برای ارتقاء عملکرد و قابلیت‌های برنامه رو به دست بیاری.

مهارت ها

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 با چکمه فنری و آویشن - مراحل بعدی

دوره های مرتبط

درباره ما

لینداکده یک بستر یادگیری پیشرو است که به افراد کمک می کند تا کسب و کار ، نرم افزار ، فناوری و مهارت‌های خلاقانه را برای دستیابی به اهداف شخصی و حرفه ای بیاموزد.

شماره تلفنکانال آپاراتپشتیبانی تلگرامکانال تلگرامپیج اینستاگرام

کلیه‌ی حقوق این سایت متعلق به لینداکده می باشد

قوانین و شرایط|حریم خصوصی

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal