Build an ecommerce NEAR dapp with AssemblyScript and ReactJS

Focused View

John Bura,Mammoth Interactive,NEAR Foundation

12:55:43

120 View

1 - 00 Project preview

1 - 01 Project preview Build a marketplace dapp on NEAR blockchain.mp4

05:24

2 - Source Files.html

2 - Source-Files.zip

2 - 01 Prerequisite Blockchain and Smart Contracts Overview

3 - 00 Blockchain Introduction.mp4

07:38

4 - 02 What is a Smart Contract.mp4

06:34

5 - 03 What is the NEAR blockchain.mp4

03:58

6 - Source Files.html

6 - Source-Files.zip

3 - 06b Prerequisite Command Line Fundamentals

7 - Why All Developers Need To Know The Command Line.mp4

08:50

8 - What Are Linux And Unix Terminals.mp4

08:04

9 - Install Linux Command Line On Windows.mp4

03:18

4 - 06b2 Prerequisite Command Line Fundamentals

10 - 01 Build Your First Command In The Command Line.mp4

03:48

11 - 02 Navigate Directories In The Command Line.mp4

06:33

12 - 03 Build And Edit A New File In The Command Line.mp4

07:27

13 - 04 Move Files In The Command Line.mp4

09:00

5 - 06c Prerequisite Install Node and npm

14 - What Is Node JS.mp4

08:22

15 - Install Node And NPM On Mac Or Windows.mp4

03:14

16 - How to Install Node and NPM on Windows.mp4

08:41

17 - Source Files.html

17 - Source-files.zip

6 - 06d Prerequisite Install yarn

18 - 01 What is yarn.mp4

02:15

19 - 02 Install yarn on Mac.mp4

04:22

20 - 03 Install yarn on Windows.mp4

03:32

21 - Source Files.html

21 - Source-files.zip

7 - 06e Prerequisite Install project tools

22 - 01 Install NEAR CLI and AssemblyScript build tools.mp4

05:12

23 - Source Files.html

23 - Source-Files.zip

8 - 09a2 Prerequisite Introduction to HTML

24 - 01 Course Requirements.mp4

02:59

25 - 02 What is JSBin.mp4

03:14

26 - 03 Setting up the HTML Document.mp4

02:39

27 - 04 Header Tags and Paragraphs Tags.mp4

04:04

28 - 05 Styles.mp4

03:30

29 - 06 Bold underLine and Italic Tags.mp4

03:08

30 - 07 Adding in a Link.mp4

01:36

31 - 08 Adding in a Image.mp4

03:00

32 - 09 Adding a Link to an Image.mp4

01:53

33 - 10 Lists.mp4

04:02

34 - 11 Tables.mp4

03:28

35 - 12 Different Kinds of Input.mp4

04:57

36 - 13 Adding in a Submit Button.mp4

02:59

9 - 09a3 Prerequisite Introduction to JavaScript

37 - 01 Variables.mp4

05:36

38 - 02 JavaScript.mp4

10:24

39 - 03 Numbers.mp4

04:52

40 - 04 Booleans.mp4

05:22

41 - 05 If Statements.mp4

04:27

42 - 06 Arrays.mp4

08:31

43 - 07 For Loops.mp4

09:16

44 - 08 While Loops.mp4

04:34

45 - 09 Objects.mp4

08:02

46 - 10 Functions.mp4

06:09

47 - 11 Foreach.mp4

03:54

48 - 12 Map Functions.mp4

05:22

49 - 13 Using Objects As Dictionary.mp4

02:45

50 - 14 Switch Statements.mp4

06:38

51 - 15 Destructuring.mp4

05:30

52 - 16 Spread Operator.mp4

06:56

53 - 17 String Templates.mp4

06:37

54 - 18 Error Handling.mp4

05:45

55 - 19 Let And Const Keywords.mp4

03:39

56 - 20 Dowhile.mp4

01:45

57 - 21 Sets.mp4

05:42

58 - 22 Maps.mp4

04:39

59 - 23 Stacks.mp4

06:06

60 - 24 Queues.mp4

11:49

61 - 25 For Loop.mp4

05:11

62 - 26 Recursive Functions.mp4

07:13

63 - 27 Loop Labeling.mp4

05:18

64 - 28 2d Arrays.mp4

21:59

65 - 29 Settimeout.mp4

07:02

66 - 30 Sentimental.mp4

11:21

67 - 31 Functions With Optional Parameters1.mp4

15:10

68 - 32 Basic Regular Expression.mp4

05:53

69 - 33 Handle Keypress Events.mp4

22:45

70 - 34 Priority Queue.mp4

15:54

71 - 35 Add delete Object Property.mp4

02:44

72 - 36 Example With Sets Part 1.mp4

28:49

73 - 36 Example With Sets Part 2.mp4

43:20

74 - 37 Concat.mp4

03:12

75 - 38 Flat And Flatmap.mp4

02:06

10 - 09a4 Prerequisite Introduction to React

76 - 00 Why You Should Learn React.mp4

05:30

77 - 01 React Introduction.mp4

12:33

78 - 02 Set up a Container.mp4

08:13

79 - 03 Generate a List.mp4

06:46

80 - 04 Add Items to the List.mp4

06:34

81 - 05 Clear Input Field.mp4

10:26

82 - 06 Remove a Task.mp4

10:39

83 - Source Files.html

83 - Source-Files.zip

11 - 10 Connect a React Dapp with NEAR contract

84 - 00 What is web3JS.mp4

02:06

85 - 01 Set up React dapp for NEAR.mp4

