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

Make a Bill Splitter App with AngularJS
Coursera 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