آموزش توسعه سریع با Flask، HTMX، TailwindCSS و AlpineJS
Rapid Development with Flask, HTMX, TailwindCSS and AlpineJS
آیا می خواهید برنامه های کاربردی وب تعاملی را به سرعت و به سادگی بسازید؟
Python با Flask، HTMX، TailwindCSS، و AlpineJS مجموعه کاملی از فناوری‌ها برای ایجاد برنامه‌های کاربردی وب تعاملی و جذاب بدون نیاز به نوشتن (تقریبا) جاوا اسکریپت است.
این بدان معناست که شما می توانید از دانش موجود پایتون خود بدون نیاز به یادگیری یک زبان کاملاً جدید برای ساخت پروژه وب خود استفاده کنید.
به طور سنتی، ساختن یک برنامه وب بدون جاوا اسکریپت به معنای تجربه ای کند و کند است، با بارگیری مجدد صفحه در هر دکمه یا کلیک روی پیوند.
با HTMX و AlpineJS، می‌توانیم تقریباً از بارگیری مجدد صفحه جلوگیری کنیم و برنامه‌های رندر شده در سمت سرور را ایجاد کنیم که سریع، پاسخگو و جذاب هستند.
این شامل مواردی مانند افزودن صفحه‌بندی، پنهان کردن و نمایش عناصر، و به‌روزرسانی وضعیت صفحه می‌شود.
افزودن TailwindCSS به ترکیب به ما کمک می‌کند CSS خود را سریع و کارآمد بنویسیم.
در دوره آموزشی، ما یک فیدخوان RSS می‌سازیم که داده‌ها را از اینترنت بارگیری می‌کند تا مقالاتی را از فیدهایی که دنبال میکنید نمایش دهد. این یک پروژه عالی برای آشنایی با این فناوری‌ها است و در کوتاه‌مدت برنامه‌های وب تعاملی خود را خواهید ساخت.
این دوره شامل:
استاز Flask برای ایجاد یک برنامه وب استفاده کنید.
اصول CSS و نحوه اعمال آنها با TailwindCSS.
از بارگذاری مجدد صفحه با HTMX با درخواست به باطن خود و تعویض قسمت هایی از محتوای صفحه خودداری کنید.
با استفاده از ارسال وضعیت و رویداد، تعامل درون صفحه را به سادگی با AlpineJS اضافه کنید.
در مورد CSS flex و grid برای ایجاد یک ساختار صفحه متداول با نوار کناری و محتوای اصلی بیاموزید.
من مطمئن هستم که از این دوره لذت خواهید برد. شما را از درون می بینیم!
معرفی 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
Udemy (یودمی)
یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.
یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.
https://donyad.com/d/48bec0
Jose Salvatierra
بنیانگذار Teclado و مهندس نرم افزار
نمایش نظرات