آموزش Django و HTMX - ساخت وب اپلیکیشنهای Hypermedia!
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ویژگیهای اصلی و رفتار HTMX
- چگونگی ساخت یک اپلیکیشن CRUD با Django و HTMX
- چگونگی ساخت یک اپلیکیشن چت مبتنی بر WebSocket با Django ،HTMX و django-channels
- یکپارچهسازی HTMX با ابزارهایی مانند Alpine.js ،GSAP و Sweetalert
- چگونگی استقرار اپلیکیشنهای Django (با django-channels و Redis) بر روی پلتفرم ابری Render
- چگونگی کار با آپلود فایل و ذخیرهسازی ابری (Amazon S3)
پیشنیازهای دوره
- آشنایی نسبی با Django و Python قبل از گذراندن این دوره مفید خواهد بود.
توضیحات دوره
Django محبوبترین فریمورک وب پایتون است و یک پارادایم نوظهور، ساخت اپلیکیشنهای مبتنی بر Hypermedia با استفاده از ابزارهایی مانند HTMX است. این ابزارها پیچیدگی و حجم اضافی فریمورکهای جاوا اسکریپت را حذف میکنند و مدل سادهتر و پایدارتری برای ساخت وب اپلیکیشنها ارائه میدهند.
در این دوره، ما HTMX را از پایه بررسی خواهیم کرد، و در نهایت یک اپلیکیشن اتاق چت پیچیدهتر خواهیم ساخت که از django-channels برای مدیریت عملکرد WebSocket استفاده میکند و آن را با ابزارهایی مانند Redis و پلاگین WebSocket HTMX یکپارچه خواهیم کرد. ما به استقرار این اپلیکیشن بر روی پلتفرم ابری Render خواهیم پرداخت و نحوه مدیریت آپلود فایلها در فضای ذخیرهسازی ابری (Amazon S3) با استفاده از Django و HTMX را بررسی خواهیم کرد.
در طول دوره، به مفاهیم زیر و موارد دیگر خواهیم پرداخت:
- ویژگیهای اساسی HTMX - hx-get ،hx-trigger ،hx-target و غیره
- مفاهیم Hypermedia - ارسال HTML، محلی بودن رفتار (locality of behavior)، درخواستهای AJAX
- ساخت اپلیکیشنهای CRUD با HTMX و Django
- یکپارچهسازی HTMX با Sweetalert2 برای تأییدیهها
- یکپارچهسازی HTMX با GSAP برای انیمیشنها
- یکپارچهسازی HTMX با Alpine.js برای صفحات وب تعاملی و جذاب
- آپلود فایل با HTMX و Amazon S3
- پلاگین WebSocket HTMX
- یکپارچهسازی django-channels و Redis
- پخش پیامها به اتاقهای چت با Channel Layers
- یکپارچهسازی HTMX با ویژگیهای اصلی Django - مدلها، فرمها، ویوها، قالبها
- استقرار اپلیکیشنهای Django بر روی پلتفرم ابری Render
- عملکرد Polling در HTMX
- پیادهسازی الگوهای رایج HTMX مانند جستجوی فعال (Active Search)
- بستههای مفید جنگو - django-htmx ،django-template-partials ،Whitenoise
- استایلدهی پایه با TailwindCSS و DaisyUI
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان وب پایتون که میخواهند با ابزارهای HTMX/hypermedia اپلیکیشن بسازند.
- توسعهدهندگان Django که به دنبال ساخت عملکرد WebSocket/چت از پایه هستند.
آموزش Django و HTMX - ساخت وب اپلیکیشنهای Hypermedia!
-
معرفی دوره 03:17
-
HTMX - یک نمای کلی 04:52
-
چرا از HTMX در چشمانداز مدرن توسعه وب استفاده کنیم؟ 04:28
-
معرفی فصل 02:33
-
راهاندازی پروژه 06:36
-
نصب HTMX 03:45
-
درخواستهای AJAX - مقدمه 06:04
-
ویژگی hx-get - برای درخواستهای GET 04:29
-
ارسال HTML (HTML Over the Wire) 04:17
-
ویژگی hx-target 03:37
-
ویژگی hx-swap 10:27
-
View Transitions با HTMX 02:32
-
ویژگی hx-trigger 06:00
-
ویژگی hx-select 04:48
-
hx-post و ارسال فرمها 05:00
-
مدیریت درخواستهای POST 07:36
-
hx-on و مدیریت رویداد 06:16
-
hx-boost برای بهبود تدریجی (Progressive Enhancement) 07:57
-
کوییز ویژگیهای HTMX None
-
مقدمه 04:01
-
راهاندازی پروژه 03:13
-
بررسی اجمالی کد اولیه 05:04
-
مدلهای Django 08:42
-
راهاندازی ادمین Django 04:07
-
نمایش کتابهای کاربر احراز هویت شده 07:07
-
ایجاد کلاس فرم Django 07:33
-
رندر کردن HTML فرم 05:25
-
ارسال فرم با hx-post 13:58
-
اسکریپتنویسی DOM با hx-on 05:20
-
خطاهای فرم با HTMX 12:36
-
فراخوانی توابع جاوا اسکریپت با hx-on 07:30
-
فرمهای Django - مدیریت خطاهای فرم در سطح فیلد 06:44
-
رفع باگ جدول خالی 05:34
-
hx-delete - حذف کتابها از لیست کاربر 12:46
-
تأیید اقدامات کاربر با ویژگی hx-confirm 02:44
-
یکپارچهسازی HTMX و SweetAlert2 07:52
-
Opacity Transitions هنگام حذف محتوا 06:27
-
HTMX، Alpine.js و عملکرد شبه-SPA 25:07
-
بارگذاری مجدد صفحه با hx-push-url 05:49
-
طرحبندیهای واکنشگرا 05:30
-
جستجوی فعال (Active Search) با HTMX 13:12
-
انیمیشنهای GSAP با HTMX 10:44
-
HTMX و Django CRUD - کوییز None
-
معرفی ماژول 03:43
-
راهاندازی پروژه 06:00
-
اپلیکیشن چت Django - مدلها 09:34
-
صفحه لیست اتاق چت 03:39
-
صفحه جزئیات اتاق چت 07:41
-
نمایش پیامهای چت در اتاق 11:04
-
افزودن فرم پیام چت 09:31
-
افزونه WebSocket HTMX 05:18
-
معرفی django-channels و WebSockets 10:08
-
ویژگیهای WebSocket HTMX 05:00
-
کلاس Consumer در django-channels 15:12
-
ذخیره پیامهای چت در پایگاه داده 12:44
-
ایجاد قطعه HTML (HTML Fragment) به عنوان پاسخ WebSocket 12:51
-
لایههای کانال (Channel Layers) و گروهها در django-channels 14:17
-
بکاند لایه کانال Redis 06:22
-
پخش پیامهای چت برای همه کاربران در اتاق 17:56
-
ایجاد فرم آپلود فایل (تصاویر پروفایل) 14:09
-
آپلود فایل با HTMX و hx-encoding 09:00
-
Amazon S3 برای فایلهای رسانهای 18:24
-
آمادهسازی فایلهای استاتیک برای محیط پروداکشن 15:30
-
سرو کردن فایلهای استاتیک با Whitenoise 07:25
-
اسکریپت ساخت Render، پیکربندی پایگاه داده و تنظیمات 14:15
-
Render - تعریف زیرساخت (پایگاه داده، استور Key-Value، سرویس وب) 11:41
-
استقرار اپلیکیشن در محیط پروداکشن روی Render 16:46
-
HTMX ،Django و WebSockets - کوییز None
-
معرفی ماژول 01:27
-
راهاندازی و مدلهای Django 03:33
-
نمایش فیکسچرها (fixtures) در صفحه وب 08:01
-
Polling با HTMX و تریگر "every" 05:30
-
django-htmx و django-template-partials 09:42
-
ارتقای UI با TailwindCSS و CSS Grid 07:17
-
انیمیشنها با HTMX 05:55
-
hx-indicator - نمایش بازخورد در طول درخواستهای HTMX 07:46
-
Polling در Django + HTMX None
مشخصات آموزش
آموزش Django و HTMX - ساخت وب اپلیکیشنهای Hypermedia!
- تاریخ به روز رسانی: 1404/10/04
- سطح دوره:همه سطوح
- تعداد درس:77
- مدت زمان :09:49:00
- حجم :5.22GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy