قیمت این دوره: 299,000 119,600 تومان
  • مدرس دوره : فرزاد معصومی
  • تعداد ویدیوها : 43 ویدیو
  • مدت زمان دوره : 8:1:00
  • سطح دوره : متوسط
  • وضعیت دوره : در حال برگزاری
  • تاریخ آخرین بروزرسانی : 1401/04/12
ثبتـــ نام در این دوره
آموزش ساخت 25 پروژه با ReactJS

سلام دوستان خوبم

امیدوارم حالتون خوب باشه ما در این دوره آموزشی به ساخت 25 پروژه کاربردی برای کتابخانه react js میپردازیم.

دوستان عزیز در دموی دوره به صورت کامل راجع به همه چیز توضیح دادم پس خوشحال میشم اول دمو رو ببینید بعد اقدام به تهیه دوره کنید.

مواردی که از react js باقی میمونه قطعا در آپدیت های دوره اضافه میشه

 

سرفصل های دوره:

فصل اول دوره      

راه اندازی پیش نیازها و توضیحات دوره

دموی دوره 

توضیحات دوره 

بررسی ری اکت 

نصب نود جی اس

نصب ری اکت و ادیتور 

تغییر ورژن 18 به 17 و بالعکس

تنظیم قالب اصلی پروژها 

 

فصل دوم دوره

ساخت پروژه های ابتدایی

نمایش و مخفی سازی پسوورد 

ساخت accordion

ساخت لورم ساز

ساخت navbar

ساخت اسلایدشو

ساخت scroll indicator

جستجوی عکس unsplash

 ساخت فرم تماس

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

ساخت سایدبار

ساخت لیست کتاب ها

ساخت generator رنگ

ساخت بخش فیلتر محصولات

ساخت لیست کارها

ساخت آپلودر عکس

ساخت اسلایدر

ساخت password stronger

ساخت فروشگاه

دانلود جدول pdf

smooth scroll

 

فصل سوم

 ساخت پروژه های متوسطه

 ساخت لندینگ پیج

ساخت سرچ لیست

ساخت شاپ با Redux

ساخت شاب با Context Api

ساخت بلاگ فول استک

 

 



پیش نیاز های دوره :

  1. آشنایی مبتدی با React js
  2. آشنایی با HTML, CSS
  3. آشنایی با Ecmascript به صورت مختصر


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

مدت زمان دوره 8:1:00
  • لطفا در صورت اقدام به دانلود تا انتها فرایند دانلود ، این صفحه را باز نگاه دارید.

1
  • دموی دوره

00:26:51

دموی دوره

2
  • توضیحات دوره

00:02:27

در این ویدیو توضیحاتی در مورد دوره میدیم

3
  • بررسی وب سایت react و توضیحات راجب اون

00:08:42

در این ویدیو کمی وب سایت React رو بررسی میکنیم و توضیحاتی که برای ما قرار داده رو توصیف میکنیم

4
  • نصب node js

00:06:33

در این ویدیو node js خودمون رو نصب میکنیم

5
  • نصب react js و vscode و اکستنشن ها

00:06:13

در این ویدیو react js و ادیتور و اکستنشن های اون رو نصب میکنیم

6
  • تغییر ورژن 18 به 17 در react و بالعکس

00:12:13

در این ویدیو یاد میگیرین چجوری ورژن ری اکت اپلیکیشنتون رو از 18 به 17 و همچنین از 17 به 18 تغییر بدین

7
  • تنظیم template اصلی پروژه ها

00:11:50

در این ویدیو template اصلی همه پروژه هارو میسازیم

8
  • تکمیل template پروژه های دوره

00:07:49

در این ویدیو template پروژه های خودمون رو تکمیل میکنیم

9
  • پروژه اول (نمایش و مخفی سازی پسوورد) - طراحی ابتدایی پروژه

00:07:23

در این ویدیو شروع به ساخت اولین پروژه خودمون میکنیم

10
  • پروژه اول - طراحی ابتدایی پروژه

00:09:30

در این ویدیو توضیحاتی راجب پروژه میدیم

11
  • پایان پروژه اول - پویا سازی

00:08:44

در این ویدیو پروژه اول به پایان میرسه

12
  • پروژه دوم (ساخت accordion) - راه اندازی پروژه

00:09:48

در این ویدیو شروع به ساخت یک accordion میکنیم

13
  • پروژه دوم - طراحی پروژه

00:10:42

