Build An Ecommerce Near Dapp With Assemblyscript And Reactjs

Build a React frontend for AssemblyScript smart contract

What you'll learn
Introduction to HTML
JavaScript 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, JavaScript, 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 JavaScript

Lecture 37 01. Variables

Lecture 38 02. JavaScript

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