Rapid Development with Flask, HTMX, TailwindCSS and AlpineJS

Focused View

Jose Salvatierra

1:53:10

10 View

1 - Introduction

1 - Complete lecture codes.txt

1 - Course welcome.mp4

00:34

2 - Complete lecture codes.txt

2 - How to install Rye.txt

2 - Set up a modern Python project with Rye.mp4

06:49

3 - Adding our external web dependencies.mp4

03:00

3 - Alpinejs Docs.txt

3 - HTMX Docs.txt

3 - TailwindCSS Docs.txt

4 - Build a Flask app to render a single RSS feed.mp4

06:51

5 - The CSS box model.mp4

11:09

6 - CSS flow layout diagram.txt

6 - CSS flow layout positioning.mp4

08:54

7 - CSS Grid guide CSS Tricks.txt

7 - CSS layouts flex and grid.mp4

05:29

7 - Flex guide CSS Tricks.txt

8 - Creating our RSS feed template.mp4

09:27

9 - Working with a list of different feeds in Flask.mp4

04:15

10 - Media queries with TailwindCSS.mp4

03:04

11 - Colors in TailwindCSS.mp4

02:59

12 - Adding a sidebar with TailwindCSS.mp4

06:31

13 - When should you use partials vs components.html

14 - Adding dynamic pagination to our app.mp4

09:57

14 - Python slices.txt

15 - Adding a read status to articles and updating the page without reloading.mp4

09:59

15 - Python destructuring.txt

16 - Event dispatching and handling with AlpineJS.mp4

07:23

17 - Letting users create new feeds showing and hiding elements with AlpineJS.mp4

16:05

18 - Course conclusion and thank you.mp4

00:44

2 - Bonus section

19 - Bonus lecture.html

Description

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

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

Who is this for?

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

What You Need to Know?

Intermediate programming knowledge required, preferably with Python

Knowledge of Flask will be helpful as the course is fast-paced

No CSS, TailwindCSS, or JavaScript knowledge required

More details

Description
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!
Who this course is for:
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

User Reviews

Rating

average 0

Total votes0

Focused display

Hi, I'm Jose! I love helping students learn to code and master software development. I've been teaching online for over 7 years, and I founded Teclado to bring software development to everyone—my objective is for you to truly understand everything that goes on behind the scenes.Coding is extremely rewarding. As you learn, things start to click and make sense. You can join the dots of all the things that weren't quite clear before. I'm here to make that journey quick and painless!I can help you with Python and JavaScript issues, particularly in web and backend development. I'm experienced with programming libraries and frameworks like Flask, React, React Native, and AngularJS. I've worked extensively with UNIX systems, MongoDB, PostgreSQL, and advanced system architecture design.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.