Getting started with AdonisJS and htmx

Getting started with AdonisJS and htmx

23mins
6 lessons
Beginner
Start course

HTMX is a type of HTML over-the-wire framework for building modern user interfaces with the simplicity and power of hypertext. It gives you access to AJAX, CSS transitions, webSockets, and Server Sent Events directly in HTML, using HTML attributes. With HTMX, you get to use little or no JavaScript, which means you don't have to reach for JavaScript frameworks like Vue or React to build modern user interfaces.

In this mini course, you will learn how to get started with other AdonisJS and HTMX.

Getting started

1m 1s

We kick start the course by looking at what htmx is and what we'll be covering in the course.

1m 53s

In this lesson, we cover how to install htmx in an AdonisJS application.

10m 6s

In this lesson, we add the first functionality to the todo application which adding tasks. We cover how to make AJAX requests with htmx and how to listen to htmx events.

In this lesson, we fix a bug in our application that has to do with the way we are displaying newly created todos.

In this lesson, we cover how to mark tasks as completed.

1m 43s

To wrap up the course, we cover how to delete tasks.

*Course still in development. Do check back often for updates.

Chimezie Enyinnaya

Hi, I'm Chimezie Enyinnaya, your teacher.

I’m a self-taught software developer based in Lagos, Nigeria, with over 8 years of experience. In the last couple of years, I've been doing more teaching because I enjoy sharing my knowledge so that others can benefit from it. Come along as I teach you all I know about AdonisJS, Node.js, and JavaScript at large!