Weekend workshop: Modern frontend development with Python, HTMX, Tailwind, Playwright and AlpineJS

ABOUT

Once upon a time, if you wanted a truly modern web frontend experience for your Python web app you would have limited options. Many people would reach for heavy frontend tools and frameworks such as React, Vue or one of their many competitors. And those tools generally have their own recommendations around testing.

Times have changed - tools like HTMX and AlpineJS are taking Python Web dev by storm and simplifying the creation of modern frontends

These tools make full-stack web dev fast and fun, they simplify development, shrink code bases, and give backend devs the ability to do modern frontend work. In my personal experience, I've seen the adoption of these tools lead to massive productivity gains for junior and senior devs alike.

This workshop will walk you through the process of building and testing your own unique CRUD application with a rich and modern frontend.

## A note on timezones

If you are in a different timezone and would like to start earlier in the day, you will be able to get early access to the course materials. There will be hands on support at certain times because this workshop is run by humans.

## Social Impact

Prelude aims to have a positive impact. We work with partners to offer free and discounted training to communities and individuals who otherwise would not be able to afford our courses, primarily across Africa. By supporting our courses you help us plant seeds and change trajectories. Thank you for your support!

## The stack

We'll be using the following tools:

- Django

- HTMX

- TailwindCSS

- AlpineJS

- Playwright

## Prerequisite knowledge

It would be useful if you are comfortable with the following:

- Python

- Virtual environments

- HTML.

- Basic SQL database familiarity

This workshop is not the best place for learning the basics of code. If you are very new to code then this might be a struggle.

It is also useful for you to have some familiarity with Django, althrough this is not critical.

## Why Django?

Django is brilliant. It's the web framework for perfectionists with deadlines. It's worth knowing about. And, for newer web developers, Django is an amazing teacher.

That said, if you are not into Django then that is fine! The focus of this tutorial is on building the frontend. The vast majority of what we cover in this tutorial can be used as is with other web frameworks. For example FastAPI, expressJS or similar.

## Why CRUD?

90% of the web is CRUD. CRUD stands for Create, Read, Update and Delete. Once you know how to implement simple CRUD apps, you will be able to do quite a lot.

## My own unique CRUD app?

The workshop will guide you through the process of building a specific application. You will be encouraged to choose your own adventure and make use of the skills covered to build your own project.

In previous workshops, learners have worked on projects like:

- A music store for independent creators

- A household chore scheduler

- A conference talk tracker

- A personal learning pathway creator

- Yet another todo list app

- much more

You can do quite a lot with a CRUD app.

## Small group - high support

We are keeping the number of tickets on sale low so that each course participant can get the attention they need. We believe in the power of engaged teachers.

## Self-paced

The workshop is designed to empower learners to move at their own pace. We won't push anyone to keep up when they can't or make anyone slow down when they are on a roll.

If you struggle with earlier parts of the workshop then you'll be supported. The goal here is not to rush through things and tick boxes. The goal here is to empower learners with real skills.

## Filling the gaps

Different people will find this workshop challenging in different ways. Some will need extra support while setting up their projects, some will be challenged by the database interactions.

We're here to support you with your unique challenges.

## Format

This is a 2-day remote event