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

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX