浏览器插件开发共学,用 Plasmo 开启轻量级应用探索

文摘   2024-07-04 17:08   重庆  

  🧩

浏览器插件开发共学
用 Plasmo 开启轻量级应用探索

永远带着用户增长思维做产品,低成本实现可用性测试,这是独立开发者们的普遍共识,而平台插件逐渐成为不错的选择之一,浏览器、VScode 、Figma 插件等等,诸多工具和平台通过五花八门的扩展构筑了自由开放的生态。


因此这一次共学,我们选择浏览器插件为主题,以 Plasmo 框架为线索,一起探索离用户和变现更近的开发之路。


Plasmo 是一个开源的浏览器开发框架,提供丰富的文档和轻量级的接入方式,让用户快速创建浏览器扩展,它支持 React、Svelte 和 Vue,并且提供实时重载和热模块替换功能,与 Chrome、Firefox 和 Safari 兼容,确保跨平台的一致性。

如果你是 web3 新手开发,Plasmo 可能会给你独特的探索路径,作为一个轻量级的 Web3 接入方案,用 Plasmo 开发插件可以接入去中心化应用程序(DApps),参与加密货币交易、管理智能合约等等。


浏览器扩展的生命周期和安全范围等同于浏览器本身,插件可以极大地扩展单个应用的局限性,丰富和自定义化 Web 应用,Plasmo 的安全属性可以给 Web 应用提供安全保障。


隐私保护、高效开发、跨平台工作、与 Web3 技术的兼容性以及强大的社区支持等属性,让 Plasmo 天然适合数字游民和独立开发者,便利的框架让人可以便捷地进行应用开发,更轻量地实现创意和效果验证。


Creators Notion & Github


共学介绍 / Outline

我们将在 5 周的时间里,使用 Plasmo 完成一个浏览器扩展,构建独立自主的轻量级 Web3 接入解决方案。四周的框架技术共学和一周的实战开发,最终完成一个插件应用。


共学期间,每周一次 Office Hour 环节,收集大家当周的问题,针对当周内容集中答疑和讨论,共同提升对于 Plasmo 框架和浏览器插件开发的技术掌握。


我们还会邀请经验丰富的嘉宾,根据大家的需求和反馈,发起不定期技术或案例分享,启发项目灵感,并为组队开发提供的帮助与建议。


一些可供选择的项目开发方向,例如:

  • 内容加载交互,在浏览器内网完成数据的管理,如TODO 项目、书签管理;

  • 主流公链上的加密钱包项目,链上 AI 数据训练网络等;

  • 网页增强工具,如扩展 Github 功能,网页浏览加入 GPT 交互等。


#

关于共学
Collective Learning

共学没有一个权威定义,它是助人者、行动者领域的热词,强调我们的「共同学习」,是参与者共同选择对话主题、采取行动并对全过程进行反思的实践。 


共学倡导学习的非个人性,意味着我们需要就获得的信息开展交流与切磋、需要在对话中向彼此的生命经验学习,学习不仅仅是知识的输入,也是与个人成长、社会变革有着积极的交互关系。


共学计划 / Schedule

共学时长  5 周


时间安排  四周技术学习,一周实践开发
             每周 OH,Maintainer 带领讨论
             社群长期有效,互相分享、答疑


实践开发  独立或者组队开发,提供专业指导


共学地点  微信社群/腾讯会议/Github


共学要求  熟悉至少一种编程语言
             熟悉至少一种前端架构:React、Vue 等

             熟悉 pnpm、yarn 等前端操作工具链


时间投入  建议每周至少 8 个小时 


集结期


🎊 即日起,开启正式招募
填写文末报名表加入共学小组

共学成员自我介绍,互相了解

分享技能与 idea,开启自由组队

模块一


7 月 21 日 - 7 月 28 日

Plasmo 入门(1 周)

熟悉浏览器扩展和 Plasmo、搭建开发环境

简单的 React 入门

模块二


7 月 29 日 - 8 月 4 日

熟悉浏览器扩展页面开发、掌握独立交互扩展的构建能力(1 周)

包括 extension pages(tab page, popup page, option page, new tab page, devtool), Tab pages, Sandbox pages 等

模块三


8 月 4 日 - 8 月 11 日

内容脚本: 熟悉在页面当中嵌入脚本和 UI 组件(1 周)

Content scripts 和 Content scripts ui

模块四


8 月 12 日 - 8 月 18 日

模块间通信:掌握模块间通信的技巧(1 周)

包括 Background sw, message, storage, romote code 等

模块五


8 月 19 日 - 8 月 25 日

项目产出(1 周)

自由组队,Maintainer 带领产出

结营分享


8 月 26 日 - 9 月 1 日

🎉 本期共学正式完结

评估学习成果,进行优秀项目展示

根据学习成果、社区贡献值等发放奖励
依据共学点返还部分学员报名费

扫描二维码或点击阅读原文报名


🐧  正价票  399 / 人

🕊  早鸟票  349 / 人

(早鸟截止 7.15 23:59 GMT+8)


可添加下方二维码咨询


认证与奖励 / Certificate & Reward

  • 完成本期 Plasmo 共学与产出原创 Demo,可直接进入后期其他任意 主题插件开发共学

  • 参与结营分享产出 Demo,经评选出的优秀产出项目,可获得 706Creators  共学奖励金


共学返还体系 / Refund

  • 产出插件应用 Demo,并参与结营分享可获 4 共学点;

  • 成为 Maintainer 积极回答技术问题,推动学员完成作业,可获 4 共学点;

  • 参与浏览器插件教程撰写,完善 Github 仓库代码,有效贡献每次可获得 2 共学点;

  • 邀请好友报名共学,每邀请一位可获 2 共学点;

  • 每位参与者累计达到 10 共学点后,可获得 100% 费用返还。


共学发起人 / Initiators

  星 Sir

C/Rust/Solidity/Move/Go/Javescript,互联网全栈应用开发者,Linux 系统、云原生应用开发,近期开始涉足 Web3 技术领域,706Creators 创造者社区的常驻 Maintainer,正在构建一个开源 Rust Web3 系统集合。


  Birch

TypeScript / Rust, Web3 前端开发,706Creators 创造者社区Maintainer,Sectc 前端 CTO。


  孝羽

706Creators 创造者社区和共学小组发起人,Sui Ambassador,ex-Host@MoveFuns DAO ,ex-OP@GCC。前科技媒体,自由撰稿人,文转码不成功的八年老数民,喜欢创意和创作的自由人。


支持社区 / Support Community

NCC 共居共创社区

NCC 社区是一个面向数字游民、创业者、创作者和生活方式探索者的共居共创社区。以技能互换,协作共享,共同创造为核心的社区理念,其共创 IP 项目“数字游民大会”,从大理走向了全国,自然生长出“以人为本”的创造力社区文化。

OpenBuild

面向 Web3 开发者的开源社区,致力于为开发者提供高质量的系统性内容和活动,同时连接 Web2 和 Web3,帮助开发者过渡到去中心化的网络,并通过提供必要的工具和资源,帮助开发者建立声誉体系,构建信任,创造商业机会。

登链社区

秉承去中心化精神,登链社区是一个高质量的区块链技术内容社区。

Rebase 社区

Rebase 是一个区块链行业的开发者社区, 通过技术信仰连接中国的 web3.0 开发者。

LXDAO

LXDAO 是一个专注于可持续地支持有价值的 Web3 公共物品和开源项目的研发 DAO。截止至目前,LXDAO 研发、支持了 15+ 个项目,社区辐射人员 160k+,官网注册人数 241+,活跃成员 150+。部分自研项目拿到以太坊基金会、MetaMask、Filecoin 基金会等资助。

Social Layer

一个主观的、关系型的、可编程的,由 SBT 构建的社会网络,可以将你的关系价值结晶为链上徽章,你可以在这个网络中呈现出一个体现你的多元角色、价值观和共识的去中心化身份,你也可以通过可组合徽章的将社区中的关系结构编译为代码并开源共享,实现人人可参与的可编程社会网络愿景。

设计丰收 DESIGNHarvests

NICE COMMUNE 好公社是一个设计驱动的试图融合不同社群的文化交流载体,一个未来生活的原型场。 

Web3 Club

Free and opensource to everyone interested Web3.

AN Universe

AN Universe 是一个 web3 + AI 的知识共享平台。


关于我们 / About Creators

Solana 项目开发共学

ZKP 共学

全链游戏开发共学

Web3 英语共学

Web3:// 协议共学

Figma 共学

Youtube

Github

Notion

  点击阅读原文报名

706青年空间
探索生活的更多可能性
 最新文章