udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Торговая площадка NFT c React, Typescript и Solidity - Полное руководство
NFT Marketplace in React, Typescript & Solidity - Full Guide
Продолжительность
16 ч 20 мин
Категория
React.js
Количество уроков
132 Видео
Дата добавления
25 сент. 2022 г., 15:41
Язык
Английский
Дата выхода
10 мая 2022 г., 01:00
Курс охватывает все, что вам нужно для децентрализованного приложения NFT в соответствии со стандартом ERC721. Студенты этого курса узнают о NFT, создав реальное приложение. Студенты узнают, что такое смарт-контракт ERC721 и как его создать. Внешний интерфейс для децентрализованных приложений, рассматриваемых в курсе, создан с использованием библиотеки React JS и фреймворка Next JS. CSS и дизайн созданы с помощью фреймворка Tailwind.
Next.js дает вам лучший опыт разработчика со всеми функциями, которые вам нужны для продакшена: гибридный статический и серверный рендеринг, поддержка TypeScript, интеллектуальное объединение, предварительная выборка маршрута и т. д. Настройка не требуется.
Ethereum — это технология, которая позволяет отправлять криптовалюту кому угодно, но, в первую очередь, она также поддерживает приложения, которые может использовать каждый, и никто не может их отключить.
Solidity — это объектно-ориентированный язык высокого уровня для реализации смарт-контрактов. Смарт-контракты — это программы, которые управляют поведением учетных записей в состоянии Ethereum.
Pinata — это служба закрепления, которая позволяет пользователям размещать файлы в сети IPFS. IPFS — это протокол и одноранговая сеть для хранения и обмена данными в распределенной файловой системе.
Приложение торговой площадки NFT:
Эта центральная часть курса посвящена созданию интерактивной торговой площадки NFT. Клиенты этой платформы смогут покупать NFT за цифровую валюту Ether.
Приложение создано в фреймворке Next JS, построенном поверх React JS.
Первая часть курса охватывает настройку макетов страниц, создание первых страниц и компонентов.
Студенты изучат, как предоставить код Web3 JS в приложение, код, отвечающий за связь с криптокошельком и, следовательно, с блокчейном.
Мы будем использовать концепцию Provider/Consumer для обеспечения этого уровня, который очень распространен в React JS. Это гарантирует, что все компоненты и страницы смогут получить доступ к функциям, отвечающим за связь с блокчейном.
Состояние приложения и управление данными обрабатываются через библиотеку SWR. Это обеспечит реакцию приложения и реактивную визуализацию компонентов при получении новых данных.
После того, как будет достигнута необходимая связь с блокчейном, студенты приступят к реализации смарт-контрактов.
Курс соответствует признанному стандарту токенов ERC721.
Смарт-контракт является неотъемлемой частью проекта. Он служит «хранилищем» NFT в блокчейне и обеспечивает функциональность для проверки права собственности на NFT и привязки к хранилищу мультимедиа.
Последняя часть курса посвящена подготовке и хранению данных, связанных с NFT. Так называемые метаданные NFT.
Данные метаданных NFT будут храниться в хранилище на основе Pinata (IPFS). Студенты научатся собирать данные из формы, а затем отправлять их в хранилище Pinata. Следующая важная часть — связать эти метаданные и создать NFT.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
-
Урок 1. 00:06:22Introduction
-
Урок 2. 00:00:35Ask For Help
-
Урок 3. 00:05:52How to resolve issues
-
Урок 4. 00:05:32Init Project
-
Урок 5. 00:05:19Tailwind
-
Урок 6. 00:08:34Navbar
-
Урок 7. 00:02:00Cleanup
-
Урок 8. 00:07:53BaseLayout
-
Урок 9. 00:06:52Listing Page
-
Урок 10. 00:09:51Nft Components
-
Урок 11. 00:06:05Nft props
-
Урок 12. 00:05:37Nft Type
-
Урок 13. 00:06:29Display nft item values
-
Урок 14. 00:09:51Links and create page
-
Урок 15. 00:02:43Profile Link
-
Урок 16. 00:05:34Active Link
-
Урок 17. 00:06:39Create Page Layout
-
Урок 18. 00:03:54Profile Layout
-
Урок 19. 00:08:24Paths refactor
-
Урок 20. 00:09:54Web3Provider
-
Урок 21. 00:13:12Planning
-
Урок 22. 00:05:21Web3 Types
-
Урок 23. 00:08:02Web3 State
-
Урок 24. 00:10:13Window Ethereum
-
Урок 25. 00:04:54Provider
-
Урок 26. 00:06:48Ganache Install
-
Урок 27. 00:11:00Base smart contract
-
Урок 28. 00:08:51ERC721
-
Урок 29. 00:05:36Truffle Console
-
Урок 30. 00:11:59Load Contract
-
Урок 31. 00:07:50Call name, symbol
-
Урок 32. 00:09:52Use Account
-
Урок 33. 00:08:23Hook Types
-
Урок 34. 00:08:34Generic Types
-
Урок 35. 00:12:05Setup Hooks
-
Урок 36. 00:06:59Create web3 state
-
Урок 37. 00:05:28Use Account Abstraction
-
Урок 38. 00:05:00Recap
-
Урок 39. 00:06:32Conditional swr
-
Урок 40. 00:09:05Account data
-
Урок 41. 00:06:07Connect button
-
Урок 42. 00:04:02Connect Type Definition
-
Урок 43. 00:06:06Handle accounts changed
-
Урок 44. 00:04:44Mutate account
-
Урок 45. 00:07:48Is loading and validating
-
Урок 46. 00:03:59Handle error when no wallet
-
Урок 47. 00:05:24Walletbar
-
Урок 48. 00:11:18Wallet conditionals
-
Урок 49. 00:06:20Use Network
-
Урок 50. 00:05:58Network Name
-
Урок 51. 00:01:36Network label
-
Урок 52. 00:06:03Target network
-
Урок 53. 00:03:20Handle Network Loading
-
Урок 54. 00:09:03Reload on network change
-
Урок 55. 00:06:23Handle Wallet Lock Out
-
Урок 56. 00:04:53Fix Loading and undefined Ethereum
-
Урок 57. 00:07:17Mint Token
-
Урок 58. 00:11:43AI Mint Token
-
Урок 59. 00:09:20Prepare test
-
Урок 60. 00:08:55Mint token test
-
Урок 61. 00:06:12TokenURI test
-
Урок 62. 00:04:27Check if token uri exists
-
Урок 63. 00:07:31Duplicate URI Test
-
Урок 64. 00:09:50Create NFT item
-
Урок 65. 00:07:53Listing Price Test
-
Урок 66. 00:06:11NFT item test
-
Урок 67. 00:04:51Listing price
-
Урок 68. 00:10:29Buy NFT
-
Урок 69. 00:07:05Buy NFT test
-
Урок 70. 00:09:54Add token to all enumeration
-
Урок 71. 00:08:01AI Add token to all enumerations
-
Урок 72. 00:06:33Test token transfers
-
Урок 73. 00:05:01Get all nfts on sale
-
Урок 74. 00:09:20AI get all nfts on sale
-
Урок 75. 00:06:24Test get all listed nfts
-
Урок 76. 00:06:26Add token to owner enums
-
Урок 77. 00:06:06AI add token to owner enums
-
Урок 78. 00:07:55Get owned Nfts
-
Урок 79. 00:04:22Test owned Nfts
-
Урок 80. 00:06:05Remove token from owned enums
-
Урок 81. 00:13:49AI Remove token from owned enums
-
Урок 82. 00:07:45Test Remove token from owned enums
-
Урок 83. 00:04:48Remove token from all enums
-
Урок 84. 00:06:26AI Remove token from all enums
-
Урок 85. 00:10:14Test Burn token
-
Урок 86. 00:09:28Place nft on sale
-
Урок 87. 00:09:08Test listing of nfts
-
Урок 88. 00:10:56Use listed Nfts
-
Урок 89. 00:09:17Upload Images to Pinata
-
Урок 90. 00:08:23Mint Token in Truffle
-
Урок 91. 00:05:04Get Nft Data
-
Урок 92. 00:09:31Contract Type
-
Урок 93. 00:08:04Get Complete Nfts
-
Урок 94. 00:05:03Display Nfts
-
Урок 95. 00:04:50Sign Contract
-
Урок 96. 00:07:31Use owned nfts
-
Урок 97. 00:03:51Active Nft
-
Урок 98. 00:05:02Set Active Nft
-
Урок 99. 00:11:56Buy Nft in Hook
-
Урок 100. 00:08:48List Nft
-
Урок 101. 00:02:46UI changes active nft
-
Урок 102. 00:06:43Use Callback
-
Урок 103. 00:10:11Handle part of form
-
Урок 104. 00:04:41Handle attribute change
-
Урок 105. 00:15:46Introduce Verification architecture
-
Урок 106. 00:10:26With iron session
-
Урок 107. 00:12:34Create message in server
-
Урок 108. 00:04:45Fix reload of the browser
-
Урок 109. 00:08:18Sign message
-
Урок 110. 00:07:26Verify form data
-
Урок 111. 00:11:31Get session back
-
Урок 112. 00:07:19Get contract server side
-
Урок 113. 00:11:56Verify Signature
-
Урок 114. 00:14:50Upload Metadata to Pinata
-
Урок 115. 00:04:52Get image bytes
-
Урок 116. 00:03:47Get signed data
-
Урок 117. 00:11:28Image upload endpoint
-
Урок 118. 00:03:29Fix image select issue
-
Урок 119. 00:09:27Upload image success
-
Урок 120. 00:05:38Store image to state
-
Урок 121. 00:11:14Check Nft Structure
-
Урок 122. 00:03:26Get Price
-
Урок 123. 00:06:08Create a Nft
-
Урок 124. 00:08:34Handle promises
-
Урок 125. 00:04:31Handle rest of promises
-
Урок 126. 00:04:53Display wrong network
-
Урок 127. 00:04:22Course Done!
-
Урок 128. 00:08:26Ropsten preparation
-
Урок 129. 00:12:11Deploy to Ropsten
-
Урок 130. 00:09:11Testing app on Ropsten
-
Урок 131. 00:09:15Github Repo
-
Урок 132. 00:10:18Deploy to Vercel
Автор - udemy
Категории
Комментарии
-
UserPlease update course -
lizaleiko3Please update course) -
TuanTQPlease update course!
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
academy.moralis.io
15 мар. 2022 г., 11:27
Создайте торговую площадку NFT
Build an NFT Marketplace Ethereum dApp Programming
Этот курс научит вас всему, что вам нужно для создания и развертывания собственных dApps — основы Web3. Филип научит вас сквозному процессу разработки dApp для Ethereum. Вы также сможете создавать и тестировать свои собственные децентрализованные приложения и смарт-контракты! После этого курса вы получите практические знания о Web3.js, MetaMask, Truffle и Ganache, а также о своем собственном приложении dApp.
Julien Klepatch (EatTheBlocks Pro)
8 февр. 2022 г., 06:11
Онлайн-тренинг №5 - Торговая площадка NFT
Live Training #5 - NFT Marketplace
В марте 2020 года художник по имени Beeple заработал 69 миллионов долларов США, продав коллекцию NFT. Есть много других примеров того, как зарабатывают миллионы с помощью NFT. Но это только верхушка айсберга... Есть еще одна часть индустрии NFT, которая зарабатывает еще БОЛЬШЕ денег... В прессе о них мало говорят, и все же... Позвольте мне дать вам подсказку. Во время золотой лихорадки в 19 веке люди, которые зарабатывали больше всего денег, были
Julien Klepatch (EatTheBlocks Pro)
27 янв. 2022 г., 08:23
Введение в NFT
NFT 101
Узнайте, как создавать, развертывать и визуализировать NFT с помощью блокчейнов на базе Ethereum. В 2020 году объем торгов OpenSea, крупнейшей торговой площадки NFT, составил 4,76 млн долларов в третьем квартале 2020 года по сравнению с 6,57 млрд долларов в третьем квартале 2021 года, т. е. рост на 141 847%.
zerotomastery.io
22 дек. 2021 г., 15:05
NFT 101: Введение в NFT
Этот вводный курс по NFT научит вас, что такое NFT, как вы можете их использовать, и даже даст вам пошаговое руководство о том, как создать свой собственный NFT и продать его на OpenSea.
udemy
17 нояб. 2021 г., 08:36
Полный Курс По NFT - Узнайте Все об NFT!
The Complete NFT Course - Learn Everything About NFTs
Курс включает в себя все, что вам нужно знать, чтобы участвовать в быстро меняющемся мире NFT. Вы узнаете, как покупать, продавать и создавать NFT. Что такое смарт-контракты и блокчейн? Как пользоваться Метамаской? Каковы основные торговые площадки NFT? Как определить мошенничество с NFT? Как оценивать проекты? И многое другое!