К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Full-Stack DApp Development with React and Web3 · LearnSpace
Назад в каталог
courseraПрограммирование

Full-Stack DApp Development with React and Web3

Курс от Packt
Продвинутый≈ 11 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Updated in May 2025. This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. Learn Full-Stack DApp Development by integrating React, Web3, and Ethereum blockchain. By the end, you’ll build decentralized applications with dynamic UIs, connect frontends to smart contracts, and implement blockchain features like token staking, airdrops, and voting systems. Hands-on projects ensure you gain real-world skills in blockchain application development. Start with React fundamentals, learning JSX, Bootstrap, and state management. Progress to Web3 and Ethereum, loading blockchain data and interacting with smart contracts. Exercises reinforce Ethereum integration and blockchain-driven UI updates. Advance by implementing staking, airdrop rewards, and UI animations. Learn best practices in debugging, testing, and optimizing blockchain interactions. A final Voting DApp project deepens your Solidity and Ethereum expertise, preparing you for real-world DApp development. Designed for JavaScript developers eager to explore blockchain applications, this course offers a structured, hands-on path to building Web3 and DApp solutions.

Навыки, которые вы освоите

User Interface (UI)BlockchainFull-Stack Web DevelopmentFrontend IntegrationJavascriptAnimationsBootstrap (Front-End Framework)Front-End Web DevelopmentTest Script DevelopmentUser Interface (UI) DesignJavaScript FrameworksDebuggingWeb Applications

Программа курса

7 модулей · 68 учебных материалов

01React Introduction (JavaScript, HTML, JSX, State, and Props)12 материалов

React Introduction (JavaScript, HTML, JSX, State, and Props)

Introduction to the Course 'Full-Stack DApp Development with React and Web3'ЧтениеFull Specialization ResourcesЧтениеIntroduction to ReactВидеоLet's Build Our First 'Hello, World!'Видео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Full-Stack DApp Development with React and Web3
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 11 ч

7 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Корейский, Немецкий, Индонезийский, Испанский, Японский

Часть программы вашего университета
HTML, CSS, and Bootstrap BasicsВидео
Basic In-Line Styling Example (React)Видео
Bonus Exercise (Stylize the Landing Page)Видео
Short Overview of Bootstrap ComponentsВидео
Building the DApp Navbar UIВидео
React State and Props (Customer Account Number)Видео
Understanding React ComponentsDIALOGUE
React Introduction (JavaScript, HTML, JSX, State, and Props) - AssessmentЗадание
02Web3 and Loading Blockchain Data (Frontend)10 материалов

Web3 and Loading Blockchain Data (Frontend)

Web3 and MetamaskВидеоWeb3 DocsВидеоFront-End Blockchain DataВидео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ВидеоConnecting React with Ethereum Using Web3DIALOGUEWeb3 and Loading Blockchain Data (Frontend) - AssessmentЗадание
03Front-End DApp Development (Web3, JavaScript, React)15 материалов

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)ВидеоConnecting Balance from Smart Contracts to the FrontendВидеоStaking Tokens (Frontend)ВидеоUnstaking Tokens ExerciseВидеоUnstaking Tokens SolutionВидеоStaking Button (Frontend)ВидеоExercise - Unstaking Button (Frontend)ВидеоSolution - Unstaking Button (Frontend)ВидеоFinal Recap on Front-End DApp ProjectВидеоIntegrating Frontend with BlockchainDIALOGUEFront-End DApp Development (Web3, JavaScript, React) - AssessmentЗадание
04UI Animation - Additional Front-End Practice (Optional)5 материалов

UI Animation - Additional Front-End Practice (Optional)

Particle Animation Wrapping LayerВидеоParticle Animation PropertiesВидеоExercise - Particle AnimationВидеоImplementing and Styling Particle Animations in ReactDIALOGUEUI Animation - Additional Front-End Practice (Optional) - AssessmentЗадание
05Additional React and State Practice (Optional)10 материалов

Additional React and State Practice (Optional)

Airdrop Code ArchitectureВидеоAirdrop OverviewВидеоJavaScript - Timer Conversion FunctionВидеоRendering the Timer StateВидеоInitializing Timer State (Frontend)ВидеоImplementing Countdown TimerВидеоHooking Up the Airdrop ImplementationВидеоFinal Course Exercise (Airdrop: Reward Tokens) - Good Luck!ВидеоCreating a Countdown Timer Component in ReactDIALOGUEAdditional React and State Practice (Optional) - AssessmentЗадание
06Build a Voting DApplication (Smart Contract and Blockchain Interaction)12 материалов

Build a Voting DApplication (Smart Contract and Blockchain Interaction)

Full Project DApp ReviewВидеоSolidity Struct - (Data Types)ВидеоArrays, Mapping, and AddressesВидеоMemory Versus Storage and For Loop ReviewВидеоDebugging, Compiling, and Deployment TestВидеоVoting Authentication FunctionВидеоThe Vote FunctionВидеоVoting Results FunctionВидеоConverting Bytes with Node and EthersВидеоFinal Deployment (Interacting Votes on the Blockchain)ВидеоCreating a Voting Smart Contract in SolidityDIALOGUEBuild a Voting DApplication (Smart Contract and Blockchain Interaction) - AssessmentЗадание
07Conclusion4 материалов

Conclusion

Conclusion to the Course 'Full-Stack DApp Development with React and Web3'ЧтениеConclusion of the SpecializationВидеоFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание