Storybook React: آموزشی برای ساخت آسانتر اجزای رابط کاربری

دانلود Storybook React: A Tutorial to Building UI Components More Easily

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

این آموزش متوسط ​​Storybook React: A Tutorial to Building UI Components Easily توسعه دهندگان نرم افزار را برای استفاده از Storybook آماده می کند، ابزاری برای محیط توسعه که به کارگیری اجزای UI در React را آسان تر و ایمن تر می کند.

فرقی نمی‌کند در React برای برنامه‌ای که 100000 کاربر هر روز آن را می‌بینند کد می‌نویسید یا برای پروژه‌ای که در ماه کاربر جدیدی دریافت می‌کند - آخرین کاری که می‌خواهید انجام دهید این است که بدون اینکه بدانید با رابط کاربری خود فریب دهید. اگر کار کند خوشبختانه Storybook وجود دارد – یک ابزار React که به شما امکان می‌دهد ایده‌ها و ویژگی‌های رابط کاربری جدید خود را جعبه سندباکس کنید، آنها را آزمایش کنید و بازخورد دریافت کنید، و سپس آنها را حذف کنید یا با خیال راحت پیاده‌سازی کنید.

این دوره به شما نشان می‌دهد که چگونه از Storybook برای گسترش و تقویت کدنویسی React خود استفاده کنید و برنامه‌های خود را حتی بیشتر بصری و قابل دسترس کنید.

پس از اتمام این کتاب داستانی React: آموزشی برای ساختن اجزای رابط کاربری آسان تر، می‌دانید چگونه از Storybook استفاده کنید، ابزاری برای محیط توسعه که به کارگیری اجزای UI در React را آسان‌تر و ایمن‌تر می‌کند.

برای هر کسی که آموزش برنامه‌نویسی خود را مدیریت می‌کند، این آموزش منبع باز می‌تواند برای توسعه‌دهندگان نرم‌افزار جدید، مدیریت برنامه‌های آموزشی فردی یا تیمی، یا به عنوان یک منبع مرجع منبع باز استفاده شود.

Storybook React: آموزشی برای ساخت آسانتر اجزای رابط کاربری: آنچه باید بدانید

این کتاب داستانی React: آموزشی برای ساخت اجزای رابط کاربری آسان تر، دارای ویدئوهایی است که موضوعات بهترین شیوه های جاوا اسکریپت را پوشش می دهد، از جمله:

  • طراحی اجزای اصلی در کتاب داستان
  • استفاده از Component Story Format برای نمایش تغییرات اجزای خود
  • توسعه اجزاء از ابتدا با Storybook
چه کسی باید به کتاب داستان واکنش نشان دهد: آموزشی برای آموزش آسانتر اجزای رابط کاربری؟

این کتاب داستان React: آموزشی برای ساختن اجزای رابط کاربری آسان تر آموزش متن باز در سطح حرفه ای محسوب می شود، به این معنی که برای توسعه دهندگان نرم افزار طراحی شده است. این دوره مهارت های برنامه نویسی برای توسعه دهندگان نرم افزار با سه تا پنج سال تجربه با بهترین شیوه های جاوا اسکریپت طراحی شده است.

توسعه دهندگان نرم افزار جدید یا مشتاق. اگر یک توسعه دهنده نرم افزار کاملاً جدید هستید، زمان بهتری برای یادگیری ابزاری مانند Storybook وجود ندارد. دانستن نحوه کدنویسی در React یک مهارت مهم برای توسعه دهندگانی است که می خواهند روی رابط های کاربری یا برنامه های گرافیکی کار کنند. اما این دوره می‌تواند به شما نشان دهد که چگونه از Storybook استفاده کنید تا بتوانید برنامه‌ها و رابط‌های خود را آزمایش کنید، فریب دهید و بدون اینکه اشتباهات خود را به جهانیان نشان دهید، آزمایش کنید.

توسعه دهندگان نرم افزار باتجربه. اگر قبلاً چند سال تجربه به عنوان یک توسعه دهنده React داشته اید، احتمالاً راه حلی برای آزمایش رابط ها و طراحی های جدید برای خود ارائه کرده اید. برنامه های شما به گونه ای است که استقرار شما را خراب نمی کند یا ساختار را خراب نمی کند. اما این دوره می‌تواند به شما نشان دهد که چقدر آسان است که توسعه React خود را در Storybook جعبه سندباکس کنید و در وقت خود برای آزمایش تغییرات و به‌روزرسانی‌ها صرفه‌جویی کنید.


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

ساخت اجزای اتمی با کتاب داستان Building Atomic Components with Storybook

  • بررسی اجمالی Overview

  • معرفی Introduction

  • مقدمه ای بر کتاب داستان Introduction to Storybook

  • نصب و اجرای کتاب داستان Installing and Running Storybook

  • قالب داستان مؤلفه The Component Story Format

  • طراحی اجزای اصلی در کتاب داستان Designing Basic Components in Storybook

  • نتیجه Conclusion

اجزای مولکولی را با کتاب داستان بسازید Build Molecule Components with Storybook

  • بررسی اجمالی Overview

  • معرفی Introduction

  • نمایش انواع کامپوننت Displaying Component Variants

  • پیاده سازی یک جزء مولکولی Implementing a Molecule Component

  • مدیریت کنش ها در داستان ها Handling Actions in Stories

  • کامل کردن اجزای مولکولی Perfecting Molecule Components

  • نتیجه Conclusion

اجزای ارگانیسم را با کتاب داستان بسازید Build Organism Components with Storybook

  • بررسی اجمالی Overview

  • معرفی Introduction

  • صفحات تمسخر آمیز با useArgs Hook Mocking Pages with the useArgs Hook

  • داستان هایی با چندین مؤلفه Stories with Multiple Components

  • ساخت کامپوننت صفحه در کتاب داستان Building a Page Component in Storybook

  • نتیجه Conclusion

نمایش نظرات

Storybook React: آموزشی برای ساخت آسانتر اجزای رابط کاربری
جزییات دوره
2h
15
CBTNuggets CBTNuggets
(آخرین آپدیت)
-
- از 5
ندارد
دارد
دارد
Shaun Wassell
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Shaun Wassell Shaun Wassell

توسعه دهنده نرم افزار Full-Stack Shaun Wassell یک توسعه دهنده نرم افزار کاملاً پشته ای است که در زمینه برنامه نویسی و اتوماسیون صنعتی تخصص دارد.

Shaun با امید به ساخت بازی های ویدیویی عالی برنامه نویسی را در دوره راهنمایی شروع کرد. وی در ادامه به دریافت مدرک علوم کامپیوتر و ادامه کار حرفه ای نرم افزار توسعه یافت. او از پیشرفت کامل و موبایل لذت می برد. علاوه بر رایانه ، شاون به موسیقی ، معماری ، باغبانی و آبجو دستی نیز علاقه دارد.