Introduction to HTMX

Focused View

Harish Krishnan

6:52:11

22 View

1. Introduction

1. Introduction.mp4

03:07

2. What is HTMX.mp4

04:47

3.1 HTMX Installation.html

3.2 VS Code Download.html

3. Installation.mp4

06:19

2. Getting Started

1.1 Gist.html

1.2 Mock Server.html

1. First HTMX Experience.mp4

11:24

2. Different AJAX Requests using HTMX.mp4

05:33

3. Triggers.mp4

14:30

4. Basic Express Server.mp4

12:33

5. Long Polling.mp4

04:34

6.1 bars.zip

6. Request Indicators.mp4

11:13

7. Swapping Logic.mp4

05:12

8. Swap options.mp4

02:41

9. Synchronization.mp4

10:32

10. Confirming Requests.mp4

05:44

11. Boosting.mp4

03:53

12. Animation and View Transition.mp4

09:32

3. Project - Todo List App

1.1 GitHub Code.html

1. Project Setup.mp4

17:49

2. Background and Header.mp4

05:53

3. Todo Input Styling.mp4

12:37

4. New Todo Post Endpoint.mp4

05:27

5. Save Todo to LowDB.mp4

11:33

6. Loading Indicator.mp4

06:24

7. List Todos.mp4

06:36

8. List Todos 2.mp4

03:43

9. Marking Todo to done.mp4

07:24

10. Deleting a Todo.mp4

08:04

11. Show Edit Todo Form.mp4

09:38

12. Edit Todo.mp4

08:50

13. Show Filter Buttons.mp4

06:20

14. Show Selected Filter.mp4

07:19

15. Passing Selected Filters.mp4

13:27

16. Update to Filter Buttons.mp4

11:45

17. Showing Todo Count in Filter Buttons and No Todo View.mp4

08:10

18. Final Touches.mp4

03:27

4. Project - Mini Trello

1.1 GitHub Code.html

1. Project Setup.mp4

14:46

2. Header UI.mp4

04:34

3. Add Lists View.mp4

06:12

4. Create List Form.mp4

07:47

5. Toggle Between Add New List Form and Button.mp4

02:33

6. Creating New List.mp4

06:06

7. Displaying List UI.mp4

04:11

8. Show Edit List.mp4

05:43

9. Saving List Edits.mp4

04:56

10. Deleting a List.mp4

05:21

11. Show Add New Card.mp4

07:12

12. Toggle Card Form.mp4

07:55

13. Save Card.mp4

07:41

14. Deleting a Card.mp4

08:36

15. Updating a Card.mp4

10:32

16. Using Sortable JS to Sort.mp4

13:12

17. Save Sorted Lists.mp4

03:23

18. Save Sorted Cards.mp4

16:19

19. Bug Fix - Important.mp4

06:27

5. End of Course

1.1 Mini Trello App GitHub Source Code.html

1.2 Todo App GitHub Source Code.html

1. Closing Thoughts.mp4

02:45

2. Bonus Lecture.html

Description

Build a Todo App & Mini Trello using HTMX, Express and Tailwind

What You'll Learn?

Learn Basics of HTMX
Learn how to work with Express and HTMX
Learn about requests, indicators, animations and more
Use TailwindCSS with HTMX and develop two apps

Who is this for?

Developers

People interested in HTMX

What You Need to Know?

HTML

CSS

Basic NodeJS

More details

Description
Introduction to HTMX is a course that delves into the world of modern web development, focusing on the technology known as Hypertext Markup eXtensions (HTMX). This course is designed to equip you with the skills and knowledge needed to harness the power of HTMX in creating highly dynamic, interactive, and responsive web applications.
HTMX represents a paradigm shift in web development. It seamlessly blends HTML, CSS, and JavaScript, enabling you to build web applications that provide a fluid, app-like user experience without sacrificing the simplicity and familiarity of traditional web development. Throughout this course, you will dive deep into the intricacies of HTMX, learning how to leverage its capabilities to build responsive and feature-rich web applications.
The course curriculum is carefully structured to take you from the fundamentals of HTMX, introducing you to its core concepts and principles, to developing Todo & Mini Trello applications. You will learn how to use HTMX to create dynamic web interfaces that can seamlessly update content without full-page refreshes, resulting in faster and more engaging user experiences.
Additionally, you will gain hands-on experience working with HTMX in various scenarios, including form handling, and client-server communication.
This course is ideal for web developers, and anyone interested in pushing the boundaries of web development. By the end of the course, you will have a good understanding of HTMX and be well-equipped to create web applications that offer a seamless and engaging user experience. Prepare to unlock a new world of possibilities in web development with HTMX. Join us on this journey and elevate your web development skills to new heights.
Who this course is for:
Developers
People interested in HTMX

User Reviews

Rating

average 0

Total votes0

Focused display

A Software Engineer with experience over six years of working in small start-ups as well as big companies. Have worked with a multitude of technologies like JavaScript, TypeScript, React, Angular, Vue, NodeJs, etc.Always had an idea to teach and hence using this platform to teach people and improve myself in the process as well.In my free time, I go to Gym, follow NBA and Formula 1, and like to learn new technologies & programming languages.

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.