08:21

86 - 02 Define configuration for NEAR in React.mp4

06:58

87 - 04 Connect to NEAR wallet and contract in React.mp4

06:03

88 - 05 Test connection to wallet and contract.mp4

07:04

89 - Source Files.html

89 - Source-files.zip

12 - 11 Interact with NEAR contract in dapp

90 - 01 Handle sign in and sign out of wallet.mp4

03:37

91 - 02 Call NEAR functions in dapp.mp4

05:00

92 - Source Files.html

92 - Source-files.zip

13 - 12 Show AssemblyScript contract contents in React

93 - 01 Build user interface to establish the wallet connection.mp4

12:44

94 - 02 Show state values from AssemblyScript contract in React.mp4

07:25

95 - Source Files.html

95 - Source-files.zip

14 - 13 Build a React frontend for AssemblyScript smart contract

96 - 01 Connect to contract before rendering dapp.mp4

03:37

97 - 02 Build a Course component.mp4

06:29

98 - Source Files.html

98 - Source-files.zip

15 - 14 Render all data from AssemblyScript contract in dapp

99 - 01 Get all entries in AssemblyScript smart contract map.mp4

08:20

100 - 02 Get all entries from AssemblyScript in React.mp4

09:55

101 - 03 Render an AssemblyScript map in React DOM.mp4

04:05

102 - 04 Build a Courses component to render all entries.mp4

05:43

103 - Source Files.html

103 - Source-files.zip

16 - 15 Connect to AssemblyScript add function in React component

104 - 01 Build React component to add entry to AssemblyScript map.mp4

06:49

105 - 02 Connect to add entry function in React component.mp4

07:05

106 - Source Files.html

106 - Source-files.zip

17 - 16 Expand smart contract for complex data

107 - 01 Build model to represent course.mp4

07:29

108 - 02 Update smart contract to use complex data model.mp4

08:07

109 - 03 Update AssemblyScript smart contract on NEAR.mp4

12:28

110 - Source Files.html

110 - Source-files.zip

18 - 17 Update React dapp with AssemblyScript data model

111 - 01 Update Courses component with complex data model.mp4

04:21

112 - 02 Update adding course with complex data model.mp4

06:55

113 - Source Files.html

113 - Source-files.zip

19 - 18 Enable purchase from AssemblyScript contract in React

114 - 01 Build AssemblyScript method for purchase.mp4

06:16

115 - 02 Build NEAR customer account to test purchase.mp4

05:16

116 - 03 Get more test NEAR token from faucet.mp4

03:16

117 - 04 Fund testnet wallet with NEAR CLI.mp4

04:43

118 - Source Files.html

118 - Source-files.zip

20 - 19 Test purchase with NEAR smart contract

119 - 01 Test purchase with NEAR smart contract.mp4

10:10

120 - 02 Use a React component for each object.mp4

07:57

121 - 03 Enable NEAR purchase in React dapp.mp4

08:58

122 - 04 Send NEAR with purchase in React dapp.mp4

06:16

123 - Source Files.html

123 - Source-Code.zip

21 - 20 Expand model with more properties

124 - 01 Format each course in a Bootstrap card.mp4

09:35

125 - 02 Add image to model in AssemblyScript smart contract.mp4

05:54

126 - 03 Display image from AssemblyScript smart contract in React dapp.mp4

06:02

127 - Source Files.html

127 - Source-Files.zip

Description

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

Who is this for?

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

What You Need to Know?

No experience required

Code editor (free)

Accounts on NEAR testnet

No paid software required

More details

Description
What is the NEAR blockchain?
built to be simple, secure and scalable.
Low cost. High speed. Effortless scale.
18M+ Active Accounts
400K Daily Transactions
~2.4s Time to FinalityÂ
Contracts, DAOs, dapps, funding
Layer 1 blockchain
not 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 Ethereum
web-based wallet
no need for users to install programs or browser extensions
makes 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 Bridge
Your Instructor
Alexandra 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 Harvard
Lifetime access that never expires
Project-based curriculum to superboost your portfolio
Graduation certificate for every course
Absolute beginner-friendly
90% off today
Use any computer
Satisfaction guarantee
Get all source code
Popular bundle by Mammoth students
Perfected over years of training
Reviews 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
Who this course is for:
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

User Reviews

Rating

average 0

Total votes0

Focused display

John Bura is has been a successful Udemy instructor since 2011. John Bura has been programming games since 1997 and teaching since 2002. John is the owner of the game development studio Mammoth Interactive. This company produces XBOX 360, iPhone, iPad, android, HTML 5, ad-games and more. Mammoth Interactive recently sold a game to Nickelodeon! John has been contracted by many different companies to provide game design, audio, programming, level design and project management. To this day John has 40 commercial games that he has contributed to. Several of the games he has produced have risen to the top 10 in the Apple's app store. In his spare time John likes to play ultimate Frisbee, cycle and work out.

Mammoth Interactive

Instructor's Courses

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."I absolutely love this course. This is such a comprehensive course that was well worth the money I spent and a lot more. Will definitely be looking at more Mammoth Interactive courses when I finish this." – Student Matt W."Very good at explaining the basics then building to more complex features." – Student Kevin L.Try a course today.

NEAR Foundation

Instructor's Courses

NEAR is a blockchain built to be simple, secure and scalable. It is a carbon neutral, low gas tax, layer one protocol.Low cost. High speed. Effortless scale. Putting usability first in our mission to change the world with Web3. Our goal is to help developers with all types of experience to create without limits.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.