中国首届开发者关系大会分会场 | freeCodeCamp西安线下编程活动体验#06

已然大二学生的我，在积极参与西安前端社区线上线下活动的这一年里，在技术社区上，感受到了 WDShare 社区组织者对西安前端社区发展的期盼与热情，也学习到了由 ThoughtWorks 西安分公司举办的 UI Spuer Day 等各类编程活动的成熟化运作方式；在活动场地上，体验到了咖啡馆包场投影仪、网络环境完美的感觉，也联动到了西安万科城·优客工场的热情支持；这还没说到第三次有趣的“聚会吧”中的豪华设备的畅玩之旅，还没说到技术干货上的从参与者全是学员到组织者团队逐渐从中搭建起来的发展之路，最终走出了一条 freeCodeCamp 西安前端社区独特的道路。

这是属于我们 freeCodeCamp 线下社区独有的 Code & Coffee 道路。

FCC 西安前端编程社区#06，从这里说起。

1

作为 15 年“双创”政策载体的众创空间文化之一：西安万科城·优客工场，这次给我们提供了免费的活动场地和热情的帮助，为期一整天的看直播 + 编程活动，在这里得以展开。相比从去年举办的 FCC 西安第一次线下编程在咖啡馆里 20 个人畅聊编程，这次的体验也将与众不同。活动场地上良好的网络环境再加上我们提前准备的甜点、饮料，算是很有诚意的一次活动。

我们以流程图为参考，进行线下活动。破冰游戏是“问题接龙”~

“如果你将知道你会被困荒岛，只能带一件物品。你会带什么？”
“我会带...”

let home = [];
while(1) {
    home.push(new girlfriend.comeInto(love));
}

哈哈，现场当然没这么说出来，这里默默诗意一下。然而现实，运行环境不支持 ES6 。

2

早上的活动本意在于与 FCC 运营团队猿生态承办推进的中国首届开发者关系大会在各个 FCC 社区线下活动进行分会场联动进行现场直播交流，可能由于承办方更注重移动端直播体验的原因罢，电脑端声音太小等原因一定程度上影响了我们的线下看直播。但我们还是对中国开发者关系大会成功举办带去了祝语。

FCC 西安学员从西安各地赶来，小小的尴尬后，提前了下午的本地讲师分享活动。不过这并不影响我们来聊聊中国首届开发者关系大会上，FCC 创始人 Quincy 的分享。Quincy 曾先后任职教室、校长 10 年，之后自学编程并创立开源项目 freeCodeCamp（简称 FCC）FCC 的内容以前端和 JS 全栈为主，通过游戏化的项目实战，帮助人们利用零散的时间学习编程，并为 NGO 提供技术支持。两年时间，FCC 已发展成为全球 160 多个国家、1500 多个城市、50 多万开发者的社区，并在 Github 上拥有 20 w+ Star，遥居第一。

要我简要来说，FCC 最大的贡献，就是开辟了开发者线下社区的新姿势。

Code & Coffee。是真的 Code & Coffee。

如果你说 Quincy 免费开源 freeCodeCamp 并用大量时间去维护是为了什么？难道不用养孩子养房子么？可以看看这篇 Quincy 在 Quora 的回答。

How-does-Quincy-Larson-make-money

这一次，我就不再过多解释 FCC 的价值了，可以从我的历次活动回顾文章中看到。（PS: 关注我的微信订阅号“韩亦乐”及时获取我的技术分享~）

• freeCodeCamp西安第一次线下编程活动体验
• freeCodeCamp西安第三次线下编程活动体验
• MEAN 架构下的 FCC | FCC 西安线下编程活动体验 #05

3

这次的本地活动分享内容为《Markdown 入门与进阶》和《Github + Hexo 免费搭建静态博客站点#01》，内容稍显简单，但循序渐进，有 Markdown 的 LaTeX 公式用法，有 Hexo 的前因后果，保证到每一位学员编程实战掌握。

Markdown 入门与进阶

简单的 Markdown 半小时就会，不用多多解释。这里稍稍列举一下 LaTeX 公式。

LaTEX（/ˈlɑːtɛx/，常被读作/ˈlɑːtɛk/或/ˈleɪtɛk/），文字形式写作LaTeX，是一种基于TEX的排版系统，由美国计算机科学家莱斯利·兰伯特在20世纪80年代初期开发，利用这种格式，即使用户没有排版和程序设计的知识也可以充分发挥由TEX所提供的强大功能，能在几天，甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式，这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。这个系统同样适用于生成从简单的信件到完整书籍的所有其他种类的文档。

每当想到 LaTeX ，总是忘不了正则表达式，如此的相像，都是利用特定的符号集代表特定的含义，被特定的规则解析。从上段维基百科所言而知， LaTeX 常用作生成复杂的表格和数学公式。其实由于 LaTeX 通过语法来排版，任何想得到的东西，像是乐谱、棋谱（可动态）、化学结构式、电路图及物理学中的费曼图等等都可以先定义规则，然后再以简单的语法排版出来。而那些规则也往往早有人写出对应的宏包，所以用户只需要弄懂他的语法就可以干很多所见即所得的事情。

Github + Hexo 免费搭建静态博客站点#01

详细在我的博客 Github + Hexo 免费搭建静态博客站点#01 中，从 Node.js 的安装、Git Bash 的安装到使用基于 Node.js 的静态博客站点制作器 Hexo 使用方法与原理深入浅出，最终让每个人都能搭建起自己的专属静态博客。例如我用自己找到的模板搭建的这张，做最好的自己。

这不是一篇纯正的技术博客，具体可见我的@“韩亦乐”，和我的微信订阅号“@韩亦乐”中，这么打广告的，一定是个老好人。

4

FCC 运营团队为西安这场活动寄来的物件包括七牛云公仔和 DEVRELCON，北京开发者关系大会的文化衫、贴纸等，礼物虽轻，情意却有。

抽奖环节依据现场签到人员，在一个百行代码的前端页面转盘中展开。源码请戳下方~

• FreeCodeCamp-XiAn/Dial-Spin

5

自费打印了(年轻容易激动...)二十多份我所在的 ThoughWorks 西安邮电大学联合创新实验室老师兼 IT 咨询师所倡导我们的软硬技能学习方法，在这里发送给了大家，虽说很多前来的朋友都以毕业，但学习方法里的思想想必也能借鉴借鉴。毕竟 freeCodeCamp 西安前端社区的每场活动里，都有很多大学生，很多转行的朋友，很多体验过前端培训机构前端教育的朋友。上图！

从图中便能体验到我们实验室软硬技能的文化吧~各种相关资料可私聊。

6

活动圆满结束，第一次，第三次，第五次，第六次...

有趣的灵魂终会相遇。

话说，为什么总会有人能认出来哪个是我。。你怎么看~~~？

• Hello，我是韩亦乐，现任本科软工男一枚。软件工程专业的一路学习中，我有很多感悟，也享受持续分享的过程。如果想了解更多或能及时收到我的最新文章，欢迎订阅我的个人微信号：韩亦乐。我的个人主页中，有我的微信个人订阅号二维码和 Github 主页地址；我的知乎主页 中也会坚持产出，欢迎关注。
• 本文内部编号经由我的 Github 相关仓库统一管理；本文可能发布在多个平台但仅在上述仓库中长期维护；本文同时采用【知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议】进行许可。