آموزش Hotwire: Reactive Ruby on Rails Applications

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

معرفی Introduction

• برنامه های Hotwire: Reactive Ruby on Rails Hotwire: Reactive Ruby on Rails applications

• آنچه شما باید بدانید What you should know

• چه چیزی قبلاً موجود بود؟ What was available before?

• Hotwire چگونه کار می کند: HTML روی سیم How Hotwire works: HTML over the wire

• ایجاد نمونه برنامه Creating the sample application

1. توربو درایو 1. Turbo Drive

• نمای کلی Turbo Drive Turbo Drive overview

• فعال و غیرفعال کردن Turbo Drive Enabling and disabling Turbo Drive

• بارگیری مجدد دارایی های تغییر یافته Reloading changed assets

• نمایش نوار پیشرفت بارگذاری صفحه Displaying the page load progress bar

• امتحان فصل Chapter Quiz

2. قاب های توربو 2. Turbo Frames

• نمای کلی قاب های توربو Turbo Frames overview

• قاب های توربو در عمل Turbo Frames in action

• چندین فریم در یک صفحه Multiple frames in a page

• هدف قرار دادن سایر فریم ها Targeting other frames

• بارگیری خودکار یک قاب Loading a frame automatically

• امتحان فصل Chapter Quiz

3. توربو استریم 3. Turbo Streams

• مروری بر جریان توربو Turbo Streams overview

• ایجاد یک لیست نمونه Creating a sample list

• اضافه کردن یک ردیف جدید به جدول Adding a new row to the table

• انجام به روز رسانی های متعدد Performing multiple updates

• پیام های پخش: قسمت 1 Broadcasting messages: Part 1

• پیام های پخش: قسمت 2 Broadcasting messages: Part 2

• امتحان فصل Chapter Quiz

4. محرک 4. Stimulus

• بررسی اجمالی محرک Stimulus overview

• اتصال به کنترلر Connecting to the controller

• افزودن اهداف Adding targets

• فراخوانی یک اقدام Calling an action

• جابجایی کلاس های CSS Toggling CSS classes

• ارسال داده ها به کنترلرها با مقادیر Passing data to controllers with values

• امتحان فصل Chapter Quiz

5. ساختن یک برنامه فهرست کارها 5. Building a To-Do List App

• معرفی Introduction

• فشرده سازی صفحه فهرست Making the list page compact

• اضافه کردن وظایف جدید با Turbo Streams Adding new tasks with Turbo Streams

• ویرایش یک کار Editing a task

• نمایش خطاهای فرم Showing form errors

• حذف وظایف Removing tasks

• بررسی و برداشتن تیک وظایف Checking and unchecking tasks

• تقسیم لیست به دو بخش Dividing the list into two

نتیجه Conclusion

• همه اش را بگذار کنار هم Putting it all together

• مراحل بعدی Next steps