در این ویدیو ساخت پروژه دوم رو با هم ادامه میدیم

14
  • پروژه دوم - تکمیل پروژه

00:13:31

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

15
  • پروژه سوم - (ساخت لورم ساز) - طراحی ابتدایی

00:09:26

در این ویدیو شروع به ساخت پروژه سوم میکنیم

16
  • پروژه سوم - هندل فرم و نمایش اطلاعات

00:10:02

در این ویدیو روی فرم خودمون همچنین نمایش اطلاعات دیتا کار میکنیم

17
  • پروژه سوم - تکمیل پروژه

  • نمایش آنلاین این بخش رایگان است
00:06:39

در این ویدیو پروژه سوم رو با هم تکمیل میکنیم

18
  • پروژه چهارم (ساخت navbar) شروع به طراحی

00:11:57

در این پروژه شروع با ساخت یک navbar ریسپانسیو میکنیم

19
  • پروژه چهارم - استایل دهی

00:11:54

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

20
  • پروژه چهارم - ادامه طراحی کار

00:10:41

در این ویدیو طراحی پروژه رو با هم ادامه میدیم

21
  • پروژه چهارم - تکمیل پروژه

00:15:31

در این ویدیو پروژه چهارم رو به پایان میرسونیم

22
  • پروژه پنجم (ساخت اسلایدشو) - طراحی پروژه

  • نمایش آنلاین این بخش رایگان است
00:12:50

در این ویدیو شروع به طراحی پروژه پنجم خودمون میکنیم

23
  • پروژه پنجم - پویا سازی اسلایدشو

00:09:38

در این ویدیو اسلایدشو خودمون رو شروع به پویا سازی میکنیم

24
  • پروژه پنجم - حل مشکل اسلایدشو و تکمیل پروژه

00:09:40

در این ویدیو پروژه پنجم رو با هم تکمیل میکنیم

25
  • پروژه ششم (ساخت scroll indicator) - طراحی پروژه

00:09:18

در این ویدیو شروع به ساخت پروژه ششم میکنیم

26
  • پروژه ششم - تکمیل پروژه

00:12:00

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

27
  • پروژه هفتم (جستجو عکس unsplash) - طراحی پروژه

00:09:37

در این ویدیو پروژه هفتم خودمون رو شروع به طراحی میکنیم

28
  • پروژه هفتم - استفاده از api

00:12:25

در این ویدیو از api استفاده میکنیم

29
  • پروژه هفتم - تکمیل پروژه

00:12:47

در این ویدیو پروژه هفتم به پایان میرسه

30
  • پروژه هشتم (فرم تماس) - طراحی پروژه

00:12:35

توی این پروژه پروژه هشتم که یک فرم تماس هست رو با هم شروع به طراحی و ساخت میکنیم

31
  • پروژه هشتم - تنظیمات ارسال پیام

00:12:52

در این ویدیو روی تنظیمات ارسال پیام کار میکنیم

32
  • پروژه هشتم - تنظیمات پاسخ - پایان پروژه

00:13:47

در این ویدیو پروژه هشتم رو به پایان میرسونیم

33
  • پروژه نهم (لایت و دارک مود) - شروع به طراحی

00:09:29

در این ویدیو شروع به ساخت پروژه هشتم میکنیم

34
  • پروژه نهم - ادامه طراحی کار

00:12:01

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

35
  • پروژه نهم - تکمیل لایت و دارک مود

00:10:58

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

36
  • پروژه نهم - ذخیره سازی در localstorage - تکمیل پروژه

00:15:56

در این ویدیو اطلاعات خودمون رو در localstorage ذخیره میکنیم

37
  • پروژه دهم (ساخت سایدبار) - شروع به طراحی

00:10:12

در این ویدیو شروع به ساخت پروژه دهم خودمون میکنیم

38
  • پروژه دهم - طراحی پروژه

00:10:35

در این ویدیو طراحی پروژه رو جلو میبریم

39
  • پروژه دهم - راه اندازی context

00:11:37

در این ویدیو context رو برای این پروژه راه اندازی میکنیم

40
  • پروژه دهم - تکمیل پروژه

00:13:56

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

41
  • پروژه یازدهم (لیست کتاب ها) - شروع به طراحی

00:13:58

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

42
  • پروژه یازدهم - ذخیره کتاب در لیست

00:14:59

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

43
  • پروژه یازدهم - نمایش اطلاعات در لیست کتاب ها

00:11:57

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

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

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

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

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