Free views, likes and subscribers at YouTube. Now!
Get Free YouTube Subscribers, Views and Likes

HTMX Crash Course | Dynamic Pages Without Writing Any JavaScript

Follow
Traversy Media

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

posted by citystyleeevq