آموزش جامع توسعه DApp فول استک با React و Web3 - آخرین آپدیت

مقدمه‌ای بر React (جاوااسکریپت، HTML، JSX، استیت و پراپس) React Introduction (JavaScript, HTML, JSX, State, and Props)

• آشنایی با React Introduction to React

• ساخت اولین برنامه 'Hello, World!' Let's Build Our First 'Hello, World!'

• مبانی HTML، CSS و Bootstrap HTML, CSS, and Bootstrap Basics

• مثال استایل‌دهی خطی (Inline Styling) در React Basic In-Line Styling Example (React)

• تمرین جایزه (استایل‌دهی به صفحه لندینگ) Bonus Exercise (Stylize the Landing Page)

• مروری کوتاه بر کامپوننت‌های بوت‌استرپ Short Overview of Bootstrap Components

• ساخت رابط کاربری نوار ناوبری (Navbar) برای DApp Building the DApp Navbar UI

• استیت و پراپس در React (شماره حساب مشتری) React State and Props (Customer Account Number)

Web3 و بارگذاری داده‌های بلاک‌چین (فرانت‌اند) Web3 and Loading Blockchain Data (Frontend)

• آشنایی با Web3 و متامسک (Metamask) Web3 and Metamask

• بررسی مستندات Web3 Web3 Docs

• داده‌های بلاک‌چین در فرانت‌اند Front-End Blockchain Data

• بارگذاری قراردادهای هوشمند در فرانت‌اند (شبیه‌ساز Tether) Loading Smart Contracts to the Frontend (Tether Mock)

• مرور بارگذاری داده‌های بلاک‌چین Review - Loading Blockchain Data

• تمرین اول بارگذاری داده‌های بلاک‌چین Loading Blockchain Data Exercise I

• پاسخ تمرین بارگذاری داده‌های بلاک‌چین Loading Blockchain Data Solution

• تست‌های بارگذاری داده‌های بلاک‌چین Loading Tests - Blockchain Data

توسعه فرانت‌اند DApp (Web3، جاوااسکریپت، React) Front-End DApp Development (Web3, JavaScript, React)

• آنچه خواهیم ساخت (پیاده‌سازی فرانت‌اند قرارداد هوشمند) What We Are Building (Smart Contract Front-End Implementation)

• ساخت رابط کاربری کامپوننت اصلی Building the Main Component UI

• نکات سریع درباره بوت‌استرپ Quick Note on Bootstrap

• طراحی کامل چیدمان کامپوننت اصلی Main Component Complete Layout

• پیاده‌سازی قابلیت بارگذاری (فرانت‌اند) Loading Implementation (Frontend)

• اتصال موجودی (Balance) از قرارداد هوشمند به فرانت‌اند Connecting Balance from Smart Contracts to the Frontend

• استیکینگ توکن‌ها (فرانت‌اند) Staking Tokens (Frontend)

• تمرین برداشت استیکینگ (Unstaking) Unstaking Tokens Exercise

• پاسخ تمرین برداشت استیکینگ Unstaking Tokens Solution

• ساخت دکمه استیکینگ (فرانت‌اند) Staking Button (Frontend)

• تمرین ساخت دکمه برداشت استیکینگ (فرانت‌اند) Exercise - Unstaking Button (Frontend)

• پاسخ ساخت دکمه برداشت استیکینگ (فرانت‌اند) Solution - Unstaking Button (Frontend)

• مرور نهایی پروژه فرانت‌اند DApp Final Recap on Front-End DApp Project

انیمیشن‌های UI و تمرینات تکمیلی فرانت‌اند (اختیاری) UI Animation - Additional Front-End Practice (Optional)

• لایه پوششی انیمیشن ذرات (Particle Animation) Particle Animation Wrapping Layer

• ویژگی‌های انیمیشن ذرات Particle Animation Properties

• تمرین انیمیشن ذرات Exercise - Particle Animation

تمرینات تکمیلی React و مدیریت استیت (اختیاری) Additional React and State Practice (Optional)

• معماری کد ایردراپ Airdrop Code Architecture

• مروری بر مفهوم ایردراپ Airdrop Overview

• جاوااسکریپت: تابع تبدیل تایمر JavaScript - Timer Conversion Function

• رندر کردن وضعیت (State) تایمر Rendering the Timer State

• مقداردهی اولیه استیت تایمر (فرانت‌اند) Initializing Timer State (Frontend)

• پیاده‌سازی تایمر معکوس Implementing Countdown Timer

• اتصال پیاده‌سازی ایردراپ Hooking Up the Airdrop Implementation

• تمرین نهایی دوره (ایردراپ: توکن‌های پاداش) - موفق باشید! Final Course Exercise (Airdrop: Reward Tokens) - Good Luck!

ساخت اپلیکیشن رای‌گیری (قرارداد هوشمند و تعامل با بلاک‌چین) Build a Voting DApplication (Smart Contract and Blockchain Interaction)

• مرور کامل پروژه DApp Full Project DApp Review

• استراکچر در Solidity (انواع داده‌ها) Solidity Struct - (Data Types)

• آرایه‌ها، مپینگ‌ها و آدرس‌ها Arrays, Mapping, and Addresses

• تفاوت Memory و Storage و مرور حلقه For Memory Versus Storage and For Loop Review

• دیباگ، کامپایل و تست استقرار (Deployment) Debugging, Compiling, and Deployment Test

• تابع احراز هویت رای‌گیری Voting Authentication Function

• تابع رای دادن (Vote) The Vote Function

• تابع نتایج رای‌گیری Voting Results Function

• تبدیل بایت‌ها با Node و Ethers Converting Bytes with Node and Ethers

• استقرار نهایی (تعامل با رای‌ها در بلاک‌چین) Final Deployment (Interacting Votes on the Blockchain)

جمع‌بندی Conclusion

• جمع‌بندی نهایی تخصص Conclusion of the Specialization