Messaging Javascript Decentralized App Development For Near

Show all messages from contract in React dapp

What you'll learn
01 Set up chat dapp with Create Near App
02 Add message to chat smart contract with TypeScript
03 Get latest messages added to chat contract
04 Store multiple properties in an object
05 Count values in array in TypeScript smart contract
00 Set up blank React dapp template
01 Show all messages from contract in React dapp
02 Format messages in dapp with React Bootstrap
03 Set message style based on sender
01 Build a form to submit data to NEAR contract
02 Send message from dapp to smart contract
03 Show total number of messages
Requirements
No experience required
No cryptocurrency required
No paid software required
Code editor (free)
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 smart contract and decentralized app development. She has helped produce courses for Mammoth Interactive since 2016, including many blockchain and Web3 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.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-friendlyUse 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: 00a Project preview

Lecture 1 00 Project Preview

Section 2: 00b Mammoth Interactive Courses Introduction

Lecture 2 00 About Mammoth Interactive

Lecture 3 01 How To Learn Online Effectively

Section 3: 00c (Prerequisite) Blockchain and Smart Contracts Overview

Lecture 4 00 Blockchain Introduction

Lecture 5 02 What is a Smart Contract

Lecture 6 03 What is the NEAR blockchain

Section 4: 00d (Prerequisite) Command Line Fundamentals

Lecture 7 01 Why All Developers Need To Know The Command Line

Lecture 8 02 Install Linux Command Line On Windows

Lecture 9 03 What Are Linux And Unix Terminals

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: 00e (Prerequisite) Install Node and npm

Lecture 14 00 What Is Node JS

Lecture 15 01 Install Node And Npm On Mac Or Windows

Lecture 16 02 How to Install Node and NPM on Windows

Section 6: 00f (Prerequisite) Introduction to JavaScript

Lecture 17 01. Variables

Lecture 18 02. Javascript

Lecture 19 03. Numbers

Lecture 20 04. Booleans

Lecture 21 05. If Statements

Lecture 22 06. Arrays

Lecture 23 07. For Loops

Lecture 24 08. While Loops

Lecture 25 09. Objects

Lecture 26 10. Functions

Lecture 27 11. Foreach

Lecture 28 12. Map Functions

Lecture 29 13. Using Objects As Dictionary

Lecture 30 14. Switch Statements

Lecture 31 15. Destructuring

Lecture 32 16. Spread Operator

Lecture 33 17. String Templates

Lecture 34 18. Error Handling

Lecture 35 19. Let And Const Keywords

Lecture 36 20. Do-While

Lecture 37 21. Sets

Lecture 38 22. Maps

Lecture 39 23. Stacks

Lecture 40 24. Queues

Lecture 41 25. For Loop

Lecture 42 26. Recursive Functions

Lecture 43 27. Loop Labeling

Lecture 44 28. 2D Arrays

Lecture 45 29. Settimeout

Lecture 46 30. Sentimental

Lecture 47 31. Functions With Optional Parameters

Lecture 48 32. Basic Regular Expression

Lecture 49 33. Handle Keypress Events

Lecture 50 34. Priority Queue

Lecture 51 35. Add-delete Object Property

Lecture 52 36. Example With Sets Part 1

Lecture 53 36. Example With Sets Part 2

Lecture 54 37. Concat

Lecture 55 38. Flat And Flatmap

Section 7: 01 Build a chat smart contract with TypeScript for NEAR

Lecture 56 01 Set Up Chat Dapp With Create Near App

Lecture 57 02 Add Message To Chat Smart Contract With Typescript

Lecture 58 03 Get Latest Messages Added To Chat Contract

Lecture 59 04 Store Multiple Properties In An Object

Lecture 60 05 Count Values In Array In Typescript Smart Contract

Section 8: 02a (Prerequisite) Introduction to HTML

Lecture 61 01. Course Requirements

Lecture 62 02. What Is Jsbin

Lecture 63 03. Setting Up The Html Document

Lecture 64 04. Header Tags And Paragraphs Tags

Lecture 65 05. Styles

Lecture 66 06. Bold Underline And Italic Tags

Lecture 67 07. Adding In A Link

Lecture 68 08. Adding In A Image

Lecture 69 09. Adding A Link To An Image

Lecture 70 10. Lists

Lecture 71 11. Tables

Lecture 72 12. Different Kinds Of Input

Lecture 73 13. Adding In A Submit Button

Section 9: 02b (Prerequisite) Introduction to React

Lecture 74 00 Why You Should Learn React

Lecture 75 01 React Introduction

Lecture 76 02 Set up a Container

Lecture 77 03 Generate a List

Lecture 78 04 Add Items to the List

Lecture 79 05 Clear Input Field

Lecture 80 06 Remove a Task

Section 10: 02c Show all messages from contract in React dapp

Lecture 81 00 Set Up Blank React Dapp Template

Lecture 82 01 Show All Messages From Contract In React Dapp

Lecture 83 02 Format Messages In Dapp With React Bootstrap

Lecture 84 03 Set Message Style Based On Sender

Section 11: 03 Build a form to submit data to NEAR contract

Lecture 85 01 Build A Form To Submit Data To Near Contract

Lecture 86 02 Send Message From Dapp To Smart Contract

Lecture 87 03 Show Total Number Of Messages

Anyone interested in building smart contracts for the NEAR blockchain,Anyone who wants to learn to code