Главная страницаКатегория next.jsТорговая площадка NFT c React, Typescript и Solidity - Полное руководство

Торговая площадка NFT c React, Typescript и Solidity - Полное руководство

Name: Торговая площадка NFT c React, Typescript и Solidity - Полное руководство
Price: 13 USD
Rating: 4.8 (26 reviews)

NFT Marketplace in React, Typescript & Solidity - Full Guide

udemy

★4.8 (всего оценок - 26)

Продолжительность

16 ч 20 мин

Категория

Next.js

Количество уроков

132 Видео

Дата добавления

25 сент. 2022 г., 15:41

Язык

Английский

Дата выхода

10 мая 2022 г., 01:00

Дата обновления

29 апр. 2026 г., 15:53

Этот курс — ваш практический путеводитель по созданию полноценной торговой площадки NFT на основе React, TypeScript и Solidity. Материал ориентирован на разработчиков, которые хотят не просто понять, что такое NFT, но и создать реальное, работающее децентрализованное приложение по стандарту ERC721.

Что вы узнаете на курсе

Обучение построено так, чтобы шаг за шагом провести вас через весь процесс — от основ Web3 до полноценного развёртывания рабочего NFT-маркетплейса. Вы изучите архитектуру смарт‑контрактов, подключение фронтенда к блокчейну и управление данными NFT.

Ключевые компетенции, которые вы получите

Создание и развертывание смарт-контрактов ERC721 на Solidity.
Построение интерфейса на React и Next.js с полной интеграцией Web3.
Работа с криптокошельками и взаимодействие с Ethereum-блокчейном.
Создание и управление метаданными NFT через Pinata (IPFS).
Организация состояния данных с использованием SWR и React Provider/Consumer.
Проектирование и разработка интерактивной NFT‑платформы, где пользователи могут покупать токены за Ether.

Технологии, которые вы освоите

Курс включает обзор и практическое применение ключевых инструментов современной Web3-разработки.

Next.js

Фреймворк, обеспечивающий высокий перформанс, поддержку TypeScript, гибридный рендеринг и простую оптимизацию проекта — всё без сложной конфигурации.

Ethereum

Платформа для финансовых транзакций и децентрализованных приложений, обеспечивающая прозрачность и автономность работы вашего NFT‑маркетплейса.

Solidity

Основной язык для разработки смарт‑контрактов — программ, которые определяют логику владения токенами и взаимодействие с блокчейном.

Pinata и IPFS

Решения для хранения данных NFT в распределённой файловой системе. Вы научитесь закреплять файлы и метаданные в сети IPFS через Pinata.

Разработка NFT‑маркетплейса: от идеи до результата

Создание торговой площадки — центральная и наиболее практическая часть курса. Вы реализуете полноценное приложение, в котором пользователи смогут просматривать NFT, покупать их и взаимодействовать с блокчейном.

Шаги разработки приложения

1. Настройка фронтенда

Создание макетов страниц.
Разработка первых компонентов интерфейса.
Использование Tailwind CSS для стилизации.

2. Интеграция Web3

Подключение криптокошельков.
Организация слоя взаимодействия с блокчейном через Web3 JS.
Использование архитектуры Provider/Consumer для удобного доступа ко всем Web3-функциям в приложении.

3. Создание смарт‑контракта ERC721

Имплементация функциональности токена NFT.
Реализация проверок права собственности.
Связь контракта с хранилищем мультимедиа.

4. Работа с метаданными NFT

Сбор данных из пользовательских форм.
Отправка файлов и JSON‑метаданных на Pinata.
Привязка метаданных к токену при создании NFT.

Почему этот курс будет для вас полезен

Материал ориентирован как на начинающих Web3-разработчиков, так и на опытных специалистов, желающих освоить практическую сторону NFT‑технологий. По завершении курса вы сможете самостоятельно создавать децентрализованные приложения, понимать внутреннюю логику смарт‑контрактов и работать с инфраструктурой Ethereum на продакшн‑уровне.

Итог

