توسعه سریع با Flask ،HTMX ،TailwindCSS و AlpineJS
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- توسعه سریع یک اپلیکیشن RSS reader با استفاده از Flask HTMX ،TailwindCSS و AlpineJS
- استفاده از رندرینگ سمت سرور با HTMX برای بروزرسانی پویا صفحه
- ساخت سریع وب اپلیکیشنهای تعاملی با حداقل جاوا اسکریپت
- افزودن سادگی تعامل درون صفحه با استفاده از AlpineJS
- اصول CSS و چگونگی استفاده از TailwindCSS
- جریان CSS، طرحبندیهای فلکس و گرید و چگونگی اعمال آنها با TailwindCSS
توضیحات دوره
آیا میخواهید وب اپلیکیشنهای تعاملی را سریع و ساده بسازید؟
پایتون با Flask ،HTMX ،TailwindCSS و AlpineJS مجموعهای کامل از فناوریها برای ساخت وب اپلیکیشنهای تعاملی و جذاب است، بدون نیاز به نوشتن (تقریباً) هیچ جاوا اسکریپتی.
این بدان معنا است که میتوانید از دانش پایتون موجود خود استفاده کنید، بدون اینکه مجبور باشید یک زبان کاملاً جدید را برای ساخت پروژه وب خود یاد بگیرید.
بهطور سنتی، ساخت یک وب اپلیکیشن بدون جاوا اسکریپت به معنای تجربهای کند و خستهکننده با بارگذاریهای مجدد زیاد صفحه با هر کلیک دکمه یا لینک بود. با HTMX و AlpineJS، میتوانیم تقریباً از تمام بارگذاریهای مجدد صفحه جلوگیری کنیم و اپلیکیشنهایی با رندر سمت سرور بسازیم که سریع، واکنشگرا و تعاملی به نظر میرسند.
این شامل مواردی مانند افزودن صفحهبندی، پنهان کردن و نمایش عناصر، و بروزرسانی وضعیت صفحه است. افزودن TailwindCSS به این ترکیب به ما کمک میکند CSS خود را سریع و کارآمد بنویسیم. در این دوره، ما یک RSS reader میسازیم که داده را از اینترنت بارگیری میکند تا مقالات را از فیدهایی که دنبال میکنید نمایش دهد. این یک پروژه عالی برای آشنایی با این فناوریها است، و در کمترین زمان وب اپلیکیشنهای تعاملی خود را خواهید ساخت.
این دوره شامل موارد زیر است:
- استفاده از Flask برای ایجاد یک وب اپلیکیشن
- اصول CSS و چگونگی اعمال آنها با TailwindCSS
- جلوگیری از بارگذاریهای مجدد صفحه با HTMX با ارسال درخواستها به بکاند و جابجایی بخشهایی از محتوای صفحه
- افزودن تعامل درون صفحهای به سادگی با AlpineJS با استفاده از وضعیت و ارسال رویداد
- آشنایی با فلکس و گرید در CSS برای ایجاد یک ساختار صفحه پرکاربرد با نوار کناری و محتوای اصلی
مطمئن هستیم از این دوره لذت خواهید برد.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان متوسط پایتون که میخواهند پروژههای وب اپلیکیشن خود را سریع بسازند.
- توسعهدهندگان فرانتاند که میخواهند چگونگی ساخت اپلیکیشنهایی با رندر سمت سرور را درک کنند.
- توسعهدهندگانی که میخواهند در مورد توسعه وب، از جمله HTML و CSS یاد بگیرند.
توسعه سریع با Flask ،HTMX ،TailwindCSS و AlpineJS
-
خوشآمدگویی به دوره 00:34
-
راهاندازی یک پروژه مدرن پایتون با Rye 06:49
-
فزودن وابستگیهای وب خارجی 03:00
-
ساخت یک اپلیکیشن Flask برای رندر کردن یک فید RSS 06:51
-
Box Model (مدل جعبه ای) در CSS 11:09
-
موقعیتیابی طرحبندی جریان CSS 08:54
-
طرحبندیهای CSS: فلکس و گرید 05:29
-
ساخت قالب فید RSS 09:27
-
کار با لیستی از فیدهای مختلف در Flask 04:15
-
Media queries با TailwindCSS 03:04
-
رنگها در TailwindCSS 02:59
-
افزودن نوار کناری با TailwindCSS 06:30
-
افزودن صفحهبندی پویا به اپلیکیشن ما 09:57
-
افزودن وضعیت خوانده شده به مقالات و بروزرسانی صفحه بدون بارگذاری مجدد 09:59
-
ارسال و مدیریت رویداد با AlpineJS 07:22
-
اجازه دادن به کاربران برای ایجاد فیدهای جدید (نمایش و پنهان کردن عناصر با AlpineJS) 16:05
-
نتیجهگیری دوره و تشکر 00:44
مشخصات آموزش
توسعه سریع با Flask ،HTMX ،TailwindCSS و AlpineJS
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:متوسط
- تعداد درس:17
- مدت زمان :01:54:36
- حجم :989.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy