Chia Sẻ Khóa Học NFT Marketplace Trong React, Typescript & Solidity [Khóa 8038 A]

By Nhà Sách Tin Học - 11 tháng 6 2022 - No Comments

Học cách sử dụng React / Next JS, Solidity, và Pinata(IPFS) để tạo NFT marketplace trên Ethereum. Tất cả trong Typescript.

Bạn sẽ học được gì:

✓ Tạo một NFT marketplace thực sự!
✓ Hiểu các chủ đề phức tạp theo cách thực tế và thú vị.
✓ Nhận toolkit hoàn chỉnh để làm việc với bất kỳ Blockchain nào.
✓ Phát triển một ứng dụng thực trên Blockchain.

Next.js mang đến cho bạn trải nghiệm developer tốt nhất với tất cả các tính năng bạn cần cho production: hybrid static & server rendering, hỗ trợ TypeScript, smart bundling, route pre-fetching, v.v. Không cần cấu hình.

Ethereum là một công nghệ cho phép bạn gửi tiền điện tử cho bất kỳ ai, nhưng ngay từ đầu, nó cũng cung cấp năng lượng cho các ứng dụng mà mọi người có thể sử dụng và không ai có thể gỡ xuống. Đó là blockchain có thể lập trình của thế giới.

Solidity là một ngôn ngữ cấp cao, hướng đối tượng để thực hiện các hợp đồng thông minh (smart contract). Hợp đồng thông minh là các chương trình điều chỉnh hành vi của các tài khoản trong Ethereum state.

Pinata là một pinning service cho phép người dùng lưu trữ các file trên IPFS network. InterPlanetary File System (IPFS) là một protocol và peer-to-peer network để lưu trữ và chia sẻ dữ liệu trong một hệ thống tệp phân tán (distributed file system).

Khóa học này bao gồm những gì?

Khóa học bao gồm mọi thứ bạn cần cho một ứng dụng NFT phi tập trung theo tiêu chuẩn ERC721. Học viên của khóa học này sẽ tìm hiểu về NFT bằng cách tạo một ứng dụng trong thế giới thực.

Bạn sẽ tìm hiểu ERC721 smart contract là gì và cách tạo nó.

Frontend cho dApps được đề cập trong khóa học được tạo bằng thư viện React JS và Next JS framework. CSS và thiết kế được xây dựng bằng Tailwind framework.

Ứng dụng NFT Marketplace:

Phần trung tâm của khóa học này bao gồm việc tạo ra một NFT marketplace tương tác. Khách hàng của nền tảng này sẽ có thể mua NFT bằng tiền kỹ thuật số Ether.

Ứng dụng được tạo trong Next JS framework, được xây dựng trên nền tảng của React JS.

Phần đầu tiên của khóa học bao gồm thiết lập bố cục trang, tạo trang đầu tiên và các component. Tailwind CSS framework bao gồm phần tạo kiểu của ứng dụng.

Bạn sẽ khám phá cách cung cấp Web3 JS code vào ứng dụng, code chịu trách nhiệm giao tiếp với một ví tiền điện tử và do đó, với blockchain.

Chúng tôi sẽ sử dụng khái niệm Provider/Consumer để cung cấp layer này, lớp này rất phổ biến trong React JS. Điều này sẽ đảm bảo rằng tất cả các component và page sẽ có thể truy cập các chức năng chịu trách nhiệm giao tiếp với blockchain.

Trạng thái và quản lý dữ liệu của ứng dụng được xử lý thông qua thư viện SWR (stale while revalidate). Điều này sẽ cung cấp cảm giác phản ứng cho ứng dụng và hiển thị phản ứng các thành phần khi nhận được dữ liệu mới.

Sau khi, giao tiếp cần thiết với blockchain đã đạt được, bạn sẽ bắt đầu bắt tay vào thực hiện hợp đồng thông minh.

Khóa học tuân theo tiêu chuẩn ERC721 token được công nhận.

