All Courses Premium Events Blog

Log in

All Courses Pricing Events Blog

Log in

Rapid Development with Flask, HTMX, TailwindCSS, and AlpineJS

Build an RSS Reader

Why choose HTMX? An In-depth Analysis for Beginners

Welcome to the course!

Set up a Python project with Rye

Adding our external dependencies

A Flask app to render a single RSS feed

The CSS box model

CSS flow layout positioning

CSS layouts: flex and grid

Creating our RSS feed templates

Working with a list of feeds in Flask

Media queries with TailwindCSS

Colors in TailwindCSS

Adding a sidebar with TailwindCSS

Partials vs. components

Adding dynamic pagination with HTMX

Adding a read status to articles

Event dispatching and handling with AlpineJS

Letting users create new feeds

How to work with SVG icons in a Flask project

How to create a mobile sidebar with TailwindCSS and AlpineJS

How to animate a mobile sidebar with a sliding animation

Thank you for taking this course!

Build an RSS Reader

The CSS box model

Free preview

Previous lecture

A Flask app to render a single RSS feed

Next lecture

CSS flow layout positioning

Home

Learn

Blog

Email Us

Privacy Policy

Terms of Service

Facebook Instagram Twitter GitHub

© 2022 Teclado Ltd. All rights reserved.