Course Platform
Learn to Build a Course Platform with Django, Cloudinary, HTMX, Tailwind, and more.
- Use Python 3.12 and Django 5
- Learn image upload basics with Django (plus the challenges with hosting images)
- Integrate Cloudinary Image & Hosting
- Optimize images sizes with a simple argument with thumbnails and large format
- Build an Email-first opt-in workflow
- Automatically resize videos to fit playback
- Custom email verification process from scratch
- Integrate TailwindCSS with django-tailwind
- Use HTMX to render and handle Forms
- Send Emails from Django with Gmail
- Customize the Django Admin to fully manage and view videos and courses
- Implement custom helper functions that can be re-used across Python projects
- Stylize the frontend using Flowbite
- Use the CloudinaryField on Django models to automatically handle images and videos
- and much more
References
- Sign up on Cloudinary here
- Send Email with Gmail & Django Blog Post
- Code
Sections
Welcome
0:00
Demo
0:00
Python Virtual Environment
0:00
Create the Django Project
0:00
Roadmap for this Course
0:00
Baseline Django Course Model
0:00
Django ImageField and Pillow
0:00
Syncing Code with Migrations
0:00
Django Admin to Manage Course Model
0:00
Handling Image Uploads in Development
0:00
How Django Manages Image Uploads
0:00
Configure Cloudinary for Django
0:00
Using the CloudinaryField for Django Image Hosting
0:00
Customize the Django Admin to Render HTML Images
0:00
On Demand Image Adjustments with Cloudinary Images
0:00
Model Methods for Image Sizes
0:00
Understanding Foreign Keys with the Lesson Model
0:00
Lesson Publish Status and Preview
0:00
Cloudinary Video + Thumbnail Fields for Lessons
0:00
Foreign Key Stacked Model Admin
0:00
Ordering with a Model Field
0:00
CloudinaryField Upload Options
0:00
Generate a Public ID Field
0:00
Reusable CloudinaryField Functions
0:00
Decoupling Cloudinary Helper Services from Models
0:00
Get Cloudinary Video Object Service
0:00
Signed Private Video URL in Admin
0:00
Embed Cloudinary Video with Pure HTML
0:00
Using Django Templates to Render Video
0:00
Using JavaScript for Video Embed Basics
0:00
Django & the Cloudinary Video Player
0:00
Override Django Admin Templates
0:00
Render Multiple Videos in One Page
0:00
View Logic and Database Lookup Services
0:00
URL View Routing for Database Lookups
0:00
Public ID As URL Path Lookups
0:00
Rendering Templates from Views
0:00
Render the Course List View
0:00
Course Detail View and Template Snippets
0:00
Lesson QuerySet for Different Status Values
0:00
Lesson Detail View
0:00
Render the Video Player for Users
0:00
Configure Django to Send Email with Gmail
0:00
Email Verification Models
0:00
Create the Email Model Form
0:00
Handing HTML Forms with Django
0:00
Rendering a Django Model Form
0:00
Email Validation & Verification Event
0:00
Email Verification Event Service
0:00
Send Email from Verification Event
0:00
Unique Verify Link with UUID
0:00
Verfiy Confirmation Token Service
0:00
Enrich the Session With Verified Email ID
0:00
Email Required on Lesson Detail View
0:00
Using HTMX To Dynamically Load Forms
0:00
HTMX with POST Data
0:00
Using HTMX to Handle Logout
0:00
But Why Tailwind with Django
0:00
Install Django Tailwind
0:00
Setup Flowbite with Django Tailwind
0:00
Login & Logout Views
0:00
Tailwind in the HTMX-Driven Login Form
0:00
Improved Course List View
0:00
List View wit Thumbnail Images
0:00
Video Frame as Lesson Thumbnail
0:00
Global CSS Spacing
0:00
Course Detail View
0:00
Improved Unlock Content Page
0:00
Improved Homepage
0:00
Thank you
0:00
Next up
0:00