Learn Web3 in 100 Days - Day 11: Front-End Framework

By xuanling11 | Crypto Learning | 18 Apr 2022


Let’s explore the Front-End Framework.

 

Table of Contents

What is a Front-End Framework

Framework vs. Library

Roadmap Again

React

React Roadmap

Web3 Roadmap

In Conclusion

 

 



What is a Front-End Framework

 

One of the coolest things about learning to code is that you do not need to learn everything! There is a magic product called framework that can save your time through a coding process. It is a package that someone has developed to help you to avoid repeating the trial and error process. When the project becomes more and more complex, there is a high likelihood that someone will make the same mistake in the code and others will spend more time discovering the same mistake again and again. The framework is a template to help coders to avoid repeating mistakes and a groundwork to develop your project without starting from scratch.

 

Framework vs. Library

 

You may hear about the library. The difference between a framework and a library is that a framework is a set of templates and a library is a toolbox for you to pick and choose. If the website is a house you try to build, the framework is a blueprint of the house and a library is features of the house such as doors and windows that you can pick and choose from.

 

Roadmap Again

2495185d35084247b6f7190f54c8b9380dd42a127b8bcec1ce9bcc2dfacf42b5.png

Image Credit: https://roadmap.sh/frontend

 

Here is a more comprehensive list of front-end topics you need to learn if you really want to dig into front-end development. Despite there being many topics, you should focus on the big picture on how to structure the website rather than digging into details about the coding. Learning the relationship between each component link to each other is more important than coding them to work. Of course, eventually, you will make it work. But learning the relationship makes it easier to understand where things go wrong and how to fix them later. It is a debugging process that is more difficult than creating a code.

 

React

c3364de36837d061101ca4762221f480465ec85aff4a3567c55d8cd64fa22090.png

https://www.statista.com/statistics/1124699/worldwide-developer-survey-most-used-frameworks-web/#professional

 

There are many front-end frameworks available in the market. However, there are few that are very popular. One of the popular frameworks is React.

ef4957ab70214fad7d06790c7a228d1109de21d77bc40d4a00447ce9bf0f6f3d.jpg

Image Credit: https://www.monocubed.com/blog/best-front-end-frameworks/

 

React Roadmap

36c958552975737215d03a8bedb1f0e4fd287079201ec57a9c389b7e765f636c.png

Image Credit: https://roadmap.sh/react

 

React framework is actually a JavaScript library! Its dual-ability reflects in many well-known applications including Netflix, Pinterest, Meta (Facebook), Reddit, and more. Mastering such a tool is a must!

 

Web3 Roadmap

 

There are many programming languages that are similar to JavaScript and React. Web3.js and Ethers.js are also JavaScript libraries that know React can skyrocket your understanding of Web3. 

 

In Conclusion

You now have a full picture of the front-end framework and Web3. It is time to learn more! 

 

Keep learning.

cea74a136743678f1e81dc6bbd7d33b018e5e555933f688cc33d11e8c16cb1f0.png

Did you know you can earn crypto through Honeygain now? Jumptask has partnered with Honeygain to boost your passive income! You can earn more than a 50% bonus through crypto! Check out here for the announcment and join here to earn your $5!


Photo by Sufyan 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
DAO The Way Part 12
------------------------
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
Crypto Comics - What is Tokenomics
Crypto Comics - What is APR
Crypto Comics - What is to The Moon
------------------------
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
Learn Web3 in 100 Days - Day 4: HTML and CSS and JS
Learn Web3 in 100 Days - Day 5: What is programming
Learn Web3 in 100 Days - Day 6: Markup, Elements, Tags, and Hyperlinks
Learn Web3 in 100 Days - Day 7: Style Your Web
Learn Web3 in 100 Days - Day 8: JS
Learn Web3 in 100 Days - Day 9: SQL
Learn Web3 in 100 Days - Day 10: Front-End
------------------------
Modern Economic Nonsense
Modern Economic Nonsense - Inflation and Incentives
Modern Economical Nonsense - The Astrologist's Way
Modern Economical Nonsense - The VUCA World
Modern Economical Nonsense - Zug Tax and How to Run your Own Monopoly
-------------------------------------------------------------------------------------
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?


9

0

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.