HTMX for Spring Boot: Thymeleaf developer - Spring Boot Tutorial

Contents

• Introduction Introduction

  • HTMX for Spring Boot: Thymeleaf developer

    49s
  • What you should know

    1m 26s
• 1. Getting Started with HTMX 1. Getting Started with HTMX

  • Analyze why and when to use and not use HTMX

    5m 11s
  • Benefits of using HTMX with Thymeleaf and Spring Boot

    3m 47s
  • HTMX resources (htmx.org, Twitter, GitHub)

    6m 25s
  • Project overview

    4m 41s
• 2. Install and Leverage HTMX in Spring Boot 2. Install and Leverage HTMX in Spring Boot

  • (Locked)
    Install and set up HTMX in a Thymeleaf Spring Boot project

    5m 8s
  • (Locked)
    Integrate and use the HTMX & Thymeleaf IntelliJ plugin

    3m 59s
  • (Locked)
    Understand the basics of HTMX without JSON data

    4m 4s
  • (Locked)
    Transform your MPA into a SPA with HTMX

    5m 17s
  • (Locked)
    Implement HTMX with Thymeleaf: hx-get and hx-target

    8m 38s
  • (Locked)
    Understand basic natural events and triggers on elements

    3m 46s
  • (Locked)
    Leverage HTMX trigger modifiers: keyup, changed, and timing

    9m 49s
  • (Locked)
    Use hx-trigger in request headers for triggering a load

    9m 24s
• 3. Mastering HTMX Swapping and Progressive Enhancement 3. Mastering HTMX Swapping and Progressive Enhancement

  • (Locked)
    Learn to use HTMX swapping

    5m 11s
  • (Locked)
    Differentiate between inner and outerHTML swapping

    10m 51s
  • (Locked)
    Decide when to use hx-swap: afterbegin and beforebegin

    8m 11s
  • (Locked)
    Implement hx-on functionality to listen for hx-swap events

    9m 24s
  • (Locked)
    hx-swap: beforeend, afterend, and deleting elements

    5m 11s
  • (Locked)
    Implement hx-swap and use view transition API

    13m
  • (Locked)
    Learn to use hx-swap scrolling modifiers

    7m 6s
  • (Locked)
    Understand HTTP verbs with hypermedia

    6m 18s
  • (Locked)
    Demonstrate hx-post and hx-delete with Spring Security

    11m 12s
  • (Locked)
    Demonstrate hx-patch and hx-put with Spring Security

    9m 56s
• 4. Optimizing HTMX with Advanced Response Handling and Spring Boot Integration 4. Optimizing HTMX with Advanced Response Handling and Spring Boot Integration

  • (Locked)
    Control visibility using HTMX request headers

    9m 32s
  • (Locked)
    Browser influence with HTMX response headers with HX-Trigger

    11m 47s
  • (Locked)
    Set HX-Retarget using HttpServletResponse

    9m 56s
  • (Locked)
    Use HX-Reselect and HX-Reswap with HttpServletResponse

    21m 41s
  • (Locked)
    Integrate and use the htmx-spring-boot library

    8m 50s
  • (Locked)
    Method invocation filtering with HxRequest annotation

    9m 41s
  • (Locked)
    Thymeleaf convenience processors for HTMX integrations

    6m 51s
  • (Locked)
    Use HTMX response headers to set HTMX response headers

    14m 30s
  • (Locked)
    Response header annotations

    8m 21s
• 5. Enhance Interactivity with Out-of-Band Swaps and Advanced HTMX Techniques 5. Enhance Interactivity with Out-of-Band Swaps and Advanced HTMX Techniques

  • (Locked)
    Update other content simultaneously

    5m 7s
  • (Locked)
    Understand OOB swaps and locality of behavior

    12m 26s
  • (Locked)
    Implement OOB swaps on student with animation

    17m 2s
  • (Locked)
    Implement OOB swaps on student with edit of row

    8m 58s
  • (Locked)
    Implement OOB swaps with Spring Boot 3.4.0

    8m 37s
  • (Locked)
    Changes with Spring Boot and htmx-spring-boot-thymeleaf

    10m 15s
  • (Locked)
    OOB swaps with row deletion using Spring Boot 3.4.0

    15m 33s
  • (Locked)
    Trigger events and elements listening

    15m 39s
  • (Locked)
    Implement OOB swap and OOB selects together using Thymeleaf

    11m 38s
• 6. Advanced Client-Side Techniques and Enhancements with HTMX 6. Advanced Client-Side Techniques and Enhancements with HTMX

  • (Locked)
    Demonstrate using hx-indicator to track progress

    8m 18s
  • (Locked)
    Turn on debugging for HTMX events

    8m 52s
  • (Locked)
    Customize the HTMX UI confirmations

    7m 21s
  • (Locked)
    Integrate HTMX with Bootstrap modal

    13m 2s
  • (Locked)
    Implement infinite scroll

    20m 42s
  • (Locked)
    Implement active search

    14m 34s
  • (Locked)
    Implement drag and drop with Sortable.js

    28m 7s
• 7. Real-Time Communication with HTMX: WebSockets and Server-Sent Events 7. Real-Time Communication with HTMX: WebSockets and Server-Sent Events

  • (Locked)
    Explore HTMX extensions and available options

    15m 50s
  • (Locked)
    Review of WebSockets and server-sent events

    4m 53s
  • (Locked)
    Enable WebSocket extension with a chat feature

    29m 51s
• Conclusion Conclusion

  • (Locked)
    HTMX with Spring Boot and Thymeleaf: Next steps

    1m 6s