دوره SolidJS - صفر تا حرفهای: راهنمای کامل SolidJS
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- نحوهی راهاندازی محیط توسعه برای کار با SolidJS
- دانش عمیق در استفاده از کامپوننتهای SolidJS برای ساخت و compose اپلیکیشن های فرانتاند
- مسیریابی (Routing) در SolidJS
- مدیریت استیت با استفاده از Signals
- کار با عملیات غیرهمزمان
پیشنیازهای دوره
- آشنایی با زبان Javascript
- دانش پایهای از HTML و CSS
توضیحات دوره
«SolidJS: صفر تا حرفهای» بهگونهای طراحی شده که به یادگیرندگان فهمی جامع از SolidJS بدهد؛ یک فریمورک مدرن برای ساخت وب اپلیکیشن های واکنشگرا و کارآمد. این دوره جنبههای ضروری SolidJS را، از راهاندازی محیط توسعه گرفته تا ایجاد اپلیکیشن های پیچیده با ویژگیهای پیشرفته، پوشش میدهد.
دوره با معرفی راهاندازی محیط توسعه و ساخت اولین برنامه شروع میشود. این بخش هدفش آمادهسازی یادگیرندگان با ابزارها و تنظیمات لازم برای توسعه با SolidJS است. دستورالعملهای گامبهگام نصب SolidJS و ایجاد یک اپلیکیشن ساده در این بخش ارائه شده که پایهای برای مباحث پیشرفتهتر به حساب میآید.
پس از بخش راهاندازی، دوره به کار با کامپوننتهای Solid میپردازد. در این بخش، مفهوم کامپوننتها در SolidJS معرفی میشود. تمرکز بر ساخت، کامپوز و مدیریت کامپوننتها است و اهمیت قابلیت استفاده مجدد و مقیاسپذیری که کامپوننتهای SolidJS برای توسعه رابط کاربری فراهم میآورند، برجسته میشود.
مسیردهی در SolidJS موضوع کلیدی بعدی است. این بخش به یادگیرندگان نحوه پیادهسازی مسییابی در سمت کلاینت را آموزش میدهد. این مهارت برای ساخت اپلیکیشن های تکصفحهای (SPA) که نیازمند جابجایی بین ویوهای مختلف بدون بارگذاری مجدد صفحه هستند، ضروری است.
همچنین، دوره شامل یک ماژول کامل درباره مدیریت استیت در Solid میباشد که در آن استفاده از Signals و Stores برای مدیریت استیت برنامه معرفی شده است. این رویکرد با روشهای سنتی مدیریت استیت مقایسه میشود و سادگی و کارآمدی روشهای SolidJS را نشان میدهد.
در نهایت، بخش کار با عملیات غیرهمزمان به تفصیل بررسی میشود. این بخش آموزش میدهد چگونه وظایف غیرهمزمان مانند فراخوانی API و دریافت دادهها را انجام دهیم. این مهارت برای توسعه برنامههایی که نیاز به تعامل با سرویسهای پشتصحنه دارند و باید رابط کاربری را بهصورت پویا بر اساس دادههای خارجی بهروزرسانی کنند، حیاتی است.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگان فرانتاند که میخواهند با یک فریمورک مدرن رابط کاربری بسازند.
- توسعهدهندگان ReactJs که به دنبال روشی مبتنی بر قراردادهای استاندارد برای توسعه هستند.
- توسعهدهندگان فرانتاند که نمیخواهند با پیچیدگیهای تحقیق و جستجو درگیر شوند.
- توسعهدهندگان فرانتاند که میخواهند به طور کامل از Signals برای مدیریت استیت بهرهمند شوند.
دوره SolidJS - صفر تا حرفهای: راهنمای کامل SolidJS
-
مقدمه 02:14
-
نصب Node و NPM 01:57
-
نصب Vite 06:12
-
ایجاد اولین پروژه SolidJS خود 07:16
-
مرور پروژه Javascript در SolidJS 09:21
-
مرور پروژه TypeScript 08:59
-
استفاده از متغیرهای محیطی 04:06
-
ساخت اولین کامپوننت خود 12:58
-
ساخت یک کامپوننت SolidJS در Typescript 08:59
-
استفاده از Fragments 04:50
-
استفاده از Props در کامپوننتها 09:14
-
استفاده از Props در TypeScript 07:07
-
تنظیم Props پیشفرض 07:39
-
Spread کردن دادههای Props 05:09
-
استفاده از Props فرزند (Children Props) 09:35
-
مبانی مدیریت استیت با createSignal 24:37
-
استفاده از Derived Signals 05:20
-
پاسخ به تغییرات با Effects 08:54
-
رندر کردن شرطی با </ Show> 13:01
-
شرطها با <Switch> و <Match> 17:02
-
حلقه روی کالکشن ها با </ For> 13:03
-
حلقه روی کالکشن ها با </ Index> 03:51
-
مدیریت رویدادهای کاربر 16:22
-
استایلدهی به کامپوننتها با استایلهای خطی (Inline styles) 08:49
-
کار با کلاسها 18:43
-
استفاده از ماژولهای CSS 05:39
-
استفاده از Refs 11:13
-
Forward کردن Refs 07:53
-
انجام پیشتسک ها با ()onMount 16:37
-
پاکسازی با ()onCleanup 12:57
-
نصب و پیکربندی Router در SolidJS 10:43
-
افزودن مسیرها 05:56
-
Lazy-loading مسیرها 08:27
-
افزودن لینک صفحات با <A> 16:06
-
مسیردهی پویا با ()useNavigate و </ Navigate> 23:24
-
استفاده از پارامترهای دینامیک و پارامترهای اختیاری در مسیرها 26:47
-
استفاده از مسیرهای Wildcard و تعریف چند مسیر 10:19
-
مسیرهای تو در تو (Nested Routes) 11:08
-
ساختاردهی صفحات 08:24
-
مسیردهی مبتنی بر پیکربندی 12:55
-
مدیریت استیت با Stores 04:03
-
ساخت Stores با createStore 07:23
-
تغییر در Stores با استفاده از Store Setters 09:20
-
تغییر دادن اشیاء در Stores 09:59
-
تغییر دادن آرایهها در Stores 22:27
-
تغییرات بیوقفه در Store با ()produce 07:11
مشخصات آموزش
دوره SolidJS - صفر تا حرفهای: راهنمای کامل SolidJS
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:مقدماتی
- تعداد درس:46
- مدت زمان :08:04:09
- حجم :2.66GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy