آموزش توسعه dapp نظرسنجی روی بلاکچین ترون با React

آموزش توسعه dapp نظرسنجی روی بلاکچین ترون با React


600,000 تومان

550,000 تومان

در این دوره میاموزیم

در این دوره یک اپلیکیشن نظرسنجی رو روی بلاکچین ترون بصورت 0 تا 100 توسعه خواهیم داد. ما توی این اپلیکیشن می تونیم یه نظر سنجی ایجاد کنیم براش متن سؤال و یک سری گزینه تعریف کنیم اگر متصل باشیم به wallet tronlink، و ترون کافی داشته باشیم می تونیم این نظر سنجی رو ایجاد کنیم و بعد تو لیست نظرسنجی ها ببینیمش می تونیم تو یه نظر سنجی شرکت کنیم و رأی بدیم به گزینه های موجود و بابت رأی دادن تو یه نظر سنجی، یه توکن TRC20 داریم که به عنوان جایزه 16 هزار توکن به هر آدمی که توی نظرسنجی شرکت کنه به عنوان پاداش داده میشه

توضیحات بیشتر

موضوع این دوره توسعه یک اپلیکیشن نظر سنجی روی بلاک چین ترون هست دراینجا دمویی از این اپلیکیشن ارائه شده که درک بهتری ازش داشته باشید.

ما توی این اپلیکیشن می تونیم یه نظر سنجی ایجاد کنیم براش متن سؤال و یک سری گزینه تعریف کنیم اگر متصل باشیم به valet tronlink، و ترون کافی داشته باشیم می تونیم این نظر سنجی رو ایجاد کنیم و بعد تو لیست نظرسنجی ها ببینیمش می تونیم تو یه نظر سنجی شرکت کنیم و رأی بدیم به گزینه های موجود و بابت رأی دادن تو یه نظر سنجی، یه توکن TRC20 داریم که به عنوان جایزه 16 هزار توکن به هر آدمی که توی نظرسنجی شرکت کنه به عنوان پاداش داده میشه برای کامپایل و انتشار قرارداد هوشمند از فریم ورک Tronbox استفاده شده و در لایه وب، ما از فریم ورک React استفاده کردیم که خب جزء محبوب ترین فریم ورک های توسعه وب اپلیکیشن هست. ما یه دوره داریم یه دپ high-risk توی سایت فردانش، اونجا تمام قدم ها رو گفتیم، این دوره یه جورایی می تونه تکمیلی اون دوره محسوب بشه این دوره اولین دوره در زبان فارسی یا حتی در زبان انگلیسی ست که این میزان از جامعیت رو داره. به واقع کاملترین دوره ی A to Z ساخت یک دپ نظر سنجی ست که به توکن TRC20 متصله و توکن توسط قرارداد هوشمند کنترل میشه. می تونید از لینک زیر بهش دسترسی پیدا کنید.

فصل 1/ 6 درس/41 دقیقه

معرفی دوره, تکنولوژی ها و نیازمندی ها

رایگان

1 what is this course

docker چیست؟

رایگان

2 what is docker

راه اندازی local node بر روی بلاک چین ترون

رایگان

3 run local private node

نحوه اتصال کیف پول Tronlink به local node

رایگان

4 connect trollink to localnode

نصب فریم ورک Tronbox

رایگان

5 install tronbox

کامپایل و انتشار قرارداد هوشمند توسط Tronbox

رایگان

6 compile and deploy with tronbox

فصل 2/ 17 درس/127 دقیقه

تعریف پروژه

رایگان

7 project definition

ایجاد قرارداد هوشمند نظرسنجی

8 create poll contract

ساختار اطلاعاتی قرارداد نظرسنجی

9 data structure in poll contract

توسعه تابع createPoll در قرارداد نظرسنجی

10 create poll function

توسعه تابع vote و مکانیزم رای دادن در قرارداد نظرسنجی

11 vote function 1

استفاده از modifier ها جهت جلوگیری از بروز خطا در قرارداد هوشمند

12 poll contract modifiers

ارث بری یا inheritance در زبان سالیدیتی

13 inheritance

برطرف کردن خطاهای کامپایل

