Rapid Development with Flask, HTMX, TailwindCSS and AlpineJS

Rapid Development with Flask, HTMX, TailwindCSS and AlpineJS, available at $19.99, has an average rating of 4.55, with 23 lectures, based on 47 reviews, and has 677 subscribers.

You will learn about Rapidly build an RSS reader application using Flask, HTMX, TailwindCSS, and AlpineJS Use server-side rendering with HTMX to update the page dynamically Rapidly build interactive web applications with minimal JavaScript Sprinkle in-page interactivity simply using AlpineJS CSS fundamentals and how to use TailwindCSS CSS flow, flex, and grid layouts and how to apply them with TailwindCSS This course is ideal for individuals who are Intermediate Python developers who want to quickly build their web application projects or Front-end developers who want to understand how to build server-side rendered applications or Developers who want to learn about web development, including HTML and CSS It is particularly useful for Intermediate Python developers who want to quickly build their web application projects or Front-end developers who want to understand how to build server-side rendered applications or Developers who want to learn about web development, including HTML and CSS.

Enroll now: Rapid Development with Flask, HTMX, TailwindCSS and AlpineJS

Summary

Title: Rapid Development with Flask, HTMX, TailwindCSS and AlpineJS

Price: $19.99

Average Rating: 4.55

Number of Lectures: 23

Number of Published Lectures: 23

Number of Curriculum Items: 23

Number of Published Curriculum Objects: 23

Original Price: $49.99

Quality Status: approved

Status: Live

What You Will Learn

Rapidly build an RSS reader application using Flask, HTMX, TailwindCSS, and AlpineJS
Use server-side rendering with HTMX to update the page dynamically
Rapidly build interactive web applications with minimal JavaScript
Sprinkle in-page interactivity simply using AlpineJS
CSS fundamentals and how to use TailwindCSS
CSS flow, flex, and grid layouts and how to apply them with TailwindCSS

Who Should Attend

Intermediate Python developers who want to quickly build their web application projects
Front-end developers who want to understand how to build server-side rendered applications
Developers who want to learn about web development, including HTML and CSS

Target Audiences

Intermediate Python developers who want to quickly build their web application projects
Front-end developers who want to understand how to build server-side rendered applications
Developers who want to learn about web development, including HTML and CSS

Do you want to build interactive web applications quickly and simply?

Python with Flask, HTMX, TailwindCSS, and AlpineJS is a complete stack of technologies to build interactive, engaging web applications without having to write (almost) any JavaScript.

This means you can use your existing Python knowledge without having to learn a completely new language to build your web project.

Traditionally, building a web application without JavaScript would mean a slow and sluggish experience, with lots of page reloads at every button or link click.

With HTMX and AlpineJS, we can avoid almost all page reloads, and craft server-side rendered applications that feel fast, responsive, and engaging.

This includes things like adding pagination, hiding and showing elements, and updating page state.

Adding TailwindCSS into the mix will help us write our CSS quickly and efficiently.

In the course, we build an RSS feed reader that loads data from the internet to display articles from feeds you follow. It’s a great project to get familiar with these technologies, and in no time you’ll be building your own interactive web applications.

The course contains:

Use Flask to create a web application.
CSS fundamentals and how to apply them with TailwindCSS.
Avoid page reloads with HTMX by making requests to your backend and swapping parts of the page content.
Add in-page interactivity simply with AlpineJS using state and event dispatching.
Learn about CSS flex and grid to create a commonly used page structure with a sidebar and main content.

I’m sure you’ll enjoy this course. See you on the inside!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course welcome

Lecture 2: Temporary bug in Rye — issue with the next lecture

Lecture 3: Set up a modern Python project with Rye

Lecture 4: Adding our external web dependencies

Lecture 5: Build a Flask app to render a single RSS feed

Lecture 6: The CSS box model

Lecture 7: CSS flow layout positioning

Lecture 8: CSS layouts: flex and grid

Lecture 9: Creating our RSS feed template

Lecture 10: Working with a list of different feeds in Flask

Lecture 11: Media queries with TailwindCSS

Lecture 12: Colors in TailwindCSS

Lecture 13: Adding a sidebar with TailwindCSS

Lecture 14: When should you use partials vs. components?

Lecture 15: Adding dynamic pagination to our app

Lecture 16: Adding a read status to articles, and updating the page without reloading

Lecture 17: Event dispatching and handling with AlpineJS

Lecture 18: Letting users create new feeds (showing and hiding elements with AlpineJS)

Lecture 19: How to work with SVG icons in a Flask project

Lecture 20: How to create a mobile sidebar with TailwindCSS and AlpineJS

Lecture 21: How to animate a mobile sidebar with a sliding animation

Lecture 22: Course conclusion, and thank you

Chapter 2: Bonus section

Lecture 1: Bonus lecture

Instructors

Jose Salvatierra
Founder of Teclado and Software Engineer

Rating Distribution

1 stars: 2 votes
2 stars: 2 votes
3 stars: 1 votes
4 stars: 16 votes
5 stars: 26 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu