توسعه DApp فول استک با React و Web3
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- ایجاد و طراحی رابطهای کاربری کاربرپسند با استفاده از React ،HTML و CSS
- یکپارچهسازی دادههای بلاکچین به طور یکپارچه با Web3 و اتریوم
- توسعه ویژگیهای پویا مانند staking و عملکرد airdrop
- ساخت یک DApp رأیگیری کاملاً عملیاتی با تعامل قراردادهای هوشمند
توضیحات دوره
توسعه DApp کامل را با یکپارچهسازی React ،Web3 و بلاکچین اتریوم یاد بگیرید. در پایان، شما اپلیکیشن های غیرمتمرکز با رابطهای کاربری پویا خواهید ساخت، فرانتاند را به قراردادهای هوشمند متصل میکنید و ویژگیهای بلاکچین مانند token staking، ایردراپ ها و سیستمهای رأیگیری را پیادهسازی خواهید کرد. پروژههای عملی اطمینان میدهند که مهارتهای واقعی در توسعه اپلیکیشن های بلاکچینی کسب کنید.
با مبانی React شروع کنید و JSX، Bootstrap و مدیریت استیت را یاد بگیرید. به Web3 و اتریوم پیش بروید و دادههای بلاکچین را بارگذاری کرده و با قراردادهای هوشمند تعامل کنید. تمرینها ادغام اتریوم و بروزرسانیهای UI مبتنی بر بلاکچین را تقویت میکنند.
با پیادهسازی staking، جوایز airdrop و انیمیشنهای UI پیشرفت کنید. بهترین شیوهها در debugging، تست و بهینهسازی تعاملات بلاکچین را یاد بگیرید. یک پروژه نهایی DApp رأیگیری تخصص شما در Solidity و اتریوم را عمیقتر خواهد کرد و شما را برای توسعه DApp در دنیای واقعی آماده میکند.
این دوره برای توسعهدهندگان JavaScript که مشتاق به کاوش در اپلیکیشن های بلاکچینی هستند طراحی شده و مسیری ساختاریافته و عملی برای ساخت راهحلهای Web3 و DApp ارائه میدهد.
توسعه DApp فول استک با React و Web3
-
مقدمهای بر React 4:22
-
بیایید اولین 'Hello, World!' خود را بسازیم 10:15
-
مبانی HTML ،CSS و Bootstrap 5:57
-
مثال ساده استایل دهی درونخطی (React) 4:04
-
تمرین پاداش (طراحی صفحه فرود) 0:41
-
مروری کوتاه بر کامپوننت های Bootstrap 3:47
-
ساخت رابط کاربری نوار ناوبری DApp 15:53
-
استیت و Props ری اکت (شماره حساب مشتری) 6:25
-
مقدمهای بر دوره 'توسعه DApp کامل با React و Web3' None
-
منابع تخصص کامل None
-
Web3 و Metamask 12:28
-
مستندات Web3 3:39
-
دادههای بلاکچین فرانتاند 7:40
-
بارگذاری قراردادهای هوشمند به فرانتاند (Tether Mock) 15:59
-
مرور - بارگذاری دادههای بلاکچین 3:31
-
تمرین بارگذاری دادههای بلاکچین 1 1:12
-
راهحل بارگذاری دادههای بلاکچین 5:31
-
تستهای بارگذاری - دادههای بلاکچین 3:49
-
آنچه میسازیم (پیادهسازی فرانتاند قرارداد هوشمند) 4:34
-
ساخت رابط کاربری اجزای اصلی 15:56
-
یادداشت سریع در مورد Bootstrap 2:17
-
طراحی کامل کامپوننت اصلی 15:59
-
پیادهسازی بارگذاری (فرانتاند) 10:09
-
اتصال موجودی از قراردادهای هوشمند به فرانتاند 7:04
-
توکنهای Staking (فرانتاند) 13:14
-
تمرین Unstaking توکنها 1:03
-
راهحل Unstaking توکنها 3:09
-
دکمه Staking (فرانتاند) 11:54
-
تمرین - دکمه Unstaking (فرانتاند) 0:51
-
راهحل - دکمهی Unstaking (فرانتاند) 3:18
-
خلاصه نهایی در مورد پروژه DApp فرانتاند 2:51
-
لایه پوششی انیمیشن ذرات 5:04
-
خصوصیات انیمیشن ذرات 10:47
-
تمرین - انیمیشن ذرات 2:16
-
معماری کد Airdrop 8:01
-
بررسی Airdrop 7:48
-
جاوا اسکریپت - تابع تبدیل تایمر 13:54
-
رندر کردن وضعیت تایمر 6:57
-
راهاندازی وضعیت تایمر (فرانتاند) 4:39
-
پیادهسازی تایمر شمارش معکوس 6:31
-
اتصال پیادهسازی Airdrop 2:24
-
تمرین نهایی دوره (Airdrop: توکنهای پاداش) - موفق باشید! 10:46
-
بررسی کامل پروژه DApp 4:09
-
ساختار Solidity - (نوع دادهها) 12:40
-
آرایهها، نقشهبرداری و آدرسها 6:40
-
مرور حافظه در برابر ذخیرهسازی و حلقه For 13:23
-
اشکالزدایی، کامپایل و تست استقرار 7:08
-
تابع احراز هویت رأیگیری 7:14
-
تابع رأی 8:14
-
تابع نتایج رأیگیری 8:43
-
تبدیل بایتها با Node و Ethers 13:41
-
استقرار نهایی (تعامل آرا در بلاکچین) 12:22
-
نتیجهگیری از تخصص 2:54
-
نتیجهگیری از دوره 'توسعه DApp کامل با React و Web3' None
مشخصات آموزش
توسعه DApp فول استک با React و Web3
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:پیشرفته
- تعداد درس:54
- مدت زمان :06:13:47
- حجم :3.67GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 21:10:47
- تعداد درس: 202
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 14:29:26
- تعداد درس: 36
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 10:39:08
- تعداد درس: 64
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:07:45
- تعداد درس: 63
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 18:23:18
- تعداد درس: 103
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 00:57:00
- تعداد درس: 20
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 00:41:00
- تعداد درس: 9
-
سطح دوره:
-
زبان: دوبله فارسی