YoVDO

HTMX Crash Course - Creating Dynamic Pages Without JavaScript

Offered By: Traversy Media via YouTube

Tags

Javascript Courses Web Development Courses Node.Js Courses Form Validation Courses User Interface Design Courses Server-side Programming Courses htmx Courses

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

Full-Stack Development Is Dead, Long Live Full-Stack Development!
Devoxx via YouTube
ChatGPT with HTMX, MongoDB, and Tailwind
echohive via YouTube
Leveraging the Power of Django REST Framework's Renderers with HTMX
EuroPython Conference via YouTube
Web Development With A Python-backed Frontend - Featuring HTMX and Tailwind
PyCon US via YouTube
Rapid Server Side Full Stack Web Development with ViewComponents and HTMX
Spring I/O via YouTube