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

ری اکت , یک کتابخانه open-source جاوا اسکریپت برای ایجاد رابط کاربری به خصوص برای برنامه های تک صفحه ای است. با ترکیب سرعت و کارایی جاوا اسکریپت با روشی کارآمدتر برای دستکاری DOM، موجب می‌شود تا صفحات وب‌سایت‌ها به‌صورتی سریع‌تر در دسترس قرار بگیرند. ایجاد برنامه های React نیاز به استفاده از کتابخانه های اضافی برای مدیریت state و تعامل با API دارد نمونه مربوط به چنین کتابخانه هایی ری داکس است. با استفاده از ریداکس، State های اپلیکیشن در یک مخزن نگهداری می‌شوند و دسترسی هر کامپوننت به تمامی State ها نیز امکان پذیر است.  

افراد علاقه مند به توسعه و برنامه نویسی فرانت اند می توانند ری اکت را در برنامه نویسان به طور کامل بیاموزند.

قیمت این دوره: 55,000 تومان
  • مدرس دوره : محمد مطواعی
  • تعداد ویدیوها : 30 ویدیو
  • مدت زمان دوره : 7:19:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1399/06/22
ثبتـــ نام در این دوره ثبت نام در دوره
دوره مباحث پیشرفته React JS

دوره مباحث پیشرفته React JS

این بار با مباحث پیشرفته ری اکت در خدمت شما هستم مباحث پیشرفته ای که تو دوره های جامع خیلی به چشم نمیخوره

این دوره اصلا مقدماتی نیست و بدرد کسایی که تازه میخان ری اکت نویس بشن نمیخوره این دوره مخصوص کساییه که ری اکت رو بلدن یا حداقل یکی ازدوره های ری اکت سایت رو درحال دیدنن و حالا میخان مباحث پیشرفته اون رو هم یاد بگیرن تا به برنامه نویس ارشد ری اکت تبدیل بشن

تو این دوره به امید خدا ما در مورد این مباحث صحبت میکنیم

·         React Hook

که تو نسخه های اخیر ری اکت اضافه شده و اومده تا جای کلاس کامپوننت و ریداکس رو واسه ما پر کنه

·         Redux

اگرم ول کن معامله نیستین و اصرار دارین ک از ریداکس استفاده کنید یه اموزش اختصاصی از ریداکس هم خواهیم داشت

·         Code splitting

یکی از مباحث پیشرفته ری اکت ک از جهت پرفورمنس برای اپ های بزرگ واجبه ...

·         React Context

خب بعد اینکه ریداکس رو یاد گرفتید ی سری هم ب جایگزین هوکی اون میزنیم و کانتکس رو یاد خواهیم گرفت و میبینید که چه سینتکس ساده تر و قشنگ تری داره

·         Error Boundaries که برای ارور هندلینگ کلی سایتتون استفاده میشه

·         React Fragments یه کامپوننت jsxباحال و مشکل گشا

·         HOC رو شاید باهاش آشنا باشید منم یه قسمت رو تو این دوره بهش اختصاص دادم و hoc رو همراه با دوتا مثال واقعی بهتون یاد بدم

·         JSX in dept ، خب شما که react کار میکنید حتما با jsx اشنایید ولی ما یه بررسی عمیق و همه جانبه ازون خواهیم داشت

·         ReactDOM Portal خب اگه واستون سواله که چجوری این مدال ها و دیالوگ هارو درست میکنن جواب شما در پرتال خلاصه میشه

·         Profiler یه ابزاری که به ما کمک میکنه رندر شدن ها کامپوننت هامون رو مانیتور کنیم واز رندر های اضافی جلوگیری کنیم

·         React Without ES6 تو این قسمت بررسی میکنیم که اگه es6 نبود چجوری ما کد ری اکت باید مینوشتیم

·         React Without JSX تو این قسمتم ری اکت رو بدون jsx فرض خواهیم کرد و خواهید دید ری اکت بدون jsx چه شکلیه

·         Ref and DOM تو این قسمتم یه بررسی دقیق و عمیق روی ارتباط بین ری اکت و دام خواهیم داشت

·         TypeScript in React خب یکی دیگه از ویژگی های یه برنامه نویس سینیور ری اکت اینه ک بجای جاوااسکریپت از تایپ اسکریپت استفاده کنه منم تو این قسمت طریقه کانفیگ یه پروژه که بشه توش تایپ اسکریپت هم نوشت رو انجام میدم ولی اموزش تایپ اسکریپت خودش در ی جلسه نمیگنجه

و کلی موضوع advance دیگه مث  Strict Mode ,proptypesک دردوره جا میگیره

پس وقت رو تلف نکنید و دوره رو تهیه کنید

پیش نیاز این دوره هر یک از دو دوره ری اکت موجود در سایت میباشد و درواقع مخاطبین هردو دوره زیر میتوانند دوره را تهیه کنند

دوره آموزش پروژه محور React js ساخت توییتر  

دوره آموزش جامع ReactJS




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

مدت زمان دوره 7:19:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • معرفی

00:03:30

01_ReactJsAdvanceTopic.mp4

2
  • Code splitting در React js

00:17:30

واسه شروع میخایم بریم سراغ یکی از مباحث پیشرفته ری اکت به نام کد اسپلیتینگ که واسه برنامه های بزرگ واقعا واجب میشه

3
  • سورس پروژه code splitting

00:00:00

سورس پروژه code splitting yarn install npm start

4
  • React Context instead redux

00:33:00

تو این قسمت کانتکس رو یاد میگیریم کانتکس درواقع اومده تا جای ریداکس رو بگیره

5
  • مدیریت خطا در کل اپ ری اکت

00:06:30

تو این قسمت یاد میگیریم چطور خطاهای ناخواسته ری اکت رو مدیریت کنیم و یه صفحه جایگزین به کاربر نشون بدیم

6
  • سورس کد مدیریت خطا

00:00:00

سورس کد مدیریت خطا

7
  • React fragment

00:06:30

تو این قسمت با ری اکت فرگمنت اشنا خواهید شد

8
  • سورس قسمت فرگمنت

00:00:00

سورس قسمت فرگمنت

9
  • React HOC

00:15:00

تو این قسمت با high order component ها اشنا خواهید شد

10
  • سورس قسمت HOC

00:00:00

سورس قسمت HOC

11
  • عمیق شدن در JSX

00:17:00

تو این قسمت در مورد js6 عمیق خواهیم شد

12
  • React useRef

00:17:30

تو این به کاربرد ref ها در ری اکت مسلط میشیم

13
  • React Portal (آموزش ساخت modal از صفر)

00:31:00

تو این قسمت با پرتال یاد میگیریم چطور میتونیم مدال بنویسیم

14
  • سورس پروژه modal

00:00:00

سورس پروژه modal

15
  • دیزاین پترن render props

00:19:00

تو این قسمت یکی از دیزاین پترن های ری اکت رو با ی مثال جالب بررسی میکنیم

16
  • سورس مثال آموزش موش و گربه

00:00:00

سورس مثال آموزش موش و گربه

17
  • Type Checking با طعم Flow

00:17:00

تو این قسمت با flow کار خواهیم کرد

18
  • نصب و راه اندازی TypeScript در React

00:09:00

تو این قسمت به نصب و راه اندازی TypeScript در React میپردازیم

19
  • Redux

00:32:00

تو این قسمت به معرفی redux میپردازیم

20
  • سورس پروژه Context

00:00:00

سورس پروژه Context

21
  • Redux thunk

00:25:00

این قسمت مبحث تکمیلی بحث ریداکس هست

22
  • دیتا فچینگ با طعم SWR

00:14:00

تو این قسمت با swr اشنا میشیم و یاد میگیریم چطور میشه دیتا فچ انجام داد باهاش

23
  • React Query

00:35:00

تو این قسمت با react query آشنا خواهید شد ، این کتابخونه یک کتابخانه کمکی برای دیتا فچ است

24
  • بهینه سازی رندر با React memo

00:14:30

با استفاده از memo میتونید رندر های اضافی رو حذف کنید

25
  • React useCallback Hook

00:05:00

این تابع هم از توابع هوکی ری اکت هست که به ما برای بهینه سازی کمک میکنه

26
  • React useMemo

00:08:30

این هم یکی دیگه از توابع هوک برای بهینه سازی پروژه هاتون

27
  • React Authentication

00:21:30

تو این قسمت بررسی میکنیم چطور میشه پروسه لاگین و لاگ اوت و روت های ادمین رو توی پروژه ری اکت کانفیگ کرد

28
  • دوزبانه کردن اپ ری اکت

00:34:00

تو این قسمت یاد میگیرم چطور میشه یک اپ ری اکت رو دوزبانه کرد

29
  • آموزش کار با API بصورت ماژولار

00:21:00

تو این قسمت عملیات crud رو بصورت ماژولار آموزش میدیم

30
  • مباحث پیشرفته تر Axios

00:36:00

تو این قسمت مباحثی مثل interceptors و concurency رو در axios مطرح میکنیم

دوره های دیگر مدرس

مشاهده همه دوره ها

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

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