From 33c1f2f2a8608faed91d5b31bbc6118fcb5a6b68 Mon Sep 17 00:00:00 2001 From: ryestew Date: Mon, 14 Apr 2025 18:17:37 -0400 Subject: [PATCH 1/2] update with ETB videos --- .../src/app/plugins/remixGuideData.json | 246 +++++++++++++----- 1 file changed, 184 insertions(+), 62 deletions(-) diff --git a/apps/remix-ide/src/app/plugins/remixGuideData.json b/apps/remix-ide/src/app/plugins/remixGuideData.json index 074249a1c13..5123774784d 100644 --- a/apps/remix-ide/src/app/plugins/remixGuideData.json +++ b/apps/remix-ide/src/app/plugins/remixGuideData.json @@ -1,200 +1,322 @@ { "title": "Remix Guide", - "description": "Streamlined access to categorized video tutorials for mastering Remix IDE. From fundamentals to advanced techniques, level up your development skills with ease.", + "description": "Watch videos to learn Remix and Solidity!", + "sections": [ { - "title": "Remix Basics", + "title": "Remix Essentials", "hScrollable": "false", "cells": [ { - "title": "Intro to Remix", - "titleTooltip": "Example tooltip", + "title": "Intro to Remix's Interface", + "titleTooltip": "Remix is a tool for developing smart contracts. Learn its essential features and how to navigate.", "tagList": [ "Remix", "Beginner" ], - "authorURL": "EatTheBlocks", + "authorURL": "", "expandViewElement": { - "videoID": "vH8T3In6ZkE" + "videoID": "XqxIsdWbaZY" } }, { - "title": "Workspaces", + "title": "Basic Workflows", + "titleTooltip": "Learn to work in Remix: from choosing a template, checking compiler errors, grabbing the ABI, deploying to local and public chains, to making a simple Dapp.", "tagList": [ "Remix", "Beginner" ], "expandViewElement": { - "videoID": "_VepN5pcA0k" + "videoID": "BeudEn6XTvQ" } }, { - "title": "Remixd", + "title": "Using AI Tools in Remix", + "titleTooltip": "Using AI in Remix: RemixAI", "tagList": [ "Remix", - "Beginner" + "Beginner", + "AI" ], "expandViewElement": { - "videoID": "2OAx2UoLYEI" + "videoID": "wz9obdmCvVo" } }, { - "title": "Verifying w/ Etherscan", + "title": "Debugger", + "titleTooltip": "Learn to use the Remix Debugger", "tagList": [ "Remix", - "Solidity", "Plugins" ], "expandViewElement": { - "videoID": "hEJ1OlT8jQ4" + "videoID": "kn16HOJbKKQ" } }, { - "title": "Essential Features", + "title": "Running Scripts in Remix", + "titleTooltip": "Automate Remix with JS/TS scripts.", "tagList": [ "Remix", - "Plugins" + "Advanced" + ], + "expandViewElement": { + "videoID": "kc7GJzgi4HU" + } + } + ] + }, + { + "title": "File Management and Version Control", + "hScrollable": "false", + "cells": [ + { + "title": "Loading Files for Editing", + "titleTooltip": "Learn how to clone repos, import files, and more file loading tricks.", + "tagList": [ + "Remix", + "Beginner" + ], + "authorURL": "", + "expandViewElement": { + "videoID": "QMS2-mDI-vw" + } + }, + { + "title": "Opening Dependencies", + "titleTooltip": "Learn the best practices of loading dependencies in Remix.", + "tagList": [ + "Remix", + "Beginner" + ], + "expandViewElement": { + "videoID": "WNeNJcIFSws" + } + }, + { + "title": "Using the Remix Editor", + "titleTooltip": "Learn the tricks of the Remix Editor: autocomplete, quickfixes, importing, gas estimates, and more.", + "tagList": [ + "Remix", + "Beginner" + ], + "expandViewElement": { + "videoID": "K2H3Lx9hTlk" + } + }, + { + "title": "Git & Version Control", + "titleTooltip": "Its important to use an external Repo to back up your work. Learn about Git, Github integration and version control in Remix.", + "tagList": [ + "Remix", + "Beginner" ], "expandViewElement": { - "videoID": "rBExlmWLCBA" + "videoID": "LNKv3ysoVeE" } }, { - "title": "Remix w/ Hardhat", + "title": "Remixd: Connect Remix to Your Computer", + "titleTooltip": "Learn to connect Remix to a specific folder on your hard drive. ", "tagList": [ - "Remix" + "Remix", + "Solidity", + "Plugins" ], "expandViewElement": { - "videoID": "8adSqvhvumQ" + "videoID": "Sa3KXUxPJ9s" } } ] }, { - "title": "Solidity Basics", + "title": "Deploying, Verifying & Debugging", "hScrollable": "false", "cells": [ { - "title": "Hello World", + "title": "Using the Deploy & Run Plugin", + "titleTooltip": "Learn to deploy and to interact with smart contracts. This video will also show how to use the AtAddress feature, how to use low level interactions and how to pin contracts.", "tagList": [ "Solidity", - "Beginner" + "Beginner", + "Plugins" ], "expandViewElement": { - "videoID": "g_t0Td4Kr6M" + "videoID": "f8DnHN0v4fw" } }, { - "title": "Events", + "title": "Verifying Contracts", + "titleTooltip": "Learn how to verify smart contract in Remix. Verify contracts on Etherscan, Sourcify, Blockscout, and Routescan. You can also verfiy Proxy Contracts that use the UUPS pattern.", "tagList": [ "Solidity", - "Beginner" + "Beginner", + "Plugins" ], "expandViewElement": { - "videoID": "nopo9KwwRg4" + "videoID": "fupWp7ONeKY" } }, { - "title": "Functions", + "title": "QuickDapp: Generate a Frontend", + "titleTooltip": "QuickDapp is a tool for quickly making a simple front end to a smart contract. A great tool for hackathons!", "tagList": [ "Solidity", - "Beginner" + "Beginner", + "Plugins" ], "expandViewElement": { - "videoID": "71cmPaD_AnQ" + "videoID": "l5qVj1xLm8s" } }, { - "title": "Payable Functions", + "title": "RemixVM & Forking", + "titleTooltip": "The Remix VM is the local in-browser test blockchain. Learn about its features and how to fork and how to share the chain's state.", "tagList": [ "Solidity", "Beginner" ], "expandViewElement": { - "videoID": "yD9EL1QN40Q" + "videoID": "oYkXApf36wk" } }, { - "title": "State Variables", + "title": "Transaction Recorder", "tagList": [ "Solidity", - "Beginner" + "Advanced" ], "expandViewElement": { - "videoID": "4XQsHBJScEk" + "videoID": "GchvmIRSxUo" + } + } + ] + }, + { + "title": "Advanced", + "hScrollable": "false", + "cells": [ + { + "title": "Upgradeable Proxy Contracts", + "titleTooltip": "Learn how to deploy and upgrade contracts that use the UUPS pattern. ", + "tagList": [ + "Solidity", + "Beginner", + "Plugins" + ], + "expandViewElement": { + "videoID": "t0__aGWSaT0" } }, { - "title": "Gas & Gas Price", + "title": "Static Analysis Tools in Remix", + "titleTooltip": "Learn how to use the Static Analysis tools including Slither and Solhint.", "tagList": [ "Solidity", - "Beginner" + "Beginner", + "Plugins" ], "expandViewElement": { - "videoID": "oTS9uxU6cAM" + "videoID": "1CigVWCw7dI" + } + }, + { + "title": "Using HardHat and Foundry with Remix", + "titleTooltip": "Use Remix on a HardHat or Foundry project and a local Hardhat or Anvil node.", + "tagList": [ + "Solidity", + "Advanced" + ], + "expandViewElement": { + "videoID": "ZN7CTfy4BDg" + } + }, + { + "title": "Introducing Circom for ZKProofs", + "titleTooltip": "Learn how to use the Circom compiler plugin so you can begin your journey into writing circuits for Zero Knowledge Proofs (ZKP).", + "tagList": [ + "Solidity", + "Advanced" + ], + "expandViewElement": { + "videoID": "oRTpBhMf3iE" + } + }, + { + "title": "Vyper and Other Languages in Remix", + "titleToolTip": "Learn to use the Vyper compiler. Also introduces the plugins for the Cairo compiler for Starknet and Stylus for Rust contracts.", + "tagList": [ + "Advanced" + ], + "expandViewElement": { + "videoID": "vC7alvMe8vY" } } ] }, + { - "title": "Remix Techniques", + "title": "Solidity Basics", "hScrollable": "false", "cells": [ { - "title": "Proxy Contracts", + "title": "Hello World", "tagList": [ - "Remix", - "Solidity" + "Solidity", + "Beginner" ], "expandViewElement": { - "videoID": "YJZV9uiDbJI" + "videoID": "g_t0Td4Kr6M" } }, { - "title": "Compile & Run", + "title": "Events", "tagList": [ - "Remix" + "Solidity", + "Beginner" ], "expandViewElement": { - "videoID": "ZR8sh7MRDQ4" - } + "videoID": "nopo9KwwRg4" + } }, { - "title": "Scripts", + "title": "Functions", "tagList": [ - "Remix" + "Solidity", + "Beginner" ], "expandViewElement": { - "videoID": "Eh1qgOurDxU" + "videoID": "71cmPaD_AnQ" } }, { - "title": "Txn Recorder", + "title": "Payable Functions", "tagList": [ - "Remix" + "Solidity", + "Beginner" ], "expandViewElement": { - "videoID": "GchvmIRSxUo" - } + "videoID": "yD9EL1QN40Q" + } }, { - "title": "Solidity Static Analyzers", + "title": "State Variables", "tagList": [ - "Remix", - "Solidity" + "Solidity", + "Beginner" ], "expandViewElement": { - "videoID": "0frxvI-r5oU" + "videoID": "4XQsHBJScEk" } }, { - "title": "Eth Doc Generator", + "title": "Gas & Gas Price", "tagList": [ - "Remix", - "Solidity" + "Solidity", + "Beginner" ], "expandViewElement": { - "videoID": "UkMqdI7TGxw" + "videoID": "oTS9uxU6cAM" } } ] From bee32baa78c220ff67156ace1234d5cb8c76ab51 Mon Sep 17 00:00:00 2001 From: ryestew Date: Mon, 14 Apr 2025 21:21:50 -0400 Subject: [PATCH 2/2] update text --- .../src/app/plugins/remixGuideData.json | 48 ++++++++----------- 1 file changed, 21 insertions(+), 27 deletions(-) diff --git a/apps/remix-ide/src/app/plugins/remixGuideData.json b/apps/remix-ide/src/app/plugins/remixGuideData.json index 5123774784d..1e5c84b385f 100644 --- a/apps/remix-ide/src/app/plugins/remixGuideData.json +++ b/apps/remix-ide/src/app/plugins/remixGuideData.json @@ -9,7 +9,7 @@ "cells": [ { "title": "Intro to Remix's Interface", - "titleTooltip": "Remix is a tool for developing smart contracts. Learn its essential features and how to navigate.", + "titleTooltip": "Learn how Remix is organized and some essential features", "tagList": [ "Remix", "Beginner" @@ -21,7 +21,7 @@ }, { "title": "Basic Workflows", - "titleTooltip": "Learn to work in Remix: from choosing a template, checking compiler errors, grabbing the ABI, deploying to local and public chains, to making a simple Dapp.", + "titleTooltip": "Learn about choosing a template, checking compiler errors, grabbing the ABI, deploying to local and public chains, and making a basic DApp.", "tagList": [ "Remix", "Beginner" @@ -32,7 +32,7 @@ }, { "title": "Using AI Tools in Remix", - "titleTooltip": "Using AI in Remix: RemixAI", + "titleTooltip": "Find out how RemixAI can help you code.", "tagList": [ "Remix", "Beginner", @@ -44,7 +44,7 @@ }, { "title": "Debugger", - "titleTooltip": "Learn to use the Remix Debugger", + "titleTooltip": "Learn to use the Remix Debugger.", "tagList": [ "Remix", "Plugins" @@ -116,12 +116,10 @@ } }, { - "title": "Remixd: Connect Remix to Your Computer", - "titleTooltip": "Learn to connect Remix to a specific folder on your hard drive. ", + "title": "Connect to the Filesystem", + "titleTooltip": "Connect Remix to a specific folder on your hard drive. ", "tagList": [ - "Remix", - "Solidity", - "Plugins" + "Remix" ], "expandViewElement": { "videoID": "Sa3KXUxPJ9s" @@ -134,11 +132,10 @@ "hScrollable": "false", "cells": [ { - "title": "Using the Deploy & Run Plugin", - "titleTooltip": "Learn to deploy and to interact with smart contracts. This video will also show how to use the AtAddress feature, how to use low level interactions and how to pin contracts.", + "title": "Deploy & Run", + "titleTooltip": "Learn to use the Deploy & Run plugin including using the AtAddress feature, use of low level interactions and pinning contracts.", "tagList": [ "Solidity", - "Beginner", "Plugins" ], "expandViewElement": { @@ -147,9 +144,8 @@ }, { "title": "Verifying Contracts", - "titleTooltip": "Learn how to verify smart contract in Remix. Verify contracts on Etherscan, Sourcify, Blockscout, and Routescan. You can also verfiy Proxy Contracts that use the UUPS pattern.", + "titleTooltip": "Learn how to use the Contract Verification plugin.", "tagList": [ - "Solidity", "Beginner", "Plugins" ], @@ -158,10 +154,9 @@ } }, { - "title": "QuickDapp: Generate a Frontend", + "title": "Generate a Frontend", "titleTooltip": "QuickDapp is a tool for quickly making a simple front end to a smart contract. A great tool for hackathons!", "tagList": [ - "Solidity", "Beginner", "Plugins" ], @@ -170,7 +165,7 @@ } }, { - "title": "RemixVM & Forking", + "title": "Remix VM & Forking", "titleTooltip": "The Remix VM is the local in-browser test blockchain. Learn about its features and how to fork and how to share the chain's state.", "tagList": [ "Solidity", @@ -182,6 +177,7 @@ }, { "title": "Transaction Recorder", + "titleTooltip": "Learn how to record and replay transactions.", "tagList": [ "Solidity", "Advanced" @@ -197,23 +193,21 @@ "hScrollable": "false", "cells": [ { - "title": "Upgradeable Proxy Contracts", + "title": "Upgradeable Proxy", "titleTooltip": "Learn how to deploy and upgrade contracts that use the UUPS pattern. ", "tagList": [ "Solidity", - "Beginner", - "Plugins" + "Advanced" ], "expandViewElement": { "videoID": "t0__aGWSaT0" } }, { - "title": "Static Analysis Tools in Remix", - "titleTooltip": "Learn how to use the Static Analysis tools including Slither and Solhint.", + "title": "Static Analysis", + "titleTooltip": "Use Slither and Solhint in Remix.", "tagList": [ "Solidity", - "Beginner", "Plugins" ], "expandViewElement": { @@ -221,7 +215,7 @@ } }, { - "title": "Using HardHat and Foundry with Remix", + "title": "HardHat and Foundry", "titleTooltip": "Use Remix on a HardHat or Foundry project and a local Hardhat or Anvil node.", "tagList": [ "Solidity", @@ -232,7 +226,7 @@ } }, { - "title": "Introducing Circom for ZKProofs", + "title": "Circom", "titleTooltip": "Learn how to use the Circom compiler plugin so you can begin your journey into writing circuits for Zero Knowledge Proofs (ZKP).", "tagList": [ "Solidity", @@ -243,8 +237,8 @@ } }, { - "title": "Vyper and Other Languages in Remix", - "titleToolTip": "Learn to use the Vyper compiler. Also introduces the plugins for the Cairo compiler for Starknet and Stylus for Rust contracts.", + "title": "Vyper and Others", + "titleTooltip": "Learn to use the Vyper compiler. Also introduces the Cairo compiler and Stylus for Rust contracts.", "tagList": [ "Advanced" ],