In the first part, you'll learn about each of the tools that we'll be using in this course -- HTMX, Tailwind CSS, and Alpine.js. You'll also set up a Django project that leverages each of them.

Learning Objectives

1. Describe what HTMX, Tailwind, and Alpine.js are and why you may want to use them with Django
2. Configure HTMX, Tailwind, and Alpine.js to work with Django

In Part 2, each chapter will focus on a specific HTMX feature:

• Click-to-edit pattern
• Inline form validation
• Editing, removing, and adding a row in a table
• Active search and filtering
• Updating content outside the target
• Infinite scroll

Learning Objectives

1. Effectively organize a Django project when using HTMX
2. Describe how HTMX attributes can be used to interact with the Django backend
3. Add click-to-edit, element swapping, and active search to a Django application
4. Explain and integrate various HTMX UX patterns
5. Add infinite scroll to a Django application
6. Use Alpine.js in a Django application

In Part 3, you'll complete the app you've been working by adding social authentication with Django Allauth You'll also test the front-end side of the app with Cypress and deploy your app to Heroku with Docker.

Learning Objectives

1. Set up social auth with Django and Django Allauth
2. Write end-to-end tests with Cypress to confirm your code is working as expected
3. Containerize Django and Postgres inside a Docker container
4. Deploy Django, Gunicorn, and Postgres to Heroku with Docker