HTMX + Django: Modern Python Web Apps, Hold the JavaScript Course
1h 44m 50s
English
Paid
Course description
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 clientside interactive aspect.
Watch Online
Join premium to watch
Go to premium
| # | Title | Duration |
|---|---|---|
| 1 | What is HTML? | 00:54 |
| 2 | The HOWL stack | 01:24 |
| 3 | Big ideas covered in the course | 01:12 |
| 4 | Prerequisites | 01:12 |
| 5 | Comparing web frameworks to HTMX | 02:15 |
| 6 | Git the course sample code | 00:38 |
| 7 | Your Guide: Christopher Trudeau | 00:41 |
| 8 | Interview with HTMX creator Carson Gross | 00:21 |
| 9 | Intro to HTMX examples | 00:44 |
| 10 | HTMX examples with Michael | 01:09 |
| 11 | Example: Infinite scroll | 02:41 |
| 12 | Example: Active search | 03:29 |
| 13 | Example: Lazy loading | 02:37 |
| 14 | Example: Bulk update | 03:18 |
| 15 | On to the code | 00:13 |
| 16 | Surveying the base project | 01:25 |
| 17 | Project directory structure | 04:11 |
| 18 | View for the home page | 01:57 |
| 19 | Category model object | 01:23 |
| 20 | View for the category page | 00:49 |
| 21 | Video model object | 01:06 |
| 22 | Views for feed and player pages | 00:56 |
| 23 | Setting up your environment | 01:50 |
| 24 | Creating a PyCharm project | 03:43 |
| 25 | Packages | 00:40 |
| 26 | Tour of the code | 02:00 |
| 27 | Adding the form to the template | 01:35 |
| 28 | Adding the form to the template | 01:45 |
| 29 | Adding post handling to the category view | 03:10 |
| 30 | Introducing Click to edit | 00:57 |
| 31 | Creating the partials template for the form | 01:15 |
| 32 | Inserting the Click to edit link | 03:16 |
| 33 | Adding HTMX to the base HTML file | 00:37 |
| 34 | The view for the form partial | 01:28 |
| 35 | Cancelling the form | 00:44 |
| 36 | Moving the click to edit link into a partial | 01:14 |
| 37 | Inserting the cancel button | 01:08 |
| 38 | Adding the view that cancels the form | 01:02 |
| 39 | Concepts review | 01:18 |
| 40 | Intro to search as you type | 02:32 |
| 41 | Django Q objects | 01:15 |
| 42 | Creating the search page template | 02:32 |
| 43 | View with hard coded search results | 02:39 |
| 44 | Add HTMX attributes to the input tag | 01:55 |
| 45 | Installing the django-htmx package | 02:02 |
| 46 | Update the search view | 03:16 |
| 47 | Deep linking | 01:49 |
| 48 | Concepts review | 01:43 |
| 49 | Intro to infinite scrolling | 01:52 |
| 50 | Modifying the feed template | 02:05 |
| 51 | Adapting the feed view | 03:18 |
| 52 | Infinite scroll demo | 00:57 |
| 53 | Concepts review | 00:20 |
| 54 | Mixing frameworks with HTMX intro | 00:28 |
| 55 | Boostrap modals | 02:44 |
| 56 | The about partial and modal HTML | 02:33 |
| 57 | The About view | 01:06 |
| 58 | Concepts review modals | 00:30 |
| 59 | You're finished | 00:38 |
| 60 | Setup | 00:31 |
| 61 | Using HTMX | 00:46 |
| 62 | HTMX attributes | 03:33 |
| 63 | Further investigation | 01:29 |
Comments
0 commentsSimilar courses
Master Automation with Ansible and Puppet: 4-in-1
Sources: udemy
With the ever increasing challenges of IT infrastructures, it's no surprise that IT professionals are looking for ways to automate as much as possible. IT automation is the abil...
22 hours 33 minutes 51 seconds
Ansible Advanced - Hands-On - DevOps
Sources: udemy
This is the second course in the series on Ansible and in this course we will be focusing on advanced concepts in Ansible and some real life use cases. This course is for those ...
2 hours 43 minutes
Ansible: Ansible Automation Masterclass: 2-in-1
Sources: udemy
Ansible is a simple IT automation engine, that automates cloud provisioning, configuration management, application deployment, intra-service orchestration, and many other IT nee...
17 hours 33 minutes 12 seconds
Mastering Ansible
Sources: udemy
Mastering Ansible is a step-by-step journey of learning Ansible for configuration management and orchestration. The course is designed as a journey through configuring a realist...
4 hours 47 minutes 58 seconds
Devops Fundamentals - CI/CD with AWS +Docker+Ansible+Jenkins
Sources: udemy
Lets get into Devops World from Scratch with real time Hands On Projects to build Solutions for CI/CD through Jenkins with deploying Docker Containerized apps
8 hours 46 minutes 37 seconds
Want to join the conversation?
Sign in to comment