HTMX Crash Course - Creating Dynamic Pages Without JavaScript
Offered By: Traversy Media via YouTube
Course Description
Overview
Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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
Make a Bill Splitter App with AngularJSCoursera Project Network via Coursera Learn HTML
Codecademy Learn HTML: Forms
Codecademy Advanced jQuery Techniques and Interactivity
Packt via Coursera Building Forms with React and Formik
egghead.io