黑客解码:Codepip 创始人 Thomas Park

欢迎来到我们的黑客:解码访谈系列!

每月一次,Mozilla 基金会Xavier Harding与科技行业的人士进行交流,了解他们的背景、工作以及驱使他们不断前进的动力。请务必关注 Mozilla 的Hacks博客,以获取本系列中的更多文章,并访问 Mozilla 基金会网站,了解我们组织的更多工作。

认识 Thomas Park

Thomas Park 是一位居住在美国(具体来说是费城)的软件开发人员。此前,他曾在德雷塞尔大学担任教师和研究员,甚至还在 Mozilla 基金会工作了一段时间。现在,他是Codepip的创始人,这是一个提供游戏来教玩家如何编程的平台。Park 自己也制作了几款游戏:Flexbox Froggy 和 Grid Garden。

我们通过电子邮件与 Thomas 就编码、他最喜欢的应用程序以及他在 Mozilla 的过去生活进行了交流。请查看下面的内容,并欢迎来到黑客:解码系列。

Thomas,你是怎么开始的?你是如何进入科技行业的?你写的第一个代码是什么?Thomas Park 的起源故事是什么?

我写的第一个代码是在小学时。我们接触了Logo,这是一种教育编程语言,用来用一只海龟(一个形似动物的小光标)绘制图形。我绘制了一件简陋的武器,它发射了一束动画激光束,下面写着“LAZER”,但拼错了。

之后,我从编码中休息了很长时间。偶尔尝试一下 HyperCard 和 HTML,但直到上大学才认真学习。

大学毕业后,我在约翰·霍普金斯大学天才青年中心远程教育部门工作,设计和教授在线课程。在那里,我意识到我们使用的技术在多大程度上影响了学生的学习体验。我也意识到这些技术的設計應該如何改進。这促使我去研究生院学习人机交互,专注于教育技术。在那期间,我编写了大量的代码来构建原型和分析数据。

什么是 Codepip?是什么让你想要创建它?

Codepip是我创建的用于编码游戏的平台,这些游戏可以帮助人们学习 HTML、CSS、JavaScript 等。最受欢迎的游戏是Flexbox Froggy

Codepip 实际上起源于 Mozilla。在研究生院期间,我在 Mozilla 基金会实习。当时,他们有一个针对教师和学生的代码编辑器,叫做 Thimble。在我的实习期间,我与 Mozilla 的员工合作将教程功能集成到 Thimble 中

无论如何,通过这次实习,我得以参加Mozilla Festival。在那里,我遇到了许多人在 Mozilla 内部和外部做着出色的工作。其中一位是一位才华横溢的设计师,名叫Luke Pacholski。到那时,他已经创建了CSS Diner,这是一款关于 CSS 选择器 的游戏。我们开始聊起其他游戏创意。

从 MozFest 回来后,我花了大约一个月的时间在周末制作 Flexbox Froggy。我对游戏所受到的欢迎感到震惊,无论是想要学习 CSS 的初学者,还是对这个称为 flexbox 的强大 CSS 模块感到好奇的更资深的开发人员。对我来说,这证实了编码游戏可以很好地补充更传统的学习方式。从那时起,我制作了其他游戏,涉及 CSS 网格、JS 数学、使用 Emmet 的 HTML 快捷键等等。

在过去几年里,游戏化的在线学习变得非常流行,你仍然推荐和使用哪些传统方法?

如果你把它叫做老式方法的话,那就是参考文档。我经常访问MDN Web 文档来学习 CSS 或 JS 的某些方面。这些文章内容详细,并附有大量示例。

偶尔我会深入研究W3C 标准,尽管浏览该网站可能很困难。

对于你使用的任何第三方库或框架也是如此——阅读文档!

你希望在你刚开始编程的时候就知道的一件事是什么?

我希望我在刚开始编程的时候就懂得 Git。实际上,我希望我现在就懂得 Git。

对你的项目进行版本控制永远不会太早。注册一个免费的 GitHub 帐户,安装 GitHub 的客户端或学习一些基本的 Git 命令,并备份你的代码。如果你愿意,你可以选择公开你的代码,不愿意的话就选择私密。没有借口。

此外,几年后当你精通你的技能时,你可以从回顾你的旧代码中获得一些乐趣。

你现在敬佩谁的作品?还有谁应该得到更多人的关注?

我很好奇其他人会怎么回答这个问题。我觉得我对这方面不太了解。

不过既然你问了,我会说在涉及高风险的网页设计方面,Stripe 和 Apple 的团队多年来一直是黄金标准。我会浏览他们的网站,并从无数小的、几乎无法察觉的细节中获得灵感,这些细节加起来就变得很神奇。或者,你也会看到一些让我震惊的东西。

在更个人化的层面上,还有Diana SmithBen Evans的艺术作品,它突破了纯 CSS 的可能性边界。我喜欢Lynn Fisher对奇怪的副项目所付出的努力。而且我敬佩Josh Comeau在技术主题方面的写作的可读性。

在你的人生旅程中,有哪些是你履历表或 LinkedIn 页面上没有体现出来的?

我的履历表讲述了一个连贯的故事,将我的教育和工作经历串联起来。仿佛有一个总体计划指引我走到今天。

事实是,我从未将一切规划得清清楚楚。我尝试了一些我喜欢的,也尝试了一些我发现我不喜欢的,还发现了完全陌生的行业。总的来说,这段旅程令人欣慰,我很幸运现在能够从事我热爱和充满激情的工作。但这需要时间,而且也可能会发生变化。

一些初学者可能会感到沮丧,因为他们没有像其他人那样将自己的职业生涯从 A 到 Z 地规划出来。但我们每个人都在自己发现自我的旅程中,即使我们为潜在雇主、家人和朋友描绘的图像是单一路径的图景。

自从这场疫情以来,你意识到了什么?无论是与科技相关的还是其他方面的?

除了科技之外,我意识到我非常感谢所有冒着风险来维持社会运转的医护人员、教师、看护人员、清洁工和餐饮服务人员。有时我会瞥见没有他们会发生什么,那可不是件好事。

与科技相关的是,疫情将许多科技趋势提前了数年甚至数十年。并非所有事情都像 Blockbuster 被 Netflix 取代那样明显,但各个行业都在发生不可逆转的变化,新的技术正在推动着这一变化。这确实强调了,为了生存和繁荣,我们作为科技工作者必须时刻准备好在瞬息万变的世界中学习和适应。

好吧,这是一个随机问题——你被困在一个荒岛上,除了智能手机之外什么都没有。你最离不开的三款应用程序是什么?

假设我会在那里待一段时间,我肯定需要我的播客。我一直使用Overcast作为我的播客应用程序。我会把它装满一些99% InvisiblePlanet Money。虽然我可能只需要一集Hardcore History就能让我坚持到获救。

我还会使用Simplenote来满足我所有的笔记需求。在笔记方面,我更喜欢 Simplenote 的极简主义、低摩擦方式来管理我的待办事项和项目。或者在这种情况下,计算白天和黑夜。

假设我有信号,我的最后一个应用程序是 Reddit。虽然大型子版块获得了最多的关注,但还有许多较小的子版块拥有强大的社区和深思熟虑的讨论。只要避免从那里获得的财务投资建议。

最后一个问题——你的下一步计划是什么?

我正在为一款名为Disarray的新编码游戏做最后的润色。你扮演一位清洁专家,使用pushsortsplicemap等 JavaScript 方法来整理家庭物品数组,让房主感到快乐。

以及计划制作续集。可能是一款关于数据库的游戏……

Thomas Park 是居住在费城的软件开发者。您可以在 这里 关注他的工作,并关注 Mozilla 的 TwitterInstagram。您可以在此博客上关注未来 Hacks: Decoded 系列的文章。

关于 Xavier Harding

Xavier Harding 是 Mozilla 内容团队的作家。之前,Xavier 是一名记者,报道消费科技和科技行业。过去,Xavier 曾为《大众科学》、《BuzzFeed》、《Lifehacker》、《Mic》、《新闻周刊》、《财富》和《Vox》撰稿。最近,Xavier 在 The Markup 工作,并在 2019 年凭借其关于一位电影摄影师如何为 HBO 剧集《不安全》中黑人面孔进行适当打光的报道赢得了 Webby 奖——该报道的观看人数达到数百万。现在,在 Mozilla,Xavier 协助开展诸如 Newsbeat、Breaking Bias 以及 Dialogues and Debates 访谈系列等宣传项目,这些项目关注科技主题,例如虚假信息、接触追踪以及科技在解决种族不公问题中所扮演的角色。

更多由 Xavier Harding 撰写的文章…