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

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

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

قیمت این دوره: رایگانــ
  • مدرس دوره : فرزاد معصومی
  • تعداد ویدیوها : 22 ویدیو
  • مدت زمان دوره : 4:2:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1400/09/13
آموزش Material UI React در قالب پروژه

آموزش Material UI React در قالب پروژه

سلام دوستان عزیز

در این دوره در قالب یک پروژه به یادگیری کتابخانه material ui می پردازیم.

material ui کتابخانه ای برای طراحی ui در react js مورد استفاده قرار می گیره و بسیار در حال محبوب شدن هست.

پیش نیاز های دوره: آشنایی مبتدی با react همچنین html css هست.




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

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

1
  • دوره material ui - دموی دوره

00:05:38

در این ویدیو پیش نمایش دوره رو با هم میبینیم

2
  • آماده سازی پیش نیاز ها

00:08:34

در این ویدیو پیش نیازهای material ui رو نصب میکنیم

3
  • نصب material ui

00:09:40

در این ویدیو material ui رو با هم نصب میکنیم

4
  • custom style در material ui

00:08:57

در این ویدیو با استایل دهی در material ui آشنا میشیم

5
  • custom styles در material ui (قسمت دوم)

00:10:51

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

6
  • طراحی بخش header

00:09:27

در این ویدیو شروع به طراحی قالب خودمون میکنیم

7
  • طراحی بخش header (قسمت دوم)

00:09:44

در این ویدیو طراحی هدر خودمون رو ادامه میدیم

8
  • طراحی بخش header (قسمت سوم)

00:12:21

در این ویدیو طراحی بخش header خودمون رو ادامه میدیم

9
  • طراحی بخش header (قسمت چهارم)

00:09:11

در این ویدیو بخش هدر خودمون رو تکمیل تر میکنیم

10
  • طراحی بخش header (قسمت پنجم)

00:12:11

در این ویدیو طراحی بخش header رو به پایان میرسونیم

11
  • توضیح راجب گرید material ui (تنظیم گریدبندی)

00:19:03

در این ویدیو در مورد سیستم گرید material ui توضیحاتی میدیم و سیستم گرید بخش های بعدی قالب رو با هم تنظیم میکنیم

12
  • طراحی بخش rightbar

00:10:57

در این قسمت بخش rightbar خودمون رو طراحی میکنیم

13
  • طراحی بخش rightbar (قسمت دوم)

00:11:13

در این ویدیو طراحی بخش rightbar رو با هم به پایان میرسونیم

14
  • طراحی بخش post

00:14:28

در این ویدیو بخش post رو با هم طراحی میکنیم

15
  • طراحی بخش modal

00:07:52

در این ویدیو بخش modal قالب رو با هم شروع به طراحی میکنیم

16
  • طراحی بخش modal (قسمت دوم)

00:08:27

در این ویدیو طراحی بخش مودال رو با هم ادامه میدیم

17
  • طراحی بخش modal (قسمت سوم)

00:13:35

در این ویدیو طراحی بخش مودال رو ادامه میدیم

18
  • طراحی بخش modal (قسمت چهارم)

00:11:50

در این ویدیو طراحی بخش modal رو با هم ادامه میدیم

19
  • طراحی بخش modal (قسمت پنجم)

00:09:25

در این ویدیو بخش مودال خودمون رو تکمیل میکنیم

20
  • نمایش پیام alert

00:14:25

در این ویدیو یک پیام alert رو برای مودال خودمون میسازیم

21
  • طراحی بخش left bar

00:15:36

در این ویدیو سایدبار سمت چپ قالب رو با هم طراحی میکنیم

22
  • طراحی بخش leftbar

00:09:20

در این ویدیو طراحی قالب به پایان میرسه (پایان)

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

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

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

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