قیمت این دوره : 200,000 60,000 تومان
  • مدرس دوره : یونس قربانی ( رزومه )
  • تعداد دانشجویان این دوره : 952 نفر
  • تعداد ویدیوها : 32 ویدیو
  • مدت زمان دوره : 22:35:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1399/01/30
ثبتـــ نام در این دوره

آموزش جامع ReactJs

دوره آموزش ReactJs از مقدماتی تا پیشرفته

 

امروزه ReactJs به سرعت در حال تبدیل شدن به یک ابزار بسیار قدرتمند برای ساخت وب اپلیکیشن ها است و خیلی از معروفترین سایت ها از جمله فیسبوک , توییتر, نتفلیکس , یاهو , اینستاگرام و غیره همه در حال استفاده از این ابزار بسیار قدرتمند برای هرچه سریعتر و کارآمدتر کردن سایت و وب اپلیکیشن های خود هستند.
ری اکت برخلاف سایر رقبای خود که فریم ورک هستند یک کتابخانه جاوااسکریپت است پس نسبت به رقبای خود روند یادگیری کوتاه تری را دارد و یکی از بهترین ویژگی های ری اکت دادن قدرت انتخاب به توسعه دهندگان برای انتخاب ابزارهای مورد علاقه آنهاست برخلاف رقبای خود که توسعه دهندگان تنها باید از ابزارهای قرار داده شده استفاده کنند و در شرایطی با یک بروزرسانی کوچک باید اکثر مواردی که استفاده شده دوباره بعد یادگیری مجدد بازنویسی کنند.
ری اکت بسیار سریع و کارآمد و محبوبترین کتابخانه جاوااسکریپت می باشد به این معنی است که تعداد توسعه دهندگان بسیار زیادی دارد که این باعث می شود خیلی از ابزارهای مورد نیاز موجود باشد و مهمتر از همه هر سوالی که براتون پیش بیاد از قبل برای کسی پیش آمده و جوابش موجود هست.

در این دوره سعی میکنیم از صفر (مباحث پایه) شروع کنیم تا با ریتمی آهسته به همراه مثال و تمرینات به بخش های پیشرفته برسیم .این دوره دانشجو محور خواهد بود و تمامی نظرات شما دانشجویان عزیز درنظر گرفته می شود تا در کنار هم یک دوره کامل بسازیم.
این دوره طوری طراحی شده است که بعد از اتمام بتوانید بدون نیاز به آموزش های دیگر راه خودتان را برای ورود به بازار کار و حرفه ایی شدن پیدا کنید.

پیشنیازهای این دوره:
-آشنایی با Html و Css
-آشنایی با جاوااسکریپت


نکته : این دوره بروزرسانی دوره آموزش ReactJs می باشد و تمامی دانشجویانی که دوره قبلی را خریداری کرده اند می توانند به صورت رایگان به این دوره دسترسی داشته باشند.

توجه داشته باشید که تنها سوالات خود را در قسمت پرسش و پاسخ سایت مطرح کنید. به سوالات پرسیده شده در قسمت نظرات جواب داده نخواهد شد.

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

فهرستـــ ویدیوها

مدت زمان دوره 22:35:00
راهنما ! جهت دریافت لینک دانلود تمامی قسمت ها بر روی این لینک .کلیک کنید.
1
  • مقدمه و معرفی دوره

  • 00:06:00
  • رایگانــ

مقدمه و معرفی دوره

2
  • گرفتن بهترین نتیجه از این دوره

  • 00:03:00
  • رایگانــ

گرفتن بهترین نتیجه از این دوره

3
  • ساخت محیط کاری

  • 00:15:00
  • رایگانــ

ساخت محیط کاری در سیستم عامل ویندوز

ساخت محیط کاری در سیستم عامل لینوکس

4
  • درباره ReactJs و ساختار آن

  • 00:34:00
  • رایگانــ

معرفی فصل

ری اکت و کامپوننت ها

ابزار create-react-app

ساخت اولین پروژه ری اکت

کامپوننتها

 

5
  • چرا JSX

  • 00:13:00
  • نقدیــ

موارد غیرمجاز در JSX

6
  • مباحث پایه React

  • 01:24:00
  • نقدیــ

• درباره فصل
• قدم های اول
• ساخت کامپوننتهای فرزند
• کامپوننتهای تابعی
• Props و داده های داینامیک
• توضیح و استفاده از State
• تغییر State و رویداد ها در ری اکت

