دوره آموزشی الگوهای طراحی React
4 ساعت 4 دقیقهمتوسط2025-05-01
مدرسین

Shaun Wassell
Full-Stack Software Developer
جزئیات دوره
تو این دوره، با الگوهای طراحی معتبر React آشنا میشی که میتونن کیفیت کدهات رو بالا ببرن و برنامههات رو تمیزتر و قابل توسعهتر کنن.
شاون واسل، برنامهنویس حرفهای و مدرس توسعه فولاستک، بهت یاد میده چطوری از کامپوننتهای لایوت استفاده کنی تا محتوای صفحه رو بهتر و مرتبتر بچینی.
همچنین با کامپوننتهای کانتینر آشنا میشی که کمک میکنن عملکردهای مشترک بین کامپوننتها رو سادهتر کنی و ارتباطشون رو روانتر کنی.
در ادامه، یاد میگیری چرا کامپوننتهای کنترل شده تو مدیریت وضعیت (state) چقدر مهم هستن و چطور ازشون درست استفاده کنی.
یکی از بخشهای جالب دوره، یادگیری استفاده از کامپوننتهای مرتبه بالاتر (Higher Order Components) هست که بهت اجازه میده قابلیتهای جدیدی به کامپوننتها اضافه کنی بدون اینکه کد اصلیشون رو دست بزنی.
همچنین با مفاهیم برنامهنویسی تابعی آشنا میشی و میبینی چطور میشه این اصول رو تو React به کار برد.
تمام این مفاهیم همراه با مثالهای عملی ارائه میشن تا یادگیری برات راحتتر و کاربردیتر باشه.
وقتی دوره تموم شد، ابزارها و دانش لازم رو داری که با اعتماد به نفس و سرعت، اپلیکیشنهای React بسازی.
اهداف یادگیری
شناخت و بهکارگیری الگوهای طراحی معتبر React برای کدهای تمیز و قابل توسعه
استفاده از کامپوننتهای لایوت برای سازماندهی بهتر محتوای صفحه
بهرهمندی از کامپوننتهای کانتینر برای بهبود عملکرد و ارتباط بین کامپوننتها
درک مزایای کامپوننتهای کنترل شده در مدیریت وضعیت (state)
استفاده از کامپوننتهای مرتبه بالاتر برای افزودن قابلیتها بدون تغییر کد اصلی
آشنایی با مفاهیم برنامهنویسی تابعی و کاربرد آنها در React
تمرین عملی با مثالهای واقعی برای تسلط بیشتر
شاون واسل، برنامهنویس حرفهای و مدرس توسعه فولاستک، بهت یاد میده چطوری از کامپوننتهای لایوت استفاده کنی تا محتوای صفحه رو بهتر و مرتبتر بچینی.
همچنین با کامپوننتهای کانتینر آشنا میشی که کمک میکنن عملکردهای مشترک بین کامپوننتها رو سادهتر کنی و ارتباطشون رو روانتر کنی.
در ادامه، یاد میگیری چرا کامپوننتهای کنترل شده تو مدیریت وضعیت (state) چقدر مهم هستن و چطور ازشون درست استفاده کنی.
یکی از بخشهای جالب دوره، یادگیری استفاده از کامپوننتهای مرتبه بالاتر (Higher Order Components) هست که بهت اجازه میده قابلیتهای جدیدی به کامپوننتها اضافه کنی بدون اینکه کد اصلیشون رو دست بزنی.
همچنین با مفاهیم برنامهنویسی تابعی آشنا میشی و میبینی چطور میشه این اصول رو تو React به کار برد.
تمام این مفاهیم همراه با مثالهای عملی ارائه میشن تا یادگیری برات راحتتر و کاربردیتر باشه.
وقتی دوره تموم شد، ابزارها و دانش لازم رو داری که با اعتماد به نفس و سرعت، اپلیکیشنهای React بسازی.
اهداف یادگیری
شناخت و بهکارگیری الگوهای طراحی معتبر React برای کدهای تمیز و قابل توسعه
استفاده از کامپوننتهای لایوت برای سازماندهی بهتر محتوای صفحه
بهرهمندی از کامپوننتهای کانتینر برای بهبود عملکرد و ارتباط بین کامپوننتها
درک مزایای کامپوننتهای کنترل شده در مدیریت وضعیت (state)
استفاده از کامپوننتهای مرتبه بالاتر برای افزودن قابلیتها بدون تغییر کد اصلی
آشنایی با مفاهیم برنامهنویسی تابعی و کاربرد آنها در React
تمرین عملی با مثالهای واقعی برای تسلط بیشتر
مهارت ها
Software DesignReact.jsMetaFront-End Web DevelopmentWeb DevelopmentSoftware DevelopmentOne-Off
سرفصل ها
۰. مقدمه
- 01 - ویدیوی معرفی
- 02 - الگوهای طراحی چیستند؟
۱. اجزای طرحبندی
- 03 - اجزای طرح بندی چیستند؟
- 04 - اجزای صفحه نمایش تقسیم شده
- 05 - بهبودهای کامپوننت تقسیم صفحه نمایش
- 06 - اجزای لیست و آیتم
- 07 - راه حل - انواع مختلف لیست
- 08 - کامپوننتهای مودال
۲. اجزای کانتینر
- 09 - اجزای کانتینر چیستند؟
- 10 - دستورالعملهای سرور
- 11 - بارگذاری کاربر فعلی
- 12 - کامپوننت CurrentUserLoader
- 13 - کامپوننت UserLoader
- 14 - کامپوننت ResourceLoader
- 15 - کامپوننت DataLoader
- 16 - راهکار - بارگذاری دادهها از localStorage
۳. اجزای کنترلشده و کنترلنشده
- 17- اجزای کنترلشده در مقابل اجزای کنترلنشده
- 18- فرمهای کنترل نشده
- 19 - فرمهای کنترلشده
- 20 - ماژولهای کنترلشده و کنترلنشده
- 21 - جریانهای کنترلنشدهی ورود به سیستم
۴. اجزای مرتبه بالاتر
- 22 - کامپوننتهای مرتبه بالاتر (HOC) چیستند؟
- 23- چاپ لوازم جانبی با HOCها
- 24 - بارگذاری دادهها با HOCها
- 25- اضافه کردن JSX با HOCها
۵. الگوهای قلاب سفارشی
- 26 - قلابهای سفارشی چیستند؟
- 27 - هوک useCurrentUser
- 28 - قلاب useUser
- 29 - قلاب useResource
- 30 - هوک useDataSource
- 31 - راهکار - قلاب UseLocalStorage
۶. برنامهنویسی تابعی و React
- 32 - برنامهنویسی تابعی چیست؟
- 33 - اجزای بازگشتی
- 34 - راه حل - پوشههای بازگشتی
- 35 - ترکیب اجزا
- 36 - اجزای نیمهکاره
- 37 - مثال کاربرد جزئی
نتیجهگیری
- 38 - مراحل بعدی در سفر React شما
پیوست
- 39- گشتی در CoderPad
دوره های مرتبط
- دوره آموزشی الگوهای طراحی هوش مصنوعی عاملمحور مبتنی بر فضای ابری
- دوره آموزشی بازتعریف نقشهای توسعه نرمافزار در عصر هوش مصنوعی
- دوره آموزشی معماری نرمافزار: الگوهایی برای توسعهدهندگان
- دوره آموزشی مبانی برنامه نویسی: طراحی شی گرا
- دوره آموزشی یادگیری توسعه رابط کاربری گرافیکی JavaFX
- دوره آموزشی پیادهسازی تخصصی طراحی دامنهمحور (DDD) در NET.
- دوره آموزشی مدیریت پروژه: انتخاب ابزار آنلاین مناسب
- دوره آموزشی الگوهای طراحی در اسپرینگ 6