Logo

dev-resources.site

for different kinds of informations.

Full Stack WEB3 Developer- Roadmap and Free Resources

Published at
10/9/2022
Categories
web3
eth
javascript
blockchain
Author
ayaaneth
Categories
4 categories in total
web3
open
eth
open
javascript
open
blockchain
open
Author
8 person written this
ayaaneth
open
Full Stack WEB3 Developer- Roadmap and Free Resources

WEB3
WEB3 is the HOTTEST domain right now with millions of developers wanting to enter this field globally. However, lack of structured ROADMAP may lead to an unnecessary delay in learning among enthusiasts. I want to present a FULL STACK WEB3 DEVELOPER roadmap with FREE resources using which you can learn and become a FULL STACK WEB3 developer for free of cost.

STEP 1:- Learn HTML

HTML
Learning HTML is the BASIC BLOCK of web development as well as web3 development.
Here are free resources to learn HTML:-

  1. HTML Full Course by FreeCodeCamp
  2. Html (Hindi) Full Course by Code with Harry

STEP 2:- Learn CSS

CSS
There is no escaping CSS. Easy to learn but TOUGH to master, CSS is an essential when it comes to WEB3 Development. Every company wants a dev who can create interactive UIs.
Here are free resources to learn CSS:-

  1. CSS full course by FreeCodeCamp
  2. CSS (Hindi) by Code with harry

STEP 3:- TAILWIND CSS

Tailwind CSS
While Tailwind CSS might not be the most necessary skill when it comes to web3 but it's certainly good to have as most web3 protocols use it for creating interactive UI.
Here are free resources to learn Tailwind:-

  1. Tailwind by Traversy Media
  2. Tailwind CSS playlist by Code with Harry

STEP 4:- Javascript (from basics to advanced)

Javascript
Javascript is the BACKBONE of web3. It is the most used language in web3 front end as it has the most stable frameworks support. Javascript is a MUST if you want to do WEB3. Python, Java and others also have web3 frameworks but none come close to javascript in terms of adoption among companies and developers in web3 domain.
Here are free resources to learn Javascript:-

  1. Javascript by Dave Grey
  2. Advanced Javascript (hindi) by Code Eater
  3. Javascript basics (hindi) by Code with Harry

STEP 5:- Making Projects using HTML,CSS,JS

Projects
It is really important to cement the concepts by making projects. You can make these practice projects on HTML,CSS,JS to strengthen your command over these three building blocks.
Here is a list of projects you can build to practice your concepts:-

  1. HTML CSS JS projects (in Hindi) by Code with Harry
  2. HTML CSS JS projects (in English) by Javascript King
  3. Tailwind CSS project by Coding in Public

STEP 6:- Blockchain Basics

Blockchain Basics
Now let's start the journey of blockchain. Learn the basics of Blockchain and clear your concepts so you can understand the coding part in future easily.
Here is a list of resources from where you can learn Blockchain Basics:-

  1. Blockchain Basics by Patrick Collins
  2. Blockchain Full Course (in Hindi) by Code Eater

STEP 7:- Solidity

Solidity
Solidity is the official language of the Ethereum Blockchain. It is also the most popular language in WEB3 space as well as the most in-demand language among web3 companies. Getting started with Solidity has many advantages. Here is a list of resources from where you can learn Solidity:-

  1. Solidity Playlist by Smart Contract Programmer
  2. Solidity (in HINDI) by Code Eater
  3. Full Stack WEB3 development by Patrick COllins

STEP 8:- Learn React.js

React js
Now that you have learnt the Backend part(Blockchain Part), its time to move to front-end. Here is a list of resources from where you can learn React.js

  1. React.js crash course (HINDI) by Code with Harry
  2. React.js Crash Course by Javascript Mastery
  3. React.js tutorial by FreeCodeCamp

STEP 9:- Learn basics of Next.js

React js
Next.js is a react library that is extremely popular as it supports client-side rendering. It's really good to learn it.
Here is a list of resources from where you can learn Next.js:-

  1. Next.js Crash Course
  2. Next.js (Hindi)

STEP 10:- Build dApps using JS libraries!!

dApps
Phew! You have FINALLY reached the LAST STEP where you can create your favourite WEB3 apps (or dApps) using Javascript Libraries like Hardhat, Ethers.js, web3.js or Truffle, some of the most popular and well known web3 frameworks. Here is a list of resources from where you can learn and build your first dApps:-

  1. Full Stack WEB3 development bootcamp by Patrick Collins
  2. Blockchain App tutorial by Javascript Mastery
  3. Alchemy ROAD to WEB3
  4. Buildspace projects
  5. Crypto Zombies
  6. FreeCodeCamp WEB3

STEP 11:- MASTER Different Domains

dApps
WEB3 is HUUUUUUUGGGGGEEEEE. It consists of Defi, Daos, NFTs, Metaverse, Layer 1s, Layer-2s, etc.etc.etc. Either master ONE OF the domains OR MASTER THEM ALL! Here is a list of resources to learn all domains of WEB3:-

  1. Full Stack WEB3 development bootcamp by Patrick Collins
  2. Alchemy ROAD to WEB3
  3. Buildspace projects
  4. Crypto Zombies
  5. Nft marketplace
  6. DAO tutorial by Patrick Collins
  7. FreeCodeCamp WEB3
  8. Metaverse tutorial by dApp University
  9. Metaverse playlist by Hashlips

CONCLUSION

WEB3 is the hottest domain and its recommended to learn the latest skills.
Best web3 resources


About the Writer.

Hello everyone, myself Mohammad Ayaan Siddiqui from India. I am a Full Stack WEB3 developer and a Certified Ethereum Developer. I talk about WEB3, Cryptocurrencies, Javascript and Python. If you are interested in either of the topics, connect with me below:-

  1. Connect on Github
  2. Connect on Linkedin
  3. Connect on Twitter
  4. Connect on dev.to
eth Article's
30 articles in total
Favicon
How to Use Limit Orders on SpookySwap for Precise Trading
Favicon
Exploring the Latest Updates and Features of Polygon Bridge
Favicon
ETH夹子Uniswap夹子SOL夹子套利机器人合约部署教程
Favicon
RECOVER LOST BITCOIN WALLET SAFELY WITH DIGITAL HACK RECOVERY
Favicon
SpookySwap: Key to Enhancing Liquidity, User Growth, and DeFi Adoption on Fantom
Favicon
The Impact of SpookySwap on the Fantom Ecosystem
Favicon
The Most Popular Payment Options for Cryptocasinos
Favicon
Discovering Top Crypto Casino Bonuses
Favicon
Cryptocasino vs Traditional Online Casino Bonuses - A Comparative Analysis
Favicon
Unlock the Secrets to Maximizing Your Winnings with Altcoins in Cryptocasinos
Favicon
Discover Why Slot Games Have Become a Craze in Cryptocasinos!
Favicon
HIRE DIGITAL HACK RECOVERY FOR BEST STOLEN CRYPTO RECOVERY SERVICES ONLINE
Favicon
🚀 Welcome to BitPower Loop, providing you with unlimited business opportunities! 🎉
Favicon
🚀 Welcome to BitPower Loop, providing you with unlimited business opportunities! 🎉
Favicon
🚀 Welcome to BitPower Loop, providing you with unlimited business opportunities! 🎉
Favicon
Welcome to BitPower Loop, providing you with unlimited business opportunities!
Favicon
GetBlock Releases Crypto Faucets for Web3 Developers on EVM
Favicon
How to choose a crypto wallet to keep your money safe
Favicon
XRP Ledger vs Ethereum: A User-Friendly Examination of their Pros and Cons
Favicon
9 Dangerous Solidity Gas Optimization Techniques for Gas Golf Contests
Favicon
Full Stack WEB3 Developer- Roadmap and Free Resources
Favicon
web3 domain for sell
Favicon
What exactly is Ethereum ?
Favicon
Two Types of SmartContracts
Favicon
PICASSO GALLARY GIVEAWAY
Favicon
A compelling argument as to why we should use eþ and þorn.
Favicon
Demystifying Login with Ethereum
Favicon
Blockchain
Favicon
Create a Dapp with ReactJS, Ethers and Solidity
Favicon
NFTs: TECH ART OR TRASH

Featured ones: