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

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

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

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

آموزش جامع 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

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

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

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

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

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