Smart contract là một phần thiết yếu của dự án. Nó đóng vai trò là "kho lưu trữ" blockchain của các NFT và cung cấp chức năng xác minh quyền sở hữu NFT và liên kết với media storage.

Phần cuối cùng của khóa học bao gồm việc chuẩn bị và lưu trữ dữ liệu liên quan đến NFT. Cái gọi là NFT Metadata.

Dữ liệu NFT metadata sẽ được lưu trữ trên bộ lưu trữ dựa trên Pinata (IPFS). Bạn sẽ học cách thu thập dữ liệu từ biểu mẫu và sau đó submit nó vào Pinata storage. Phần quan trọng sau đây là liên kết siêu dữ liệu này và tạo một NFT.

Các chủ đề hữu ích nhất được đề cập trong ứng dụng này là:

✓ Tích hợp Next JS với Web3 và Blockchain.
✓ Reactivity với Hooks và SWR.
✓ Tạo NFT(ERC721) Smart Contract.
✓ Thao tác và lưu trữ dữ liệu NFT trên Pinata.
✓ Typescript.

Mục lục:

✓ 01. Giới thiệu.
✓ 02. Thiết lập môi trường.
✓ 03. Các thành phần NFT.
✓ 04. Trang và Bố cục.
✓ 05. Web3 Provider.
✓ 06. Ganache & Truffle.
✓ 07. Web3 Hooks.
✓ 08. Account Hook.
✓ 09. Network Hook.
✓ 10. Mint Token - Smart Contract.
✓ 11. Mua NFT.
✓ 12. Add Token vào All Enumeration.
✓ 13. Add token vào Owned Enumeration.
✓ 14. Remove token khỏi owned enums.
✓ 15. Remove token khỏi all enums.
✓ 16. Bán NFT.
✓ 17. Use Listed NFTs.
✓ 18. Get NFT Data.
✓ 19. Get Owned NFTs.
✓ 20. Purchase NFT.
✓ 21. Xử lý NFT Form.
✓ 22. Verify Address.
✓ 23. Upload Image.
✓ 24. Tạo một NFT.
✓ 25. Cải tiến cuối cùng.
✓ 26. Deployment.

NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU

CUNG CẤP TÀI KHOẢN ONEDRIVE 5TB VÀ OFFICE 365 GIÁ RẺ, XEM CHI TIẾT TẠI ĐÂY

XEM HƯỚNG DẪN TRUY CẬP VÀ DOWNLOAD KHÓA HỌC TẠI ĐÂY

LIKE FAN PAGE ĐỂ NHẬN KHÓA HỌC MỚI NHẤT TẠI ĐÂY

MỜI BẠN THAM GIA GROUP CÙNG TRAO ĐỔI TẠI ĐÂY

Copyright Disclaimer:

This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.

Tuyên bố miễn trừ bản quyền:

Trang web này không lưu trữ bất kỳ tệp nào trên máy chủ của nó. Chúng tôi chỉ lập chỉ mục và liên kết đến nội dung được cung cấp bởi các trang web khác. Vui lòng liên hệ với các nhà cung cấp nội dung để xóa nội dung bản quyền nếu có và gửi email cho chúng tôi, chúng tôi sẽ xóa các liên kết hoặc nội dung có liên quan ngay lập tức.

Chia sẽ bài viết lên:

Thẻ bài viết:

Blockchain Ethereum Khóa Học NextJS NFT React js Solidity TypeScript UDEMY

Nhà Sách Tin Học

Chào mừng các bạn đến với Blog Nhà Sách Tin Học. Thông qua Blog này mình muốn chia sẻ đến các bạn những kiến thức về tin học, các tài liệu hay giáo trình mà mình có hoặc siêu tầm được... Mình rất mong được sự ủng hộ nhiệt tình của các bạn bằng cách comment bài viết, chia sẻ bài viết hoặc liên hệ với mình qua blog này! Mình xin cảm ơn!

Tin mới nhất