ساخت برنامه های مدرن پایتون بوسیله Python Flask

این دوره چیست و چگونه متفاوت است؟
HTMX یک تکنولوژی بسیار قانع کننده است. این یکی از اولین کتابخانه های مشروع است که بر وعده برنامه های کاربردی پویا، تعاملی وب بدون جاوا اسکریپت پیچیده ارائه می شود. HTMX به ما اجازه می دهد کد سرور را در هر زبان بنویسیم (پایتون در مورد ما) و از طریق چند ویژگی HTML ساده، صفحات ما را به زندگی برسانیم.
این تنها دوره (که ما از آن آگاه هستیم) این به شما نشان می دهد که چرخه چرخه کامل ساختمان Python و برنامه های کاربردی مبتنی بر فلاسک در اطراف HTMX. بر خلاف آموزش های پایه که در آن شما فقط فقط پوشش سریع یک ویژگی ساده را پیدا خواهید کرد، ما یک برنامه وب کامل را می گیریم و آن را با اضافه کردن سه ویژگی واقعی دنیای همه ساختمان ها بر روی HTMX گسترش می دهیم.
علاوه بر این، ما به شما نشان می دهیم راه راست برای استفاده از HTMX با فلاسک و پایتون. کد نتیجه فوق العاده تمیز است و تقریبا هر توسعه دهنده وب حرفه ای را تحت تاثیر قرار می دهد.
ما چه چیزی را ساختیم
در این دوره، ما یک دسته از ویژگی های HTMX را به یک برنامه موجود اضافه می کنیم. این برنامه، به نام Collector ویدئو، یک برنامه وب زیبا فلاسک است که به ما اجازه می دهد صرفه جویی، کشف، جستجو و پخش فیلم هایی که ما از یوتیوب جمع آوری کرده ایم.
چه موضوعاتی را پوشش داده اید
در این دوره، شما Will:
مشاهده کنید که چگونه HTMX از چارچوب های جلویی جاوا اسکریپت معمولی مانند VUE و واکنش نشان می دهد.
درک مبادله سمت سرور را با ویژگی های HTMX فعال کنید (به عنوان مثال HX-Trigger).
افزودن کلیک کنید برای ویرایش یک برنامه فلاسک اطلاعاتی موجود.
در مورد بسته ی Jinja-Partials برای اصلاح قالب های Jinja2 ما (با یا بدون HTMX) یاد بگیرید.
افزودن عمیق پیوند به برنامه وب پویا ما، به ما اجازه می دهد به اشتراک گذاری پیوندها به بخش های تعاملی .
بین درخواست های صفحه کامل و درخواست های HTMX جزئی در یک روش نمایش تک در فلاسک تمایز پیدا کنید.
چه کسی این دوره است؟
این دوره آیا برای هر کسی که برنامه های کاربردی وب پایتون را ایجاد می کند و نیاز به آنها دارد تا بیشتر آنها را به صورت تعاملی به عنوان SPAs (برنامه های کاربردی صفحه) مشخص کند، اما نمی خواهد (دوباره) برنامه را عمدتا در یک چارچوب پیچیده جاوا اسکریپت مانند vue.js بنویسید یا react.js
سطح تجربه برای گرفتن این دوره به طور قابل توجهی بالا نیست. شما نیاز به
درک پایه ای از چگونگی کارکرد فلاسک
تجربه با مفاهیم هسته ای پایتون (مانند کلاس ها، توابع و تزئینات)، اما هیچ چیز پیچیده (مانند Async یا Metaclasses)
شما نیستید نیاز به دانستن کمی درباره HTML و http

عنوان اصلی : HTMX + Flask: Modern Python Web Apps, Hold the JavaScript Course

سرفصل های دوره :

01 به دوره خوش آمدید:
001 مقدمه ای بر دوره
002 HTMX چیست؟
003 پشته Howl
004 ایده های بزرگ تحت پوشش در این دوره
005 پیش نیازهای دانشجویی
006 VUE، REACT، و HTMX: یک مقایسه سریع
007 git کد منبع
008 ملاقات با مربی شما: مایکل کندی
02 بررسی نمونه ها در htmx.org:
001 یک تور از نمونه های HTMX
002 مثال: پیمایش بی نهایت
003 مثال: جستجوی فعال
004 مثال: بارگذاری تنبل
005 مثال: به روز رسانی فله
03 نقشه برداری برنامه فلاسک فعال غیر JS:
001 معرفی برنامه وب ما: جمع آوری ویدئو
002 راه اندازی و اجرای برنامه فلاسک
003 عناصر کلیدی سازماندهی کد
004 مفهوم: مدل های Pydantic
005 مفهوم: نمایش مدل ها
006 مفهوم: سازمان کد
04 ویژگی 1: کلیک بر روی ویرایش:
001 اولین ویژگی ما: برای ویرایش کلیک کنید
002 مقدمه ای برای ساخت فرم غیر HTMX
003 اضافه کردن HTML برای فرم افزودن ویدئو
004'Add ویدئو 'مشاهده روش ها
005 ایجاد ویدئو جدید در پایگاه داده
006 نصب HTMX
007 تمیز، فعال کردن دکمه اضافه کردن، بدون فرم
008 سرور فرم را بر روی تقاضا باز می گرداند
009 تغییر ذهن ما، اضافه کردن گزینه لغو
010 مفهوم: نشان دادن ویرایش UI
011 مفهوم: ایجاد یا لغو ایجاد ویدئو
012 مفهوم: پردازش فرم ارسال در سرور
05 HTML Template Partials:
001 منظور شما چیست؟
002 بسته Jinja-Partials
003 partials: یک مثال واقعی تر
004 نصب Jinja-Partials
005 حذف تکثیر از اضافه کردن ویدئو HTML
006 مفهوم: با استفاده از بخش های جزئی
06 ویژگی 2: جستجوی فعال:
001 معرفی جستجوی فعال
002 که در آن ما با جستجوی فعال هدایت می شویم
003 ایجاد اسکلت صفحه جستجو
004 جستجو متن بهتر به عنوان یک عنصر URL اختیاری است
005 انجام جستجوی سمت سرور
006 کنترل ورودی HTML برای جستجو
007 جستجو به عنوان آنها با HTMX تایپ کنید
008 رندر فیلم های موجود در جستجو
009 تاریخچه جستجو در نوار آدرس
010 عمق پیوند به نتایج جستجو
011 مفهوم: راه اندازی جستجو با HTMX
012 مفهوم: آیا درخواست HTMX است؟
013 مفهوم: پشتیبانی از پیوند عمیق
07 ویژگی 3: پیمایش بی نهایت:
001 معرفی پیمایش بی نهایت
002 سایت های محبوب با استفاده از پیمایش Infinite
003 دوباره سازماندهی HTML خوراک برای پیمایش بی نهایت
004 بازگشت مجموعه ای از فیلم ها
005 htmx scroll trigger
006 اجرای فیلم های بیشتر بر روی سرور
007 مفهوم: راه اندازی یک صفحه دیگر به عنوان شما پیمایش
نتیجه گیری دوره و بررسی:
001 howl برای خط پایان
002 نمونه اول، Docs دوم
003 عناصر هسته ای از برنامه Flask Starter
004 برای ویرایش قابلیت کلیک کنید
005 Jinja Package Package
006 جستجو فعال با HTMX
007 پاسخ جزئی یا کامل؟
008 پیمایش بی نهایت با htmx
009 متشکرم و خداحافظی