Roadmap and Resources to Become a Web3 Developer in 2022👉

Web1 : Read

[{"selector":"#anim-acdfc773-b67c-4b29-a3a1-8c57c9947be8","keyframes":{"transform":["translate3d(114.15094%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5370385d-cad1-4c73-92ac-1e4158dc5690","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-32079460-6523-4301-bf4c-b19d706241df","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-9f9f2c1e-d761-40a2-99f8-790f3da7ae2b [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Web2: Read, write

[{"selector":"#anim-0308acee-4639-4015-a12c-d7ce13a8194e","keyframes":{"transform":["translate3d(114.15094%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5e298f27-cbf8-44f1-b587-f499600ea9a9","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e04d9789-07c3-41de-b0b8-c6cb4dfcc5f3","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-9204ea0b-072f-45db-b37d-e71d2edaf678 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

Web3: Read, write, own

[{"selector":"#anim-73e795be-06b0-4e5f-86f2-3c23f3bfe5da","keyframes":{"transform":["translate3d(114.15094%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5e1df2d1-5b7f-457f-9854-6659548fa952","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-64a792f5-fd72-4909-8a79-e3a76d22ec6b","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-6a7cf659-574a-4767-8ef4-64fa484c7590 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

→ HTML → CSS → JavaScript → React → Node JS → Solidity → IPFS → EVM

Few tools

[{"selector":"#anim-934ace8d-c1a8-4d2e-adb9-09c355f3ff91","keyframes":{"transform":["translate3d(-115.75562%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9a657b2d-1792-48c3-8ef8-bfb5a0036465","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5734bd51-66d6-4990-aefc-d9f72807ae89","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

Join Our Community to learn more