آموزش توسعه سریع با Flask، HTMX، TailwindCSS و AlpineJS

معرفی Introduction

• دوره خوش آمدید Course welcome

• اشکال موقت در چاودار - مشکل با سخنرانی بعدی Temporary bug in Rye — issue with the next lecture

• با Rye یک پروژه پایتون مدرن راه اندازی کنید Set up a modern Python project with Rye

• افزودن وابستگی های وب خارجی ما Adding our external web dependencies

• یک برنامه Flask برای ارائه یک فید RSS بسازید Build a Flask app to render a single RSS feed

• مدل جعبه CSS The CSS box model

• موقعیت یابی چیدمان جریان CSS CSS flow layout positioning

• طرح بندی CSS: انعطاف پذیر و شبکه CSS layouts: flex and grid

• ایجاد الگوی فید RSS ما Creating our RSS feed template

• کار با لیستی از فیدهای مختلف در Flask Working with a list of different feeds in Flask

• پرسش های رسانه ای با TailwindCSS Media queries with TailwindCSS

• رنگ ها در TailwindCSS Colors in TailwindCSS

• افزودن نوار کناری با TailwindCSS Adding a sidebar with TailwindCSS

• چه زمانی باید از جزئی در مقابل کامپوننت استفاده کرد؟ When should you use partials vs. components?

• اضافه کردن صفحه بندی پویا به برنامه ما Adding dynamic pagination to our app

• افزودن وضعیت خواندن به مقالات و به روز رسانی صفحه بدون بارگیری مجدد Adding a read status to articles, and updating the page without reloading

• ارسال و مدیریت رویداد با AlpineJS Event dispatching and handling with AlpineJS

• اجازه دادن به کاربران برای ایجاد فیدهای جدید (نمایش و پنهان کردن عناصر با AlpineJS) Letting users create new feeds (showing and hiding elements with AlpineJS)

• نتیجه گیری دوره و ممنون Course conclusion, and thank you

بخش پاداش Bonus section

• سخنرانی پاداش Bonus lecture