政法大学对面，西安邮电旁。一个梦幻般的聚会吧里——之前活动通知的咖啡屋网真慢真桑心~~~——freeCodeCamp 西安第三次 Code && Caffee 成功举办。

之前我有在《freeCodeCamp西安第一次线下编程活动体验》介绍过我的 FCC 认知之路也分享过一些 Web 开发的学习方法，得到了不错的肯定。我也借此受邀在猿生态·十城·西安站当了一位最年轻的小讲师，分享开源魅力，很是感激。这回，便不再过多阐述前因后果，直接开启我们的 FCC 西安第三次 Coffee&Code 编程之旅吧！

Part.1 破冰 + 自我介绍和分享

有陌生人相聚的地方，就定有破冰环节的存在。破冰环节将我们的注意力吸引到现在，快速培养起互相的默契及信任。这次 FCC 西安活动有远从北郊赶到南郊来的西工大学长，有自学前端并已工作几年的兵哥哥，有考虑从南京回西安发展的朋友，还有和我一同参与进来的西邮的学生们。那么，到底发生了什么，让我们聚在一起，畅聊不只是前端的人生，有趣的社区型学习之路，才得以开始？

想必每个人都有属于自己的答案。公布一下这次畅想的活动流程作为行动指南吧。

专门，开辟了一个环节请刚才提到的兵哥哥讲几句人生~了解到原来兵哥哥中学就喜欢计算机，却因为一些原因选择了当兵，复原后，选择前端开发工作。兵哥哥的整个分享过程中，也让我们了解到了他是怎么见证 Web 1.0 、Web 2.0 的发展，以及更多他的一些 Web 干货感悟。

Part.2 FCC 介绍

第一个环节中一起探讨我们相聚的原因所在是离不开 FCC 的，每个人也都带着自己对 FCC 的理解而来。那么，大家心中的 FCC 是什么呢？技术栈？亦或是社区活动。

原来，每个人都有属于自己的 FCC。这里贴上了全球各大 FCC 编程社区相聚时的合影留念，其中不乏北京、纽约、多伦多、成都和我们这里，古都西安。

那么官方是怎么介绍自己的呢？

freeCodeCamp 是由 Quincy Larson 创办的开源社区。它致力于帮助人们利用零散时间学习编程，内容以前端和JS全栈为主。目前已经发展成为一个 40万＋开发者的社区，通过游戏化的项目实战，来吸引大家学习编程，并在社区内给予实时的帮助，同时，为 NPO 组织提供技术支持。

同时，在 FCC 平台上，我们可以学到的技术栈有：

HTML 5
CSS 3
JavaScript
Databases
Git & Github
Node.JS
React.js
D3.js

当然，这只是 FCC 提高拓展我们技术栈的开始。这个过程中 FCC 用知名职业社交平台领英认证的相关证书来激励着广大 Web 学者，全部证书都拿到手的在 FCC 全球网上目前也有 115 人，传承了很多通过 FCC 平台找到工作的故事。

在领英上，freeCodeCamp 可以作为大学教育背景独立展示。

知乎上流行的 FCC 的三大学习方法很值得借鉴：一读二搜三提问。

Part.3 FCC 做题及答疑

一起线下 FCC 做题并答疑是这次活动很核心的环节，我们平时在 FCC 上遇到的问题都能当面得到一定程度的解决，相比线上咨询，更加的生动有趣。

FCC 平台的用户定位中愿景道：Learn to Code and Help Nonprofits

Part.4 一起写一个 JS 太空船游戏！

这个环节，邀请大家到加入石墨协作，一起参与了 Canvas 画布下的 JavaScript 编程，做一个太空船小游戏~

却由于时间不够、自己准备不太充实等原因大家还没有人当场做出来~

参考链接：一起动手写一个 JavaScript 太空船游戏！

这个游戏基于我们校内实验室搭建于国内服务器上的 jsbin 环境开发，展示如下。

这次没有当场做出来，我们团队主页开发见 :-)

Part.5 团队主页开发

借鉴 FCC 成都的相关经验，第一次 FCC 西安活动便拉入 17 名伙伴加入 FCC 西安的 Github 组织，我们的成果产出都可以及时的留存在这里，充实下去。在伙伴们之间的畅聊中，产生一起做项目的灵感，也更加肯定了该开源组织的重要性。