Вы не просто изучите теорию — вы создадите реальное приложение, получите навыки работы с основными инструментами Web3 и увидите полный жизненный цикл разработки NFT‑платформы.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:06:22
Introduction
Урок 2. 00:00:35
Ask For Help
Урок 3. 00:05:52
How to resolve issues
Урок 4. 00:05:32
Init Project
Урок 5. 00:05:19
Tailwind
Урок 6. 00:08:34
Navbar
Урок 7. 00:02:00
Cleanup
Урок 8. 00:07:53
BaseLayout
Урок 9. 00:06:52
Listing Page
Урок 10. 00:09:51
Nft Components
Урок 11. 00:06:05
Nft props
Урок 12. 00:05:37
Nft Type
Урок 13. 00:06:29
Display nft item values
Урок 14. 00:09:51
Links and create page
Урок 15. 00:02:43
Profile Link
Урок 16. 00:05:34
Active Link
Урок 17. 00:06:39
Create Page Layout
Урок 18. 00:03:54
Profile Layout
Урок 19. 00:08:24
Paths refactor
Урок 20. 00:09:54
Web3Provider
Урок 21. 00:13:12
Planning
Урок 22. 00:05:21
Web3 Types
Урок 23. 00:08:02
Web3 State
Урок 24. 00:10:13
Window Ethereum
Урок 25. 00:04:54
Provider
Урок 26. 00:06:48
Ganache Install
Урок 27. 00:11:00
Base smart contract
Урок 28. 00:08:51
ERC721
Урок 29. 00:05:36
Truffle Console
Урок 30. 00:11:59
Load Contract
Урок 31. 00:07:50
Call name, symbol
Урок 32. 00:09:52
Use Account
Урок 33. 00:08:23
Hook Types
Урок 34. 00:08:34
Generic Types
Урок 35. 00:12:05
Setup Hooks
Урок 36. 00:06:59
Create web3 state
Урок 37. 00:05:28
Use Account Abstraction
Урок 38. 00:05:00
Recap
Урок 39. 00:06:32
Conditional swr
Урок 40. 00:09:05
Account data
Урок 41. 00:06:07
Connect button
Урок 42. 00:04:02
Connect Type Definition
Урок 43. 00:06:06
Handle accounts changed
Урок 44. 00:04:44
Mutate account
Урок 45. 00:07:48
Is loading and validating
Урок 46. 00:03:59
Handle error when no wallet
Урок 47. 00:05:24
Walletbar
Урок 48. 00:11:18
Wallet conditionals
Урок 49. 00:06:20
Use Network
Урок 50. 00:05:58
Network Name
Урок 51. 00:01:36
Network label
Урок 52. 00:06:03
Target network
Урок 53. 00:03:20
Handle Network Loading
Урок 54. 00:09:03
Reload on network change
Урок 55. 00:06:23
Handle Wallet Lock Out
Урок 56. 00:04:53
Fix Loading and undefined Ethereum
Урок 57. 00:07:17
Mint Token
Урок 58. 00:11:43
AI Mint Token
Урок 59. 00:09:20
Prepare test
Урок 60. 00:08:55
Mint token test
Урок 61. 00:06:12
TokenURI test
Урок 62. 00:04:27
Check if token uri exists
Урок 63. 00:07:31
Duplicate URI Test
Урок 64. 00:09:50
Create NFT item
Урок 65. 00:07:53
Listing Price Test
Урок 66. 00:06:11
NFT item test
Урок 67. 00:04:51
Listing price
Урок 68. 00:10:29
Buy NFT
Урок 69. 00:07:05
Buy NFT test
Урок 70. 00:09:54
Add token to all enumeration
Урок 71. 00:08:01
AI Add token to all enumerations
Урок 72. 00:06:33
Test token transfers
Урок 73. 00:05:01
Get all nfts on sale
Урок 74. 00:09:20
AI get all nfts on sale
Урок 75. 00:06:24
Test get all listed nfts
Урок 76. 00:06:26
Add token to owner enums
Урок 77. 00:06:06
AI add token to owner enums
Урок 78. 00:07:55
Get owned Nfts
Урок 79. 00:04:22
Test owned Nfts
Урок 80. 00:06:05
Remove token from owned enums
Урок 81. 00:13:49
AI Remove token from owned enums
Урок 82. 00:07:45
Test Remove token from owned enums
Урок 83. 00:04:48
Remove token from all enums
Урок 84. 00:06:26
AI Remove token from all enums
Урок 85. 00:10:14
Test Burn token
Урок 86. 00:09:28
Place nft on sale
Урок 87. 00:09:08
Test listing of nfts
Урок 88. 00:10:56
Use listed Nfts
Урок 89. 00:09:17
Upload Images to Pinata
Урок 90. 00:08:23
Mint Token in Truffle
Урок 91. 00:05:04
Get Nft Data
Урок 92. 00:09:31
Contract Type
Урок 93. 00:08:04
Get Complete Nfts
Урок 94. 00:05:03
Display Nfts
Урок 95. 00:04:50
Sign Contract
Урок 96. 00:07:31
Use owned nfts
Урок 97. 00:03:51
Active Nft
Урок 98. 00:05:02
Set Active Nft
Урок 99. 00:11:56
Buy Nft in Hook
Урок 100. 00:08:48
List Nft
Урок 101. 00:02:46
UI changes active nft
Урок 102. 00:06:43
Use Callback
Урок 103. 00:10:11
Handle part of form
Урок 104. 00:04:41
Handle attribute change
Урок 105. 00:15:46
Introduce Verification architecture
Урок 106. 00:10:26
With iron session
Урок 107. 00:12:34
Create message in server
Урок 108. 00:04:45
Fix reload of the browser
Урок 109. 00:08:18
Sign message
Урок 110. 00:07:26
Verify form data
Урок 111. 00:11:31
Get session back
Урок 112. 00:07:19
Get contract server side
Урок 113. 00:11:56
Verify Signature
Урок 114. 00:14:50
Upload Metadata to Pinata
Урок 115. 00:04:52
Get image bytes
Урок 116. 00:03:47
Get signed data
Урок 117. 00:11:28
Image upload endpoint
Урок 118. 00:03:29
Fix image select issue
Урок 119. 00:09:27
Upload image success
Урок 120. 00:05:38
Store image to state
Урок 121. 00:11:14
Check Nft Structure
Урок 122. 00:03:26
Get Price
Урок 123. 00:06:08
Create a Nft
Урок 124. 00:08:34
Handle promises
Урок 125. 00:04:31
Handle rest of promises
Урок 126. 00:04:53
Display wrong network
Урок 127. 00:04:22
Course Done!
Урок 128. 00:08:26
Ropsten preparation
Урок 129. 00:12:11
Deploy to Ropsten
Урок 130. 00:09:11
Testing app on Ropsten
Урок 131. 00:09:15
Github Repo
Урок 132. 00:10:18
Deploy to Vercel

Автор - udemy

udemy

Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф

+198