14 fix compile errors

نحوه اتصال tronweb به local-node

15 connect tronweb to local node

تعریف مقادیر ثابت پروژه

16 define tron constants

انتشار قرارداد هوشمند Poll توسط Tronbox

17 deploy poll contract

شروع ایجاد توابع کاربردی tronweb در جاوا اسکریپت

18 create utils

صدا زدن تابع createPoll در جاوا اسکریپت

19 call create poll function in javascript

خواندن اطلاعات نظرسنجی در جاوا اسکریپت

20 get poll function

صدا زدن تابع vote در جاوا اسکریپت

21 vote function in javascript

خواندن اطلاعات مربوط به نتیجه نظرسنجی در جاوا اسکریپت

22 get poll count function

اضافه کردن رویداد ایجاد نظرسنجی

23 poll created event

فصل 3/ 9 درس/82 دقیقه

آشنایی با توکن TRC20 و Tether

24 what is erc20 and tether

ساختار قراردادها هوشمند توکن TRC20

25 trc20 protocol interface

نگاهی به کد توکن TRC20 در Github

26 look at trc20 code on github

ایجاد توکن TRC20

27 create token contract

تابع balanceOfدر توکن TRC20

28 token balance,transfer test

مفهوم توابع transferFrom, approve و allowance

29 transferfrom approve allowance

کار با توابع وابع transferFrom, approve و allowance

30 transferfrom approve allowance js test

اتصال قرارداد هوشمند نظرسنجی به قرارداد توکن

31 connect poll contract to token

تست اولیه قرارداد نظرسنجی و توکن

32 final test poll and token

فصل 4/ 25 درس/207 دقیقه

ساختار پروژه React و ایجاد پروژه جدید

33 create react app

پروژه Hello World

34 react hello world

مفهوم کامپوننت در React

35 components in react

اضافه کردن roting به پروژه - بخش 1

36 routing part1

اضافه کردن roting به پروژه - بخش 2

37 routing part2

اضافه کردن roting به پروژه - بخش 3

38 routing part3

لود کردن اطلاعات نظرسنجی ها در صفحه اصلی

39 load polls in homepage

نمایش اطلاعات نظرسنجی ها در صفحه اصلی

40 show polls in homepage

ساخت کامپوننت pollItem

41 poll item component clickable

لود کردن اطلاعات در صفحه نظرسنجی

42 load poll details in poll page

نمایش اطلاعات در صفحه نظرسنجی

43 show poll details in poll page

صدا زدن تابع Vote

44 call vote function

استفاده از Styled Components

45 styled components

ایجاد Container Component

46 container component

ایجاد کامپوننتهای Spinner و Button

47 spinner button

کامل کردن صفحه نظرسنجی

48 poll page ui last part

صفحه ایجاد نظرسنجی - بخش 1

49 create poll part 1

صفحه ایجاد نظرسنجی - بخش 2

50 create poll part 2

صفحه ایجاد نظرسنجی - بخش 3

51 create poll part 3

اتصال پروژه به Tronlink

52 connect to tronlink

بررسی اتصال و کیف پولت Tronlink

53 check if connect tronlink

استفاده از Reduc در پروژه - بخش 1

54 react redux part1

استفاده از Reduc در پروژه - بخش 2

55 react redux part2 sweetalert 1

انتشار قرارداد هوشمند بر روی بلاکچین ترون و Record Token

56 deploy on tron network and record roken 1

اصلاح تابع vote در قرارداد هوشمند نظرسنجی

57 improve vote contract

فصل 5/ 7 درس/43 دقیقه

خواندن اطلاعات تراکنش انجام شده

58 read transaction info

نمایش پیغام modifier در اپلیکیشن وب

59 show modifier message in web app

مقدمه ای بر موضوع راه اندازی backend-server برای اپلیکیشن

60 intro to backend server

کد پروژه بر روی Github

61 code on github

ایجاد و استفاده از api-key در Trongrid

62 trongrid api key

توسعه نحوه اتصال اپلیکیشن به Tronlink

63 tronlink integration

قدم بعدی چیست

64 next step

0 نظر

user