web3 前端开发课

为了帮助更多开发者丝滑进入 Web3 行业， W3F 和 OpenBuild 发起了为期 4 周的 「Web3前端训练营」、 Artela 、Morph 共同主办，并获得 theGraph 、Vara 和 Chainlink 生态支持。与此同时，本次训练营将以实战为导向，一步步熟悉和掌握 Web3 前端代码开发。在4周的学习中，学员可以免费参与训练营，并可通过完成「学习任务」最高有机会赢取奖学金激励、Web3行业资源、和行业人脉等。

## 第一节:React 框架介绍和优势

**大纲**
1. 前端技术变迁史
2. React 的优点与缺点
3. React Hook 的优点与缺点
4. React 学习路径
5. React in web3

**主讲人：**
小j - 前端开发

视频回放：[B站](https://www.bilibili.com/video/BV1Dz421873R/)  ｜ [Youtube](https://www.youtube.com/watch?v=Ai0eTfBvEzw)

>时间：2024-06-05

## 第二节:Web3 技术基础入门

**大纲**
1. 什么是区块链
2. 区块链的运行
3. 常见的公链
4. 二层网络
5. 区块链钱包

**主讲人：**
@majoson - 全栈工程师

视频回放：[B站](https://www.bilibili.com/video/BV1Db421e7FP/)  ｜ [Youtube](https://www.youtube.com/watch?v=z3s_iWIo0l0)

>时间：2024-06-05

## 第三节:Web3 技术基础入门

**大纲**
1. 什么是智能合约
2. 如何部署智能合约
3. 开发框架&工具
4.Solidity 核心语法讲解

**主讲人：**
Pseudoyu - 后端&合约工程师 @RSS3

视频回放：[B站](https://www.bilibili.com/video/BV1cf421Q7CT/)  ｜ [Youtube](https://www.youtube.com/watch?v=QGwPKges43s)

>时间：2024-06-10

## 第四节: web3 前端框架和合约关系

**大纲**
1. web3 前端库
2. web3 前端库与合约的关系
3. ethers.js、web3.js 和viem
4.wagmi 介绍

**主讲人：**
雅思哥 - 天天被 PUA 的苦逼前端

视频回放：[B站](https://www.bilibili.com/video/BV19z421b7Wz/)  ｜ [Youtube](https://www.youtube.com/watch?v=Qrf-J6QUVtE)

>时间：2024-06-10

## Web3前端训练营AMA答疑第一期

**大纲**
1.社区、活动简介
2.作业规范要求，Github开源协作
3.作业讲解答疑
4.开放交流

视频回放：[B站](https://www.bilibili.com/video/BV121421r75g/)  ｜ [Youtube](https://youtu.be/OFkKhAedcpg?si=tiJXkho4KbvDmJL_)

>时间：2024-06-16

## 第五节: 项目实战1：轻松开发DApp前端项目

**大纲**
1. 传统互联网开发模式
2. DApp基本概念和开发流程、前端后端的交互方式
3. 前端读取区块链数据、前端与合约交互
4. 使用remix编写合约、发行token
5.远程工作的优势和招聘情况

**主讲人：**
Grayyy - 前端工程师

视频回放：[B站](https://www.bilibili.com/video/BV11E421P71e/)  ｜ [Youtube](https://www.youtube.com/watch?v=gjerUfj_IsI)

>时间：2024-06-16

## 第六节:项目实战2：Uniswap 实战（ERC20）

**大纲**
1.介绍 AMM 以及 AMM 的重要性
2.介绍 AMM 在区块链中的历史
3.Uniswap 出现之前的 Crypto 世界是什么样子的
4.介绍Uniswap的底层原理和架构
5.Uniswap V2 和 V3 的区别
6.带入实战，使用 Uniswap sdk + Moralis build一个 Uniswap 前端工具

**主讲人：**
Panda，喜欢PUA前端的全栈工程师

视频回放：[B站](https://www.bilibili.com/video/BV1ZS411A7DD/)  ｜ [Youtube](https://www.youtube.com/watch?v=TmCSyB7vPtw)

>时间：2024-06-18

## 第七节:项目实战2：Uniswap 实战（ERC20）

**大纲**
1.限流器 Aspect（简化版）
2.EVM++挑战- 用例启发
3.Aspectx链上安全
4.如何实现:设计方面类型
5.Artela Renaissance Builder活动预告

**主讲人：**
Jack，全栈工程师 @Artela

视频回放：[B站](https://www.bilibili.com/video/BV1xJ4m1u7QB/)  ｜ [Youtube](https://youtu.be/KGsalPnWEU0?si=n3z7eJltMXjN7pFJ)

>时间：2024-06-22

## 第八节:在Morph上部署你的第一个合约

**大纲**
1. Etherum Layer 2 Basics
2. Morph Overview
3. Workshop: Deploy your first contract on Morph

**主讲人：**
Luka，Developer Relations Engineer @Morph

视频回放：[B站](https://www.bilibili.com/video/BV1Si421e7Qo/)  ｜ [Youtube](https://youtu.be/HBD2EgKD0Zg?si=3S092tPQ2-btq2sY)

>时间：2024-06-24

为了帮助更多开发者丝滑进入 Web3 行业， W3F 和 OpenBuild 发起了为期 4 周的「Web3前端训练营」、 Artela 、Morph 共同主办，并获得 theGraph 、Vara 和 Chainlink 生态支持。与此同时，本次训练营将以实战为导向，一步步熟悉和掌握 Web3 前端代码开发。在4周的学习中，学员可以免费参与训练营，并可通过完成「学习任务」最高有机会赢取奖学金激励、Web3行业资源、和行业人脉等。

第一节:React 框架介绍和优势

大纲

前端技术变迁史
React 的优点与缺点
React Hook 的优点与缺点
React 学习路径
React in web3

主讲人： 小j - 前端开发

视频回放：B站｜ Youtube

时间：2024-06-05

第二节:Web3 技术基础入门

大纲

什么是区块链
区块链的运行
常见的公链
二层网络
区块链钱包

主讲人： @majoson - 全栈工程师

视频回放：B站｜ Youtube

时间：2024-06-05

第三节:Web3 技术基础入门

大纲

什么是智能合约
如何部署智能合约
开发框架&工具 4.Solidity 核心语法讲解

主讲人： Pseudoyu - 后端&合约工程师 @RSS3

视频回放：B站｜ Youtube

时间：2024-06-10

第四节: web3 前端框架和合约关系

大纲

web3 前端库
web3 前端库与合约的关系
ethers.js、web3.js 和viem 4.wagmi 介绍

主讲人： 雅思哥 - 天天被 PUA 的苦逼前端

视频回放：B站｜ Youtube

时间：2024-06-10

Web3前端训练营AMA答疑第一期

大纲 1.社区、活动简介 2.作业规范要求，Github开源协作 3.作业讲解答疑 4.开放交流

视频回放：B站｜ Youtube

时间：2024-06-16

第五节: 项目实战1：轻松开发DApp前端项目

大纲

传统互联网开发模式
DApp基本概念和开发流程、前端后端的交互方式
前端读取区块链数据、前端与合约交互
使用remix编写合约、发行token 5.远程工作的优势和招聘情况

主讲人： Grayyy - 前端工程师

视频回放：B站｜ Youtube

时间：2024-06-16

第六节:项目实战2：Uniswap 实战（ERC20）

大纲 1.介绍 AMM 以及 AMM 的重要性 2.介绍 AMM 在区块链中的历史 3.Uniswap 出现之前的 Crypto 世界是什么样子的 4.介绍Uniswap的底层原理和架构 5.Uniswap V2 和 V3 的区别 6.带入实战，使用 Uniswap sdk + Moralis build一个 Uniswap 前端工具

主讲人： Panda，喜欢PUA前端的全栈工程师

视频回放：B站｜ Youtube

时间：2024-06-18

第七节:项目实战2：Uniswap 实战（ERC20）

大纲 1.限流器 Aspect（简化版） 2.EVM++挑战- 用例启发 3.Aspectx链上安全 4.如何实现:设计方面类型 5.Artela Renaissance Builder活动预告

主讲人： Jack，全栈工程师 @Artela

视频回放：B站｜ Youtube

时间：2024-06-22

第八节:在Morph上部署你的第一个合约

大纲

Etherum Layer 2 Basics
Morph Overview
Workshop: Deploy your first contract on Morph

主讲人： Luka，Developer Relations Engineer @Morph

视频回放：B站｜ Youtube

时间：2024-06-24

第一节:React 框架介绍和优势

第二节:Web3 技术基础入门

第三节:Web3 技术基础入门

第四节: web3 前端框架和合约关系

Web3前端训练营AMA答疑第一期

第五节: 项目实战1：轻松开发DApp前端项目

第六节:项目实战2：Uniswap 实战（ERC20）

第七节:项目实战2：Uniswap 实战（ERC20）

第八节:在Morph上部署你的第一个合约

讲师的相关课程