• Stars
    star
    198
  • Rank 196,898 (Top 4 %)
  • Language
    CSS
  • License
    MIT License
  • Created about 3 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Student details, source code, and more for our HTMX + Flask: Modern Python Web Apps, Hold the JavaScript course.

HTMX + Flask: Modern Python Web Apps, Hold the JavaScript

Course Summary

htmx is one of the hottest properties πŸ”₯ in web development today, and for good reason. This framework, along with the libraries and techniques introduced in this course, will have you writing the best Python web apps you've ever written: clean, fast, and interactive without all that frontend overhead.

If you are a Python web developer that has wanted to build more dynamic, interactive apps, but just don't want to (or can't) write a significant portion of your app in a rich frontend JavaScript framework, you'll absolutely love htmx. This library lets you write Python code you love and still add that client-side interactive aspect.

What's this course about and how is it different?

htmx is a very compelling technology. It's one of the first legitimate libraries that delivers on the promise of dynamic, interactive web applications without complex JavaScript. htmx allows us to write server-side code in any language (Python in our case) and, through a few simple HTML attributes, bring our pages to life.

This is the only course (that we're aware of) that shows you the full lifecycle of building Python and Flask-based applications centered around htmx. Unlike basic tutorials where you'll find only just quick coverage of a simple feature, we take a full-fledged web app and extend it by adding three real-world features all building upon htmx.

Moreover, we show you the right way to use htmx with Flask and Python. The resulting code is incredibly clean and would impress almost any professional web developer.

What topics are covered

In this course, you will:

  • See how htmx differs from common JavaScript front-end frameworks such as Vue and React.
  • Understand the server-side exchange enabled by htmx attributes (e.g. hx-trigger).
  • Add click to edit to an existing data-driven Flask application.
  • Learn about the jinja-partials package to refactor our jinja2 templates (with or without htmx).
  • Add deep linking to our dynamic web application, allowing us to share links into interactive segments.
  • Add active search to an existing data-driven Flask application.
  • Implement browser history for htmx actions (allowing back and forth navigation).
  • Add infinite scroll to our app.
  • Distinguish between full page requests and partial htmx requests within a single view method in Flask.
  • And lots more

View the full course outline.

Take the course

Visit the Talk Python Training course page to sign up today.

More Repositories

1

python-for-absolute-beginners-course

Code samples and other handouts for our course.
Python
2,075
star
2

100daysofcode-with-python-course

Course materials and handouts for #100DaysOfCode in Python course
Jupyter Notebook
2,075
star
3

mastering-pycharm-course

Course demos and handouts for Talk Python's Effective PyCharm course
Python
989
star
4

100daysofweb-with-python-course

Demo code and resources for our 100 Days of Web in Python Course
JavaScript
628
star
5

modern-apis-with-fastapi

Course demos and handouts for our Modern APIs with FastAPI course.
Python
567
star
6

data-driven-web-apps-with-flask

Course demo code and other hand-out materials for our data-driven web apps in Flask course
Python
514
star
7

async-techniques-python-course

Async Techniques and Examples in Python Course
Python
423
star
8

web-applications-with-fastapi-course

Demo code and other handouts for students of our FastAPI Web Apps course.
Python
292
star
9

anvil-course

Course demo code and other hand-out materials for our Anvil: Web apps with nothing but Python course
Python
118
star
10

excel-to-python-course

Student materials and handouts for Excel to Python course
Jupyter Notebook
95
star
11

data-driven-web-apps-with-pyramid-and-sqlalchemy

Demos and handouts for Talk Python's Data-Driven Web Apps with Pyramid and SQLAlchemy course
Python
92
star
12

modern-python-projects-course

Modern Python Projects course materials and handouts
JavaScript
90
star
13

pragmatic-git-course

Up and Running with Git: A pragmatic, UI-based Approach Course Repo
Python
69
star
14

illustrated-python-3-course

Course materials and handouts for Python 3, an illustrated tour course
Python
63
star
15

eve-building-restful-mongodb-backed-apis-course

Course materials and handouts for EVE: Building RESTful MongoDB-backed APIs course
Python
61
star
16

python-data-visualization

Python Data Visualization course code and examples
Jupyter Notebook
43
star
17

twilio-and-sendgrid-python-course

Python-powered chat apps with Twilio and SendGrid course code, materials, and handouts.
Python
41
star
18

getting-started-with-pytest-course

Course materials and handouts for Getting started with pytest course
Python
38
star
19

python-memory-management-course

Demo code exploring Python's memory models and collection algorithms from the Talk Python Training course.
Python
37
star
20

htmx-django-course

Student details, source code, and more for our HTMX + Django: Modern Django Web Apps, Hold the JavaScript course.
CSS
31
star
21

vscode-python-course

Visual Studio Code for Python Developers course at Talk Python
Python
29
star
22

getting-started-with-django-course

Code and other materials for Talk Python's Getting started with Django course
Python
27
star
23

responder-webframework-minicourse

Course materials, demos, and hands-outs for our Responder web framework mini course
27
star
24

data-science-jumpstart-with-10-projects-course

Data Science Jumpstart with 10 Projects Course
26
star
25

static-sites-with-sphinx-and-markdown-course

Code and other materials from our Static Sites with Sphinx and Markdown course
JavaScript
25
star
26

python-for-dotnet-developers-course

Course demo code and other hand-out materials for our Python for .NET course
Jupyter Notebook
23
star
27

python-for-decision-makers-course

Demo code and other hand-out materials for our Python for Decision Makers and Business Leaders course
Jupyter Notebook
22
star
28

python-311-code-tour

Student materials and handouts for our Python 3.11: A Guided Tour Through Code course
Python
22
star
29

adding-a-cms-to-your-web-app-course

Course demo code and other hand-out materials for our Adding a CMS course
Python
17
star
30

fastapi-and-the-microsoft-identity-platform-course

Secure APIs with FastAPI and the Microsoft Identity Platform Course
Python
15
star
31

python-design-patterns-course

12
star
32

fastapi-mongodb-and-beanie-live-course

11
star
33

installing-python

The github repo for our installing Python page at Talk Python Training.
10
star
34

fast-python-webapps-with-cdns

Code and demos from our "Faster Python Web Apps with CDNs" course.
JavaScript
3
star