diff --git a/public/roadmap-content/blockchain.json b/public/roadmap-content/blockchain.json index ae9f82c3b..36b1e60cc 100644 --- a/public/roadmap-content/blockchain.json +++ b/public/roadmap-content/blockchain.json @@ -81,12 +81,12 @@ "type": "article" }, { - "title": "Bitcoin blockchain transactions | Bitcoin Developer", + "title": "Bitcoin Blockchain Transactions", "url": "https://developer.bitcoin.org/reference/transactions.html", "type": "article" }, { - "title": "Ethereum blockchain transactions | ethereum.org", + "title": "Ethereum Blockchain Transactions", "url": "https://ethereum.org/en/developers/docs/transactions/", "type": "article" }, @@ -96,7 +96,7 @@ "type": "article" }, { - "title": "How Bitcoin blockchain actually work (Video)", + "title": "How Bitcoin Blockchain Actually", "url": "https://www.youtube.com/watch?v=bBC-nXj3Ng4", "type": "video" } @@ -117,7 +117,7 @@ "type": "article" }, { - "title": "Ethereum blockchain transactions | ethereum.org", + "title": "Ethereum Blockchain Transactions", "url": "https://ethereum.org/en/developers/docs/transactions/", "type": "article" }, @@ -138,7 +138,7 @@ "type": "article" }, { - "title": "What is decentralization?", + "title": "What is Decentralization?", "url": "https://aws.amazon.com/blockchain/decentralization-in-blockchain/", "type": "article" }, @@ -148,7 +148,7 @@ "type": "article" }, { - "title": "How does a blockchain work?", + "title": "How does a Blockchain Work?", "url": "https://youtu.be/SSo_EIwHSd4", "type": "video" }, @@ -164,7 +164,12 @@ "description": "In blockchain, decentralization refers to the transfer of control and decision-making from a centralized entity (individual, organization, or group thereof) to a distributed network. Decentralized networks strive to reduce the level of trust that participants must place in one another, and deter their ability to exert authority or control over one another in ways that degrade the functionality of the network.\n\nVisit the following resources to learn more:", "links": [ { - "title": "What is decentralization?", + "title": "Decentralization in Blockchain", + "url": "https://www.investopedia.com/decentralized-finance-defi-5113835", + "type": "article" + }, + { + "title": "What is Decentralization?", "url": "https://aws.amazon.com/blockchain/decentralization-in-blockchain/", "type": "article" }, @@ -187,13 +192,18 @@ }, "bA4V_9AbV3uQi3qrtLWk0": { "title": "General Blockchain Knowledge", - "description": "Visit the following resources to learn more:", + "description": "A blockchain is a decentralized, distributed ledger technology that records transactions across many computers in such a way that the registered transactions cannot be altered retroactively. This technology is the backbone of cryptocurrencies like Bitcoin and Ethereum, but its applications extend far beyond digital currencies.\n\nVisit the following resources to learn more:", "links": [ { "title": "The Complete Course On Understanding Blockchain Technology", "url": "https://www.udemy.com/course/understanding-blockchain-technology/", "type": "course" }, + { + "title": "What is a Blockchain?", + "url": "https://www.wired.com/story/guide-blockchain/", + "type": "article" + }, { "title": "Explore top posts about Blockchain", "url": "https://app.daily.dev/tags/blockchain?ref=roadmapsh", @@ -318,7 +328,7 @@ }, "e_I-4Q6_qIW09Hcn-pgKm": { "title": "Cryptography", - "description": "Cryptography, or cryptology, is the practice and study of techniques for secure communication in the presence of adversarial behavior.\n\nVisit the following resources to learn more:", + "description": "Cryptography, or cryptology, is the practice and study of techniques for secure communication in the presence of adversarial behavior. Cryptography is the technique of protecting information and communications by using codes, so that only those intended to receive the information can read and process it. It involves various algorithms and protocols to secure communication by converting plain text into unreadable formats, making it incomprehensible to unauthorized parties.\n\nVisit the following resources to learn more:", "links": [ { "title": "Cryptography", @@ -336,7 +346,7 @@ "type": "article" }, { - "title": "Asymmetric Encryption - Simply explained", + "title": "Asymmetric Encryption - Simply Explained", "url": "https://youtu.be/AQDCe585Lnc", "type": "video" }, @@ -398,11 +408,6 @@ "title": "Solana", "description": "Solana is a public blockchain platform with smart contract functionality. Its native cryptocurrency is SOL.\n\nVisit the following resources to learn more:", "links": [ - { - "title": "What is Solana, and how does it work?", - "url": "https://cointelegraph.com/news/what-is-solana-and-how-does-it-work", - "type": "article" - }, { "title": "Beginners Guide To Solana", "url": "https://solana.com/news/getting-started-with-solana-development", @@ -424,8 +429,8 @@ "type": "article" }, { - "title": "Start Building Solana!", - "url": "https://beta.solpg.io/?utm_source=solana.com", + "title": "What is Solana, and How does it work?", + "url": "https://cointelegraph.com/news/what-is-solana-and-how-does-it-work", "type": "article" }, { @@ -440,12 +445,7 @@ "description": "TON is a fully decentralized layer-1 blockchain designed by Telegram to onboard billions of users. It boasts ultra-fast transactions, tiny fees, easy-to-use apps, and is environmentally friendly.\n\nVisit the following resources to learn more:", "links": [ { - "title": "TON Telegram integration highlights synergy of blockchain community", - "url": "https://cointelegraph.com/news/ton-telegram-integration-highlights-synergy-of-blockchain-community", - "type": "article" - }, - { - "title": "Start building on The Open Network", + "title": "Start Building on The Open Network", "url": "https://ton.org/dev", "type": "article" }, @@ -455,7 +455,7 @@ "type": "article" }, { - "title": "Blockchain analysis", + "title": "Blockchain Analysis", "url": "https://ton.org/analysis", "type": "article" } @@ -463,8 +463,13 @@ }, "tSJyp46rkJcOtDqVpJX1s": { "title": "EVM-Based", - "description": "The Ethereum Virtual Machine (EVM) is a dedicated software virtual stack that executes smart contract bytecode and is integrated into each Ethereum node. Simply said, EVM is a software framework that allows developers to construct Ethereum-based decentralized applications (DApps). All Ethereum accounts and smart contracts are stored on this virtual computer.\n\nMany blockchains have forked the Ethereum blockchain and added functionality on top, these blockchains are referred to as EVM-based blockchains.\n\nVisit the following resources to learn more:", + "description": "The Ethereum Virtual Machine (EVM) is a dedicated software virtual stack that executes smart contract bytecode and is integrated into each Ethereum node. Simply said, EVM is a software framework that allows developers to construct Ethereum-based decentralized applications (DApps). All Ethereum accounts and smart contracts are stored on this virtual computer. Many blockchains have forked the Ethereum blockchain and added functionality on top, these blockchains are referred to as EVM-based blockchains.\n\nVisit the following resources to learn more:", "links": [ + { + "title": "EVM - Ethereum Virtual Machine", + "url": "https://ethereum.org/en/developers/docs/evm/", + "type": "article" + }, { "title": "What is Ethereum Virtual Machine?", "url": "https://astrodev.hashnode.dev/blockchain-ethereum-evm", @@ -500,20 +505,20 @@ }, "JLXIbP-y8C2YktIk3R12m": { "title": "Ethereum", - "description": "Ethereum is a programmable blockchain platform with the capacity to support smart contracts, dapps (decentralized apps), and other DeFi projects. The Ethereum native token is the Ether (ETH), and it’s used to fuel operations on the blockchain.\n\nThe Ethereum platform launched in 2015, and it’s now the second largest form of crypto next to Bitcoin (BTC).\n\nVisit the following resources to learn more:", + "description": "Ethereum is a programmable blockchain platform with the capacity to support smart contracts, dapps (decentralized apps), and other DeFi projects. The Ethereum native token is the Ether (ETH), and it’s used to fuel operations on the blockchain. The Ethereum platform launched in 2015, and it’s now the second largest form of crypto next to Bitcoin (BTC).\n\nVisit the following resources to learn more:", "links": [ { - "title": "Ethereum whitepaper", - "url": "https://ethereum.org/en/whitepaper/", + "title": "Introduction to Ethereum", + "url": "https://ethereum.org/en/developers/docs/intro-to-ethereum/", "type": "article" }, { - "title": "Intro to Ethereum", - "url": "https://ethereum.org/en/developers/docs/intro-to-ethereum/", + "title": "Ethereum Whitepaper", + "url": "https://ethereum.org/en/whitepaper/", "type": "article" }, { - "title": "A gentle introduction to Ethereum", + "title": "A Gentle Introduction to Ethereum", "url": "https://bitsonblocks.net/2016/10/02/gentle-introduction-ethereum/", "type": "article" }, @@ -526,8 +531,13 @@ }, "JNilHFQnnVDOz-Gz6eNo5": { "title": "Polygon", - "description": "Polygon, formerly known as the Matic Network, is a protocol that allows anyone to create and exchange value, powered by zero-knowledge technology. Polygon provides multiple solutions including", + "description": "Polygon, formerly known as the Matic Network, is a protocol that allows anyone to create and exchange value, powered by zero-knowledge technology. Polygon provides multiple solutions including Polygon zkEVM, Polygon PoS, Polygon CDK, and Polygon ID.\n\nVisit the following resources to learn more:", "links": [ + { + "title": "Introduction to Polygon", + "url": "https://wiki.polygon.technology/", + "type": "article" + }, { "title": "Polygon zkEVM", "url": "https://polygon.technology/polygon-zkevm", @@ -548,11 +558,6 @@ "url": "https://polygon.technology/polygon-id", "type": "article" }, - { - "title": "Introduction to Polygon", - "url": "https://wiki.polygon.technology/", - "type": "article" - }, { "title": "Polygon POL whitepaper", "url": "https://polygon.technology/papers/pol-whitepaper", @@ -565,13 +570,18 @@ "description": "Binance Smart Chain (also known as BNB Chain) is a blockchain project initiated by Binance as a central piece of their cryptocurrency exchange, which is the largest exchange in the world in terms of daily trading volume of cryptocurrencies.\n\nVisit the following resources to learn more:", "links": [ { - "title": "Binance whitepaper", - "url": "https://www.exodus.com/assets/docs/binance-coin-whitepaper.pdf", + "title": "BNB Chain", + "url": "https://www.binance.com/en/blog/all/bnb-chain-blockchain-for-exchanging-the-world-304219301536473088", "type": "article" }, { - "title": "BNB Chain overview", - "url": "https://www.binance.com/en/blog/all/bnb-chain-blockchain-for-exchanging-the-world-304219301536473088", + "title": "Binance Website", + "url": "https://www.binance.com/en", + "type": "article" + }, + { + "title": "Binance Whitepaper", + "url": "https://www.exodus.com/assets/docs/binance-coin-whitepaper.pdf", "type": "article" }, { @@ -586,13 +596,18 @@ "description": "Gnosis is a blockchain based on Ethereum, which changed the consensus model to PoS to solve major issues on the Ethereum mainnet. While the platform solves problems surrounding transaction fees and speed, it also means that the Gnosis chain is less decentralized, as it is somewhat reliant on the Ethereum chain.\n\nVisit the following resources to learn more:", "links": [ { - "title": "Gnosis whitepaper", - "url": "https://blockchainlab.com/pdf/gnosis_whitepaper.pdf", + "title": "Gnosis Chain", + "url": "https://www.gnosischain.com/", + "type": "article" + }, + { + "title": "Gnosis Docs", + "url": "https://www.docs.gnosischain.com/", "type": "article" }, { - "title": "Gnosis overview", - "url": "https://developers.gnosischain.com/#gnosis-chain", + "title": "Gnosis Whitepaper", + "url": "https://blockchainlab.com/pdf/gnosis_whitepaper.pdf", "type": "article" } ] @@ -602,13 +617,13 @@ "description": "Huobi's ECO Chain (also known as HECO) is a public blockchain that provides developers with a low-cost onchain environment for running decentralized apps (dApps) of smart contracts and storing digital assets.\n\nVisit the following resources to learn more:", "links": [ { - "title": "Huobi Eco Chain whitepaper", - "url": "https://www.hecochain.com/developer.133bd45.pdf", + "title": "Introduction to HECO Chain", + "url": "https://docs.hecochain.com/#/", "type": "article" }, { - "title": "Introduction to HECO Chain", - "url": "https://docs.hecochain.com/#/", + "title": "Huobi Eco Chain whitepaper", + "url": "https://www.hecochain.com/developer.133bd45.pdf", "type": "article" } ] @@ -618,13 +633,18 @@ "description": "Avalanche describes itself as an “open, programmable smart contracts platform for decentralized applications.” What does that mean? Like many other decentralized protocols, Avalanche has its own token called AVAX, which is used to pay transaction fees and can be staked to secure the network.\n\nVisit the following resources to learn more:", "links": [ { - "title": "Avalanche whitepaper", - "url": "https://assets.website-files.com/5d80307810123f5ffbb34d6e/6008d7bbf8b10d1eb01e7e16_Avalanche%20Platform%20Whitepaper.pdf", + "title": "Avalanche", + "url": "https://www.avax.network/", "type": "article" }, { - "title": "Avalanche official website", - "url": "https://www.avax.network/", + "title": "Getting Started with Avalanche", + "url": "https://www.avax.network/developers", + "type": "article" + }, + { + "title": "Avalanche Whitepaper", + "url": "https://assets.website-files.com/5d80307810123f5ffbb34d6e/6008d7bbf8b10d1eb01e7e16_Avalanche%20Platform%20Whitepaper.pdf", "type": "article" } ] @@ -634,23 +654,28 @@ "description": "Fantom is a decentralized, open-source smart contract platform that supports decentralized applications (dApps) and digital assets. It's one of many blockchain networks built as a faster, more efficient alternative to Ethereum, it uses the proof-of-stake consensus mechanism.\n\nVisit the following resources to learn more:", "links": [ { - "title": "Fantom whitepaper", - "url": "https://arxiv.org/pdf/1810.10360.pdf", + "title": "Fantom Overview", + "url": "https://docs.fantom.foundation/", "type": "article" }, { - "title": "Fantom overview", - "url": "https://docs.fantom.foundation/", + "title": "Fantom Whitepaper", + "url": "https://arxiv.org/pdf/1810.10360.pdf", "type": "article" } ] }, "VVbvueVMJKLUoJYhbJB1z": { "title": "Moonbeam / Moonriver", - "description": "Moonbeam is a Polkadot network parachain that promises cross-chain interoperability between the Ethereum and Polkadot . More specifically, Moonbeam is a smart contract platform that enables developers to move dApps between the two networks without having to rewrite code or redeploy infrastructure.\n\nMoonriver is an incentivized testnet. It enables developers to create, test, and adjust their protocols prior to launching on Moonbeam. Moonbeam is the mainnet of the ecosystem.\n\nVisit the following resources to learn more:", + "description": "Moonbeam is a Polkadot network parachain that promises cross-chain interoperability between the Ethereum and Polkadot . More specifically, Moonbeam is a smart contract platform that enables developers to move dApps between the two networks without having to rewrite code or redeploy infrastructure. Moonriver is an incentivized testnet. It enables developers to create, test, and adjust their protocols prior to launching on Moonbeam. Moonbeam is the mainnet of the ecosystem.\n\nVisit the following resources to learn more:", "links": [ { - "title": "About Moonbream", + "title": "Moonbeam", + "url": "https://moonbeam.network/", + "type": "article" + }, + { + "title": "About Moonbeam", "url": "https://docs.moonbeam.network/learn/platform/networks/moonbeam/", "type": "article" }, @@ -666,33 +691,38 @@ "description": "Everscale is a layer-1 PoS blockchain network of the 5th generation. It is one of the most technologically advanced blockchain networks, and that is not a marketing exaggeration. Everscale incorporates all the blockchain innovations and concepts of recent years. Its versatility helps it develop as a decentralized hub for many blockchains and resource-demanding applications such as GameFi, DeFi, micro-transactions, real-time bidding, etc.\n\nVisit the following resources to learn more:", "links": [ { - "title": "Everscale site", + "title": "Everscale", "url": "https://everscale.network", "type": "article" }, { - "title": "Everscale Whitepaper", - "url": "https://everscale.network/docs/everscale-whitepaper.pdf", + "title": "Everscale Documentation", + "url": "https://docs.everscale.network/", "type": "article" }, { - "title": "Documentation", - "url": "https://docs.everscale.network/", + "title": "Everscale Guide", + "url": "https://everscale.guide/", "type": "article" }, { - "title": "Guide", - "url": "https://everscale.guide/", + "title": "Everscale - Getting Started", + "url": "https://everscale.network/getting-started", + "type": "article" + }, + { + "title": "Everscale Whitepaper", + "url": "https://everscale.network/docs/everscale-whitepaper.pdf", "type": "article" } ] }, "5MGtl00EEZdSnJdrNYPJ7": { "title": "Gosh", - "description": "Gosh is a development platform that is purpose-built for securing the software supply chain and extracting the value locked in projects. It is the first blockchain-based platform for software development, which allows developers and businesses to create products in a familiar, straightforward, and safe way.\n\nOn Gosh, every operation, commit, and transaction is trustless, traceable, and transparent. This means that developers can build composable, censorship-resistant repositories, and monetize their open source projects by turning them into a DAO.\n\nGosh is built on cryptography, decentralization, and consensus, which means that repositories have no owner and are managed in a decentralized way. Developers can use Gosh like they use Git and turn any Gosh repository into a DAO and configure it to suit their needs. They can also fund their DAO and use DeFi applications to incentivize code security.\n\nWith Gosh, builds are no longer at risk. From source code on Gosh to Docker container, developers can be sure that their build is safe. Mission-critical applications can also write their scripts as formally verified smart contracts to get rid of holes in the CI/CD process.\n\nVisit the following resources to learn more:", + "description": "Gosh is a development platform that is purpose-built for securing the software supply chain and extracting the value locked in projects. It is the first blockchain-based platform for software development, which allows developers and businesses to create products in a familiar, straightforward, and safe way. On Gosh, every operation, commit, and transaction is trustless, traceable, and transparent. This means that developers can build composable, censorship-resistant repositories, and monetize their open source projects by turning them into a DAO.\n\nVisit the following resources to learn more:", "links": [ { - "title": "Gosh site", + "title": "Gosh", "url": "https://gosh.sh/", "type": "article" }, @@ -723,12 +753,7 @@ "description": "TON is a fully decentralized layer-1 blockchain designed by Telegram to onboard billions of users. It boasts ultra-fast transactions, tiny fees, easy-to-use apps, and is environmentally friendly.\n\nVisit the following resources to learn more:", "links": [ { - "title": "TON Telegram integration highlights synergy of blockchain community", - "url": "https://cointelegraph.com/news/ton-telegram-integration-highlights-synergy-of-blockchain-community", - "type": "article" - }, - { - "title": "Start building on The Open Network", + "title": "Start Building on The Open Network", "url": "https://ton.org/dev", "type": "article" }, @@ -738,7 +763,7 @@ "type": "article" }, { - "title": "Blockchain analysis", + "title": "Blockchain Analysis", "url": "https://ton.org/analysis", "type": "article" } @@ -746,25 +771,25 @@ }, "3HCpgWWPIkhK3gPRJuJQf": { "title": "Venom", - "description": "The Venom Foundation is the first crypto foundation licensed in UAE's ADGM and is set to launch its blockchain platform soon. The platform uses asynchronous blockchain technology of dynamical sharding, which enables boundless scalability, higher security guarantees with decentralization, and manages the gross data transaction flows without faltering by increasing fees and transaction times. The foundation aims to develop and support a self-sufficient blockchain ecosystem with non-custodial wallet options, transparent transaction histories, interchain transactions, staking on validator nodes, and a native decentralized exchange, among others.\n\nThe MENA region entrepreneurs are considered pioneers in global crypto trend adoption, and the foundation's customizable approach is well-suited to bridging different dimensions of market participants. The platform has a panel of industry leaders and seasoned investors, and the project is generating attention in MENA due to its transactional management possibilities, higher security, and inbound governmental database projects. The foundation will work with ecosystem participants to offer new products such as NFT marketplace, derivative exchange, fiat-backed stablecoin, and others to come with the potential to become a bridge towards wide adoption of CBDC in the UAE, other MENA countries and globally.\n\nVisit the following resources to learn more:", + "description": "The Venom Foundation is the first crypto foundation licensed in UAE's ADGM and is set to launch its blockchain platform soon. The platform uses asynchronous blockchain technology of dynamical sharding, which enables boundless scalability, higher security guarantees with decentralization, and manages the gross data transaction flows without faltering by increasing fees and transaction times. The foundation aims to develop and support a self-sufficient blockchain ecosystem with non-custodial wallet options, transparent transaction histories, interchain transactions, staking on validator nodes, and a native decentralized exchange, among others.\n\nVisit the following resources to learn more:", "links": [ { - "title": "Venom site", + "title": "Venom", "url": "https://venom.foundation", "type": "article" }, { - "title": "Venom whitepaper", - "url": "https://venom.foundation/Venom_Whitepaper.pdf", + "title": "Venom Documentation", + "url": "https://docs.venom.foundation/", "type": "article" }, { - "title": "Venom Documentation", - "url": "https://docs.venom.foundation/", + "title": "Venom Whitepaper", + "url": "https://venom.foundation/Venom_Whitepaper.pdf", "type": "article" }, { - "title": "Explore Grants", + "title": "Venom Explore Grants", "url": "https://venom.foundation/#explore_grants", "type": "article" } @@ -777,7 +802,7 @@ }, "i_Dw3kUZ7qKPG-tk-sFPf": { "title": "L2 Blockchains", - "description": "Layer-2 refers to a network or technology that operates on top of an underlying blockchain protocol to improve its scalability and efficiency.\n\nThis category of scaling solutions entails shifting a portion of Ethereum's transactional burden to an adjacent system architecture, which then handles the brunt of the network’s processing and only subsequently reports back to Ethereum to finalize its results.\n\nVisit the following resources to learn more:", + "description": "Layer-2 refers to a network or technology that operates on top of an underlying blockchain protocol to improve its scalability and efficiency. This category of scaling solutions entails shifting a portion of Ethereum's transactional burden to an adjacent system architecture, which then handles the brunt of the network’s processing and only subsequently reports back to Ethereum to finalize its results.\n\nVisit the following resources to learn more:", "links": [ { "title": "Layer-1 and Layer-2 Blockchain Scaling Solutions", @@ -806,21 +831,31 @@ "description": "Arbitrum aims to reduce transaction fees and congestion by moving as much computation and data storage off of Ethereum's main blockchain (layer 1) as it can. Storing data off of Ethereum's blockchain is known as Layer 2 scaling solutions.\n\nVisit the following resources to learn more:", "links": [ { - "title": "Arbitrum whitepaper", - "url": "https://www.usenix.org/system/files/conference/usenixsecurity18/sec18-kalodner.pdf", + "title": "Arbitrum - The Future of Ethereum", + "url": "https://arbitrum.io/", + "type": "article" + }, + { + "title": "Getting Started with Arbitrum", + "url": "https://docs.arbitrum.io/welcome/get-started", "type": "article" }, { - "title": "Inside Arbitrum", - "url": "https://developer.offchainlabs.com/docs/Inside_Arbitrum", + "title": "Arbitrum Whitepaper", + "url": "https://www.usenix.org/system/files/conference/usenixsecurity18/sec18-kalodner.pdf", "type": "article" } ] }, "Ib9STGxQa8yeoB-GFeGDE": { "title": "Moonbeam / Moonriver", - "description": "Moonbeam is a Polkadot network parachain that promises cross-chain interoperability between the Ethereum and Polkadot . More specifically, Moonbeam is a smart contract platform that enables developers to move dApps between the two networks without having to rewrite code or redeploy infrastructure.\n\nMoonriver is an incentivized testnet. It enables developers to create, test, and adjust their protocols prior to launching on Moonbeam. Moonbeam is the mainnet of the ecosystem.\n\nVisit the following resources to learn more:", + "description": "Moonbeam is a Polkadot network parachain that promises cross-chain interoperability between the Ethereum and Polkadot . More specifically, Moonbeam is a smart contract platform that enables developers to move dApps between the two networks without having to rewrite code or redeploy infrastructure. Moonriver is an incentivized testnet. It enables developers to create, test, and adjust their protocols prior to launching on Moonbeam. Moonbeam is the mainnet of the ecosystem.\n\nVisit the following resources to learn more:", "links": [ + { + "title": "Moonbeam", + "url": "https://moonbeam.network/", + "type": "article" + }, { "title": "About Moonbeam", "url": "https://docs.moonbeam.network/learn/platform/networks/moonbeam/", @@ -838,12 +873,12 @@ "description": "TVM-based blockchain is a type of blockchain that uses the Telegram Open Network Virtual Machine (TVM) for executing smart contracts. This allows for fast and efficient execution of smart contracts and enables developers to create decentralized applications.\n\nBoC stands for Bag of Cells, and it refers to the data structure used in the TVM-based blockchain to store all the information related to a smart contract. This includes the code of the contract, its state, and other relevant data. The Bag of Cells is a highly efficient data structure that allows for fast and secure storage of smart contract data.\n\nVisit the following resources to learn more:", "links": [ { - "title": "Original specification", + "title": "Original Specification", "url": "https://ton.org/tvm.pdf", "type": "article" }, { - "title": "Everscale VM specification", + "title": "Everscale VM Specification", "url": "https://docs.everscale.network/tvm.pdf", "type": "article" } @@ -880,7 +915,7 @@ "type": "article" }, { - "title": "A complete guide to understand hybrid smart contracts", + "title": "Guide to Hybrid Smart Contracts", "url": "https://www.leewayhertz.com/hybrid-smart-contracts/", "type": "article" } @@ -932,6 +967,11 @@ "title": "Smart Contracts", "description": "A smart contract is a computer program or a transaction protocol that is intended to automatically execute, control or document legally relevant events and actions according to the terms of a contract or an agreement.\n\nVisit the following resources to learn more:", "links": [ + { + "title": "Smart Contracts", + "url": "https://www.ibm.com/topics/smart-contracts", + "type": "article" + }, { "title": "What Are Smart Contracts and How Do They Work?", "url": "https://chain.link/education/smart-contracts", @@ -943,7 +983,7 @@ "type": "article" }, { - "title": "Smart contracts - Simply Explained", + "title": "Smart Contracts - Simply Explained", "url": "https://youtu.be/ZE2HxTmxfrI", "type": "video" } @@ -951,7 +991,7 @@ }, "chaIKoE1uE8rpZLkDSfV-": { "title": "Solidity", - "description": "Solidity is an object-oriented programming language created specifically by Ethereum Network team for constructing smart contracts on various blockchain platforms, most notably, Ethereum.\n\n* It's used to create smart contracts that implements business logic and generate a chain of transaction records in the blockchain system.\n* It acts as a tool for creating machine-level code and compiling it on the Ethereum Vitural Machine (EVM).\n\nLike any other programming languages, Solidity also has variables, functions, classes, arithmetic operations, string manipulation, and many more.\n\nVisit the following resources to learn more:", + "description": "Solidity is an object-oriented programming language created specifically by Ethereum Network team for constructing smart contracts on various blockchain platforms, most notably, Ethereum. It's used to create smart contracts that implements business logic and generate a chain of transaction records in the blockchain system. It acts as a tool for creating machine-level code and compiling it on the Ethereum Virtual Machine (EVM).\n\nVisit the following resources to learn more:", "links": [ { "title": "Solidity Programming Language", @@ -1010,6 +1050,11 @@ "url": "https://www.rust-lang.org/", "type": "article" }, + { + "title": "Learn Rust", + "url": "https://www.rust-lang.org/learn", + "type": "article" + }, { "title": "How to write and deploy a smart contract in Rust", "url": "https://docs.near.org/tutorials/nfts/introduction", @@ -1047,13 +1092,18 @@ "title": "Integration Tests", "description": "Integration tests validate interactions between multiple components. For smart contract testing this can mean interactions between different components of a single contract, or across multiple contracts.\n\nVisit the following resources to learn more:", "links": [ + { + "title": "Blockchain Testing Guide", + "url": "https://blog.logrocket.com/complete-guide-blockchain-testing/", + "type": "article" + }, { "title": "Explore top posts about Testing", "url": "https://app.daily.dev/tags/testing?ref=roadmapsh", "type": "article" }, { - "title": "Unit tests vs integration tests | Smart contract testing course", + "title": "Unit Tests vs Integration Tests", "url": "https://youtu.be/GxnX9k8i0zM", "type": "video" } @@ -1090,7 +1140,7 @@ "type": "article" }, { - "title": "Deploying and interacting with smart contracts", + "title": "Deploying and Interacting with Smart Contracts", "url": "https://docs.openzeppelin.com/learn/deploying-and-interacting", "type": "article" }, @@ -1145,10 +1195,10 @@ }, "bjUuL7WALETzgFxL6-ivU": { "title": "ERC Tokens", - "description": "An ‘Ethereum Request for Comments’ (ERC) is a document that programmers use to write smart contracts on Ethereum Blockchain. They describe rules in these documents that Ethereum-based tokens must comply with.\n\nWhile there are several Ethereum standards. These ERC Ethereum standards are the most well-known and popular: ERC-20, ERC-721, ERC-1155, and ERC-777.\n\nVisit the following resources to learn more:", + "description": "An ‘Ethereum Request for Comments’ (ERC) is a document that programmers use to write smart contracts on Ethereum Blockchain. They describe rules in these documents that Ethereum-based tokens must comply with. While there are several Ethereum standards. These ERC Ethereum standards are the most well-known and popular: ERC-20, ERC-721, ERC-1155, and ERC-777.\n\nVisit the following resources to learn more:", "links": [ { - "title": "What are Ethereum request for comments (ERC) Standards", + "title": "What are Ethereum Request for Comments (ERC) Standards", "url": "https://dev.to/envoy_/ks-what-are-ethereum-request-for-comments-erc-standards-5f80", "type": "article" }, @@ -1174,13 +1224,13 @@ "description": "A cryptocurrency wallet is a device, physical medium, program, or service which stores the public and/or private keys for cryptocurrency transactions. In addition to this basic function of storing the keys, a cryptocurrency wallet more often also offers the functionality of encrypting and/or signing information.\n\nVisit the following resources to learn more:", "links": [ { - "title": "What is a crypto wallet?", - "url": "https://www.coinbase.com/learn/crypto-basics/what-is-a-crypto-wallet", + "title": "What is a Crypto Wallet?: A Beginner’s Guide", + "url": "https://crypto.com/university/crypto-wallets", "type": "article" }, { - "title": "What is a Crypto Wallet? A Beginner’s Guide", - "url": "https://crypto.com/university/crypto-wallets", + "title": "Crypto Wallet? What is it?", + "url": "https://www.coinbase.com/learn/crypto-basics/what-is-a-crypto-wallet", "type": "article" }, { @@ -1237,13 +1287,13 @@ "description": "Decentralized storage is where data is stored on a decentralized network across multiple locations by users or groups who are incentivized to join, store, and keep data accessible. The servers used are hosted by people, rather than a single company. Anyone is free to join, they are kept honest due to smart contracts, and they are incentivized to participate via tokens.\n\nVisit the following resources to learn more:", "links": [ { - "title": "What Is Decentralized Storage?", - "url": "https://medium.com/@ppio/what-is-decentralized-storage-9c4b761942e2", + "title": "Decentralized Storage", + "url": "https://ethereum.org/en/developers/docs/storage/", "type": "article" }, { - "title": "Decentralized Storage", - "url": "https://ethereum.org/en/developers/docs/storage/", + "title": "What Is Decentralized Storage?", + "url": "https://medium.com/@ppio/what-is-decentralized-storage-9c4b761942e2", "type": "article" }, { @@ -1278,6 +1328,11 @@ "title": "Hardhat", "description": "Hardhat is an Ethereum development environment. It allows users to compile contracts and run them on a development network. Get Solidity stack traces, console.log and more.\n\nVisit the following resources to learn more:", "links": [ + { + "title": "Hardhat", + "url": "https://hardhat.org/", + "type": "article" + }, { "title": "Hardhat Overview", "url": "https://hardhat.org/hardhat-runner/docs/getting-started#overview", @@ -1316,12 +1371,17 @@ "description": "A development environment, testing framework, and asset pipeline for blockchains using the Ethereum Virtual Machine (EVM), aiming to make life as a developer easier.\n\nVisit the following resources to learn more:", "links": [ { - "title": "Truffle Overview", + "title": "Truffle Documentation", "url": "https://trufflesuite.com/docs/truffle/", "type": "article" }, { - "title": "Truffle Tutorial for Beginners | Compile, Test & Deploy Smart contracts to any EVM Blockchain", + "title": "Ultimate Guide to Truffle", + "url": "https://archive.trufflesuite.com/guides/ultimate-guide-to-truffle-the-gateway-to-full-stack-blockchain-development/", + "type": "article" + }, + { + "title": "Truffle Tutorial for Beginners", "url": "https://youtu.be/62f757RVEvU", "type": "video" } @@ -1337,7 +1397,7 @@ "type": "article" }, { - "title": "Intro to Foundry", + "title": "Introduction to Foundry", "url": "https://youtu.be/fNMfMxGxeag", "type": "video" } @@ -1382,7 +1442,7 @@ }, "wypJdjTW4jHm9FCqv7Lhb": { "title": "Fuzz Testing & Static Analysis", - "description": "Fuzzing or fuzz testing is an automated software testing technique that involves providing invalid, unexpected, or random data as inputs to a smart contract.\n\nStatic analysis is the analysis of smart contracts performed without executing them.\n\nVisit the following resources to learn more:", + "description": "Fuzzing or fuzz testing is an automated software testing technique that involves providing invalid, unexpected, or random data as inputs to a smart contract. Static analysis is the analysis of smart contracts performed without executing them.\n\nVisit the following resources to learn more:", "links": [ { "title": "Getting Started with Smart Contract Fuzzing", @@ -1390,7 +1450,7 @@ "type": "article" }, { - "title": "Solidity smart contract Static Code Analysis", + "title": "Solidity Smart Contract Static Code Analysis", "url": "https://lightrains.com/blogs/solidity-static-analysis-tools/#static-code-analysis", "type": "article" }, @@ -1400,7 +1460,7 @@ "type": "article" }, { - "title": "Smart contract Fuzzing", + "title": "Smart Contract Fuzzing", "url": "https://youtu.be/LRyyNzrqgOc", "type": "video" } @@ -1416,7 +1476,7 @@ "type": "opensource" }, { - "title": "Solidity Security: Comprehensive list of known attack vectors and common anti-patterns", + "title": "Solidity Security Checkpoints", "url": "https://blog.sigmaprime.io/solidity-security.html", "type": "article" }, @@ -1445,8 +1505,19 @@ }, "n3pipnNb76aaQeUwrDLk_": { "title": "Tools", - "description": "Blockchain and smart contract technology is fairly new, therefore, you should expect constant changes in the security landscape, as new bugs and security risks are discovered, and new best practices are developed. Keeping track of this constantly moving landscape proves difficult, so using tools to aid this mission is important. The cost of failing to properly secure smart contracts can be high, and because change can be difficult, we must make use of these tools.", - "links": [] + "description": "Blockchain and smart contract technology is fairly new, therefore, you should expect constant changes in the security landscape, as new bugs and security risks are discovered, and new best practices are developed. Keeping track of this constantly moving landscape proves difficult, so using tools to aid this mission is important. The cost of failing to properly secure smart contracts can be high, and because change can be difficult, we must make use of these tools.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Best Blockchain Tools", + "url": "https://101blockchains.com/best-blockchain-tools/", + "type": "article" + }, + { + "title": "Top 10 Tools for Blockchain Development", + "url": "https://www.blockchain-council.org/blockchain/top-10-tools-for-blockchain-development/", + "type": "article" + } + ] }, "YA3-7EZBRW-T-8HuVI7lk": { "title": "Slither", @@ -1454,8 +1525,13 @@ "links": [ { "title": "Slither, the Solidity source analyzer", - "url": "https://github.com/crytic/slither/blob/master/README.md", + "url": "https://github.com/crytic/slither", "type": "opensource" + }, + { + "title": "Slither Framework", + "url": "https://blog.trailofbits.com/2018/10/19/slither-a-solidity-static-analysis-framework/", + "type": "article" } ] }, @@ -1475,7 +1551,7 @@ "description": "MythX is a comprehensive smart contract security analysis tools developed by Consensys. It allows users to detect security vulnerabilities in Ethereum smart contracts throughout the development life cycle as well as analyze Solidity dapps for security holes and known smart contract vulnerabilities.\n\nVisit the following resources to learn more:", "links": [ { - "title": "MythX Official Site", + "title": "MythX", "url": "https://mythx.io/", "type": "article" }, @@ -1492,15 +1568,26 @@ "links": [ { "title": "Echidna: A Fast Smart Contract Fuzzer", - "url": "https://github.com/crytic/echidna/blob/master/README.md", + "url": "https://github.com/crytic/echidna/", "type": "opensource" + }, + { + "title": "Echidna - Smart Contracts", + "url": "https://secure-contracts.com/program-analysis/echidna/index.html", + "type": "article" } ] }, "fbESHQGYqxKRi-5DW8TY3": { "title": "Management Platforms", - "description": "Managing smart contracts in a production environment (mainnet) can prove difficult as users must keep track of different versions, blockchains, deployments, etc. Using a tool for this process eliminates a lot of the risk that comes with manual tracking.", - "links": [] + "description": "Managing smart contracts in a production environment (mainnet) can prove difficult as users must keep track of different versions, blockchains, deployments, etc. Using a tool for this process eliminates a lot of the risk that comes with manual tracking.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "What is a Blockchain Platform?", + "url": "https://www.bitdegree.org/crypto/tutorials/blockchain-platform", + "type": "article" + } + ] }, "qox-x_q-Q7aWcNFWD7RkT": { "title": "OpenZeppelin", @@ -1536,8 +1623,23 @@ }, "gpS5CckcQZX3TMFQ2jtIL": { "title": "Git", - "description": "[Git](https://git-scm.com/) is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.\n\nVisit the following resources to learn more:", + "description": "Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.\n\nVisit the following resources to learn more:", "links": [ + { + "title": "Visit Dedicated Git Roadmap", + "url": "https://roadmap.sh/git-github", + "type": "article" + }, + { + "title": "Git", + "url": "https://git-scm.com/", + "type": "article" + }, + { + "title": "Git Documentation", + "url": "https://git-scm.com/doc", + "type": "article" + }, { "title": "Learn Git with Tutorials, News and Tips - Atlassian", "url": "https://www.atlassian.com/git", @@ -1567,7 +1669,7 @@ { "title": "GitHub", "url": "https://github.com/features/", - "type": "opensource" + "type": "article" }, { "title": "GitLab", @@ -1578,11 +1680,6 @@ "title": "BitBucket", "url": "https://bitbucket.org/product/guides/getting-started/overview", "type": "article" - }, - { - "title": "How to choose the best source code repository", - "url": "https://bitbucket.org/product/code-repository", - "type": "article" } ] }, @@ -1591,18 +1688,18 @@ "description": "GitHub is a provider of Internet hosting for software development and version control using Git. It offers the distributed version control and source code management functionality of Git, plus its own features.\n\nVisit the following resources to learn more:", "links": [ { - "title": "GitHub Website", - "url": "https://github.com", - "type": "opensource" + "title": "Visit Dedicated Github Roadmap", + "url": "https://roadmap.sh/git-github", + "type": "article" }, { - "title": "GitHub Documentation", - "url": "https://docs.github.com/en/get-started/quickstart", + "title": "GitHub", + "url": "https://github.com", "type": "article" }, { - "title": "How to Use Git in a Professional Dev Team", - "url": "https://ooloo.io/project/github-flow", + "title": "GitHub Documentation", + "url": "https://docs.github.com/en/get-started/quickstart", "type": "article" }, { @@ -1624,11 +1721,6 @@ "title": "Git and GitHub for Beginners", "url": "https://www.youtube.com/watch?v=RGOj5yH7evk", "type": "video" - }, - { - "title": "Git and GitHub - CS50 Beyond 2019", - "url": "https://www.youtube.com/watch?v=eulnSXkhE7I", - "type": "video" } ] }, @@ -1639,7 +1731,7 @@ { "title": "GitLab Website", "url": "https://gitlab.com/", - "type": "opensource" + "type": "article" }, { "title": "GitLab Documentation", @@ -1655,7 +1747,7 @@ }, "TMPB62h9LGIA0pMmjfUun": { "title": "Bitbucket", - "description": "Bitbucket is a Git based hosting and source code repository service that is Atlassian's alternative to other products like GitHub, GitLab etc\n\nBitbucket offers hosting options via Bitbucket Cloud (Atlassian's servers), Bitbucket Server (customer's on-premise) or Bitbucket Data Centre (number of servers in customers on-premise or cloud environment)\n\nVisit the following resources to learn more:", + "description": "Bitbucket is a Git based hosting and source code repository service that is Atlassian's alternative to other products like GitHub, GitLab etc. Bitbucket offers hosting options via Bitbucket Cloud (Atlassian's servers), Bitbucket Server (customer's on-premise) or Bitbucket Data Centre (number of servers in customers on-premise or cloud environment)\n\nVisit the following resources to learn more:", "links": [ { "title": "Bitbucket Website", @@ -1663,12 +1755,12 @@ "type": "article" }, { - "title": "A brief overview of Bitbucket", + "title": "Overview of Bitbucket", "url": "https://bitbucket.org/product/guides/getting-started/overview#a-brief-overview-of-bitbucket", "type": "article" }, { - "title": "Getting started with Bitbucket", + "title": "Getting Started with Bitbucket", "url": "https://bitbucket.org/product/guides/basics/bitbucket-interface", "type": "article" }, @@ -1682,11 +1774,6 @@ "url": "https://app.daily.dev/tags/bitbucket?ref=roadmapsh", "type": "article" }, - { - "title": "Bitbucket tutorial | How to use Bitbucket Cloud", - "url": "https://www.youtube.com/watch?v=M44nEyd_5To", - "type": "video" - }, { "title": "Bitbucket Tutorial | Bitbucket for Beginners", "url": "https://www.youtube.com/watch?v=i5T-DB8tb4A", @@ -1777,13 +1864,18 @@ "title": "NFTs", "description": "A non-fungible token (NFT) is a financial security consisting of digital data stored in a blockchain, a form of distributed ledger. The ownership of an NFT is recorded in the blockchain, and can be transferred by the owner, allowing NFTs to be sold and traded.\n\nVisit the following resources to learn more:", "links": [ + { + "title": "What are NFTs?", + "url": "https://www.coindesk.com/learn/what-are-nfts-and-how-do-they-work/", + "type": "article" + }, { "title": "Non-Fungible Token (NFT)", "url": "https://www.investopedia.com/non-fungible-tokens-nft-5115211", "type": "article" }, { - "title": "NFTs, explained", + "title": "NFTs Explained", "url": "https://www.theverge.com/22310188/nft-explainer-what-is-blockchain-crypto-art-faq", "type": "article" }, @@ -1804,7 +1896,7 @@ "description": "Blockchain technology has the ability to eliminate all the tolls exacted by centralized organization when transferring payments.\n\nVisit the following resources to learn more:", "links": [ { - "title": "How does blockchain impact global payments and remittances?", + "title": "How does Blockchain Impact Global Payments and Remittances?", "url": "https://consensys.net/blockchain-use-cases/finance/#payments", "type": "article" }, @@ -1852,7 +1944,7 @@ "description": "Alchemy is a developer platform that empowers companies to build scalable and reliable decentralized applications without the hassle of managing blockchain infrastructure in-house.\n\nVisit the following resources to learn more:", "links": [ { - "title": "Alchemy official site", + "title": "Alchemy", "url": "https://www.alchemy.com/", "type": "article" } @@ -1863,9 +1955,14 @@ "description": "Infura provides the tools and infrastructure that allow developers to easily take their blockchain application from testing to scaled deployment - with simple, reliable access to Ethereum and IPFS.\n\nVisit the following resources to learn more:", "links": [ { - "title": "Infura official site", + "title": "Infura", "url": "https://infura.io/", "type": "article" + }, + { + "title": "Infura Documentation", + "url": "https://docs.infura.io/api", + "type": "article" } ] }, @@ -1874,7 +1971,7 @@ "description": "Moralis provides a single workflow for building high performance dapps. Fully compatible with your favorite web3 tools and services.\n\nVisit the following resources to learn more:", "links": [ { - "title": "Moralis official site", + "title": "Moralis", "url": "https://moralis.io/", "type": "article" }, @@ -1890,7 +1987,7 @@ "description": "QuickNode is a Web3 developer platform used to build and scale blockchain applications.\n\nVisit the following resources to learn more:", "links": [ { - "title": "Quicknode official site", + "title": "Quicknode", "url": "https://www.quicknode.com/", "type": "article" } @@ -1898,21 +1995,32 @@ }, "NK02dunI3i6C6z7krENCC": { "title": "Supporting Languages", - "description": "While the bulk of the logic in blockchain applications is handled by smart contracts, all the surrounding services that support those smart contracts (frontend, monitoring, etc.) are often written in other languages.", - "links": [] + "description": "While the bulk of the logic in blockchain applications is handled by smart contracts, all the surrounding services that support those smart contracts (frontend, monitoring, etc.) are often written in other languages.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Programming Languages for Smart Contracts", + "url": "https://blog.logrocket.com/smart-contract-programming-languages/", + "type": "article" + }, + { + "title": "Top Programming Languages for Blockchains", + "url": "https://www.codecademy.com/resources/blog/programming-languages-blockchain-development/", + "type": "article" + } + ] }, "fF06XiQV4CPEJnt_ESOvv": { "title": "JavaScript", "description": "JavaScript, often abbreviated JS, is a programming language that is one of the core technologies of the World Wide Web, alongside HTML and CSS. It lets us add interactivity to pages e.g. you might have seen sliders, alerts, click interactions, and popups etc on different websites -- all of that is built using JavaScript. Apart from being used in the browser, it is also used in other non-browser environments as well such as Node.js for writing server-side code in JavaScript, Electron for writing desktop applications, React Native for mobile applications and so on.\n\nVisit the following resources to learn more:", "links": [ { - "title": "You Dont Know JS Yet (book series) ", + "title": "You Dont Know JS Yet", "url": "https://github.com/getify/You-Dont-Know-JS", "type": "opensource" }, { - "title": "W3Schools – JavaScript Tutorial", - "url": "https://www.w3schools.com/js/", + "title": "Visit Dedicated JavaScript Roadmap", + "url": "https://roadmap.sh/javascript", "type": "article" }, { @@ -1935,11 +2043,6 @@ "url": "https://youtu.be/hdI2bqOjy3c", "type": "video" }, - { - "title": "Node.js Crash Course", - "url": "https://www.youtube.com/watch?v=fBNz5xF-Kx4", - "type": "video" - }, { "title": "Node.js Tutorial for Beginners", "url": "https://www.youtube.com/watch?v=TlB_eWDSMt4", @@ -1956,18 +2059,23 @@ "url": "https://roadmap.sh/python", "type": "article" }, + { + "title": "Python Getting Started", + "url": "https://www.python.org/about/gettingstarted/", + "type": "article" + }, { "title": "Python Website", "url": "https://www.python.org/", "type": "article" }, { - "title": "Python Getting Started", - "url": "https://www.python.org/about/gettingstarted/", + "title": "Python Documentation", + "url": "https://www.docs.python.org/3", "type": "article" }, { - "title": "W3Schools - Python Tutorial ", + "title": "W3Schools - Python Tutorial", "url": "https://www.w3schools.com/python/", "type": "article" }, @@ -1976,11 +2084,6 @@ "url": "https://ehmatthes.github.io/pcc/", "type": "article" }, - { - "title": "Automate the Boring Stuff", - "url": "https://automatetheboringstuff.com/", - "type": "article" - }, { "title": "Explore top posts about Python", "url": "https://app.daily.dev/tags/python?ref=roadmapsh", @@ -2013,7 +2116,7 @@ "type": "article" }, { - "title": "W3Schools Go Tutorial ", + "title": "W3Schools Go Tutorial", "url": "https://www.w3schools.com/go/", "type": "article" }, @@ -2061,12 +2164,12 @@ }, { "title": "React Website", - "url": "https://reactjs.org/", + "url": "https://react.dev/", "type": "article" }, { - "title": "Official Getting Started", - "url": "https://reactjs.org/tutorial/tutorial.html", + "title": "Getting Started with React", + "url": "https://react.dev/learn", "type": "article" }, { @@ -2101,8 +2204,13 @@ "type": "article" }, { - "title": "Official - Getting started with Angular", - "url": "https://angular.io/start", + "title": "Angular", + "url": "https://angular.dev/", + "type": "article" + }, + { + "title": "Getting Started with Angular", + "url": "https://angular.dev/overview", "type": "article" }, { @@ -2127,7 +2235,7 @@ "type": "article" }, { - "title": "Official Getting Started", + "title": "Vue.js Guide", "url": "https://vuejs.org/v2/guide/", "type": "article" }, @@ -2150,7 +2258,7 @@ }, "-7Bq2ktD0nt7of9liuCDL": { "title": "Testing", - "description": "A key to building software that meets requirements without defects is testing. Software testing helps developers know they are building the right software. When tests are run as part of the development process (often with continuous integration tools), they build confidence and prevent regressions in the code.\n\nLike traditional software, testing dApps involves testing the entire stack that makes up the dApp (backend, frontend, db, etc.).\n\nVisit the following resources to learn more:", + "description": "A key to building software that meets requirements without defects is testing. Software testing helps developers know they are building the right software. When tests are run as part of the development process (often with continuous integration tools), they build confidence and prevent regressions in the code.\n\nVisit the following resources to learn more:", "links": [ { "title": "What is Software Testing?", @@ -2197,8 +2305,14 @@ }, "XvVpnlYhT_yOsvjAvwZpr": { "title": "Maintenance", - "description": "dApps can be harder to maintain because the code and data published to the blockchain is harder to modify. It’s hard for developers to make updates to their dapps (or the underlying data stored by a dapp) once they are deployed, even if bugs or security risks are identified in an old version.", - "links": [] + "description": "dApps can be harder to maintain because the code and data published to the blockchain is harder to modify. It’s hard for developers to make updates to their dapps (or the underlying data stored by a dapp) once they are deployed, even if bugs or security risks are identified in an old version.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Blockchain Maintenance", + "url": "https://imiblockchain.com/blockchain-coding/maintenance/", + "type": "article" + } + ] }, "B6GGTUbzEaIz5yu32WrAq": { "title": "Architecture", @@ -2252,9 +2366,19 @@ "description": "You don't need to write every smart contract in your project from scratch. There are many open source smart contract libraries available that provide reusable building blocks for your project that can save you from having to reinvent the wheel.\n\nVisit the following resources to learn more:", "links": [ { - "title": "Viem library with great TypeScript support", + "title": "Viem Library", "url": "https://viem.sh", "type": "article" + }, + { + "title": "Client Libraries", + "url": "https://docs.waves.tech/en/building-apps/waves-api-and-sdk/client-libraries/", + "type": "article" + }, + { + "title": "Smart Contract Libraries", + "url": "https://ethereum.org/en/developers/docs/smart-contracts/libraries/", + "type": "article" } ] }, @@ -2279,7 +2403,7 @@ "description": "web3.js is a collection of libraries that allow you to interact with a local or remote ethereum node using HTTP, IPC or WebSocket.\n\nVisit the following resources to learn more:", "links": [ { - "title": "web3.js Documentation", + "title": "Web3.js Documentation", "url": "https://web3js.readthedocs.io/", "type": "article" }, @@ -2296,9 +2420,19 @@ "links": [ { "title": "Moralis SDK", - "url": "https://github.com/MoralisWeb3/Moralis-JS-SDK/blob/main/README.md", + "url": "https://github.com/MoralisWeb3/Moralis-JS-SDK", "type": "opensource" }, + { + "title": "Moralis", + "url": "https://moralis.com/", + "type": "article" + }, + { + "title": "Moralis Docs", + "url": "https://docs.moralis.com/", + "type": "article" + }, { "title": "Explore top posts about Moralis", "url": "https://app.daily.dev/tags/moralis?ref=roadmapsh", @@ -2308,13 +2442,29 @@ }, "CoYEwHNNmrQ0i0sSQTcB7": { "title": "Client Nodes", - "description": "A blockchain is a distributed network of computers (known as nodes) running software that can verify blocks and transaction data. The software application, known as a client, must be run on your computer to turn it into a blockchain node.", - "links": [] + "description": "A blockchain is a distributed network of computers (known as nodes) running software that can verify blocks and transaction data. The software application, known as a client, must be run on your computer to turn it into a blockchain node.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Nodes and Clients", + "url": "https://ethereum.org/en/developers/docs/nodes-and-clients/", + "type": "article" + }, + { + "title": "Ethereum Nodes", + "url": "https://www.coindesk.com/learn/ethereum-nodes-and-clients-a-complete-guide/", + "type": "article" + } + ] }, "DBRaXtwvdq2UGE8rVCmI1": { "title": "Geth", "description": "Go Ethereum (Geth) is one of the three original implementations (along with C++ and Python) of the Ethereum protocol. It is written in Go, fully open source and licensed under the GNU LGPL v3.\n\nVisit the following resources to learn more:", "links": [ + { + "title": "Geth", + "url": "https://geth.ethereum.org/", + "type": "article" + }, { "title": "Geth Documentation", "url": "https://geth.ethereum.org/docs/", @@ -2330,6 +2480,16 @@ "title": "Besu Ethereum Client", "url": "https://github.com/hyperledger/besu", "type": "opensource" + }, + { + "title": "Besu Homepage", + "url": "https://www.lfdecentralizedtrust.org/projects/besu", + "type": "article" + }, + { + "title": "Hyperledger Besu", + "url": "https://youtu.be/gF__bwiG66g", + "type": "video" } ] }, @@ -2337,9 +2497,14 @@ "title": "Nethermind", "description": "Nethermind is a high-performance, highly configurable full Ethereum protocol client built on .NET that runs on Linux, Windows, and macOS, and supports Clique, Aura, Ethash, and Proof-of-Stake consensus algorithms.\n\nVisit the following resources to learn more:", "links": [ + { + "title": "Nethermind", + "url": "https://www.nethermind.io/", + "type": "article" + }, { "title": "Nethermind Documentation", - "url": "https://docs.nethermind.io/nethermind/", + "url": "https://docs.nethermind.io/", "type": "article" } ] @@ -2357,8 +2522,14 @@ }, "bTdRKEiIUmu1pnp8UbJK9": { "title": "Building for Scale", - "description": "Due to the limited number of transactions-per-second (TPS) built-in to blockchains, a number of alternative mechanism and technologies have emerged to aid the scaling of blockchain dApps.", - "links": [] + "description": "Due to the limited number of transactions-per-second (TPS) built-in to blockchains, a number of alternative mechanism and technologies have emerged to aid the scaling of blockchain dApps.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Blockchain Scalability", + "url": "https://medium.com/iovlabs-innovation-stories/blockchain-scalability-4dce74382930", + "type": "article" + } + ] }, "5T5c3SrFfMZLEKAzxJ-_S": { "title": "State & Payment Channels", @@ -2378,7 +2549,7 @@ }, "ti6-LSK52dTCLVdxArp9q": { "title": "Optimistic Rollups & Fraud Proofs", - "description": "‍Optimistic rollups are a layer 2 (L2) construction that improves throughput and latency on Ethereum’s base layer by moving computation and data storage off-chain. An optimistic rollup processes transactions outside of Ethereum Mainnet, reducing congestion on the base layer and improving scalability.\n\nOptimistic rollups allow anyone to publish blocks without providing proofs of validity. However, to ensure the chain remains safe, optimistic rollups specify a time window during which anyone can dispute a state transition.\n\nVisit the following resources to learn more:", + "description": "‍Optimistic rollups are a layer 2 (L2) construction that improves throughput and latency on Ethereum’s base layer by moving computation and data storage off-chain. An optimistic rollup processes transactions outside of Ethereum Mainnet, reducing congestion on the base layer and improving scalability. Optimistic rollups allow anyone to publish blocks without providing proofs of validity. However, to ensure the chain remains safe, optimistic rollups specify a time window during which anyone can dispute a state transition.\n\nVisit the following resources to learn more:", "links": [ { "title": "How Do Optimistic Rollups Work (The Complete Guide)", @@ -2480,7 +2651,7 @@ }, "ecT4W5z8Vq9pXjnuhMdpl": { "title": "Why it matters?", - "description": "The nature of blockchain allows for trustless systems to be built on top of it. Users don’t rely on a centralized group of people, such as a bank, to make decisions and allow transactions to flow through. Because the system is decentralized, users know that transactions will never be denied for non-custodial reasons.\n\nThis decentralization enables use-cases that were previously impossible, such as parametric insurance, decentralized finance, and decentralized organizations (DAOs), among a few. This allows developers to build products that provide immediate value without having to go through a bureaucratic process of applications, approvals, and general red tape.\n\nVisit the following resources to learn more:", + "description": "The nature of blockchain allows for trustless systems to be built on top of it. Users don’t rely on a centralized group of people, such as a bank, to make decisions and allow transactions to flow through. Because the system is decentralized, users know that transactions will never be denied for non-custodial reasons. This decentralization enables use-cases that were previously impossible, such as parametric insurance, decentralized finance, and decentralized organizations (DAOs), among a few. This allows developers to build products that provide immediate value without having to go through a bureaucratic process of applications, approvals, and general red tape.\n\nVisit the following resources to learn more:", "links": [ { "title": "Why Blockchain?", diff --git a/public/roadmap-content/ux-design.json b/public/roadmap-content/ux-design.json index 30824b4c4..f57a81c64 100644 --- a/public/roadmap-content/ux-design.json +++ b/public/roadmap-content/ux-design.json @@ -38,27 +38,55 @@ }, "zYCBEUqZVlvjlAKnh5cPQ": { "title": "Behavior Design", - "description": "Behavior Design is an approach that combines elements of psychology, neuroscience, and design principles to understand and influence human behaviors. The goal behind behavior design is to make it easier for users to accomplish their goals or desired actions within a product, service, or system.\n\nIn the context of UX Design, behavior design focuses on:\n\n* **Motivation**: Understanding what motivates users to take action, such as personal interests, external rewards, or social influence.\n \n* **Ability**: Ensuring that users have the necessary skills, time, and resources to complete a desired action.\n \n* **Triggers**: Implementing well-timed prompts that encourage users to take a specific action within the interface.\n \n\nTo create effective behavior designs, UX designers should:\n\n* Identify user goals and desired outcomes.\n* Analyze the user's environment and potential barriers that may affect their ability to complete the desired action.\n* Design solutions that address both the motivation and ability aspects of behavior change, as well as the appropriate triggers to prompt action.\n* Continuously test and iterate on the design to better understand user behavior and optimize engagement.\n\nBy focusing on behavior design, UX designers can create more engaging and user-friendly experiences that ultimately drive user satisfaction and increase the chances of achieving their desired goals.", - "links": [] + "description": "Behavior Design is an approach that combines elements of psychology, neuroscience, and design principles to understand and influence human behaviors. The goal behind behavior design is to make it easier for users to accomplish their goals or desired actions within a product, service, or system.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Behavior Design", + "url": "https://www.interaction-design.org/literature/topics/behavioral-design", + "type": "article" + } + ] }, "D553-nVELaB5gdxtoKSVc": { "title": "Behavioral Science", - "description": "Behavioral science is the interdisciplinary study of human behavior, which encompasses disciplines like psychology, sociology, and anthropology. This field- primarily focuses on understanding what impacts our decisions, actions, and emotions. In the context of UX design, applying behavioral science concepts and principles can enhance user experience by improving user engagement, usability, and overall satisfaction.\n\nSome key principles of behavioral science that UX designers should consider include:\n\n* **Cognitive biases:** These are mental shortcuts our brains take when processing information which can lead to irrational decisions or judgments. Designers can use these biases to guide user behavior, as seen in the 'anchoring effect,' where users rely on the first piece of information provided on a page.\n \n* **Loss aversion:** People tend to prioritize avoiding losses over acquiring gains. Designers can use this to their advantage by highlighting potential losses that could occur without using a specific feature or product, increasing user motivation.\n \n* **Social proof:** People look to others for cues about how to behave in uncertain situations. To leverage this effect, designers can include testimonials, ratings, and user-generated content to demonstrate that others have found value in their product or service.\n \n* **Incentivization:** Users may be more likely to engage with a product if there are rewards or incentives for completing certain tasks. Gamifying an experience or offering exclusive benefits can encourage users to engage more deeply with the product.\n \n* **Choice architecture:** The way choices are presented influences users' decisions. Designers can use this to guide users to desired outcomes or simplify decision-making by reducing the number of options presented.\n \n* **Habit formation:** Creating a habit-forming experience can lead to increased user retention and engagement. Designers should consider features and elements that reinforce routine usage or solve recurring pain-points.\n \n\nBy integrating behavioral science principles into their design process, UX designers can better understand and anticipate users' needs, ultimately creating more enjoyable, effective, and engaging experiences.", - "links": [] + "description": "Behavioral science is the interdisciplinary study of human behavior, which encompasses disciplines like psychology, sociology, and anthropology. This field- primarily focuses on understanding what impacts our decisions, actions, and emotions. In the context of UX design, applying behavioral science concepts and principles can enhance user experience by improving user engagement, usability, and overall satisfaction.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Behavioral Science", + "url": "https://uxplanet.org/how-to-use-behavioral-science-to-influence-user-behavior-in-design-581dc0805f7c", + "type": "article" + }, + { + "title": "Future of Behavioral Science", + "url": "https://behavioralscientist.org/what-is-the-future-of-design-and-behavioral-science-a-conversation-with-cliff-kuang/", + "type": "article" + } + ] }, "_lv6GJ0wlMfhJ7PHRGQ_V": { "title": "Behavioral Economics", - "description": "Behavioral Economics is a subfield of economics that studies the psychological, social, and emotional factors that influence decision-making and economic behavior. It seeks to understand why people make choices that deviate from the traditional economic model, which assumes that individuals behave rationally and seek to maximize their utility.\n\nThe key concepts of Behavioral Economics include:\n\n* Bounded Rationality: People make decisions based on limited information, cognitive constraints, and personal biases.\n \n* Prospect Theory: Individuals perceive losses and gains asymmetrically, feeling greater pain from a loss than satisfaction from an equivalent gain.\n \n* Anchoring: People tend to rely on a reference point (the anchor) when assessing the value of an unknown option, which can lead to arbitrary or irrational decisions.\n \n* Mental Accounting: Individuals mentally categorize and allocate expenses differently, which can lead to biases like the sunk cost fallacy or the endowment effect.\n \n* Nudging: Subtle changes to choice architecture can influence people's decisions without restricting their freedom of choice, through methods like default options, framing, or social proof.\n \n\nUnderstanding and applying behavioral economic principles can help UX designers create interfaces and experiences that account for these biases and help users make better choices. By designing to minimize cognitive load, supporting decision-making, and presenting options effectively, UX designers can enhance user satisfaction and encourage desired actions.", - "links": [] + "description": "Behavioral Economics is a subfield of economics that studies the psychological, social, and emotional factors that influence decision-making and economic behavior. It seeks to understand why people make choices that deviate from the traditional economic model, which assumes that individuals behave rationally and seek to maximize their utility.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Behavioral Economics", + "url": "https://www.interaction-design.org/literature/article/behavioural-economics-ideas-that-you-can-use-in-ux-design", + "type": "article" + } + ] }, "2NlgbLeLBYwZX2u2rKkIO": { "title": "BJ Fogg's Behavior Model", - "description": "B.J. Fogg, a renowned psychologist, and researcher at Stanford University, proposed the [Fogg Behavior Model (FBM)](https://www.behaviormodel.org/). This insightful model helps UX designers understand and influence user behavior by focusing on three core elements. These key factors are motivation, ability, and prompts.\n\n* **Motivation**: This element emphasizes the user's desire to perform a certain action or attain specific outcomes. Motivation can be linked to three core elements specified as sensation (pleasure/pain), anticipation (hope/fear), and social cohesion (belonging/rejection).\n \n* **Ability**: Ability refers to the user's capacity, both physical and mental, to perform desired actions. To enhance the ability of users, UX designers should follow the principle of simplicity. The easier it is to perform an action, the more likely users will engage with the product. Some factors to consider are time, financial resources, physical efforts, and cognitive load.\n \n* **Prompts**: Prompts are the cues, notifications, or triggers that signal users to take an action. For an action to occur, prompts should be presented at the right time when the user has adequate motivation and ability.\n \n\nUX designers should strive to find the balance between these three factors to facilitate the desired user behavior. By understanding your audience and their needs, implementing clear and concise prompts, and minimizing the effort required for action, the FBM can be an effective tool for designing user-centered products.", + "description": "B.J. Fogg, a renowned psychologist, and researcher at Stanford University, proposed the Fogg Behavior Model (FBM). This insightful model helps UX designers understand and influence user behavior by focusing on three core elements. These key factors are motivation, ability, and prompts.\n\nVisit the following resources to learn more:", "links": [ { - "title": "meaning of BJ fogg's behavior model", + "title": "Meaning of BJ Fogg's Behavior Model", "url": "https://behaviormodel.org/", "type": "article" + }, + { + "title": "The Fogg Behavior Model", + "url": "https://blog.logrocket.com/ux-design/fogg-behavior-model/", + "type": "article" } ] }, @@ -85,8 +113,19 @@ }, "lRBC8VYJPsR65LHDuuIsL": { "title": "BJ Fogg's Behavior Grid", - "description": "The BJ Fogg Behavior Grid is a framework that helps UX designers, product managers, and marketers understand and identify different types of behavior change. Created by Stanford University professor B.J. Fogg, the grid consists of 15 behavior types based on the combination of three dimensions: Duration, Frequency, and Intensity.\n\nDuration\n--------\n\n* **One-time behaviors**: These are behaviors that happen only once (e.g., signing up for an account).\n* **Short-term behaviors**: Behaviors that take place for a limited period of time (e.g., using a trial version of a product).\n* **Long-term behaviors**: Behaviors that are ongoing or happen repeatedly over a considerable time (e.g., continued use of a product).\n\nFrequency\n---------\n\n* **Single-instance behaviors**: Behaviors that occur only one time per occasion (e.g., entering a password once to log in)\n* **Infrequent behaviors**: Behaviors that do not happen regularly or happen sporadically (e.g., posting on social media once a week)\n* **Frequent behaviors**: Behaviors that happen on a consistent and regular basis (e.g., checking email multiple times a day)\n\nIntensity\n---------\n\n* **Low-stakes behaviors**: Behaviors that have little impact or are considered less important (e.g., choosing a profile picture)\n* **Medium-stakes behaviors**: Behaviors that have moderate importance or impact (e.g., deciding how much personal information to share)\n* **High-stakes behaviors**: Behaviors that have significant impact on the user's experience or perception of the product (e.g., making a purchase or canceling a subscription)\n\nUsing this grid, designers can classify user behaviors into different types and tailor their UX design strategies to target the specific behavior they want to encourage, change, or eliminate. Additionally, the Behavior Grid can be used to analyze and understand user motivations, triggers, and barriers, enabling designers to create more effective behavior change interventions.", - "links": [] + "description": "The BJ Fogg Behavior Grid is a framework that helps UX designers, product managers, and marketers understand and identify different types of behavior change. Created by Stanford University professor B.J. Fogg, the grid consists of 15 behavior types based on the combination of three dimensions: Duration, Frequency, and Intensity.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "BJ Fogg’s Behavior Grid", + "url": "https://behaviordesign.stanford.edu/resources/fogg-behavior-grid", + "type": "article" + }, + { + "title": "The Fogg Behavior Model", + "url": "https://blog.logrocket.com/ux-design/fogg-behavior-model/", + "type": "article" + } + ] }, "PLLTcrHkhd1KYaMSRKALp": { "title": "Nir Eyal's Hook Model", @@ -136,8 +175,14 @@ }, "ZufrLRNkMoJ4e2T-vWxCR": { "title": "Automate the Act of Repetition", - "description": "As a UX designer, one of your main goals is to simplify and streamline user interactions. Often, users are required to perform repetitive tasks, which can lead to frustration and decrease efficiency. To enhance the user experience and ensure smooth sailing, it's essential to reduce or eliminate the need for repeated actions by automating repetitive tasks wherever possible.\n\nBenefits of Automation\n----------------------\n\nWhen properly implemented, automation can:\n\n* Save time: By cutting down on repeated actions, users can complete tasks more quickly, increasing productivity.\n* Reduce errors: Automating tasks can minimize human error and ensure that actions are completed correctly every time.\n* Improve user satisfaction: Reducing tedious tasks can lead to a more positive user experience and increase user retention.\n\nStrategies for Automation\n-------------------------\n\nAs a UX designer, consider the following strategies to automate repetitive tasks:\n\n* **Pre-fill forms**: Auto-fill form fields with the information that the user has entered previously or is likely to enter, such as their name, email address, or phone number. This can save users time and effort in filling out forms.\n* **Remember user preferences**: Store user settings and preferences, such as preferred language, currency, or theme, so that users don't have to set them again every time they visit your site or app.\n* **Smart suggestions**: Implement predictive text or auto-suggestions based on user input or past behavior. For example, when typing search queries or filling out forms, users may appreciate suggestions to help them complete their task quickly.\n* **Batch actions**: Allow users to perform actions, like selecting or deleting items, in groups rather than individually. This can significantly reduce the number of clicks and time required to complete the task.\n* **Keyboard shortcuts**: Provide keyboard shortcuts for common actions, enabling users to perform tasks without using a mouse or touch interactions. This can be particularly helpful for power users or users with accessibility needs.\n\nBy automating acts of repetition in your design, you can enhance the user experience, reduce frustration and improve overall satisfaction. Be mindful of your users' needs, analyze the repetitive tasks they may encounter, and implement effective automation techniques to create a seamless, efficient, and enjoyable experience.", - "links": [] + "description": "To enhance user experience and streamline interactions, it's crucial to automate repetitive tasks that often lead to frustration and decreased efficiency. Properly implemented automation can save time, reduce errors, and improve user satisfaction by minimizing tedious actions. As a UX designer, consider strategies such as pre-filling forms with previously entered information, remembering user preferences, providing smart suggestions based on past behavior, enabling batch actions for group tasks, and offering keyboard shortcuts for common actions. By focusing on these automation techniques, you can create a seamless and enjoyable experience that meets users' needs and increases retention.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Repeating Elements", + "url": "https://helpx.adobe.com/au/xd/help/create-repeating-elements.html", + "type": "article" + } + ] }, "y6CqgqTvOt-LrvTnPJkQQ": { "title": "Make or Change Habits", @@ -171,8 +216,14 @@ }, "w_QWN80zCf1tsVROeyuvo": { "title": "Behavior Change Strategies", - "description": "Behavior change strategies are techniques that aim to help users adopt new behaviors or break existing ones to achieve specific goals, such as healthier lifestyles or improved productivity. In UX design, these strategies are applied to design elements and features within digital products or services to motivate and support users in making lasting changes in their actions.\n\nHere are some key behavior change strategies often employed in UX design:\n\n* **Goal Setting:** Asking users to set specific, measurable, achievable, relevant, and time-bound (SMART) goals can help them focus their efforts and track their progress.\n \n* **Feedback and Rewards:** Providing users with real-time feedback on their progress and rewarding them with positive reinforcement (e.g., badges or points) can increase motivation and engagement.\n \n* **Social Comparisons:** Facilitating comparisons between users or groups can tap into social influence and normative pressure, encouraging behavior change through competition or collaboration.\n \n* **Reminders and Prompts:** Sending timely reminders or prompts can help reinforce desired behaviors by making them more salient and top of mind.\n \n* **Choice Architecture:** Structuring the presentation of options, defaults, and information can nudge users towards better decisions without restricting their freedom of choice.\n \n* **Modeling and Stories:** Demonstrating desired behaviors through role models, cases, testimonials or stories can provide inspiration and social proof that change is possible and desirable.\n \n* **Progressive Disclosure:** Gradually introducing advanced features, content or challenges can help users build their skills and confidence, preventing them from feeling overwhelmed or disengaged.\n \n* **Personalization and Tailoring:** Customizing content or recommendations based on a user's preferences, history or characteristics can make interventions more relevant and effective.\n \n\nBy incorporating these behavior change strategies in your UX design, you improve the chances of users successfully adopting the desired behaviors, which can ultimately lead to a more positive and effective user experience.", - "links": [] + "description": "Behavior change strategies are techniques that aim to help users adopt new behaviors or break existing ones to achieve specific goals, such as healthier lifestyles or improved productivity. In UX design, these strategies are applied to design elements and features within digital products or services to motivate and support users in making lasting changes in their actions.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Behavioral Change Strategies", + "url": "https://blog.logrocket.com/ux-design/starter-guide-behavioral-design/", + "type": "article" + } + ] }, "q1WX2Cp4k4-o1T1vgL8FH": { "title": "Understanding the Product", @@ -201,8 +252,14 @@ }, "SGO9hHju49_py0n0ASGBe": { "title": "Business Model Canvas", - "description": "The **Business Model Canvas** is a strategic management and visual representation tool that allows you to describe, design, challenge, and pivot your existing business model. Developed by Alexander Osterwalder and Yves Pigneur, it helps organizations to understand how they create, deliver, and capture value. The canvas is divided into nine building blocks, which represent the essential elements of a business model:\n\n* **Customer Segments (CS):** These are the target groups your business aims to serve, such as specific users, organizations, or market segments.\n* **Value Propositions (VP):** The unique combinations of products and services that create value for your customer segments. It describes the reasons why customers choose your product or service over your competitors'.\n* **Channels (CH):** The means by which your company communicates, delivers, and distributes its value propositions to the customers. This block includes both physical (e.g., stores) and virtual (e.g., online) channels.\n* **Customer Relationships (CR):** The type of relationships your business establishes and maintains with its customer segments, such as personal assistance, self-service, or automated services.\n* **Revenue Streams (RS):** The ways in which your company generates revenue from each customer segment, such as through sales, subscriptions, or advertising fees.\n* **Key Resources (KR):** The most important assets needed to make your business model work, including physical, financial, intellectual, and human resources.\n* **Key Activities (KA):** The primary actions your company must perform to deliver its value propositions, reach its customer segments, and maintain customer relationships. These can involve production, problem-solving, or service provision.\n* **Key Partnerships (KP):** The network of suppliers, partners, and allies that help your business execute its key activities, optimize resources, and reduce risks.\n* **Cost Structure (CS):** The major expenses associated with operating your business model, such as fixed and variable costs, economies of scale, and cost advantages.\n\nWhen designing or analyzing an existing business model, the Business Model Canvas enables you to visually map out all these critical components and understand how they are interconnected. By understanding your current business model, you can identify weaknesses, opportunities for improvement, and potential pivots to enhance the overall user experience and the success of the business.", - "links": [] + "description": "The **Business Model Canvas** is a strategic management and visual representation tool that allows you to describe, design, challenge, and pivot your existing business model. Developed by **Alexander Osterwalder** and **Yves Pigneur**, it helps organizations to understand how they create, deliver, and capture value. The canvas is divided into nine building blocks, which represent the essential elements of a business model:\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Business Model Canvas", + "url": "https://www.interaction-design.org/literature/topics/business-model-canvas", + "type": "article" + } + ] }, "sc8jJ_77CrkQuxIJYk28Q": { "title": "Lean Canvas", @@ -211,8 +268,14 @@ }, "GI06-DbGyJlQXq5Tyi-aH": { "title": "Business Model Inspirator", - "description": "A Business Model Inspirator is a tool or method that helps you to generate new or creative ideas for the strategic, operational, and financial aspects of a business. It helps entrepreneurs, startups, and established companies to explore different ways of designing or improving their business models by drawing inspiration from various sources.\n\nSome key aspects of Business Model Inspirators include:\n\n* **Analyze Successful Models**: Look at successful companies from diverse industries to identify the core elements that made their business models successful. Understanding these elements can spark ideas for your own business model.\n \n* **Cross-Pollination**: Combine elements from various industries and business models to create an innovative approach that suits your specific domain. This process can lead to the development of a unique value proposition and competitive advantage.\n \n* **Experimentation**: Test different ideas to find the most feasible and scalable business model by iteratively prototyping, validating, and refining the model based on user/client feedback.\n \n* **Futuristic Thinking**: Stay aware of emerging trends, technologies, and structural changes in society that might affect your industry or target market. Use foresight to adapt your business model to future opportunities and challenges.\n \n* **Adaptability**: Be ready to pivot or evolve your business model based on changing market dynamics, user preferences, competitive forces, and other external factors. Developing a flexible business model is crucial to ensure long-term success and sustainability.\n \n\nImplementing a Business Model Inspirator can contribute to the creation of a more innovative and robust UX design, ultimately leading to enhanced customer experiences, increased revenue, and long-term success for your brand.", - "links": [] + "description": "A Business Model Inspirator is a tool or method that helps you to generate new or creative ideas for the strategic, operational, and financial aspects of a business. It helps entrepreneurs, startups, and established companies to explore different ways of designing or improving their business models by drawing inspiration from various sources.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Business Model Inspirator", + "url": "https://businessdesign.org/knowledge-base/business-model-inspirator", + "type": "article" + } + ] }, "HUZ5n2MRHzQPyjwX2h6Q4": { "title": "Competitor Analysis", @@ -281,8 +344,19 @@ }, "jy5jtSEyNE8iJpad27rPX": { "title": "Business Process Model & Notation (BPMN)", - "description": "Business Process Model and Notation (BPMN) is a graphical representation of business processes, providing a standardized and easy-to-understand method for visualizing different aspects of a business. By using BPMN, UX designers can analyze and optimize business processes and workflows, which ultimately improves the overall user experience.\n\nKey Components of BPMN\n----------------------\n\n* Flow Objects: Main building blocks of a BPMN diagram, which include events, activities, and gateways.\n* Connecting Objects: Linking elements between flow objects, such as sequence flows, message flows, and associations.\n* Swimlanes: Visual elements that help organize activities based on roles or responsibilities.\n* Artifacts: Supplementary elements providing additional information, such as data objects, groupings, and annotations.\n\nBenefits of BPMN for UX Design\n------------------------------\n\n* **Visualization**: BPMN offers a clear visual layout of business processes, allowing UX designers to understand the overall structure easily.\n* **Standardization**: As an internationally recognized standard, BPMN ensures consistent interpretation and communication among team members.\n* **Flexibility**: BPMN can accommodate various levels of complexity, enabling designers to model simple or complex processes as needed.\n* **Collaboration**: By bridging the gap between technical and non-technical stakeholders, BPMN empowers cross-functional collaboration throughout the design process.\n\nTo incorporate BPMN in your UX design process, you'll need to familiarize yourself with its various elements and syntax. Consider leveraging BPMN tools and resources to create diagrams that accurately represent your target user's needs and the corresponding business processes. By doing so, you'll be able to craft a more precise and effective user experience.", - "links": [] + "description": "Business Process Model and Notation (BPMN) is a graphical representation of business processes, providing a standardized and easy-to-understand method for visualizing different aspects of a business. By using BPMN, UX designers can analyze and optimize business processes and workflows, which ultimately improves the overall user experience.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Business Process Model and Notation (BPMN)", + "url": "https://aguayo.co/en/blog-aguayp-user-experience/business-process-model-notation-for-ux/", + "type": "article" + }, + { + "title": "How to Design BPNM", + "url": "https://devlight.io/blog/how-to-design-business-process-model-and-notation-for-a-mobile-app/", + "type": "article" + } + ] }, "6yCBFwntQ_KxFmmGTJ8iR": { "title": "Prototyping", @@ -301,8 +375,24 @@ }, "HI_urBhPqT0m3AeBQJIej": { "title": "Adobe XD", - "description": "Adobe XD (Experience Design) is a powerful design and prototyping tool that allows UX designers to create wireframes, mockups, and interactive prototypes for various digital projects. It is available for both Mac and Windows, and it focuses on providing an easy-to-use, intuitive interface for designing responsive websites, mobile apps, and more.\n\nKey Features of Adobe XD\n------------------------\n\n* **Design tools**: Adobe XD offers a set of powerful design tools, such as vector drawing, the ability to import images, and a range of pre-defined UI components to help you create aesthetically pleasing designs. The built-in grid system allows for precise alignment and consistency across your designs.\n \n* **Responsive artboards**: XD allows you to create multiple artboards for different devices and screen sizes. This enables you to visualize and design in one go, for multiple device types.\n \n* **Prototype and Interactions**: With Adobe XD, you can easily add interactions to your designs. This helps in better communication of your ideas and makes it easier for clients and developers to understand your vision. The preview mode enables you to test your prototype and see the interactions in real-time.\n \n* **Collaboration and Sharing**: Adobe XD simplifies collaboration between team members, stakeholders, and developers. You can create shared design specs and live URLs for your prototypes, gather feedback, and even co-edit documents with other designers in real-time.\n \n* **Integrations**: XD seamlessly integrates with other Adobe Creative Cloud applications, such as Photoshop, Illustrator, and After Effects, enabling smoother workflows and consistency across your designs. It also supports third-party plugins to expand its capabilities.\n \n\nTo get started with Adobe XD, you'll need to download and install the application from the [Adobe Creative Cloud website](https://www.adobe.com/products/xd.html). Adobe offers a free basic plan for XD, which allows you to work on one shared document at a time and a limited number of shared prototypes and design specs.\n\nAs a designer, familiarizing yourself with Adobe XD's features and learning how to effectively use it can significantly improve your design process, making your wireframing and prototyping tasks quicker and more efficient.", - "links": [] + "description": "Adobe XD (Experience Design) is a powerful design and prototyping tool that allows UX designers to create wireframes, mockups, and interactive prototypes for various digital projects. It is available for both Mac and Windows, and it focuses on providing an easy-to-use, intuitive interface for designing responsive websites, mobile apps, and more.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Adobe XD Platform", + "url": "https://adobexdplatform.com/", + "type": "article" + }, + { + "title": "Getting Started with Adobe XD", + "url": "https://helpx.adobe.com/xd/get-started.html", + "type": "article" + }, + { + "title": "Learn Adobe XD", + "url": "https://www.adobe.com/ph_en/products/xd/learn/get-started-xd-design.html", + "type": "article" + } + ] }, "nb7Ql1gvxqEucsGnIWTyY": { "title": "Sketch", @@ -311,8 +401,14 @@ }, "fZkARg6kPXPemYW1vDMTe": { "title": "Balsamiq", - "description": "Balsamiq is a popular wireframing tool that helps designers, developers, and product managers to quickly create and visualize user interfaces, web pages, or app screens. It's an easy-to-use software that allows you to focus on ideas and concepts rather than getting caught up in pixel-perfect designs.\n\n**Key Features of Balsamiq**", - "links": [] + "description": "Balsamiq is a popular wireframing tool that helps designers, developers, and product managers to quickly create and visualize user interfaces, web pages, or app screens. It's an easy-to-use software that allows you to focus on ideas and concepts rather than getting caught up in pixel-perfect designs.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Balsamiq Website", + "url": "https://balsamiq.com/", + "type": "article" + } + ] }, "U4ZEFUcghr9XjSyf-0Np7": { "title": "Call to Action", @@ -341,8 +437,14 @@ }, "JSBiw0C6aq1LhA33y79PM": { "title": "Behavior Change Games", - "description": "Behavior change games are a powerful UX design pattern that help users adopt new habits or make positive lifestyle changes. These games are typically designed to be engaging, enjoyable, and motivating, utilizing various game elements and mechanics to encourage users to take desired actions.\n\nKey elements of behavior change games\n-------------------------------------\n\n* **Set clear objectives**: Define specific goals users should achieve, such as losing weight or learning a new skill. Well-defined objectives provide a strong focus for the game and encourage user engagement.\n \n* **Feedback and progress**: Provide real-time feedback and track user progress to create a sense of accomplishment. This can include visual cues, points, badges, or leveling up systems.\n \n* **Social interaction**: Utilize social features, such as sharing achievements, comparing results with friends, or team challenges. This enables users to work together, fosters a sense of community, and enhances motivation through friendly competition.\n \n* **Reward system**: Implement a reward system that grants virtual or real rewards for completing tasks or reaching milestones. These rewards can be intrinsic (e.g., personal satisfaction) or extrinsic (e.g., discounts or prizes).\n \n* **Gamification**: Incorporate game-like elements, such as storytelling, quests, or time-limited challenges. These elements add an entertaining aspect, improve user experience, and make the behavior change process more enjoyable.\n \n\nBenefits of behavior change games\n---------------------------------\n\n* **Increased motivation**: By turning the behavior change process into a game, users are often more motivated to participate and stay engaged.\n \n* **Higher user retention**: Engaging games can increase user retention, resulting in higher long-term success rates for behavior change.\n \n* **Measurable results**: These games allow users to easily track progress and outcomes, helping them understand the impact of their actions and reinforcing positive behavior.\n \n* **Personalization**: Games can be tailored to individual users' preferences and play styles, making the experience more enjoyable and relevant.\n \n* **Support network**: The inclusion of social features creates a community of support, forging connections between individuals with similar goals and fostering accountability.\n \n\nWhen designing behavior change games, it's essential to keep user experience in mind, and create an enjoyable and motivating experience. Balancing fun and educational elements can result in a powerful tool for guiding users towards positive change in their lives.", - "links": [] + "description": "Behavior change games are a powerful UX design pattern that help users adopt new habits or make positive lifestyle changes. These games are typically designed to be engaging, enjoyable, and motivating, utilizing various game elements and mechanics to encourage users to take desired actions. When designing behavior change games, it's essential to keep user experience in mind, and create an enjoyable and motivating experience. Balancing fun and educational elements can result in a powerful tool for guiding users towards positive change in their lives.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Behavioral Change Games", + "url": "https://medium.com/@jgruver/designing-for-behavioral-change-a-new-approach-in-ux-ui-design-59f9fb0086d1", + "type": "article" + } + ] }, "fbIur1tEIdNDE6gls4Bru": { "title": "Gamification", @@ -411,8 +513,14 @@ }, "m30ePaw_qa36m9Rv9NSFf": { "title": "Be Authentic and Personal", - "description": "When creating a user experience (UX) design, it's essential to be authentic and personal. This means that your design should be genuine, truthful, and relatable to your users. By being authentic and personal, you can create a positive intuitive reaction in your users, as they feel connected and engaged with your website or application. Here are some tips to make your UX design authentic and personal:\n\n#### 1\\. Understand your user persona(s)\n\nBefore you start designing, define your target audience and create user personas that represent them. This may include their age, gender, occupation, interests, and pain points. By understanding the different personas, you can create a design that resonates with each of them, meeting their needs and expectations.\n\n#### 2\\. Use natural and conversational language\n\nTo make your design personal, use natural and conversational language that speaks directly to your users. Avoid jargons, buzzwords, or overly formal language that can create a barrier between you and your users. Your users should be able to understand the content and interact with it smoothly.\n\n#### 3\\. Employ appropriate imagery and visuals\n\nTo enhance authenticity, incorporate images and graphics that are relevant and relatable to your target audience. This means using high-quality, real-life pictures of people or objects that genuinely represent your brand or product. Avoid overused stock images, as they can significantly decrease the perceived authenticity of your design.\n\n#### 4\\. Make emotional connections\n\nEmotions play a vital role in creating personal connections with users. In your design, use color schemes, fonts, and visual elements that evoke emotions and encourage users to form an emotional attachment to your product or brand. The more emotionally invested users are, the more positive their intuitive reactions will be.\n\n#### 5\\. Consistency in design elements\n\nAn authentic user experience is characterized by consistency in design elements, including typography, colors, and visual hierarchy. This consistency helps users feel reassured and comfortable, as they can easily understand and navigate through the design.\n\n#### 6\\. Provide personalized experiences\n\nTo create an authentic UX design, offer personalized experiences to your users based on their preferences, browsing history, or other data. This might include recommending content they may be interested in or tailoring the website layout to meet their specific needs.\n\nBy being authentic and personal in your UX design, you can create a positive and memorable experience for your users. By understanding your target audience, using natural language, incorporating engaging visuals, and providing personalized experiences, you can foster user engagement, trust, and loyalty towards your product or brand.", - "links": [] + "description": "When creating a user experience (UX) design, it's essential to be authentic and personal. This means that your design should be genuine, truthful, and relatable to your users. By being authentic and personal, you can create a positive intuitive reaction in your users, as they feel connected and engaged with your website or application.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Rethinking Personas", + "url": "https://uxdesign.cc/rethinking-personas-empathy-and-inclusion-in-ux-design-37145d2ee807", + "type": "article" + } + ] }, "jBQtuiHGl3eyCTZG85Vz5": { "title": "Prime User-Relevant Associations", @@ -436,18 +544,41 @@ }, "4AzPOKXUN32CkgchRMrRY": { "title": "Avoid Cognitive Overhead", - "description": "Cognitive overhead refers to the mental effort needed to understand or operate a given system, tool, or interface. In UX design, it is crucial to minimize cognitive overhead to create user-friendly and efficient experiences. The less mental effort a user needs to invest, the more likely they will have a positive conscious evaluation of your design. Here are three key strategies to help you avoid cognitive overhead in your designs:\n\n#### 1\\. Keep it simple\n\nA clutter-free, clean, and easy-to-navigate design is always a good starting point. In order to keep cognitive overhead to a minimum, focus on simplifying both the interface and the content:\n\n* Utilize white space: By providing ample space between functional elements, you make it easier for users to scan and process the interface.\n* Reduce the number of options: Offering too many choices can overwhelm users or cause them to second-guess their decisions. Aim for a balance of ease and functionality.\n\n#### 2\\. Establish a clear hierarchy\n\nA well-structured hierarchy helps users navigate your design and understand the relationship between elements. This reduces cognitive overhead as users don't have to work hard to make sense of the interface:\n\n* Organize content logically: Group related items together and place them in a consistent order.\n* Use size, color, and typography effectively: Make important information stand out and use visual cues to indicate less important elements.\n\n#### 3\\. Provide clear & concise instructions\n\nYour design should guide users effortlessly, which can be achieved by providing clear directions or prompts:\n\n* Use actionable language: Be precise and direct with your wording, and avoid using jargon.\n* Offer visual cues & feedback: Include well-placed icons, highlighted sections, or animation to support the user's actions and indicate the outcome of those actions.\n\nIn summary, reducing cognitive overhead in your UX design is essential to create an efficient and user-friendly experience. Adopt a simple and clean design, establish a clear hierarchy, and provide helpful instructions to ensure more favorable conscious evaluations from your users.", - "links": [] + "description": "Cognitive overhead refers to the mental effort needed to understand or operate a given system, tool, or interface. In UX design, it is crucial to minimize cognitive overhead to create user-friendly and efficient experiences. The less mental effort a user needs to invest, the more likely they will have a positive conscious evaluation of your design.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Cognitive Overload", + "url": "https://blog.logrocket.com/ux-design/cognitive-overload/", + "type": "article" + }, + { + "title": "Reducing Cognitive Overload", + "url": "https://uxdesign.cc/reducing-cognitive-overload-designing-for-human-cognition-350f07cff9c4", + "type": "article" + } + ] }, "8wxlu4KA2iu9CJa1UAUll": { "title": "Avoid Choice Overload", - "description": "Choice overload is a phenomenon that occurs when users are presented with too many options, causing decision paralysis, anxiety, and ultimately, dissatisfaction with their final choice. As a UX designer, it's essential to ensure that users can easily make decisions within your designs, so it's important to avoid choice overload. In this section, we'll discuss some strategies for managing the number of options and streamlining decision-making processes for users.\n\nLimit the Number of Options\n---------------------------\n\nResearch has shown that a user's ability to make decisions decreases as the number of options increases. To avoid overwhelming users, aim to present no more than 5-7 options at a time. This can be applied to menus, product listings, or any other area where users are asked to make a selection. Remember to prioritize the most important or commonly used options and make them more prominent within the design.\n\nCategorize and Organize Options\n-------------------------------\n\nWhen users are presented with multiple choices, it's crucial to make it easy for them to understand and differentiate between the available options. By categorizing and organizing options into logical groups, users can more quickly find the information or functionality they need. Consider using headings, icons, or other visual cues to assist in organizing content effectively.\n\nImplement Smart Defaults\n------------------------\n\nTo help users make decisions quicker, consider setting default selections for certain choices. By pre-selecting the most commonly used or recommended option, users can easily accept the default if it aligns with their needs, or quickly change it if necessary. This not only saves time and effort for the user, but it can also guide them towards an optimal outcome based on their needs.\n\nAdvanced Filtering and Sorting Options\n--------------------------------------\n\nIf your design requires users to make complex decisions, such as choosing a product from an extensive catalog, consider implementing advanced filtering and sorting options. By giving users the ability to refine their options based on specific attributes, they can more easily identify the best option for their needs. Make sure these filtering options are easy to understand and use, and provide clear feedback on the number of results remaining as users adjust their filters.\n\nBy being mindful of choice overload and implementing these strategies, you can create a more enjoyable and user-friendly experience for your users. Remember, the goal is to make their decision-making process as seamless and stress-free as possible.", - "links": [] + "description": "Choice overload occurs when users face too many options, leading to decision paralysis, anxiety, and dissatisfaction. As a UX designer, it's important to simplify decision-making by limiting the number of options to 5-7 at a time, prioritizing the most relevant choices. Organizing options into logical categories with visual cues can help users navigate their selections more easily. Implementing smart defaults can streamline decisions by pre-selecting commonly used options, while advanced filtering and sorting features allow users to refine their choices in complex scenarios. By addressing choice overload with these strategies, you can enhance user experience and facilitate a more seamless decision-making process.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Choice of Overload", + "url": "https://medium.com/@evamiller091/the-impact-of-choice-overload-in-ux-f5defb6cee5d", + "type": "article" + } + ] }, "iQNvKhwhvbis4Yn1ZxQua": { "title": "Avoid Direct Payments", - "description": "Avoiding direct payments is a crucial aspect of UX design that can lead to favorable conscious evaluations from users. Direct payments refer to instances where users are required to pay for your product or service upfront, which can create a negative perception and less willingness to engage. By finding alternative ways to monetize or offer premium features, you can create an enjoyable experience and encourage users to appreciate and invest in your offerings without feeling forced.\n\nWhy it Matters?\n---------------\n\n* **Trust-Building**: When users are not asked to pay upfront or have no hidden costs, they are more likely to trust your product or service, increasing the likelihood of loyal customers.\n* **Accessibility**: Making your offerings available without direct payments ensures a larger and more diverse audience can experience the value your product provides, which can lead to increased traffic and eventual conversions.\n* **Reduced churn**: Users who do not feel \"locked-in\" by having to pay upfront are less likely to abandon your product or service in search of alternative solutions.\n\nStrategies to Avoid Direct Payments\n-----------------------------------\n\n* **Offer a free trial**: Provide users with a limited-time free trial of your product or service to showcase its value and encourage them to invest once the trial is over.\n* **Freemium model**: Allow users to access basic features of your product for free, while offering premium features at a cost. This model lets users experience your offerings without having to pay upfront and gives them the option to upgrade if they find value in it.\n* **In-app purchases**: Incorporate in-app purchases within your product, which enables users to access premium features and benefits without being forced to pay upfront.\n* **Subscriptions**: Offer subscriptions as an alternative payment method that allows users to access premium features and receive updates frequently, creating a sense of loyalty and commitment.\n* **Pay-as-you-go or usage-based pricing**: Implement a flexible pricing model where users only pay for what they use or when they use a specific feature, removing the barrier of direct payments and increasing user satisfaction.\n\nBy avoiding direct payments and implementing these strategies, a UX designer can create a user experience that fosters trust, accessibility, and user engagement. By doing so, you increase the likelihood of gaining favorable conscious evaluations of your product, ultimately leading to long-term success.", - "links": [] + "description": "Avoiding direct payments is a crucial aspect of UX design that can lead to favorable conscious evaluations from users. Direct payments refer to instances where users are required to pay for your product or service upfront, which can create a negative perception and less willingness to engage. By finding alternative ways to monetize or offer premium features, you can create an enjoyable experience and encourage users to appreciate and invest in your offerings without feeling forced.\n\nVisit the following resources to learn more:", + "links": [ + { + "title": "Payment UX Best Practices", + "url": "https://gocardless.com/guides/posts/payment-ux-best-practices/", + "type": "article" + } + ] }, "S9rJr8pc-Ln8BxG0suBWa": { "title": "Frame Text to Avoid Temporal Myopia",