Udemy

Rapid Development with Flask, HTMX, TailwindCSS and AlpineJS

Enroll Now
  • 1,044 Students
  • Updated 11/2024
4.5
(98 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
2 Hour(s) 19 Minute(s)
Language
English
Taught by
Jose Salvatierra
Rating
4.5
(98 Ratings)
5 views

Course Overview

Rapid Development with Flask, HTMX, TailwindCSS and AlpineJS

Build interactive web applications with minimal JavaScript, using server-side rendering

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 Content

  • 2 section(s)
  • 23 lecture(s)
  • Section 1 Introduction
  • Section 2 Bonus section

What You’ll 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

Reviews

  • P
    Pedro Ballesteros
    5.0

    Quick course, and also concise and to the point explanations.

  • L
    Lee Wiegman
    3.0

    going fast and last lesson didn't end up with a working product

  • E
    Eric McEntee
    2.5

    The instructor is quite knowledgeable - but given the short duration of the course I was hoping to get a bit more detail on how Flask works, the python involved, etc. There was a lot of time spent on UI, CSS, etc. It just kind of blew through making a web app - and that's fine, but skipped a lot of foundation. I'll take the longer course he offers next - but this one was not quite what I was hoping for.

  • A
    Andrea Dalseno
    5.0

    Excellent video. It provides a short but comprehensive overview of the topics and how they can be combined to achieve the desired outcome. Highly recommended!

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed