/Web3-Frontend-Bootcamp

gotta grab a drink

Primary LanguageTypeScript

Web3 Frontend Bootcamp

一个具备前端+智能合约能力的开发者就可以完成一个完整的应用开发,因此前端开发者已经成为Web3的主流力量 ,也是所有开发者群体中最容易进入Web3开发的。

Introduction

本次「Web3前端训练营」由W3F 和 OpenBuild 共同发起。Artela、Morph 共同主办,并获得 theGraph 、Vara和 Chainlink 生态支持

。通过为期4周的系统课程和共同学习机制,帮助更多前端开发者丝滑进入Web3。与此同时,本次训练营将以实战为导向,一步步熟悉和掌握 Web3 前端代码开发。在4周的学习中,学员可以免费参与训练营,并可通过「学习绩点」得到最高 200U 的奖学金激励、Web3行业资源、和行业人脉等。

Github Discussion 使用方法

Categories Description
🍕Materials 课外资料/课堂笔记(欢迎贡献)
🙏 Q&A 提问 / 答疑
💰Bounty Bounty 任务:课堂作业/课堂笔记/社区贡献etc
💡I've got an idea! 关于一些 Amazing fancy ideas, 用来
1. Web3前端共学
2. 组队开发
3. 参加黑客松
4. 招聘内推
5. 自娱自乐🎣

⭐ 核心亮点 ⭐

🧙‍♂️ OpenBuild技术导师 + 助教团队,小白友好型氛围

👩‍🏫 录播课 + 研讨会 + 免费知识库,学习灵活高效

🙌 免费学习 + 官方背书,资源丰富

✅ 学习奖励 + 认证证书,边学边赚边提升竞争力

💰 前端训练营总奖池超过20000元RMB

⭐ 学习大纲 ⭐

一、React框架介绍和优势

二、Web3技术基础入门

三、智能合约快速入门

四、Web3前端框架和合约关系

五、实战项目一:轻松开发DApp前端项目

六、实战项目二:Uniswap实战

七、进阶实战:探索EVM++

参与方式

  1. 进入【Web3 前端训练营招募】官方链接进行报名

  2. 联系 sqiuqiu999 加入微信交流群

  3. 参考任务提交第一项提交 PR,完成报名。

任务提交

在此之前,需要 Fork 本仓库(右上角),随后将 Fork 的仓库 clone 至本地,接下来的所有任务请在自己的仓库内完成。
如果你不熟悉 git 的操作,可以下载一个 GithubDesktop,使用 GUI 完成任务

  1. 复制 members 文件夹中的 github_id 文件夹,将新文件夹名称改为自己的github id,填写其中 readme.md 的信息,提交 PR ,完成注册报名

  2. 任务代码必须全部开源公开,每个任务提交一次 PR

  3. 审核任务完成会把奖励打入 readme.md 提供的地址

  4. 任务提交示例

任务提交规范

每完成一个任务,在你自己的仓库 commit 之后提交一个 pull request,只可以修改你自己的文件,不可修改其他人的文件。

请不要在一个 PR 内提交多个 task,报名必须独立为一个 PR

pr 的标题必须为 task[n]: user-name,例如: task0: Beavnvvv

报名的 pr,只允许填写基本信息,并且命名为: init: [user-name],例如: init: Beavnvvv

请按要求提交你的pr,否则可能影响奖励的计算

奖励明细 请仔细阅读要求

任务 名称 奖励金额 说明
Task 1 React To-Do-List ¥18 开发一个待办事项应用
Task 2 Blockchain Basic ¥18 区块链基础小测
Task 3 NFTMarket Contract ¥28 编写并部署一个NFTMarket的合约
Task 4 NFTMarket Components ¥28 为NFTMarket创建前端组件
Task 5 NFTMarket Dapp ¥38 完成一个完整的NFTMarket的Dapp
Task 6 Uniswap SDK ¥38 完成SDK学习,制作一个与uniswap交互的前端app
Task 7 web3小工具实践 💲50(Token) 跟随教程学习EVM++,实现一个限流器demo

参考资料

前端基础

  1. Front End Roadmap
  2. React Learn

Web3 技术库

  1. WAGMi
  2. web3-react

实践参考

  1. Next.js Ethereum 脚手架
  2. Uniswap

大牛学习心得

  1. Web3 DApp 最佳编程实践指南
  2. 郭宇的 Web3 技术栈收藏