从图中可以看到，灵感才刚刚展开，先放上了两个入手仓库作为资料留存，还有这次的 JSpace-Ship 太空船以后可以线上一起线上合作开发。

Part.6 更多的组织者

这个环节实际活动中没时间讲啦，写到文章里大家看看~

从我自己的经验来看，个人精力总是有限的，再加上一个小团队如果缺少某个人便不能维持下去的状态总归不好，激励更多的人担当起组织者的身份不出意外的被提到 FCC 流程之中。这里分享了我对社区的一些理解，不足之处还望包容和指点。

1. 组织一场社区活动

在整个组织的流程中可以发现，举办活动是其中最重要的环节，但只占整个过程的一步。流程策划、内容准备、填写表单和宣传报名联手打造了这次社区活动的基石，又由写文回顾升华了整场活动的意义，不可或缺。

2. 社区的故事

大家好，我是 FCC 西安这次的一个小组织者。

于是我就有了我的故事可以诉说。

大家怎么了解到 FCC 的呢？你们想要通过 FCC 学到什么？

很多人的故事也就得到了分享和传递。

哇塞，FCC 西安那边好有趣的样子。

FCC 西安这边的社区，也就有了自己的影响力。

最后，社区的故事回馈于很多人的故事，回馈于一个人的故事，我们在这里都得到了想要的成长。

3. 文化构建

FCC 城市小组活动举办的最大特点是自发的，由内向外的，但也离不开运营团队的支持和帮助，并将之作为向开发者社区注入资源的有效环节来推动社区发展。接着，正如之前 Github 组织所说，我们在一起，也能自建出这里独特的次文化内容和知识海洋，创造资源，创造知识，一脉相传，融汇贯通。

4. 丰富活动形式

这篇文章的很多图片背景都是以绿色为调，源于我这次将在线 PPT 带入活动之中，也便于快速截图回顾 —— 这是第三次新增的活动形式的特点之一。

其实还有很多形式可以参考加入，包括上图提到的结对编程、过关分享、项目分享、编程比赛等等。一起写一个 JS 游戏，便也因此出现在第三次活动上。

5. 组织者经验

这里针对性的分享我的经验，从流程制定到排版推送，从宣传报名到成功举办并写作回顾，我都是用什么工具做的。同时因为自己常活跃于的缘故，最近产生并落实了建立 FCC 专题的灵感，期待之后大家的活跃加入，内容不限于社区经历，加入更多的在 FCC 平台上的学习之路也不失精彩。从微信订阅号里读到这篇文章的朋友点击阅读原文三步之内便能跳转从我的主页跳转到 FCC 专题。

还有，上图的右下角展示了我在我的本机存储的 FCC 相关资源。任何能成功举办的活动背后都真真实实的有着它的下层资源建筑。

6.这次活动身为组织者我的感悟~

提前选好场地，包括场地实地考察测试
提前预演活动流程，及时优化流程顺序
提前合影拍照，有些朋友会有事情要回
让更多的人参与进组织里来，互相提醒
没有，让大家，扫我的订阅号二维码...

FCC 与 XBOX~~~

Part.7 拍照旗帜合影

想必大家也学到了足够多的知识了，时间也不早了，“聚会吧”里玩的这么嗨，，怎么不合个影留念下呢？来吧，盆友。

End.9 Enjoy Create & Share

THE ONLY FAIR IS NOT FAIR ，ENJOY CREATE & SHARE

这么一段英文名言听过很久，通过这次的 FCC 西安第三次线下编程活动经历，更加深了对这段话的理解。说了这么多了，遍布在全国的 FCC 校友们，你们怎么看呢~？期待我们接下来的相识相知相约。

Hello，我是韩亦乐，现任本科软工男一枚。软件工程专业的一路学习中，我有很多感悟，也享受持续分享的过程。如果想了解更多或能及时收到我的最新文章，欢迎订阅我的个人微信号：韩亦乐。我的个人主页中，有我的微信个人订阅号二维码和 Github 主页地址；我的知乎主页中也会坚持产出，欢迎关注。

本文内部编号经由我的 Github 相关仓库统一管理；本文可能发布在多个平台但仅在上述仓库中长期维护；本文同时采用【知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议】进行许可。

freeCodeCamp西安第三次线下编程活动体验