HTMX Crash Course | Dynamic Pages With No JavaScript

Uploaded By: Myvideo

Published on

1 Jan 2024

1 view

0

0 votes

0

About Share Download Add to

Learn HTMX by creating a couple of small projects with a and Express backend, including a contacts search, temperature converter, mock weather app with polling and form validation component. We will learn about the common HTMX attributes like hx-get, hx-post, hx-swap, etc. Final Code: Check out my courses: Social Media: Github - Twitter - Instagram - Facebook - Linkedin - Timestamps: 0:00 - Intro 3:42 - Server Setup 9:23 - Simple request with hx-get & hx-trigger 11:12 - hx-swap 11:58 - Route to get a list of users 16:04 - hx-target 17:00 - hx-confirm 17:30 - Get users from jsonplaceholder 18:40 - hx-indicator 21:06 - hx-vals 23:27 - Temperature converter with hx-post 29:44 - Polling 33:23 - Mock weather app with polling 36:44 - Contacts search widget 39:50 - Backend route for search 47:08 - Inline form validation 50:12 - Backend route for validation 56:01 - Wrap up

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/aFlMcFJFeXhEL1pmZ3FmWDArYUw1c3g5MkdXVExzelRsSXBxbUVwVWtRVT0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

Build an SPA with HTMX #7 - Making a Loader with hx-indicator

4 months ago

00:06:44

Build an SPA with HTMX #7 - Making a Loader with hx-indicator

4 40%

Build an SPA with HTMX #6 - Using hx-history-elt

4 months ago

00:03:37

Build an SPA with HTMX #6 - Using hx-history-elt

11 33%

Build an SPA with HTMX #5 - Using hx-boost (for Forms)

4 months ago

00:09:20

Build an SPA with HTMX #5 - Using hx-boost (for Forms)

6 33%

Build an SPA with HTMX #4 - Using hx-boost for Links

4 months ago

00:04:35

Build an SPA with HTMX #4 - Using hx-boost for Links

15 78%

Build an SPA with HTMX #3 - Using hx-push-url

4 months ago

00:10:34

Build an SPA with HTMX #3 - Using hx-push-url

9 54%

Build an SPA with HTMX #2 - Showing Initial Data

4 months ago

00:06:16

Build an SPA with HTMX #2 - Showing Initial Data

3 33%

Build an SPA with HTMX #1 - Introduction & Setup

4 months ago

00:10:50

Build an SPA with HTMX #1 - Introduction & Setup

8 40%

HTMX Tutorial for Beginners #12 - Search & Trigger Modifiers

5 months ago

00:10:54

HTMX Tutorial for Beginners #12 - Search & Trigger Modifiers

3 18%

HTMX Tutorial for Beginners #11 - PUT Requests

5 months ago

00:05:57

HTMX Tutorial for Beginners #11 - PUT Requests

4 50%

HTMX Tutorial for Beginners #10 - Swapping Content (more practise)

5 months ago

00:08:57

HTMX Tutorial for Beginners #10 - Swapping Content (more practise)

10 43%

HTMX Tutorial for Beginners #9 - Default & Custom Triggers

5 months ago

00:05:01

HTMX Tutorial for Beginners #9 - Default & Custom Triggers

6 18%

HTMX Tutorial for Beginners #8 - Delete Requests

5 months ago

00:06:59

HTMX Tutorial for Beginners #8 - Delete Requests

2 48%

HTMX Tutorial for Beginners #7 - Events & hx-on

5 months ago

00:04:34

HTMX Tutorial for Beginners #7 - Events & hx-on

7 82%

HTMX Tutorial for Beginners #6 - Adding Redirects

5 months ago

00:04:53

HTMX Tutorial for Beginners #6 - Adding Redirects

2 15%

HTMX Tutorial for Beginners #5 - POST Requests

5 months ago

00:08:59

HTMX Tutorial for Beginners #5 - POST Requests

6 30%

HTMX Tutorial for Beginners #4 - Using hx-swap & hx-target

5 months ago

00:06:12

HTMX Tutorial for Beginners #4 - Using hx-swap & hx-target

27 65%

HTMX Tutorial for Beginners #3 - GET Requests (hx-get)

5 months ago

00:11:44

HTMX Tutorial for Beginners #3 - GET Requests (hx-get)

4 61%

HTMX Tutorial for Beginners #2 - Starter Project Setup

5 months ago

00:11:03

HTMX Tutorial for Beginners #2 - Starter Project Setup

8 6%

HTMX Tutorial for Beginners #1 - What is HTMX

5 months ago

00:07:20

HTMX Tutorial for Beginners #1 - What is HTMX

12 84%

HTMX Crash Course | Dynamic Pages Without Writing Any JavaScript

11 months ago

00:56:46

HTMX Crash Course | Dynamic Pages Without Writing Any JavaScript

176 42%

HTMX Crash Course | Dynamic Pages With No JavaScript

11 months ago

00:56:47

HTMX Crash Course | Dynamic Pages With No JavaScript

1 46%

0 Comments

Guest