7
  • ساخت اولین پروژه

  • 01:35:00
  • نقدیــ

• درباره فصل
• ساخت محیط کاری
• ساخت کامپوننتها و داده ها
• استایل و فونت ها
• رندر شدن شرطی
• کلید ها و پاک کردن کامپوننت از دام
• ویرایش کامپوننت در دام
• ساخت کامپوننت جدید در دام

8
  • استایل دهی در React

  • 01:46:00
  • نقدیــ

• درباره فصل
• نصب و پیکربندی Bootstrap و Font Awesome
• استایل دهی پروژه توسط بوت استرپ بخش اول
• استایل دهی پروژه توسط بوت استرپ بخش دوم
• استایل دهی داینامیک در ری اکت
• استفاده از React-Bootstrap
• استفاده از React-Toastify

9
  • توضیح و استفاده از ContextApi و ReactHooks

  • 01:20:00
  • نقدیــ

• درباره فصل
• Prop Drilling چیست و نحوه جلوگیری از آن
• توضیح و استفاده از ContextApi بخش اول
• توضیح و استفاده از ContextApi بخش دوم
• توضیح و استفاده از React Hooks

10
  • استایل نویسی پیشرفته در ری اکت

  • 00:48:00
  • نقدیــ

• درباره فصل
• استفاده از پکیج Radium
• استفاده از Css Modules 
• تبدیل قالبهای آماده Html  و  Cssبه ری اکت

11
  • چرخه حیات کامپوننت ها

  • 01:28:00
  • نقدیــ

• نحوه کارکرد و رندر کامپوننت ها در Dom اصلی
• راهکاری بهتر برای ساختار دهی پروژه
• چرخه حیات ساخت کامپوننت و استفاده از componentDidMount
• چرخه حیات بروزرسانی کامپوننت و استفاده از componentDidUpdate
• تمیزکاری بعد از حذف کامپوننت توسط componentWillUnmount
• چرخه حیات در کامپوننتهای تابعی با استفاده از React Hooks useEffect
• نحوه جلوگیری از رندر اضافی توسط React.memo و PureComponent

12
  • کامپوننت های مرتبه بالا، PropTypes و Ref

  • 01:00:00
  • نقدیــ

• درباره فصل
• کامپوننت های مرتبه بالا و انواع آن
• استفاده از PropTypes برای اعتبارسنجی Propها
• نحوه استفاده از Ref

13
  • اپلیکیشن کارهای روزمره و React Router

  • 01:10:00
  • نقدیــ

• ساخت و توضیح اپلیکیشن کارهای روزمره
• آموزش و پیاده سازی Global State برای ساختار دهی پروژه
• آموزش کنترل مسیرها توسط react-router
• ساخت Navbar و استفاده از Link و NavLink

14
  • تبدیل قالب پروژه و مسیردهی

  • 01:00:00
  • نقدیــ

• درباره فصل
• تبدیل صفحه اصلی تاپلرن
• ساختاربندی کامپوننت ها
• توضیح و استفاده از Layoutها
• تبدیل بخش ورود و Routing
• تبدیل بخش ثبت نام

15
  • ارتباط با سرور و اعتبارسنجی فرم ها

  • 02:10:00
  • نقدیــ

• درباره فصل
• مدیریت داده های ورودی از فرم
• نصب و نحوه استفاده از axios
• پیکربندی بهینه axios
• بخش ورود به سایت و استفاده از Localstorage
• اعتبارسنجی فرم ها توسط Simple React Validator
• نحوه استفاده از Preloaders در React
• نصب و استفاده از React Helmet برای عنوان و کلمات کلیدی
• نصب و راه اندازی سرور به صورت آفلاین

16
  • Redux از مقدماتی تا پیشرفته

  • 01:43:00
  • نقدیــ

• Redux چیست و چرا باید ازRedux  استفاده کنیم؟
• Redux مقدماتی  به همراه مثال
• ساختار بهینه در Redux به همراه مثال
• تبدیل مدیریت کننده اشخاص به Redux و استفاده از redux-thunk
• تبدیل مدیریت کننده اشخاص به Redux بخش دوم

17
  • استفاده از جی کوئری در React

  • 00:32:00
  • نقدیــ

• نحوه استفاده صحیح جی کوئری در React
• استفاده به صورت کامپوننت مجزا
• حل مشکل منوها در پروژه تاپلرن

