Build An Ecommerce Near Dapp With Assemblyscript And Reactjs

Build a React frontend for AssemblyScript smart contract
What you'll learn
Introduction to HTML
jаvascript programming introduction
React development introduction
Connect a React Dapp with NEAR contract
Interact with NEAR contract in dapp
Show AssemblyScript contract contents in React
Build a React frontend for AssemblyScript smart contract
Build dapp React components
Render all data from AssemblyScript contract in dapp
Connect to AssemblyScript add function in React component
Expand smart contract for complex data
Update React dapp with AssemblyScript data model
Enable purchase from AssemblyScript contract in React
Test purchase with NEAR smart contract
Expand model with more properties
Requirements
No experience required
Code editor (free)
Accounts on NEAR testnet
No paid software required
Description
What is the NEAR blockchain?built to be simple, secure and scalable. Low cost. High speed. Effortless scale. <0.01USD Transaction Cost18M+ Active Accounts400K Daily Transactions~2.4s Time to Finality Contracts, DAOs, dapps, fundingLayer 1 blockchainnot dependent on other chains. uses a unique scaling mechanism Nightshade sharding Scales infinitely resists short-term usage spikes Proof of stake More efficient than Bitcoin and Ethereumweb-based walletno need for users to install programs or browser extensionsmakes it especially easy to onboard new users (e.g. through named accounts)Certified carbon neutral consumes in a year the same energy bitcoin consumes in 3 minutes Interoperable with Ethereum using Rainbow BridgeYour InstructorAlexandra Kropova is a software developer with extensive experience in full-stack web development, app development and game development. She has helped produce courses for Mammoth Interactive since 2016, including the Coding Interview series in Java, jаvascript, C++, C#, Python and Swift.Mammoth Interactive is a leading online course provider in everything from learning to code to becoming a YouTube star. Mammoth Interactive courses have been featured on Harvard's edX, Business Insider and more.Over 11 years, Mammoth Interactive has built a global student community with 1.1 million courses sold. Mammoth Interactive has released over 250 courses and 2,500 hours of video content.Founder and CEO John Bura has been programming since 1997 and teaching since 2002. John has created top-selling applications for iOS, Xbox and more. John also runs SaaS company Devonian Apps, building efficiency-minded software for technology workers like you.Join 1.3+ million students in high-quality courses featured at HarvardLifetime access that never expiresProject-based curriculum to superboost your portfolioGraduation certificate for every courseAbsolute beginner-friendly90% off todayUse any computerSatisfaction guaranteeGet all source codePopular bundle by Mammoth studentsPerfected over years of trainingReviews from the Mammoth Community"This is AMAZING I just learned how to code without breaking a sweat, this is really easy and fun!" -Shalonda Lewis"This course so far is by far amazing! The instructor is very encouraging and up beat." -Moiz Saqib"It was informative and definitely covered the basics. Easy to understand and to follow." -Colin Mooney
Overview
Section 1: 00 Project preview
Lecture 1 01 Project preview - Build a marketplace dapp on NEAR blockchain
Lecture 2 Source Files
Section 2: 01 (Prerequisite) Blockchain and Smart Contracts Overview
Lecture 3 00 Blockchain Introduction
Lecture 4 02 What is a Smart Contract
Lecture 5 03 What is the NEAR blockchain
Lecture 6 Source Files
Section 3: 06b (Prerequisite) Command Line Fundamentals
Lecture 7 Why All Developers Need To Know The Command Line
Lecture 8 What Are Linux And Unix Terminals
Lecture 9 Install Linux Command Line On Windows
Section 4: 06b-2 (Prerequisite) Command Line Fundamentals
Lecture 10 01 Build Your First Command In The Command Line
Lecture 11 02 Navigate Directories In The Command Line
Lecture 12 03 Build And Edit A New File In The Command Line
Lecture 13 04 Move Files In The Command Line
Section 5: 06c (Prerequisite) Install Node and npm
Lecture 14 What Is Node JS
Lecture 15 Install Node And NPM On Mac Or Windows
Lecture 16 How to Install Node and NPM on Windows
Lecture 17 Source Files
Section 6: 06d (Prerequisite) Install yarn
Lecture 18 01 What is yarn
Lecture 19 02 Install yarn on Mac
Lecture 20 03 Install yarn on Windows
Lecture 21 Source Files
Section 7: 06e (Prerequisite) Install project tools
Lecture 22 01 Install NEAR CLI and AssemblyScript build tools
Lecture 23 Source Files
Section 8: 09a2 (Prerequisite) Introduction to HTML
Lecture 24 01. Course Requirements
Lecture 25 02. What is JSBin
Lecture 26 03. Setting up the HTML Document
Lecture 27 04. Header Tags and Paragraphs Tags
Lecture 28 05. Styles
Lecture 29 06. Bold underLine and Italic Tags
Lecture 30 07. Adding in a Link
Lecture 31 08. Adding in a Image
Lecture 32 09. Adding a Link to an Image
Lecture 33 10. Lists
Lecture 34 11. Tables
Lecture 35 12. Different Kinds of Input
Lecture 36 13. Adding in a Submit Button
Section 9: 09a3 (Prerequisite) Introduction to jаvascript
Lecture 37 01. Variables
Lecture 38 02. jаvascript
Lecture 39 03. Numbers
Lecture 40 04. Booleans
Lecture 41 05. If Statements
Lecture 42 06. Arrays
Lecture 43 07. For Loops
Lecture 44 08. While Loops
Lecture 45 09. Objects
Lecture 46 10. Functions
Lecture 47 11. Foreach
Lecture 48 12. Map Functions
Lecture 49 13. Using Objects As Dictionary
Lecture 50 14. Switch Statements
Lecture 51 15. Destructuring
Lecture 52 16. Spread Operator
Lecture 53 17. String Templates
Lecture 54 18. Error Handling
Lecture 55 19. Let And Const Keywords
Lecture 56 20. Do-while
Lecture 57 21. Sets
Lecture 58 22. Maps
Lecture 59 23. Stacks
Lecture 60 24. Queues
Lecture 61 25. For Loop
Lecture 62 26. Recursive Functions
Lecture 63 27. Loop Labeling
Lecture 64 28. 2d Arrays
Lecture 65 29. Settimeout
Lecture 66 30. Sentimental
Lecture 67 31. Functions With Optional Parameters-1
Lecture 68 32. Basic Regular Expression
Lecture 69 33. Handle Keypress Events
Lecture 70 34. Priority Queue
Lecture 71 35. Add delete Object Property
Lecture 72 36. Example With Sets Part 1
Lecture 73 36. Example With Sets Part 2
Lecture 74 37. Concat
Lecture 75 38. Flat And Flatmap
Section 10: 09a4 (Prerequisite) Introduction to React
Lecture 76 00 Why You Should Learn React
Lecture 77 01 React Introduction
Lecture 78 02 Set up a Container
Lecture 79 03 Generate a List
Lecture 80 04 Add Items to the List
Lecture 81 05 Clear Input Field
Lecture 82 06 Remove a Task
Lecture 83 Source Files
Section 11: 10 Connect a React Dapp with NEAR contract
Lecture 84 00 What is web3JS
Lecture 85 01 Set up React dapp for NEAR
Lecture 86 02 Define configuration for NEAR in React
Lecture 87 04 Connect to NEAR wallet and contract in React
Lecture 88 05 Test connection to wallet and contract
Lecture 89 Source Files
Section 12: 11 Interact with NEAR contract in dapp
Lecture 90 01 Handle sign in and sign out of wallet
Lecture 91 02 Call NEAR functions in dapp
Lecture 92 Source Files
Section 13: 12 Show AssemblyScript contract contents in React
Lecture 93 01 Build user interface to establish the wallet connection
Lecture 94 02 Show state values from AssemblyScript contract in React
Lecture 95 Source Files
Section 14: 13 Build a React frontend for AssemblyScript smart contract
Lecture 96 01 Connect to contract before rendering dapp
Lecture 97 02 Build a Course component
Lecture 98 Source Files
Section 15: 14 Render all data from AssemblyScript contract in dapp
Lecture 99 01 Get all entries in AssemblyScript smart contract map
Lecture 100 02 Get all entries from AssemblyScript in React
Lecture 101 03 Render an AssemblyScript map in React DOM
Lecture 102 04 Build a Courses component to render all entries
Lecture 103 Source Files
Section 16: 15 Connect to AssemblyScript add function in React component
Lecture 104 01 Build React component to add entry to AssemblyScript map
Lecture 105 02 Connect to add entry function in React component
Lecture 106 Source Files
Section 17: 16 Expand smart contract for complex data
Lecture 107 01 Build model to represent course
Lecture 108 02 Update smart contract to use complex data model
Lecture 109 03 Update AssemblyScript smart contract on NEAR
Lecture 110 Source Files
Section 18: 17 Update React dapp with AssemblyScript data model
Lecture 111 01 Update Courses component with complex data model
Lecture 112 02 Update adding course with complex data model
Lecture 113 Source Files
Section 19: 18 Enable purchase from AssemblyScript contract in React
Lecture 114 01 Build AssemblyScript method for purchase
Lecture 115 02 Build NEAR customer account to test purchase
Lecture 116 03 Get more test NEAR token from faucet
Lecture 117 04 Fund testnet wallet with NEAR CLI
Lecture 118 Source Files
Section 20: 19 Test purchase with NEAR smart contract
Lecture 119 01 Test purchase with NEAR smart contract
Lecture 120 02 Use a React component for each object
Lecture 121 03 Enable NEAR purchase in React dapp
Lecture 122 04 Send NEAR with purchase in React dapp
Lecture 123 Source Files
Section 21: 20 Expand model with more properties
Lecture 124 01 Format each course in a Bootstrap card
Lecture 125 02 Add image to model in AssemblyScript smart contract
Lecture 126 03 Display image from AssemblyScript smart contract in React dapp
Lecture 127 Source Files
Anyone interested in building smart contracts for the NEAR blockchain,Anyone who wants to learn to code in AssemblyScript,(Provided) NEAR project with AssemblyScript contract
Screenshots

#