در حال حاضر محصولی در سبد خرید شما وجود ندارد.
نحوه استفاده از واکنش به منظور ایجاد UIS بسیار عالی! یا ES6
سیستم چرخه عمر اجزای واکنش نشان می دهد
ایده خوبی است که چگونه یک پروژه بزرگ ایجاد کنید (ما یک کلون کوچک از Airbnb را انجام می دهیم)
عنوان اصلی : React Mega Course Build 25 React Development Projects 2021
سرفصل های دوره :
1. مقدمه دوره:
1. مقدمه ای بر دوره
2. ویدیوی خلاصه دوره
3. بازخورد دوره
3. Project-2 ساخت برنامه چت با React Chat Engine، Socket، REST API:
1. مقدمه ای بر پروژه
2. شروع شدن
3. React Chat Engine
4. اجزاء
5. فید چت
6. جزء پیام من
7. جزء پیام آنها
8. رسیدهای خواندن را رندر کنید
9. فرم پیام
10. فرم ورود
11. اتمام پروژه
12. فایل های کد را دانلود کنید
4. برنامه Project-3 Movies (OTT) با استفاده از React Hooks، Bootstrap:
1. مقدمه ای بر پروژه
2. شروع شدن
3. OMDb API
4. لیست فیلم
5. عنوان فهرست فیلم و کادر جستجو
6. پیاده سازی ویژگی جستجو
7. به موارد دلخواه اضافه کنید
8. حذف از موارد دلخواه
9. محل ذخیره سازی
10. اتمام پروژه
11. فایل های کد را دانلود کنید
5. برنامه وب به اشتراک گذاری ویدیو Project-4 (وب سایت) با استفاده از YouTube API، Material-UI، Axios:
1. مقدمه ای بر پروژه
2. شروع با React
3. React Material-UI
4. Youtube API
5. کامپوننت نوار جستجو
6. React State Hooks
7. جزء جزئیات ویدیو
8. جزء لیست ویدیو
9. جزء آیتم ویدیویی
10. در حال اتمام
11. فایل های کد را دانلود کنید
6. Project-5 To Do List Application Web (Website) با استفاده از React:
1. مقدمه ای بر پروژه
2. شروع با React
3. کامپوننت هدر
4. ایجاد مولفه منطقه
5. یادداشت را اضافه کنید
6. اضافه کردن یادداشت ادامه.
7. ایجاد منطقه CSS
8. کامپوننت یادداشت
9. در حال حذف یادداشت
10. کامپوننت پاورقی
11. در حال تکمیل CSS
12. در حال اتمام
13. فایل های کد را دانلود کنید
7. وب سایت ارسال وبلاگ Project-6 با استفاده از React.js:
1. مقدمه ای بر پروژه
2. شروع با React
3. userSlice.js
4. store.js _ index.js
5. جزء صفحه اصلی
6. کامپوننت نوار ناوبری
7. پایان ناوبر
8. Gnews API
9. جزء وبلاگ ها
10. اتمام پروژه
11. فایل های کد را دانلود کنید
8. وب سایت شبکه اجتماعی Project-7 با شش سطح امنیت و احراز هویت:
1. مقدمه ای بر پروژه
2. شروع با React
3. احراز هویت و امنیت
4. رمزگذاری پایگاه داده
5. متغیرهای محیطی
6. هش کردن
7. نمک زدن و هش کردن
8. بیسکویت ها
9. جلسات
10. Google OAuth
11. فایل های کد را دانلود کنید
9. Project-8 Build Resume Portfolio Website:
1. مقدمه ای بر پروژه
2. شروع با React
3. وابستگی ها و مولفه ها
4. React-Router-DOM
5. لوازم و مولفه خانه
6. کامپوننت نوار ناوبری
7. درباره کامپوننت
8. واگذاری ساختارشکن
9. جزء نهایی
10. اتمام پروژه
11. فایل های کد را دانلود کنید
10. Project-9 Food Ordering Web App - React.js، Material-UI، React Router، CSS:
1. مقدمه ای بر پروژه
2. نصب و راه اندازی پروژه
3. ایجاد نوار ناوبری، صفحه اصلی و پاورقی
4. صفحه منو و نقشه برداری از داده ها
5. درباره _ صفحه تماس - اتمام پروژه
6. فایل های کد را دانلود کنید
11. برنامه وب Project-10 Weather با استفاده از API -React.js، Open Weather API، CSS:
1. مقدمه ای بر پروژه
2. ایجاد کلید API
3. ایجاد کامپوننت جستجو
4. ادامه کامپوننت جستجو
5. ایجاد کارت هواشناسی
6. یک ظاهر طراحی شده کارت آب و هوا
7. قلاب useEffect
8. Promises، Async، Await Try و Catch
9. پیکربندی نقطه پایانی API
10. گرفتن داده ها از API
11. واکشی داده ها در رابط کاربری
12. پویا کردن نمادها و تکمیل پروژه
13. فایل های کد را دانلود کنید
12. Project-11 Food Recipe Application -React.js، Edamam API، Firebase برای میزبانی:
1. مقدمه ای بر پروژه
2. شناسه API Generationg
3. نصب پروژه React
4. ایجاد ساختار پایه
5. شکل دادن به فیلد ورودی و جستجو
6. فراخوانی API از طریق نقطه پایانی
7. پیاده سازی جستجوی سفارشی
8. کشویی رده
9. نقشه برداری داده ها از API
10. جزء RecipeTile
11. اضافه کردن RegEx به فیلتر کردن تصاویر
12. میزبانی وب سایت در Firebase
13. فایل های کد را دانلود کنید
13. Project-12 Expense Tracker Application-React.js، Context API، CSS:
1. مقدمه ای بر پروژه
2. ساختار و اجزای پوشه
3. ایجاد کامپوننت ها
4. ایجاد زمینه های جهانی
5. لیست معاملات
6. تراکنش را اضافه کنید
7. جزء تعادل
8. جزء هزینه درآمد
9. معامله و وضعیت جهانی
10. کاهش دهنده برنامه و داده های پویا
11. CSS و اتمام
12. فایل های کد را دانلود کنید
14. برنامه Project-13 Color Generator -React.js، Values.js، React-Hoks، CSS:
1. مقدمه ای بر پروژه
2. راه اندازی پروژه
3. گرفتن ورودی
4. شکل دادن به ورودی ها و دکمه ها
5. اثرات خطا بر روی فرم
6. دریافت داده از Values-js
7. تبدیل RGB به Hex
8. جزء تک رنگ
9. حالت دادن به جزء تک رنگ
10. قابلیت کپی در کلیپ بورد
11. نگاشت داده ها در App-js
12. در حال اتمام
13. فایل های کد را دانلود کنید
15. برنامه Project-14 My Cart - React.js، React-Hoks، API خارجی، CSS:
1. مقدمه ای بر پروژه
2. راه اندازی و نصب پروژه
3. ایجاد نوار ناوبری
4. یک ظاهر طراحی شده نوار نوار
5. ایجاد زمینه
6. ایجاد کانتینر سبد خرید
7. ایجاد مؤلفه CartItem
8. استفاده از Reducer Hook
9. پیاده سازی کاهش مصرف
10. پاک کردن سبد خرید
11. افزودن و حذف اقلام از سبد خرید
12. ایجاد اقدامات در Reducer
13. ارسال و اقدامات نهایی
14. فایل های کد را دانلود کنید
16. Project-15 Cafe Menu Application-React.js، React-Hooks، Firebase، CSS:
1. مقدمه ای بر پروژه
2. راه اندازی پروژه
3. سبک دادن به عنوان
4. ایجاد مؤلفه دسته
5. جزء منو
6. حالت دادن به مؤلفه منو
7. کار بر روی مؤلفه دسته
8. انتقال و نگاشت داده ها به مؤلفه منو
9. ارائه داده ها در مؤلفه برنامه.
10. برنامه میزبانی در Firebase
11. فایل های کد را دانلود کنید
17. برنامه وب Project-16 Cocktail Hub -React.js، React-Hoks، API خارجی:
1. مقدمه ای بر پروژه
2. ایجاد نوار ناوبری
3. پیوند دادن کامپوننت ها به نوار ناوبری
4. ایجاد زمینه
5. API که قرار است از آن استفاده کنیم
6. تنظیم زمینه جهانی
7. واکشی داده ها از Try And Catch
8. ایجاد زمینه جهانی
9. ایجاد کامپوننت جستجو
10. اجزای لیست کوکتل
11. تک جزء کوکتل
12. فایل های کد را دانلود کنید
18. Project-17 Random Person App -React DOM، Webpack، HTML5، CSS3، React- Router:
1. مقدمه ای بر پروژه
2. راه اندازی برنامه React ما برنامه React
3. ایجاد رابط کاربری
4. اضافه کردن سبک به برنامه ما
5. useState و useEffect Hooks
6. Refactoring کد ما
7. تنظیمات مرزها
8. گسترش
9. فایل های کد را دانلود کنید
19. Project-18 A Tour List A برنامه ساخته شده با React و مستقر در Heroku:
1. مقدمه ای بر پروژه
2. ایجاد React App
3. سلسله مراتب برنامه ما
4. پر کردن داشبورد ما
5. پر کردن جزء تورهای ما
6. پر کردن جزء تور ما
7. پیش نمایش
8. افزودن CSS
9. تماس API
10. اضافه کردن تابع حذف
11. ایجاد مقداری تعدیل
12. گسترش
13. فایل های کد را دانلود کنید
2. Project-1 ایجاد اپلیکیشن تجارت الکترونیک (Amazon Clone):
1. مقدمه ای بر پروژه
2. شروع با React
3. سربرگ فروشگاه الکترونیکی
4. صفحه اصلی فروشگاه اینترنتی
5. React Props
6. React Routing
7. صفحه پرداخت الکترونیکی فروشگاه
8. React Context API
9. به سبد اضافه کن
10. حذف از سبد
11. احراز هویت با استفاده از Firebase
12. استقرار برنامه
13. فایل های کد را دانلود کنید
20. برنامه یادآوری تولد Project-19 ساخته شده با React و مستقر در Heroku:
1. مقدمه ای بر پروژه
2. ایجاد React App
3. ایجاد صفحه دیگ بخار
4. راه اندازی useState
5. پر کردن جزء لیست
6. اضافه کردن سبک ها 1
7. اضافه کردن CSS 2
8. اضافه کردن سبک به جزء لیست
9. رندر تصاویر با سبک
10. رندر کردن رابط کاربری دلخواه
11. گسترش
12. فایل های کد را دانلود کنید
21. Project-20 An Expense Tracker ساخته شده با React و Material UI:
1. مقدمه ای بر پروژه
2. ایجاد کامپوننت ها
3. بررسی برنامه
4. خانه داری
5. ساخت اپلیکیشن
6. افزودن داده ها
7. گذراندن مقادیر و توابع
8. اضافه کردن سبک به برنامه
9. پیکربندی Balance.jsx
10. تهیه برگه هزینه
11. برگه هزینه
12. ستون های برگه هزینه
13. اضافه کردن سبک به برگه هزینه
14. جزء معاملات
15. معامله بخش 1
16. معامله قسمت 2
17. رسیدگی به خطا
18. آخرین Refactor
19. فایل های کد را دانلود کنید
22. برنامه جستجوی Emoji Project-21 ساخته شده با React و مستقر در Heroku:
1. مقدمه ای بر پروژه
2. ایجاد برنامه React ما
3. اضافه کردن ساختار پوشه
4. پر کردن App.jsx
5. ایجاد سربرگ
6. افزودن CSS به هدر
7. افزودن نوار جستجو
8. افزودن ایالت
9. Results.jsx
10. نتایج ایموجی
11. خطا
12. اضافه کردن سبک ها
13. افزودن توابع
14. اصلاح Filter.js
15. فاینال فاکتور
16. بخشوفاداری
17. فایل های کد را دانلود کنید
23. Project-22 یک برنامه Color Generators که کدهای رنگی را تولید می کند:
1. مقدمه ای بر پروژه
2. ساخت React Application
3. اولین اجرا
4. خانه داری
5. تنظیم ساختار پوشه
6. در حال نصب values.js
7. ایجاد داشبورد
8. افزودن CSS
9. اضافه کردن سبک به داشبورد
10. افزودن ایالات
11. پیکربندی Utils
12. اضافه کردن useEffect Hook
13. لمس نهایی
14. گسترش
15. فایل های کد را دانلود کنید
24. Project-23 یک برنامه Breaking Bad Character ساخته شده با React:
1. مقدمه ای بر پروژه
2. ساخت React Application
3. خانه داری
4. Refactoring کد در برنامه ما
5. افزودن ایالت
6. ایجاد نوار جستجو
7. واکشی داده ها از API
8. افزودن کد به لیست کاراکترها
9. ارائه آیتم لیست کاراکترها
10. رسیدگی به خطا
11. پیکربندی صفحه بارگیری
12. افزودن سبک ها قسمت 1
13. اضافه کردن سبک ها قسمت 2
14. فایل های کد را دانلود کنید
25. برنامه Project-24 Random Quotes ساخته شده با React، مستقر در Heroku:
1. مقدمه ای بر پروژه
2. ساخت React Application
3. کامپوننت Hello World
4. ساختار پوشه
5. پیکربندی Quotes.jsx
6. تخریب ساختار داده ها
7. افزودن سبک ها قسمت 1
8. دکمه اضافه کردن
9. افزودن سبک ها قسمت 2
10. افزودن API
11. افزودن کنترل کننده کلیک
12. رسیدگی به خطا
13. اضافه کردن پاورقی
14. افزودن خانواده فونت
15. ارسال کد به Github
16. استقرار در هروکو
17. فایل های کد را دانلود کنید
26. Project-25 یک برنامه تولید کننده رمز عبور ساخته شده با React:
1. مقدمه ای بر پروژه
2. ساخت React Application
3. اولین اجرا
4. نصب Dependencies
5. ایجاد HTML
6. افزودن Sass -1
7. افزودن Sass-2
8. افزودن Sass-3
9. ایالات اولیه
10. ساختار روشها
11. ایجاد روش ها
12. توضیح
13. مقداردهی اولیه خواص
14. ایجاد روش های کپی
15. اضافه کردن نان تست
16. فاینال فاکتور
17. فایل های کد را دانلود کنید
React Mega Course Build 25 React Development Projects 2021
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.
