HTMX Crash Course - Creating Dynamic Pages Without JavaScript
Offered By: Traversy Media via YouTube
Course Description
Overview
Dive into a comprehensive video tutorial on HTMX, creating dynamic web pages without writing JavaScript. Build small projects with a Node.js and Express backend, including a contacts search, temperature converter, mock weather app with polling, and form validation component. Explore common HTMX attributes such as hx-get, hx-post, and hx-swap. Learn to set up a Node.js/Express server, handle simple requests, implement user lists, and utilize various HTMX features like hx-target, hx-confirm, and hx-indicator. Develop practical applications while mastering HTMX techniques for efficient, JavaScript-free dynamic web development.
Syllabus
- Intro
- Node.js/Express Server Setup
- Simple request with hx-get & hx-trigger
- hx-swap
- Route to get a list of users
- hx-target
- hx-confirm
- Get users from jsonplaceholder
- hx-indicator
- hx-vals
- Temperature converter with hx-post
- Polling
- Mock weather app with polling
- Contacts search widget
- Backend route for search
- Inline form validation
- Backend route for validation
- Wrap up
Taught by
Traversy Media
Related Courses
Intro to the Design of Everyday ThingsUdacity Android. Programación de Aplicaciones
Miríadax Programming Mobile Applications for Android Handheld Systems: Part 1
University of Maryland, College Park via Coursera Mobile and Ubiquitous Computing
Georgia Institute of Technology via Coursera Android: Introducción a la Programación
Universitat Politècnica de València via edX