Tin mới nhất

Menu

Browsing "Older Posts"

Bài Viết Về Chủ Đề " DApp "

Chia Sẻ Khóa Học Solidity & Ethereum Với React/Next - Hướng Dẫn Hoàn Chỉnh (2023) [Update Tháng 5-2023] [Khóa 7317 A]

03 tháng 6 2023 / No Comments

Xây dựng các Smart Contract trong Solidity và Web3 DApps với React/Next. Tìm hiểu Ethereum, Polygon, Hardhat và Ganache.

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

  • ✓ Tạo các ứng dụng thực tế trên blockchain.
  • ✓ Xây dựng các hợp đồng thông minh và DApps một cách dễ dàng.
  • ✓ Hiểu các chủ đề Ethereum phức tạp theo cách thực tế và thú vị.
  • ✓ Nhận bộ công cụ hoàn chỉnh để làm việc với bất kỳ blockchain nào.

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 để trở thành một blockchain developer. Học viên của khóa học này sẽ tìm hiểu Ethereum blockchain là gì và cách nó hoạt động ở cấp độ cơ sở và từ quan điểm của một developer.

Bạn sẽ tìm hiểu smart contract là gì và cách tạo ra chúng. Smart contract đang song hành với dApps (decentralized apps). Khóa học này cũng bao gồm chúng.

Front end cho dApps được đề cập trong khóa học sử dụng thư viện React và Next JS framework. CSS và thiết kế được xây dựng với sự trợ giúp của Bulma và Tailwind framework.

Ba ứng dụng trong thế giới thực được tạo ra trong khóa học này:

  • ✓ Ứng dụng Faucet: Ứng dụng đơn giản này bao gồm React JS, Solidity và Ganache. Nó cung cấp một giới thiệu về các nền tảng cơ bản.
  • ✓ Marketplace: Ứng dụng nâng cao này liên quan đến Next JS, Solidity và Ganache, cùng với việc triển khai một blockchain thực tế.
  • ✓ Adopt Pet: Phần thưởng tập trung vào React JS, phần này sử dụng Hardhat để quản lý hợp đồng thông minh và triển khai nó vào Polygon network.

Mọi phần của việc tạo ứng dụng đều được giải thích và ghi lại rõ ràng.

Ứng dụng Faucet:

Ứng dụng ban đầu trong khóa học cung cấp cho bạn trải nghiệm thực tế để tìm hiểu các nền tảng và khái niệm cốt lõi của Ethereum network.

Frontend của ứng dụng được phát triển bằng thư viện React và Bulma framework. Môi trường phát triển Truffle và Ganache (một private blockchain) được sử dụng để tạo smart contract.

Ứng dụng Faucet cho phép người dùng donate và rút tiền từ smart contract. Người dùng có thể tương tác với smart contract thông qua một website được kết nối với mạng blockchain thông qua ví Metamask.

Mục tiêu chính của ứng dụng đầu tiên này là cung cấp trải nghiệm học tập thực tế đồng thời bao quát những điều cơ bản một cách thú vị.

Ứng dụng giải quyết một số câu hỏi cần thiết, bao gồm:

  • ✓ Hiểu Ethereum, transactions, và blockchain.
  • ✓ Khám phá EVM (Ethereum Virtual Machine) và các thành phần của nó như bytecode và storage.
  • ✓ Học cách tạo smart contracts và decentralized applications (dapps).
  • ✓ Khám phá quy trình tích hợp các hợp đồng thông minh với React.

Ứng dụng Marketplace:

Ứng dụng này tập trung vào việc xây dựng một marketplace tương tác nơi khách hàng có thể mua các khóa học bằng tiền kỹ thuật số Ether, cho phép học viên chọn sản phẩm ưa thích của họ.

Đã đề cập đến những điều cơ bản trong ứng dụng trước, giờ đây trọng tâm chuyển sang phát triển thực tế trong Ethereum network. Các chủ đề trở nên khó khăn hơn và các bài giảng xoay quanh các khía cạnh coding thực tế.

Ứng dụng thứ hai bao gồm nhiều tính năng khác nhau, bao gồm một trang marketplace hiển thị các cập nhật theo thời gian thực về tiền tệ Ether và giá khóa học so với đồng đô la Mỹ. Ngoài ra, còn có một cửa sổ phương thức dành riêng để đặt hàng, một giải pháp email hashing để bảo vệ quyền riêng tư của khách hàng, chế độ xem đơn hàng với các tùy chọn lọc và phân trang, v.v.

Để phát triển ứng dụng này, Next JS framework được sử dụng, trong đó Tailwind đóng vai trò là CSS framework. Next JS sử dụng nội bộ thư viện React, mang đến khả năng server-side rendering (SSR) dễ sử dụng và mặc định.

Mặc dù SSR mang lại nhiều lợi ích nhưng nó cũng đặt ra một số thách thức liên quan đến việc tích hợp với blockchain. Tuy nhiên, toàn bộ quá trình tích hợp của Next JS với blockchain được đề cập, giải thích và ghi lại một cách toàn diện. Ứng dụng cuối cùng sẽ được triển khai trên Internet và hợp đồng thông minh sẽ được triển khai trên live Sepolia Test Network.