18
  • استفاده از ریداکس در پروژه تاپلرن

  • 02:00:00
  • نقدیــ

• ساختار ریداکس
• نمایش دوره ها در صفحه اصلی
• نمایش دوره ها به همراه صفحه بندی
• نمایش اطلاعات دوره 
• بررسی انقضاء توکن و Logout
• ویرایش TopNav و پروفایل کاربر به همراه ایمن سازی مسیرها
• استفاده از Postman برای ساخت دوره جدید در سرور آفلاین

19
  • استفاده از ContextApi در کنار Redux

  • 00:25:00
  • نقدیــ

در این قسمت خواهیم دید که به چه صورت با استفاده از ContextApi در پروژه های Redux می توانیم ساختار بهتری داشته باشیم تا از تکرار مجدد جلوگیری کنیم.

20
  • استفاده از React Redux LoadingBar

  • 00:10:00
  • نقدیــ

در این قسمت به نحوه استفاده از React Redux Loading Bar خواهیم پرداخت که یک کامپوننت عالی برای داشتن یک Preloader خوب هست.

21
  • استفاده از React Image

  • 00:18:00
  • نقدیــ

در این قسمت به نحوه استفاده از React Image خواهیم پرداخت تا نه تنها Loader برای عکس ها به نمایش بزاریم بلکه توانایی تعریف یک عکس دیگر در صورت بروز مشکل در دانلود تصویر اصلی را نیز دارد.

22
  • ساخت صفحه 404 و اعتبار سنجی

  • 00:10:00
  • نقدیــ

در این قسمت به نحوه ساخت صفحه Not Found در React خواهیم پرداخت و نحوه اعتبار سنجی شناسه دوره در کامپوننت SingleCourse را نیز مورد بررسی قرار خواهیم داد.

23
  • ساخت داشبورد و Private Layout

  • 00:19:00
  • نقدیــ

در این قسمت به نحوه ساخت داشبورد مدیریت برای ساخت دوره و ... خواهیم پرداخت و مهمتر از همه نحوه صحیح ساخت ساختار Private Layout را نیز فرا خواهیم گرفت.

24
  • ساخت جدول دوره ها

  • 00:17:00
  • نقدیــ

در این قسمت به نحوه ساخت جدول دوره ها می پردازیم تا تمامی دوره های درون Store را به نمایش بزاریم به همراه ساخت دوره جدید ، ویرایش و حذف.

25
  • استفاده از Reach Ui برای ساخت Dialog

  • 00:26:00
  • نقدیــ

در این قسمت به نحوه ساخت دیالوگ ها توسط Reach Ui می پردازیم و یک دیالوگ برای ساخت دوره جدید در کنار جدول دوره ها خواهیم ساخت.

26
  • ساخت دیالوگ ویرایش دوره

  • 00:17:00
  • نقدیــ

در این قسمت به نحوه ساخت دیالوگ ویرایش دوره به همراه منطق ویرایش دوره می پردازیم.

27
  • ساخت دیالوگ حذف دوره

  • 00:09:00
  • نقدیــ

در این قسمت به نحوه ساخت دیالوگ حذف دوره به همراه نوشتن منطق آن می پردازیم.

28
  • ساخت جستجوی دوره ها

  • 00:13:00
  • نقدیــ

در این قسمت به نحوه ساخت جستجوی دوره ها میپردازیم.

29
  • مرتب سازی (Sort) دوره ها بر اساس قیمت

  • 00:06:00
  • نقدیــ

در این قسمت به نحوه مرتب سازی یا Sort دوره ها در جدول بر اساس قیمت دوره می پردازیم.

30
  • بروزرسانی وابستگی های پروژه توسط npm-upgrade

  • 00:14:00
  • نقدیــ

در این قسمت به نحوه بروزرسانی وابستگی ها و نقاط ضعف های پروژه ری اکتی مپردازیم توسط ابزار npm-upgrade.

31
  • اعتبارسنجی فرم دیالوگ ساخت دوره جدید

  • 00:08:00
  • نقدیــ

در این قسمت به نحوه اعتبارسنجی فرم دیالوگ ساخت دوره جدید توسط Simple-React-Validator میپردازیم.

32
  • پابلیش پروژه نهایی

  • 00:16:00
  • نقدیــ

در این قسمت به نحوه پابلیش پروژه نهایی در سی پنل می پردازیم.

نظرات کاربران در رابطه با این دوره

جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .