آموزش ساخت رابط‌های کاربری تعاملی با SolidJS: مفاهیم و ویژگی‌های کلیدی

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

معرفی Introduction

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

• چرا رابط های کاربری تعاملی با SolidJS بسازیم؟ Why build interactive UIs with SolidJS?

1. مقدمه ای بر SolidJS 1. Introduction to SolidJS

• معرفی SolidJS: نمای کلی و ویژگی های کلیدی Introducing SolidJS: Overview and key features

• SolidJS در مقابل سایر کتابخانه های فرانت اند SolidJS vs. other front-end libraries

• راه اندازی یک محیط SolidJS Setting up a SolidJS environment

2. مفاهیم اصلی در SolidJS 2. Core Concepts in SolidJS

• روش های چرخه حیات در SolidJS Lifecycle methods in SolidJS

• مدیریت حالت در SolidJS: سیگنال ها و فروشگاه ها State management in SolidJS: Signals and Stores

• کمک کننده های جریان ریز واکنش پذیری و کنترل جریان Fine-grained reactivity and control flow helpers

• کار با کامپوننت ها در SolidJS Working with components in SolidJS

3. ساختن یک ردیاب کار ساده: پایه گذاری 3. Building a Simple Task Tracker: Laying the Foundation

• اضافه کردن وظایف جدید: مدیریت فرم و حالت Adding new tasks: Form and state management

• نمای کلی از برنامه کامل An overview of the complete app

• راه اندازی ردیاب وظیفه Setting up the task tracker

• ایجاد اجزای وظیفه Creating task components

4. ساخت Task Tracker: تعاملات پیشرفته 4. Building a Task Tracker: Advanced Interactions

• حذف وظایف Deleting tasks

• علامت گذاری موارد کار به عنوان کامل Marking task items as complete

• پیاده سازی کمک کننده های جریان کنترل و نمایش آیتم های وظیفه Implementing control flow helpers and displaying task items

نتیجه Conclusion

• مراحل بعدی: یادگیری و کاوش بیشتر در SolidJS Next steps: Further learning and exploration in SolidJS