The Complete HTMX Course: Zero to Pro with HTMX

Focused View

Fikayo Adepoju

4:42:23

38 View

1. Introduction

1. Introduction.mp4

03:35

2. Getting Started

1. HTMX vs Single Page Application Frameworks (Reactjs, Vuejs, Angular etc).mp4

17:45

2. When to Use HTMX.mp4

09:51

3. What are Hypermedia APIs.mp4

08:27

4. HTMX Resources.mp4

09:12

5. Hello World in HTMX.mp4

13:00

3. HTTP and Forms

1. Making HTTP Requests.mp4

11:23

2. Using Request Triggers.mp4

06:53

3. Trigger Modifiers.mp4

10:48

4. Trigger Filters.mp4

04:42

5. Using Special Events.mp4

16:35

6. Polling Content.mp4

16:35

7. Adding Progress Indicators.mp4

06:53

8. Sending Data in Requests.mp4

16:48

9. Using a Confirm Dialog.mp4

03:19

10. Uploading Files.mp4

06:47

11. Handling Race conditions and Ordering Requests with Synchronization.mp4

08:45

12. Cancelling Requests.mp4

03:04

4. Loading Content

1. Targeting Content Destination.mp4

04:09

2. Content Swapping.mp4

04:36

3. Using Different Content Swap Styles.mp4

06:58

4. Out of Bound Swaps.mp4

06:05

5. Loading a Subset of your Response.mp4

04:47

6. Animating Content.mp4

07:58

5. Working with Events

1. Hooking into the Page Load Event.mp4

08:32

2. Performing Actions Before and After a Swap.mp4

03:45

3. HTMX Request Events.mp4

03:18

4. Handling Request Failure with Events.mp4

03:35

5. Using Request Interceptors.mp4

05:20

6. Logging Page Activities.mp4

03:58

7. All HTMX Events.mp4

01:46

6. Working with WebSockets

1. Building a Simple WebSocket Server.mp4

04:50

2. Connecting to the WebSocket Server.mp4

03:37

3. Sending Data to the WebSocket Server.mp4

06:21

4. Receiving Data from the WebSocket Server.mp4

04:15

5. Sending Messages Continously over a WebSocket Connection.mp4

03:57

7. HTMX and the Browser

1. Working with the Browser History.mp4

03:10

2. Caching HTTP Responses.mp4

04:55

3. HTMX Security Tools.mp4

09:46

4. HTMX Configuration Options.mp4

02:23

Description

Build Hypermedia-Driven Apps

What You'll Learn?

Overview of HTMX, its comparison to traditional JavaScript frameworks, and initial setup.
Exploring AJAX requests, HTMX form submissions, handling server response rendering, and file uploads.
Grasping the HTMX event lifecycle, custom behaviors, and reactive programming.
Techniques for updating webpage sections, including out-of-bound swaps and animation.
Introduction to WebSockets and integrating them with HTMX for real-time updates.

Who is this for?

Web developers and enthusiasts looking to explore the power of HTMX

Those wanting to build reactive web applications without heavy JavaScript frameworks

Anyone eager to stay updated with modern web development techniques.

What You Need to Know?

Basic knowledge of HTMX, CSS and Javascript

Basic knowledge of HTTP APIs

More details

Description
Dive deep into the world of HTMX with this comprehensive and hands-on course! HTMX allows you to access modern AJAX, CSS Transitions, WebSockets, and Server-Sent Events directly in HTML, simplifying how you build modern web applications. By the end of this course, you'll have a solid understanding of HTMX's capabilities. You will be equipped to create dynamic, fast, and reactive web applications without the complexities of traditional JavaScript frameworks.

Who is this course for?
Web developers and enthusiasts looking to explore the power of HTMX
Those wanting to build reactive web applications without heavy JavaScript frameworks and
Anyone eager to stay updated with modern web development techniques.
This course includes:
Getting Started: Overview of HTMX, its comparison to traditional JavaScript frameworks, and initial setup.
Web Servers and Forms: Exploring AJAX requests, HTMX form submissions, handling server response rendering, and file uploads.
HTMX Events: Grasping the HTMX event lifecycle, custom behaviors, and reactive programming.
Dynamic Content Loading: Techniques for updating webpage sections, including out-of-bound swaps and animation.
WebSockets: Introduction to WebSockets and integrating them with HTMX for real-time updates.
And many more amazing HTMX topics

Also, this course will be constantly updated to keep checking back for more exciting chapters.

Join me on this exciting journey and master HTMX, transforming the way you approach web development!
Who this course is for:
Web developers and enthusiasts looking to explore the power of HTMX
Those wanting to build reactive web applications without heavy JavaScript frameworks
Anyone eager to stay updated with modern web development techniques.

User Reviews

Rating

average 0

Total votes0

Focused display

Fikayo Adepoju is a Full-stack developer, technical writer and tech content creator proficient in Web and Mobile technologies and DevOps with over 10years experience developing scalable distributed applications. With over 40 articles written for Twilio, CircleCI, Auth0 and The New Stack blogs and also on his personal medium page, Fikayo loves to share his knowledge to as many developers as would benefit from it.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.