Build a Simple HTMX Project | HTMX Explained with Examples

Dave Gray February 20, 2024
Video Thumbnail

About

Web Development tutorials with full courses on HTML, CSS, JavaScript, React, Node.js and more! My goal is to help you learn how to build the web. Teaching helps me learn, too. I work full-time as a Solutions Architect / Developer and part-time as a university web dev instructor. Thank you for subscribing, supporting my channel and sharing the videos you think may help others. Keep striving for progress over perfection. And a little progress every day goes a very long way. Milestones: July 20, 2020 - 1st video Jan 1, 2021 - 1k subs April 2021 - 4k watch hours Nov 2021 - 10k subs Jan 21, 2022 - Video at 100k views Feb 16, 2022 - 100k watch hours Feb 19, 2022 - 1m views Dec 13, 2022 - 100k subs Dec 2022 - Over 1m views in 1 month April 7, 2023 - 10m views May 26, 2023 - 1m watch hours Sept 22, 2023 - Video at 1m views Dec 25, 2023 - 250k subs

Video Description

Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap Build a simple HTMX Project in this tutorial. HTMX explained with examples is the fastest way to learn how it works. We will look at a simple CRUD app and review how HTMX works. 💖 Support me on Patreon ➜ https://patreon.com/davegray ⭐ Become a full-stack web dev with Zero To Mastery Courses: - The Complete Web Developer: https://bit.ly/WebDevMaster - The Complete Web Designer: https://bit.ly/CompWebDesign - Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr 🚩 Subscribe ➜ https://bit.ly/3nGHmNn 📬 Course Updates ➜ https://courses.davegray.codes/ 🚀 Discord ➜ https://discord.gg/neKghyefqh ☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray 👇 Follow Me On Social Media: GitHub: https://github.com/gitdagray X: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ Blog: https://www.davegray.codes/ 🔗 Source Code: https://github.com/gitdagray/simple-htmx-project Build a Simple HTMX Project | HTMX Explained with Examples (00:00) Intro (00:05) Welcome (00:27) HTMX is not HTML (01:05) Installing HTMX (01:31) Reviewing the HTMX web page (05:38) Server Delivering HTML to HTMX (08:01) Hono Server (08:44) My Thoughts on HTMX (09:29) Running the Project 📚 Tutorial References: 🔗 HTMX: https://htmx.org/ 🔗 Hono: https://hono.dev/ 👀 Visual Studio Code: https://code.visualstudio.com/ Was this Simple HTMX Project tutorial helpful? If so, please share. Let me know your thoughts in the comments. #htmx #project #simple

You May Also Like

DIY Phone Stand Essentials

AI-recommended products based on this video

Loading...
Lamicall Adjustable Phone Stand for Desk - 360 Rotating Foldable Cell Phone Holder Desktop Portable Cellphone Stand, Office Desk Accessories for iPhone 17 16 15 14 Pro Max, 4-10”Smartphones, iPad Mini Global Recycled Standard

Lamicall Adjustable Phone Stand for Desk - 360 Rotating Foldable Cell Phone Holder Desktop Portable Cellphone Stand, Office Desk Accessories for iPhone 17 16 15 14 Pro Max, 4-10”Smartphones, iPad Mini Global Recycled Standard

(1,781)
$13.99
FREE delivery Sat, Apr 11 on your first order
300+ bought in past month
Loading...
MRGLAS 2025 Upgraded Magsafe Car Mount Vacuum Suction Magnetic Phone Holder Car, 360° Foldable Adjustable Suction Cup Phone Stand [89+LBS Suction & 2800gf Magnetic] for Car Accessories iPhone17/16

MRGLAS 2025 Upgraded Magsafe Car Mount Vacuum Suction Magnetic Phone Holder Car, 360° Foldable Adjustable Suction Cup Phone Stand [89+LBS Suction & 2800gf Magnetic] for Car Accessories iPhone17/16

(1,124)
$27.19
1K+ bought in past month
Loading...
Tongate Magnetic for Samsung Galaxy S25 Ultra Case with Privacy Screen Protector, [Compatible with MagSafe][Camera Protective Cover][Military-Grade Protection] Ring Stand Phone Case S25 Ultra, Black

Tongate Magnetic for Samsung Galaxy S25 Ultra Case with Privacy Screen Protector, [Compatible with MagSafe][Camera Protective Cover][Military-Grade Protection] Ring Stand Phone Case S25 Ultra, Black

(1,284)
$39.99
PrimeFREE delivery Sat, Jun 14
200+ bought in past month
Loading...
Furiet Argyle Wallet Case for Samsung Galaxy S24 Plus/S25 Plus S24+ S25+ 5G Wrist Strap Shoulder Strap, Card Slots Zipper Purse Stand Phone Cover for S24Plus 24S + S 24 24+ S25Plus 25S 25+ White

Furiet Argyle Wallet Case for Samsung Galaxy S24 Plus/S25 Plus S24+ S25+ 5G Wrist Strap Shoulder Strap, Card Slots Zipper Purse Stand Phone Cover for S24Plus 24S + S 24 24+ S25Plus 25S 25+ White

(8)
$95.53$95.03
FREE delivery Jun 13 - 18
Loading...
LK 3 Pack Screen Protector Compatible for iPhone 11 and iPhone XR Tempered Glass Global Recycled Standard

LK 3 Pack Screen Protector Compatible for iPhone 11 and iPhone XR Tempered Glass Global Recycled Standard

