If you are switching from web2 to web3 or if you want to learn web3 then you may have doubts like how web3 is different from web2? Are there any similarities? Can I directly jump into web3 without knowing web2 stuff?. So, in this blog, get answers to your questions by learning the architectures of both. This blog is a high-level overview of web3 application architecture. Let's Get Started How Does Web2.0 Application Work? Terminology Let's recall web2.0 things. Three main things. - Frontend is what the user sees and interacts with your application. Frontend - Backend is where we do all the business logic(secrets 👀). Backend - Where we store all the data. Database When we build an application combining these. This is how we visualize: How this works in simple terms with an example - You interact with the application in the browser. For example, you click a login button, then the browser will talk to the server, then that server will talk to the database. The server will query data(your existing creds), then the server will compare your input with queried data and returns the appropriate response(whether login failed or successful). That's it! Simple stuff. Here we have control over our user's data. How does Web3.0 application work? In web3, the architecture is completely different. Here things are a little bit complicated. There will be no centralized database and server. Terminology Two main things. - Same explanation as in web2. Frontend - A distributed network to store data. Here data is immutable - means once written it can't be changed. Blockchain Here we don't have a centralized server, so how can we query data and do all the business logic? For this, we write something called . Smart contracts are pieces of code we write to talk to the Ethereum blockchain. Between there is which executes our code. smart contracts Ethereum Virtual Machine (EVM) How Does the Frontend Talk to Blockchain? In web2, the client makes a request to the server and the server responds and gives back a response. Here in web3, there is something called nodes. So in order to talk to our smart contracts, we need to talk to these nodes. For that, we can use node providers like , etc... or set up your own node. Alchemy Infura How Do we add/write Data in Web3? We have to the transactions with a . This is a big topic in blockchain, so let's don't go too far(I will cover it in upcoming blogs). In simple terms, if you want to add data to blockchain nodes need a signed transaction. We can use to sign transactions. sign private key Metamask Finally, Conclusion There are lots of buzzwords and new terms in web3, but this is the basic overview of what a web3 application architecture looks like. Now to answer some questions -
There is nothing new in the front end except some dom manipulation. Are there any similarities? -
As you can clearly see, both architectures are completely different. So all you need to know from web2 is how the web works and how the internet works 😅. Can I directly jump into web3 without knowing web2 stuff? This article was first published here

Ethereum

Easy Windows Subsystem for Linux(WSL) Setup to get you Building Apps in Minutes

Online Playgrounds to Learn Every Tech Stack on the Web

Website

Hire Me

Nominated for 2022 - HackerNoon Contributor of the Year - Mongodb

Nominated for 2022 - No No No Nodejs

Nominated for 2022 - HackerNoon Contributor of the Year - Api

Too Long; Didn't Read

A High Level Introduction to Web2.0 and Web3.0

A High Level Introduction to Web2.0 and Web3.0

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

3 Most Common Ways to Connect your Node and React Applications

104 Stories To Learn About Go

105 Stories To Learn About Functional Programming

100+ Free Pluralsight Courses to learn Python, Java, and Spring Boot

10 Websites to Learn JavaScript for Beginners

3 Most Common Ways to Connect your Node and React Applications

104 Stories To Learn About Go

105 Stories To Learn About Functional Programming

100+ Free Pluralsight Courses to learn Python, Java, and Spring Boot

10 Websites to Learn JavaScript for Beginners

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps