Learn Web3 in 100 Days - Day 4: HTML and CSS and JS

By xuanling11 | Crypto Learning | 3 Apr 2022


-------------

This article is sponsored by the MixPay Content Reward Program. MixPay is a decentralized crypto payment service platform built on Mixin Network. MixPay, Payment for Web3.

-------------

 

Let’s explore how HTML, CSS, and JS interact together to show up on the web.

 

TL;DR

What is HTML

What is CSS

HTML + CSS = Web 1.0

What is JS

HTML + CSS + JS = Web 2.0

What is Web3

Web2 + Crypto Stuffs = Web3

What is HTML

HTML or HyperText Markup Language is a code language that provides a structure to the website. It is an instruction language to tell what a website is supposed to look like. If you recall that your computer is a client who tries to request service to the remote server that once you type the website address, the server will go through the file cabinets to find HTML files that link to the address you are researching to provide to you.      

 

What is CSS 

CSS or Cascading Style Sheets is a style sheet language that provides HTML styles and layout. It guides HTML in the style that you want it to become and position information in a way that helps readers to enjoy their readings. 

 

For example, you may tell how the text color will be, what the size of the text will look like, and what font of the text you choose from.

 

HTML + CSS = Web 1.0

If you have HTML and CSS, you got Web 1.0. It is a static website that is similar to a newspaper to present information on the internet. In Web 1.0, you can only read information from the website that programmers provided. 

 

What is JS

JS or JavaScript is a programming language on the client-side to make the website interactive. It allows users to interact with the website and communicate with others. The idea of Web 2.0 was born. Users not only can read the website, but they can also write their feedback and interact with others on the website in different locations.  

 

HTML + CSS + JS = Web 2.0

Before the 2000s, the website was only composed of text, images, and links. It was static. After the 2000s, the dynamic user experience that can respond to users' input, emphasizing user-generated content and social sharing created a new way of web surfing a.k.a Web 2.0.

 

Users can generate their own content and share it with others. blogging, social media, online learning platforms, and many more ideas that generate through Web 2.0.  

 

What is Web3

So what is Web3 then? Some said Web3 is decentralized that runs on the blockchain where people can own their own data or digital assets like NFTs. it is a permissionless, trustless place with native payments embedded. It sounds very fairytale and too good to be true. 

 

Or perhaps, Web3 is just a rebranding of crypto. An idea that is against the Web2 tech giants who profit from people’s misery through social media engagement. 

 

Web2 + Crypto Stuffs = Web3

Whatever people described the ownership economy, what does that really mean in programming anyway. From a programming perspective, it is an integration of Web2 into the blockchain and smart contract programming. That is about it from the current technology trend. Web3 has limitations and a master of Web2 is necessary to continue developing skills in Web3.  

 

But, it does not stop here. There are many potentials of Web3 that are developing daily and potentially will disrupt the Web2 ecosystem.

 

In conclusion

Now you learn what Web3 actually is. You can start learning more to improve your skills. 

 

The next topic I will touch on is what programming really is.

6a57379caac7c2dca61216f40d3c9a66d48376bddebf2ccb53549e52821f2472.png

Donate with MixPay

 


Photo by Ilya Pavlov on Unsplash
Note: the post was shared on multiple platforms here.

You can refer my previous article lists here and here
------------------------
2022 Prediction
2022 Prediction #1: L1 Scalability
2022 Prediction #2: L2 Bridges
2022 Prediction #3: Zero-Knowledge Proofs or ZKPs
2022 Prediction #4: Regulated Defi On-Chain KYC
2022 Prediction #5: Institutional Crypto Adoption
2022 Prediction #6: Defi Insurance
2022 Prediction #7: NFTs-Based Communities - DAO 1.5
2022 Prediction #8: Metaverse and NFTs
2022 Prediction #9: Web2 Companies’ FOMO
2022 Prediction #10: Time for DAO 2.0
------------------------
DAO The Way
DAO The Way Part 1
DAO The Way Part 2
DAO The Way Part 3
DAO The Way Part 4
DAO The Way Part 5
DAO The Way Part 6
DAO The Way Part 7
DAO The Way Part 8
DAO The Way Part 9
DAO The Way Part 10
DAO The Way Part 11
------------------------
Learn How To Defi
Learn How To Defi Part 1
Learn How To Defi Part 2
Learn How To Defi Part 3
Learn How To Defi Part 4
Learn How To Defi Part 5
------------------------
Crypto Comics
Crypto Comics
Crypto Comics - PoW
Crypto Comics - Who is Satoshi
Crypto Comics - What is Token
Crypto Comics - What is DeFi
Crypto Comics - What is Wallet
Crypto Comics - What is HODL
Crypto Comics - What is Coinbase
Crypto Comics - What is PoS
Crypto Comics - What is DAO
Crypto Comics - What is A Block
Crypto Comics - What is NFT
Crypto Comics - What is Fork
Crypto Comics - What is Web3
Crypto Comics - What is DeFi-2
Crypto Comics - What is Yearn Finance
Crypto Comics - What is Degen
Crypto Comics - What is Aping
Crypto Comics - What is Cold Wallet
Crypto Comics - What is Hot Wallet
Crypto Comics - What is Airdrop
Crypto Comics - What is DYOR
Crypto Comics - What is 65537
Crypto Comics - What is RC4
Crypto Comics - What is WAGMI
Crypto Comics - What is Bagholder
Crypto Comics - What is Decentralization
Crypto Comics - What is Wallet Address
Crypto Comics - What is Plagiarism in Web3
Crypto Comics - What is Bart Pattern
Crypto Comics - What is Encryption
Crypto Comics - What is Consensus
Crypto Comics - What is Protocol
Crypto Comics - What is Stablecoin
Crypto Comics - What is ApeCoin
Crypto Comics - What is FOMO
------------------------
Learn Web3 in 100 Days
Learn Web3 in 100 Days - #1 What is the Internet and How Relevant to Web3
Learn Web3 in 100 Days - Day 2: What are the Browsers and Servers
Learn Web3 in 100 Days - Day 3: What are HTTP Status Code
-------------------------------------------------------------------------------------
Disclosure: The article was written by a delusional author who is possibly a nut job without any questions whatsoever about expertise in the subject matters. You should not believe any words this author wrote or you may experience similar symptoms or even possibly become a nut job.

How do you rate this article?


22

2

xuanling11
xuanling11

A delusional author who is possibly a nut job without any questions whatsoever about expertise in the subject matters to write with a freestyle.


Crypto Learning
Crypto Learning

All article was written by a delusional author who is possibly a nut job without any questions whatsoever about expertise in the subject matters.

Send a $0.01 microtip in crypto to the author, and earn yourself as you read!

20% to author / 80% to me.
We pay the tips from our rewards pool.