极客标签：用代码回放来愉快地学习前端知识

怼烎@ 2022-08-10 13:40 11阅读 0赞

![屏幕快照 2014-08-18 下午11.00.22.png][2014-08-18 _11.00.22.png]

网 页编程学习的过程中最痛苦的是什么？你看到各种大牛写下的代码和旁边只言片语的说明，但你根本无法理解整套代码是怎样写下来的，大牛写的时候遵循的是什么 样的逻辑。教程放在一个屏幕，然后你自己的编程工具放在另一个屏幕，你在两个屏幕之间切换过来切换过去，浪费了时间浪费了力气。

结果呢？你把大牛的代码复制过来，把自己的项目内容放进去，做出了一个和大牛写的一样的网页，却感觉到自己根本什么都没学到。**网页编程，以及所有编程学习中最痛苦的地方在于你试图理解你的学习对象的思路，但常规的教学材料的传播方式生硬，对于编程新手来说一点都不体贴。**

2014 年已经不应该是学生想要学 IT 就一定要忍受这种折磨的时代，就以网页编程教学来说，我们完全可以通过一些更新，更加直观的技术来编制新的学习方式。[极客标签][Link 1]就是这样的一个产品——一个在线 Web 编程知识学习和分享的平台。

从知识学习方面，极客标签是国内唯一使用**代码录制和回放**的方式来为用户提供 Web 编程教育服务的学习平台，也是国内为数不多的**不基于第三方，由网站运营方和注册用户提供精华教学内容**的公开课平台；从知识分享方面，极客标签也是目前**专精于网页前端知识**，稍微对其他相关的网络编程知识进行辐射的极客社交社区。  
![0bfc2023-1e07-3187-b6e5-cb3e20fd083d.jpg][]  
 **[代码录播课件][Link 2]**是目前极客标签提供的一个能够和国内其他技术教学和知识分享社区区分出来的独有产品，这个录播产品能够相对有效地解决之前在文首处提到的编程教学新手的一大痛点——不了解学习对象的思路逻辑。

同 样是代码展示，通过一条一条的代码、说明，以及实时预览效果的播放，能够帮助课件的学习者更好地体会每一条代码的作用和编程者的逻辑所在，就这么简单。代 码录播的模块是可嵌入的，这意味着在未来，极客标签或将具有成为新的更受欢迎的技术教学内容的来源，就像 Hacker News 之于创业和投资者，Twitter 之于社会新闻记者的意义一样重要。

通过代码录播课件，极客标签的运营团队目前已经制作里一系列[**互动式的编程课件**][Link 3]，每个大课程都拥有一个特定的主题，主题之下按照学习的进度和知识的深度不同分成一个个的小章节，用户可以循序渐进地完成学习任务。

极客标签的联合创始人 Terry 表示，通过代码录播制作的编程课件和传统的视频不一样，更加轻量级，播放的带宽要求更小，通过网站的响应式设计，能够支持移动设备的阅读播放。这对于不少平时白天有正职工作，在闲暇时间希望能够学习一些编程知识的用户来说可谓是福音。

在试用极客标签的编程课件时我发现，课件内容使用的是纯文本，用户可以自由地拷贝代码，实时预览代码运行效果。课程结束后，用户可以直接在课件中修改和编写代码，达到练习的效果。

![屏幕快照 2014-08-18 下午11.04.49.png][2014-08-18 _11.04.49.png]

**[独立的公开课平台][Link 4]**也将在未来成为极客标签吸纳编程大牛和有学习期待的用户的一大亮点。通过整合演示文档、画板、语音直播、代码编译器和运行环境等功能，极客标签试图通过全方位来打造一个更加适合编程学习的平台。

当然，作为一个功能完善的知识分享平台，极客标签也能够在供应学习内容的同时，为程序员提供一个[**交流和社交的场所**][Link 5]。目前，极客标签社区的文章总数已经达到了近 4000 个，其中问答类型超过 500 个，原创知识分享近 150 个，文章类型包含 jQuery、JS、CSS、HTML 等在内的网页前端最基本的编程语言知识类目。

除此之外，在线调试 [ Debug 工具][Debug]、[前端特效库][Link 6]、[在线编程教学协作工具][Link 7]等 也成为了极客标签用户非常心水的工具。目前，极客标签面向前端技术人士的知识学习、分享等各项功能已经趋于完善。据 Terry 透露，目前极客标签的在线课件总数已经包含 11 个大类 70 个，今年 6 月底极客标签 2.0 Beta 版本上线之后注册用户量已超过 1.5 万人，正在以 10%+ 的月增速保持增长。

他认为，极客标签与传统的视频、文字传播的编程教学相比，最值得关注的一点就是**学与习的整体性**。

> 编程学是一部分，更重要的在于练。极客标签提供的工具能够让学和习成为一个整体，即学即练不脱节，无需下载各种课件。课程结束，代码直接可用，这是我们提供的学习平台的最大优势。

阅读原文：[极客标签：用代码回放来愉快地学习前端知识][Link 8]

[2014-08-18 _11.00.22.png]: http://img0.tech2ipo.com/upload/img/article/2014/08/1408374049767.png
[Link 1]: http://gbtags.com
[0bfc2023-1e07-3187-b6e5-cb3e20fd083d.jpg]: /images/20220810/6212bdf6108c4a4d8b3e094022c9c2bb.png
[Link 2]: http://www.gbtags.com/gb/listcodereplay.htm
[Link 3]: http://www.gbtags.com/gb/gblibrary.htm
[2014-08-18 _11.04.49.png]: http://img0.tech2ipo.com/upload/img/article/2014/08/1408374306178.png
[Link 4]: http://www.gbtags.com/gb/gbliveclass.htm
[Link 5]: http://www.gbtags.com/gb/tag/2.htm
[Debug]: http://www.gbtags.com/gb/debug/new.htm
[Link 6]: http://www.gbtags.com/gb/frontenddb.htm
[Link 7]: http://www.gbtags.com/gb/rtcollabration/8052.htm
[Link 8]: http://tech2ipo.com/83196