(65,893)
$8.48
FREE delivery Sat, Sep 20 on your first order
1K+ bought in past month
Loading...
NEW'C 3 Pack Designed for iPhone 11 and iPhone XR (6.1") Screen Protector Tempered Glass,Case Friendly Scratch-proof, Bubble Free, Ultra Resistant Global Recycled Standard ClimatePartner certified

NEW'C 3 Pack Designed for iPhone 11 and iPhone XR (6.1") Screen Protector Tempered Glass,Case Friendly Scratch-proof, Bubble Free, Ultra Resistant Global Recycled Standard ClimatePartner certified

(240,116)
$8.99
FREE delivery Sat, Sep 20 on your first order
1K+ bought in past month
Loading...
2 Pack Magnetic Wireless Charger 15W Fast Mag-Safe Charger Stand Compatible with iPhone 16/15/14/13/12 Series Wireless Charging Pad for AirPods 3/2/Pro 2/Pro White Portable Mag Safe Kickstand

2 Pack Magnetic Wireless Charger 15W Fast Mag-Safe Charger Stand Compatible with iPhone 16/15/14/13/12 Series Wireless Charging Pad for AirPods 3/2/Pro 2/Pro White Portable Mag Safe Kickstand

(31)
$24.69
FREE delivery Sat, Jun 14 on your first order
500+ bought in past month
Loading...
Magnetic Wireless Charger for iPhone: Fodable 3 in 1 Charging Station for Multiple Apple Devices - Travel Charging Pad Dock for Apple Watch iPhone 16 15 14 13 12 Pro Max Plus & Airpod Global Recycled Standard

Magnetic Wireless Charger for iPhone: Fodable 3 in 1 Charging Station for Multiple Apple Devices - Travel Charging Pad Dock for Apple Watch iPhone 16 15 14 13 12 Pro Max Plus & Airpod Global Recycled Standard

(656)
$49.99
PrimeFREE delivery Sat, Jun 14
100+ bought in past month
Loading...
Wireless Earbuds, 2025 Bluetooth 5.4 Bass Stereo Headphones with 4 ENC Mic, 48H Playback Ear Buds with Charging Case LED Display,Sport Earphones IPX7 Waterproof for Phone, Android, Pad, White

Wireless Earbuds, 2025 Bluetooth 5.4 Bass Stereo Headphones with 4 ENC Mic, 48H Playback Ear Buds with Charging Case LED Display,Sport Earphones IPX7 Waterproof for Phone, Android, Pad, White

(38)
$27.99
Prime
Loading...
Little Ouchies Pain Fidget (4PCS), Pain Stim Fidget Toy for Adults & Teens, 3D Printed Spiky Grippie Stim Keychain, Sensory Toy for Stress Relief & Focus, Office Workers Novelty Gifts for Men (Laser)

Little Ouchies Pain Fidget (4PCS), Pain Stim Fidget Toy for Adults & Teens, 3D Printed Spiky Grippie Stim Keychain, Sensory Toy for Stress Relief & Focus, Office Workers Novelty Gifts for Men (Laser)

(38)
$17.99
FREE delivery Wed, Aug 20 on your first order
200+ bought in past month
Loading...
VANMASS [85+LBS Strongest Suction & Clip] 2025 Upgrade Car Phone Holder [Patent & Safety Certs] Cell Phone Mount Truck Stand for Dashboard Windshield Vent for iPhone 16 Pro Max 15 14 13 12 Samsung

VANMASS [85+LBS Strongest Suction & Clip] 2025 Upgrade Car Phone Holder [Patent & Safety Certs] Cell Phone Mount Truck Stand for Dashboard Windshield Vent for iPhone 16 Pro Max 15 14 13 12 Samsung

(54,882)
$32.25
FREE delivery Mon, Aug 25 on your first order
1K+ bought in past month
Loading...
PlusAcc Vacuum Magnetic Car Phone Holder - Suction Cup Phone Mount 360° Rotatable Foldable Portable Strong Magnet Stand for iPhone 16/15/14/13 & Samsung in Gym, Mirror,Smooth Surface, All Vehicles

PlusAcc Vacuum Magnetic Car Phone Holder - Suction Cup Phone Mount 360° Rotatable Foldable Portable Strong Magnet Stand for iPhone 16/15/14/13 & Samsung in Gym, Mirror,Smooth Surface, All Vehicles

(966)
$32.99
FREE delivery Sat, Sep 20 on your first order
500+ bought in past month
Loading...
MRGLAS 2025 Upgraded Magsafe Car Mount Vacuum Suction Magnetic Phone Holder Car, 360° Foldable Adjustable Suction Cup Phone Stand [89+LBS Suction & 2800gf Magnetic] for Car Accessories iPhone17/16

MRGLAS 2025 Upgraded Magsafe Car Mount Vacuum Suction Magnetic Phone Holder Car, 360° Foldable Adjustable Suction Cup Phone Stand [89+LBS Suction & 2800gf Magnetic] for Car Accessories iPhone17/16

(1,124)
$27.19
1K+ bought in past month
Loading...
Magnetic Car Mount Air Vent Cell Phone Holder, Universal Vehicle Dash Dashboard Ac Airvent Cellphone Magic Stand with Clip Hook, for iPhone 16 15 Samsung Lenovo Google etc

Magnetic Car Mount Air Vent Cell Phone Holder, Universal Vehicle Dash Dashboard Ac Airvent Cellphone Magic Stand with Clip Hook, for iPhone 16 15 Samsung Lenovo Google etc

(128)
$21.99
FREE delivery Tue, Jun 17 on your first order