Các chủ đề đáng chú ý trong ứng dụng này bao gồm:

  • ✓ Tích hợp Next JS (với SSR) với Web3 và blockchain.
  • ✓ Phát triển một hợp đồng thông minh phức tạp hơn.
  • ✓ Thực hiện các tính năng băm email và xác minh đơn đặt hàng.
  • ✓ Cung cấp một giải pháp thử nghiệm bao gồm mọi khía cạnh của hợp đồng thông minh.
  • ✓ Kích hoạt phân trang và lọc cho các đơn đặt hàng.

Adopt Pet Application:

Là một thành phần bổ sung, phần này củng cố kiến ​​thức bạn đã thu được trong khóa học và áp dụng kiến ​​thức đó vào ứng dụng React JS. Hardhat được sử dụng để quản lý hợp đồng thông minh, đảm bảo kiến ​​trúc ứng dụng rõ ràng và đơn giản.

Sự nhấn mạnh là thiết kế tối thiểu và đơn giản. Khi kết thúc phần này, bạn sẽ có cơ hội triển khai một hợp đồng thông minh cho Polygon blockchain.

Ethereum là gì?

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 đều 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.

Ethereum được xây dựng dựa trên sự đổi mới của Bitcoin, với một số điểm khác biệt lớn.

Cả hai đều cho phép bạn sử dụng tiền kỹ thuật số mà không cần nhà cung cấp dịch vụ thanh toán hoặc ngân hàng. Nhưng Ethereum có thể lập trình được để bạn có thể sử dụng nó cho nhiều tài sản kỹ thuật số – thậm chí cả Bitcoin!

Điều này cũng có nghĩa là Ethereum không chỉ dành cho thanh toán. Đó là thị trường của các dịch vụ tài chính, game và ứng dụng không thể đánh cắp hoặc kiểm duyệt dữ liệu của bạn. Đó là Tương Lai.

Solidity là gì?

Solidity là một ngôn ngữ cấp cao, hướng đối tượng để triển khai các hợp đồng thông minh. Hợp đồng thông minh là các chương trình chi phối hành vi của các tài khoản trong trạng thái Ethereum.

Solidity là một ngôn ngữ ngoặc nhọn. Nó chịu ảnh hưởng của C++, Python và JavaScript và được thiết kế để nhắm mục tiêu Ethereum Virtual Machine (EVM).

Solidity được nhập tĩnh và hỗ trợ tính kế thừa, thư viện và các type phức tạp do người dùng định nghĩa, trong số các tính năng khác.

Với Solidity, bạn có thể tạo hợp đồng cho các mục đích sử dụng như bỏ phiếu, gây quỹ cộng đồng, đấu giá kín và ví đa chữ ký.

Mục lục:

  • ✓ 01 - Giới thiệu.
  • ✓ 02 - App Setup.
  • ✓ 03 - [AI] Ethereum Essentials.
  • ✓ 04 - Private blockchain & Truffle.
  • ✓ 05 - [AI] Transaction Details.
  • ✓ 06 - Access Smart Contract.
  • ✓ 07 - Về Bytecode.
  • ✓ 08 - Smart Contracts Functions.
  • ✓ 09 - [AI] Memory.
  • ✓ 10 - [AI] Storage.
  • ✓ 11 - Mappings.
  • ✓ 12 - [AI] Storage phần 2.
  • ✓ 13 - Solidity features.
  • ✓ 14 - Metamask.
  • ✓ 15 - Project 1 Application.
  • ✓ 16 - Load Contract.
  • ✓ 17 - Project 1 - UX Improvements.
  • ✓ 18 - [AI] Transactions.
  • ✓ 19 - [AI] Merkle Trees.
  • ✓ 20 - Project 2 (Marketplace) - Next JS.
  • ✓ 21 - Các Component liên quan đến Course.
  • ✓ 22 - Web3 Provider.
  • ✓ 23 - Hooks.
  • ✓ 24 - Network Hook.
  • ✓ 25 - Order.
  • ✓ 26 - Web3 Components.
  • ✓ 27 - Finishing Order Form.
  • ✓ 28 - Marketplace Contract.
  • ✓ 29 - Contract trong Next JS.
  • ✓ 30 - Owned Courses.
  • ✓ 31 - Style Improvements.
  • ✓ 32 - Owned Course.
  • ✓ 33 - Managed Courses.
  • ✓ 34 - Unit Tests.
  • ✓ 35 - Activate & Deactivate.
  • ✓ 36 - Unit tests - phần 2.
  • ✓ 37 - Deactivate, Repurchase & UX.
  • ✓ 38 - Filters.
  • ✓ 39 - Withdraw Functions & Tests.
  • ✓ 40 - Smart Contract Deployment.
  • ✓ 41 - App với Ropsten.
  • ✓ 42 - App Deployment.
  • ✓ 43 - Bonus: Adopt Pet (Hardhat & Polygon).

Khóa học này dành cho ai:

  • ✓ Người mới bắt đầu cũng như các nhà phát triển có kinh nghiệm quan tâm đến công nghệ blockchain.
  • ✓ Những người đang tìm kiếm hướng dẫn Solidity/Ethereum/NextJS development thực tế.
  • ✓ Khóa học này dành cho tất cả những ai mong muốn hiểu cách xây dựng một ứng dụng từ đầu.


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




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.