ساخت و انتشار کتابخانه کامپوننت UI ریاکت در NPM
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- درک اینکه کتابخانه کامپوننت UI چیست و چه هدفی دارد.
- یادگیری چگونگی راهاندازی و پیکربندی Rollup برای ساخت کتابخانه خود
- راهنمای گامبهگام برای انتشار کامپوننتهای UI در NPM
- تست کامپوننتهای منتشر شده در برنامههای کاربردی دنیای واقعی
- یادگیری چگونگی انجام و مدیریت بروزرسانیها برای کتابخانههای منتشر شده در NPM
- استفاده از ویژگی npm link برای تست محلی کامپوننتها بدون انتشار
- معرفی و راهاندازی Storybook برای توسعه و نمایش کامپوننتها
- یادگیری اینکه Story چیست و چگونه برای کامپوننتهای خود Story بنویسید.
- ساخت 10 کامپوننت UI و ایجاد Story برای هر کدام.
- یادگیری چگونگی افزودن قابلیتهای ایجاد تم به کتابخانه کامپوننت UI
- راهنمای استقرار نمونه Storybook شما
- دسترسی کامل به سورس کد کامل پروژه
پیشنیازهای دوره
- دانش مقدماتی React و Tailwind CSS مورد نیاز است.
توضیحات دوره
به دوره «ساخت و انتشار کتابخانه کامپوننت UI در NPM» خوش آمدید! چه یک توسعهدهنده باتجربه باشید و چه تازه شروع کرده باشید، این دوره طراحی شده است تا شما را به مهارتها و دانش مورد نیاز برای ایجاد، انتشار و نگهداری کتابخانه کامپوننت UI اختصاصی خودتان مجهز کند. در این دوره، شما در تمام مراحل راهنمایی خواهید شد؛ از درک مبانی کتابخانههای کامپوننت گرفته تا تسلط به ابزارهایی مانند Rollup و Storybook و حتی انتشار کارهایتان در NPM. در پایان این دوره، نه تنها درک عمیقی از ساخت کامپوننتهای UI قابل استفاده مجدد خواهید داشت، بلکه اعتماد به نفس لازم برای به اشتراک گذاشتن کار خود با جهان را نیز کسب خواهید کرد. بیایید این سفر هیجانانگیز را با هم آغاز کنیم!
در زیر موضوعات کلیدی که در این دوره پوشش داده میشوند آمده است:
- معرفی کتابخانههای کامپوننت UI: درک اینکه کتابخانه کامپوننت UI چیست و چه هدفی دارد.
- ادغام Rollup: یادگیری چگونگی راهاندازی و پیکربندی Rollup برای ساخت کتابخانه
- انتشار در NPM: راهنمای گامبهگام انتشار کامپوننتهای UI در NPM
- تست در برنامههای مصرفکننده: تست کامپوننتهای منتشر شده در اپلیکیشن های دنیای واقعی
- بروزرسانی کتابخانههای منتشر شده: یادگیری چگونگی انجام و مدیریت بروزرسانیها برای کتابخانههای منتشر شده در NPM
- تست با npm link: استفاده از ویژگی npm link برای تست محلی کامپوننتها بدون انتشار
- راهاندازی Storybook: معرفی و راهاندازی Storybook برای توسعه و نمایش کامپوننتها
- نوشتن استوری ها: یادگیری اینکه Story چیست و چگونه برای کامپوننتهای خود Story بنویسید.
- توسعه کامپوننت: ساخت 10 کامپوننت UI و ایجاد Story برای هر کدام
- پیادهسازی تمها: یادگیری چگونگی افزودن قابلیتهای تمبندی به کتابخانه کامپوننت UI
- استقرار Storybook: راهنمای استقرار نمونه Storybook شما
- دسترسی به سورس کد: دسترسی کامل به سورس کد کامل پروژه
این دوره برای چه کسانی مناسب است؟
- این دوره برای توسعهدهندگان وب، طراحان UI/UX و مهندسان فرانتاند که میخواهند مهارتهای خود را با ساخت و انتشار کامپوننتهای UI قابل استفاده مجدد ارتقا دهند، عالی است. چه مبتدی باشید که به دنبال درک اصول کتابخانههای کامپوننت هستید و چه توسعهدهندهای باتجربه که قصد دارد گردش کار خود را بهبود بخشد و در پروژههای متنباز مشارکت کند، این دوره بینشهای ارزشمند و دانش عملی ارائه میدهد. اگر علاقهمند به سادهسازی فرآیند توسعه، بهبود قابلیت نگهداری کد و به اشتراک گذاشتن کار خود با جامعه گستردهتر توسعهدهندگان هستید، این دوره مختص شماست.
ساخت و انتشار کتابخانه کامپوننت UI ریاکت در NPM
-
دموی کتابخانه کامپوننت UI 08:43
-
راهاندازی پروژه 05:58
-
ایجاد اولین کامپوننت 03:52
-
Rollup چیست؟ 06:22
-
نصب Rollup 05:49
-
ایجاد پیکربندی Rollup 07:57
-
ساخت با Rollup 04:36
-
انتشار در npm 05:43
-
تست کتابخانه منتشر شده 06:17
-
ارتقاء کتابخانه منتشر شده 05:59
-
تست کتابخانه بدون انتشار مجدد 10:35
-
افزودن CSS خالص و ساخت 06:50
-
افزودن Tailwind CSS و ساخت 10:23
-
افزودن کتابخانه classnames برای کلاسهای شرطی 06:33
-
افزودن پراپهای اندازه و شعاع مرز 09:30
-
افزودن پراپ آیکون 09:03
-
معرفی Storybook 07:44
-
یادگیری اینکه Story چیست و چطور بنویسیم؟ 10:54
-
نوشتن Story برای کامپوننت دکمه - بخش 1 12:11
-
نوشتن Story برای کامپوننت دکمه - بخش 2 03:07
-
نوشتن Story برای کامپوننت دکمه - بخش 3 06:17
-
کامپوننت ورودی 09:56
-
استوریهای Input 05:38
-
ایجاد پوششدهنده Theme Provider 17:36
-
تست Theme Provider 11:43
-
ایجاد کامپوننت Select 14:54
-
استوریهای کامپوننت Select - بخش 1 07:37
-
استوریهای کامپوننت Select - بخش 2 08:50
-
استوریهای کامپوننت Select - بخش 3 02:49
-
ایجاد کامپوننت Radio 13:30
-
استوریهای کامپوننت Radio - بخش 1 13:30
-
استوریهای کامپوننت Radio - بخش 3 11:31
-
ایجاد کامپوننت Switch 12:39
-
استوریهای کامپوننت Switch 03:58
-
ایجاد کامپوننت Modal 06:15
-
استوریها و UI کامپوننت Modal 09:59
-
کامپوننت Tabs 05:23
-
UI و استوریهای کامپوننت Tabs - بخش 1 04:46
-
UI و استوریهای کامپوننت Tabs - بخش 2 07:55
-
کامپوننت Alert 07:19
-
استوریهای کامپوننت Alert - بخش 1 07:44
-
استوریهای کامپوننت Alert - بخش 2 02:36
-
کامپوننت Spinner 08:56
-
استوریهای کامپوننت Spinner 01:30
-
کامپوننت Flex Container 07:03
-
استوریهای Flex Container 07:03
-
افزودن مستندات به استوریها 05:35
-
استقرار اپلیکیشن Storybook در Chromatic 10:19
مشخصات آموزش
ساخت و انتشار کتابخانه کامپوننت UI ریاکت در NPM
- تاریخ به روز رسانی: 1404/10/04
- سطح دوره:مقدماتی
- تعداد درس:48
- مدت زمان :06:20:57
- حجم :3.23GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy