去年,GitHub 上火了一个叫做 30 Seconds of Code (30 秒学会编程)的项目,精选了 JavaScript 代码段凑集,这些代码段都是开拓者可以在 30 秒乃至更短韶光内理解的。根据 GitHub 此前发布的《Octoverse 不雅观察报告》显示,该项目更是入选 2018 年度十大开源项目。
GitHub 上类似的 30 秒系列仓库还包括 30 Seconds of CSS(CSS 代码集)、30 Seconds of Interviews(口试问题集锦)、30 Seconds of React(React 代码集) 等。
受到 30 秒学编程的灵感启示,从事 Web 开拓的 Stefan Petrovic 在这些开源项目的根本上,创建了 30 Seconds of Knowledge——该项目是一个 Google Chrome 扩展程序,能够令开拓者在每次打开新标签页时,都得到新的开拓职员技能。

是什么?
按照该插件在解释文档中的描述,你可以在扩展选项中选择你想要提升的编程措辞,并在每次打开新标签时更加智能。而你只需 30 秒即可阅读和理解其所供应的代码片段来提高自己的知识水平。如果恰巧看到对自己有用的东西,只需将其复制/粘贴到你的代码中就可以了!
该插件用 React 构建,其他开源项目则供应了代码段:
30 Seconds of Code:https://github.com/30-seconds/30-seconds-of-code30 Seconds of CSS:https://github.com/30-seconds/30-seconds-of-css30 Seconds of Interviews:https://github.com/30-seconds/30-seconds-of-interviews30 Seconds of React:https://github.com/30-seconds/30-seconds-of-react30 Seconds of PHP:https://github.com/appzcoder/30-seconds-of-php-code30 Seconds of Python:https://github.com/kriadmin/30-seconds-of-python-code栈(Stack)
ReactGoogle Chrome Extension API可用的代码段库:
JavaScriptCSS口试问题ReactPHPPython目前,六种种别选择共包含超 500 个代码段,后续还将连续添加。
当前该扩展程序紧张支持:
MVP 模式(仅限 Chrome)Landing Page已发布至 Product Hunt玄色/亮色主题新增“捐助打赏”选项新增保存/收藏特性发布 v1.0.0 版本未来还将添加 Firefox 及 Safari 端口。
怎么用(教程详解)?
安装
目前,该插件的版本为 1.0.0,可以直接在 Chrome 网上运用店官方网站进行下载安装及删除,已积累用户 10129 位。
设置
在 Chrome 中启用该插件,点击左上
按钮进入设置界面:
在这里可以勾选你须要学习或提升的内容(已精通或不感兴趣的内容即可取消勾选状态),同时还可以选择玄色/亮色主题,选择完毕后点击【Save】保存,即可开启你的 30 秒打卡速学之旅。
代码学习
每一次刷新/打开新标签,都会为你显示新的内容,这些代码段都方便你在短韶光内进行理解和学习。
复制及保存
对付想要“留为己用”的代码段,可以通过点击代码右下角的
按钮进行代码复制,并粘贴到自己的代码库中,即取即用。若是 CSS 代码段,你还可以在 CodePen 上实时预览。
或是直接点击【Save】保存代码,也便于二次学习/稍后再看。
同时,你也可以通过点击页面左下角的
按钮,跳转内容管理界面,管理你此前保存过的代码段(删除操作)。
“Chrome 因插件而俏丽”,这款开拓者工具能否知足你的需求呢?
插件源码:
https://github.com/petrovicstefanrs/30_seconds_of_knowledge
下载安装:
https://chrome.google.com/webstore/detail/30-seconds-of-knowledge/mmgplondnjekobonklacmemikcnhklla
硬核评测专栏回顾:
程序员跳槽口试刷题必备,微软工程师放大招!| 程序员硬核评测一键免费自动 AI 抠图,效果连 PS 大哥也点赞!
| 程序员硬核评测