Learn HTMX by creating a couple of small projects with a Node.js and Express backend, including a contacts search, temperature converter, mock weather app with polling and form validation component. We will learn about the common HTMX attributes like hxget, hxpost, hxswap, etc.
Final Code:
https://github.com/bradtraversy/htmx...
Alpine Crash Course:
• Alpine.js Crash Course
Check out my courses:
https://traversymedia.com
Social Media:
Github https://github.com/bradtraversy
Twitter / traversymedia
Instagram / traversymedia
Facebook / traversymedia
Linkedin / bradtraversy
Timestamps:
0:00 Intro
3:42 Node.js/Express Server Setup
9:23 Simple request with hxget & hxtrigger
11:12 hxswap
11:58 Route to get a list of users
16:04 hxtarget
17:00 hxconfirm
17:30 Get users from jsonplaceholder
18:40 hxindicator
21:06 hxvals
23:27 Temperature converter with hxpost
29:44 Polling
33:23 Mock weather app with polling
36:44 Contacts search widget
39:50 Backend route for search
47:08 Inline form validation
50:12 Backend route for validation
56:01 Wrap up