مخصوص اعضای ویژه 
قیمت این دوره با تخفیف 50% : 149,500 تومان مهلت استفاده از این تخفیف تا :
آموزش ReactJs ( مقدماتی تا پیشرفته )
ری اکت , یک کتابخانه open-source جاوا اسکریپت برای ایجاد رابط کاربری به خصوص برای برنامه های تک صفحه ای است. با ترکیب سرعت و کارایی جاوا اسکریپت با روشی کارآمدتر برای دستکاری DOM، موجب میشود تا صفحات وب‌سایت‌ها به‌صورتی سریع‌تر در دسترس قرار بگیرند. ایجاد برنامه های React نیاز به استفاده از کتابخانه های اضافی برای مدیریت state و تعامل با API دارد نمونه مربوط به چنین کتابخانه هایی ری داکس است. با استفاده از ریداکس، State های اپلیکیشن در یک مخزن نگهداری می‌شوند و دسترسی هر کامپوننت به تمامی State ها نیز امکان پذیر است.
افراد علاقه مند به توسعه و برنامه نویسی فرانت اند می توانند ری اکت را در برنامه نویسان به طور کامل بیاموزند.
قیمت این دوره: 299,000 149,500 تومان
- مدرس دوره : فرزاد معصومی ( رزومه )
- تعداد ویدیوها : 174 ویدیو
- مدت زمان دوره : 33:1:00
- سطح دوره : متوسط
- وضعیت دوره : به اتمام رسیده
- تاریخ آخرین بروزرسانی : 1402/12/24
آموزش ساخت 25 پروژه با ReactJS
سلام دوستان خوبم
امیدوارم حالتون خوب باشه ما در این دوره آموزشی به ساخت 25 پروژه کاربردی برای کتابخانه react js میپردازیم.
دوستان عزیز در دموی دوره به صورت کامل راجع به همه چیز توضیح دادم پس خوشحال میشم اول دمو رو ببینید بعد اقدام به تهیه دوره کنید.
مواردی که از react js باقی میمونه قطعا در آپدیت های دوره اضافه میشه
سرفصل های دوره:
فصل اول دوره
راه اندازی پیش نیازها و توضیحات دوره
دموی دوره
توضیحات دوره
بررسی ری اکت
نصب نود جی اس
نصب ری اکت و ادیتور
تغییر ورژن 18 به 17 و بالعکس
تنظیم قالب اصلی پروژها
فصل دوم دوره
ساخت پروژه های ابتدایی
نمایش و مخفی سازی پسوورد
ساخت accordion
ساخت لورم ساز
ساخت navbar
ساخت اسلایدشو
ساخت scroll indicator
جستجوی عکس unsplash
ساخت فرم تماس
ساخت لایت و دارک مود
ساخت سایدبار
ساخت لیست کتاب ها
ساخت generator رنگ
ساخت بخش فیلتر محصولات
ساخت لیست کارها
ساخت آپلودر عکس
ساخت اسلایدر
ساخت password stronger
ساخت فروشگاه
دانلود جدول pdf
smooth scroll
فصل سوم
ساخت پروژه های متوسطه
ساخت لندینگ پیج
ساخت سرچ لیست
ساخت شاپ با Redux
ساخت شاب با Context Api
ساخت بلاگ فول استک
پیش نیاز های دوره :
- آشنایی با Ecmascript به صورت مختصر
- آشنایی مبتدی با React js
- آشنایی با HTML, CSS
فهرستـــ ویدیوها
مدت زمان دوره 33:1:00با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.
3
بررسی وب سایت react و توضیحات راجب اون
00:08:42
در این ویدیو کمی وب سایت React رو بررسی میکنیم و توضیحاتی که برای ما قرار داده رو توصیف میکنیم
5
نصب react js و vscode و اکستنشن ها
00:06:13
در این ویدیو react js و ادیتور و اکستنشن های اون رو نصب میکنیم
6
تغییر ورژن 18 به 17 در react و بالعکس
00:12:13
در این ویدیو یاد میگیرین چجوری ورژن ری اکت اپلیکیشنتون رو از 18 به 17 و همچنین از 17 به 18 تغییر بدین
9
پروژه اول (نمایش و مخفی سازی پسوورد) - طراحی ابتدایی پروژه
00:07:23
در این ویدیو شروع به ساخت اولین پروژه خودمون میکنیم
12
پروژه دوم (ساخت accordion) - راه اندازی پروژه
00:09:48
در این ویدیو شروع به ساخت یک accordion میکنیم
16
پروژه سوم - هندل فرم و نمایش اطلاعات
00:10:02
در این ویدیو روی فرم خودمون همچنین نمایش اطلاعات دیتا کار میکنیم
17
پروژه سوم - تکمیل پروژه
نمایش آنلاین این بخش رایگان است
00:06:39
در این ویدیو پروژه سوم رو با هم تکمیل میکنیم
18
پروژه چهارم (ساخت navbar) شروع به طراحی
00:11:57
در این پروژه شروع با ساخت یک navbar ریسپانسیو میکنیم
22
پروژه پنجم (ساخت اسلایدشو) - طراحی پروژه
نمایش آنلاین این بخش رایگان است
00:12:50
در این ویدیو شروع به طراحی پروژه پنجم خودمون میکنیم
25
پروژه ششم (ساخت scroll indicator) - طراحی پروژه
00:09:18
در این ویدیو شروع به ساخت پروژه ششم میکنیم
27
پروژه هفتم (جستجو عکس unsplash) - طراحی پروژه
00:09:37
در این ویدیو پروژه هفتم خودمون رو شروع به طراحی میکنیم
30
پروژه هشتم (فرم تماس) - طراحی پروژه
00:12:35
توی این پروژه پروژه هشتم که یک فرم تماس هست رو با هم شروع به طراحی و ساخت میکنیم
36
پروژه نهم - ذخیره سازی در localstorage - تکمیل پروژه
00:15:56
در این ویدیو اطلاعات خودمون رو در localstorage ذخیره میکنیم
37
پروژه دهم (ساخت سایدبار) - شروع به طراحی
00:10:12
در این ویدیو شروع به ساخت پروژه دهم خودمون میکنیم
44
پروژه یازدهم - حذف کتاب از لیست و localstorage - تکمیل پروژه
00:14:58
در این ویدیو پروژه پروژه یازدهم به پایان میرسه
45
پروژه دوازدهم (ساخت generator رنگ) - طراحی پروژه
00:11:03
در این ویدیو شروع با ساخت پروژه دوازدهم میکنیم
47
پروژه سیزدهم (فیلتر محصولات) - شروع به طراحی
00:12:47
در این ویدیو شروع با ساخت پروژه سیزدهم میکنیم
49
پروژه سیزدهم - داینامیک سازی فیلترها - تکمیل پروژه
00:15:22
در این ویدیو پروژه سیزدهم به پایان میرسه
53
پروژه چهاردهم - حذف و تایید یک کار
00:14:31
در این ویدیو روی حذف و تایید یک کار پروژه رو ادامه میدیم
56
پروژه چهاردهم - تکمیل پروژه
نمایش آنلاین این بخش رایگان است
00:09:04
در این ویدیو پروژه چهاردهم به پایان میرسه
57
پروژه پانزدهم (ساخت آپلودر عکس) - شروع به نصب لاراول
00:16:27
در این پروژه قراره یک آپلودر عکس رو با هم بسازیم
62
پروژه پانزدهم - پویا سازی progressbar
نمایش آنلاین این بخش رایگان است
00:12:58
در این ویدیو پروژه پانزدهم خودمون رو تکمیل میکنیم
67
پروژه شانزدهم - تکمیل دکمه بعدی و قبلی
00:10:20
در این ویدیو بخش دکمه های بعدی و قبلی رو تکمیل میکنیم
69
پروژه هفدهم (password stronger) - شروع به طراحی
00:08:46
در این ویدیو پروژه هفدهم خودمون رو شروع با ساخت میکنیم
72
پروژه هجدهم (ساخت فروشگاه) - شروع به طراحی
00:10:24
در این ویدیو شروع با ساخت یک فروشگاه ساده میکنیم
76
پروژه هجدهم - نمایش محصولات به صورت پویا
00:10:10
در این ویدیو محصولات خودمون رو به صورت پویا به نمایش میزاریم
77
پروژه هجدهم -ساخت فیلتر جدیدترین و قدیمی ترین محصولات
00:13:56
توی این ویدیو فیلتر جدیدترین و قدیمیترین محصولات رو با هم میسازیم
79
پروژه هجدهم - افزودن محصول به سبد خرید
00:11:10
در این ویدیو محصولات خودمون رو میفرستیم برای سبد خرید
80
پروژه هجدهم - تکمیل افزودن به سبد خرید
00:10:17
در این ویدیو بخش افزودن به سبد خرید محصولات تکمیل میشه
81
پروژه هجدهم - نمایش محصولات سبد خرید
00:11:21
در این ویدیو محصولات در سبد خرید رو به نمایش میزاریم و روی تعداد اونا کار میکنیم
82
پروژه هجدهم - نمایش قیمت و سه رقم کردن قیمت
00:15:39
در این ویدیو روی نمایش مجموع قیمت و سه رقم کردن قیمت ها کار میکنیم
83
پروژه هجدهم - انیمیشن پروژه - تکمیل پروژه
00:09:17
در این ویدیو روی انیمیشن پروژه کار میکنیم و پروژه خودمون رو تکمیل میکنیم
84
پروژه نوزدهم (دانلود جدول pdf) - شروع به طراحی
00:10:12
در این پروژه ما میخوایم یک جدول pdf رو دانلود کنیم
86
پروژه بیستم (smooth scroll) - طراحی پروژه
00:10:31
در این ویدیو پروژه بیستم خودمون رو شروع به ساخت میکنیم
88
پروژه بیست و یکم (landing page) - آماده سازی پیش نیازهای قالب
00:13:49
در این ویدیو پروژه بیست و یکم رو شروع میکنیم
89
پروژه بیست و یکم - آماده سازی پیش نیازهای قالب
00:10:19
در این ویدیو ادامه روند آماده سازی پیش نیازهای قالب رو میریم
99
پروژه بیست و یکم - تکمیل feature و طراحی download
00:12:01
در این ویدیو بخش feature طراحیش به پایان میرسه و طراحی بخش download رو شروع میکنیم
100
پروژه بیست و یکم - تکمیل download و طراحی subscribe
00:09:12
در این ویدیو طراحی قالب رو ادامه میدیم
102
پروژه بیست و یکم - تکمیل subscribe و طراحی faq
00:12:08
در این ویدیو طراحی بخش subscribe به پایان میرسه و طراحی بخش faq رو شروع میکنیم
108
پروژه بیست و دوم - ساخت جستجوی لیست - راه اندازی کار
00:10:37
توی این ویدیو میریم سراغ پروژه بیست و دوم
114
پروژه بیست و سوم - راه اندازی ریداکس
00:09:34
توی این ویدیو ریداکس رو به روی پروژه خودمون راه اندازی میکنیم
115
پروژه بیست و سوم - افزودن به سبد خرید
00:10:51
توی این ویدیو روی افزودن محصول به سبد خرید کار میکنیم
116
پروژه بیست و سوم - نمایش و حذف محصول در سبد خرید
00:10:50
توی این ویدیو محصولات سبد خرید رو به نمایش میزاریم و روی حذف اونا کار میکنیم
117
پروژه بیست و سوم - افزایش و کاهش تعداد محصول
00:12:02
توی این ویدیو تعداد محصولات توی سبد خرید رو زیاد و کم میکنیم
121
پروژه بیست و چهارم - نمایش محصولات
00:12:17
توی این ویدیو محصولات خودمون رو در صفحه اصلی به نمایش میزاریم
122
پروژه بیست و چهارم - ساخت صفحه جزئیات محصول
00:12:01
توی این ویدیو شروع به ساخت صفحه جزئیات محصول میکنیم
123
پروژه بیست و چهارم - طراحی صفحه جزئیات محصول
00:12:12
توی این ویدیو صفحه جزئیات محصولات خودمون رو میسازیم
124
پروژه بیست و چهارم - افزودن محصول به سبد خرید
00:10:37
توی این ویدیو محصولات رو به سبد خرید اضافه میکنیم
125
پروژه بیست و چهارم - نمایش محصولات سبد خرید
00:12:14
توی این ویدیو محصولات سبد خرید خودمون رو به نمایش میزاریم
126
پروژه بیست و چهارم - ادامه ساخت سبد خرید
00:16:46
توی این ویدیو سبد خرید خودمون رو تکمیل تر میکنیم
127
پروژه بیست و چهارم - حذف محصول و نمایش مجموع قیمت
00:13:10
توی این ویدیو روی حذف و نمایش مجموع قیمت محصول کار میکنیم
128
پروژه بیست و چهارم - ذخیره سازی سبد خرید در localstorage
00:14:49
توی این ویدیو محصولات سبد خرید رو توی localstorage مرورگر ذخیره میکنیم
132
پروژه بیست و پنجم - روت بندی و طراحی صفحه ثبت نام
00:11:06
توی این ویدیو روت بندی پروژه رو کمی انجام میدیم و صفحه ثبت نام رو طراحی میکنیم
133
پروژه بیست و پنجم - طراحی صفحات ثبت نام و ورود کاربران
00:14:27
توی این ویدیو صفحات ثبت نام و ورود رو با هم طراحی میکنیم
134
پروژه بیست و پنجم - مدیریت inputها و راه اندازی بک اند
00:14:00
توی این ویدیو بک اند خودمون رو راه اندازی میکنیم
135
پروژه بیست و پنجم - ساخت ثبت نام کاربری
00:10:51
توی این ویدیو بخش ثبت نام کاربری وب سایت رو با هم مینویسیم
136
پروژه بیست و پنجم - ادامه ساخت ثبت نام کاربری
00:13:34
توی این ویدیو بخش ثبت نام کاربری رو با هم تکمیل تر میکنیم
143
پروژه بیست و پنجم - ادامه ساخت ارسال بلاگ
00:12:45
توی این ویدیو بخش ارسال بلاگ رو تکمیل تر میکنیم
145
پروژه بیست و پنجم - نمایش بلاگ ها
00:11:21
توی این ویدیو نمایش بلاگ ها در صفحه اصلی رو تکمیل میکنیم
147
پروژه بیست و پنجم - تکمیل صفحه جزئیات بلاگ
00:11:02
توی این ویدیو صفحه جزئیات بلاگ رو با هم تکمیل میکنیم
148
پروژه بیست و پنجم - نمایش پست های کاربر
00:10:54
توی این ویدیو پست های هر کابر رو برای خودش به نمایش میزاریم
149
پروژه بیست و پنجم - تکمیل نمایش پست های کاربر و حذف پست
00:13:52
توی این ویدیو پست های کاربر رو بهش نشون میدیم و روی حذف اونا کار میکنیم
152
پروژه بیست و پنجم - ادامه ویرایش بلاگ
00:11:29
توی این ویدیو ادامه بخش ویرایش بلاگ های خودمون رو میسازیم
154
پروژه بیست و پنجم - ادامه ساخت بخش نظرات
00:10:50
توی این ویدیو بخش نظرات خودمون رو تکمیل تر میکنیم
158
پروژه بیست و پنجم - ساخت بخش نمایش بیشتر بلاگ ها
00:08:27
توی این ویدیو بخش نمایش بیشتر بلاگ هارو با هم میسازیم
نظرات کاربران در رابطه با این دوره