Day 30 - 从写对到写好

前言

第一次参加铁人赛，完赛的这一天，简直像是学测考完走出教室的感觉！充满兴奋与骄傲！

一方面是成功坚持了 30 天的纪律，另一方面是，把一些自己知道的知识汇整，成为一整个系列文，或许多多少少还可以帮助一些新手，就觉得很替自己骄傲！

总整理

其实这 30 篇文章也真的是写到哪算到哪，所以有些地方接起来不是那麽顺，这边帮摸不着头绪的朋友整理一下：

基本上 Day 2 - Day 20 比较是实作上的用法，语法与实战都会比较多。

而 Day 21 - Day 29 则是比较偏心态、工具、观念的部分，会有较多职场软实力的分享。

我这试着更细微分类：

• 走过路过想知道这系列在做什麽 系列
  • Day 1 - 写「好」程序是什麽样的感觉？
• 基本语法的实战系列
  • Day 2 - Array 阵列组合技 (1)
  • Day 3 - Array 阵列组合技 (2)
  • Day 4 - Object 物件组合技
  • Day 5 - 阵列与物件的进化 - Set & Map
• 语法的进阶应用系列
  • Day 8 - Functional Programming 初探 (1) - HoF 与 Side Effects
  • Day 9 - Functional Programming 初探 (2) - Currying 与 Composition
  • Day 10 - Functional Programming 初探 (3) - 实战购物车流程
  • Day 11 - OOP 初探 (1) - Closures 与继承链
  • Day 12 - OOP 初探 (2) - Class
  • Day 13 - OOP 初探 (3) - 实战地图游戏
  • Day 24 - 资料结构入门理解
  • Day 25 - 演算法入门理解
• 非同步脉络系列
  • Day 14 - Asynchronous 非同步核心
  • Day 15 - Asynchronous 非同步进化顺序 - Callback 与 Promise
  • Day 16 - Asynchronous 非同步进化顺序 - Async/Await
• 型别转换的坑洞系列
  • Day 18 - 未知与空值 undefined、null、NaN
  • Day 19 - 相等判断与型别转换
  • Day 20 - OR、AND 的活用方式与短路取值
• 工具系列
  • Day 22 - Formatter 与 Linter - 提升程序品质工具
  • Day 23 - 开发人员工具的日常
• 高品质的 code 系列
  • Day 6 - Function 时空旅行 (1) - 参数优化
  • Day 7 - Function 时空旅行 (2) - 拆解与命名
  • Day 17 - Error Handling 错误处理
  • Day 21 - Code Review
  • Day 26 - Clean Code 迈向更好读、好维护的程序
  • Day 29 - 浅谈测试 - 令人安心的保护网
• 高品质的 coder 系列
  • Day 27 - Clean Coder 时间管理与专业人士
  • Day 28 - Clean Coder 时程与承诺

延伸阅读

写成这 30 天当然也不会全都靠这颗脑袋，有很多灵感与主题，都来自一些我手边的学习教材，但我都只撷取了冰山一角，所以如果看完这系列文章，还想要看一些差不多等级的学习资源，以下都可以参考哦！

Udemy - 外国线上课程平台

国内外都有很多不错的学习教材，尤其 JavaScript 是非常热门的语言，想学 FP/OOP/资料结构/演算法 都可以找到 JavaScript 的版本。

但如果不排斥听英文，真的！拜托！一定要去看看外国的 developer 教学，毕竟 JavaScript 也是外国发明的，透过英文来讲述这个程序语言，很多时候都更精确得多，再加上台湾人跟外国人的思考方式有些微不同，所以往往能够从不同角度看同一件事情，非常有趣！

看外国讲师帮变数命名，是件非常疗癒(?)的事

这边仅推荐我有参考到的课程，都来自这个讲师 Andrei Neagoie，是一个超人气的讲师，不只本身是厉害的 developer，对於教学也是身经百战。

我个人认为的特点是，有很多自制的流程图、图像 icon，对於视觉系的人来说非常好理解！这边偷一张图过来支援：

讲英文相对比较慢，但抑扬顿挫很清楚，所以像我这种英听不好的都能大概听懂，再搭配字幕的话，就完全能够理解。(是真的有差，其它讲师我都听不太懂QQ)

• JavaScript: The Advanced Concepts
• Master the Coding Interview: Data Structures + Algorithms

教学书

这边我不特别推荐语法书，因为别忘记这系列文的主题，不是来教大家写对程序的，而是一起来探讨什麽是「更好」的程序。

因此下列推荐的几本书，都是属於「不会被时代淘汰」的经典书，即便里面的工具、语法可能会过时，但里面在讲的重点是核心概念，核心概念是不会过时的。

• Clean Code
• The Clean Coder
• Effective JavaScript (好像绝版了，附上电子书版本)

铁人赛闭关生活

是的，铁人赛真的不是人过的，很多东西需要割舍与改变，因为在这 30 天中，人生挤进了一个 priority 非常高的任务，一些原本偷懒、耍废的习惯，都默默被含泪割舍了。

最明显的是通勤的时候，原本都会无所事事滑 FB、社会观察(?)、思考人生(?)，但这 30 天一律没空啦！全都拿来搜寻学习资料、找文章与思考主题。

甚至原本还有写日记的习惯，结果 9/16 一到，我的日记就断在这一天QWQ

然後假日时间更是重灾区，假日两天，如果没生个至少四篇出来，我就知道下周要吃土了，肯定又要在 10 点的时候上线跟我的队友说：「我在努力中！」

谨以此图吊祭我睡前牺牲的时光

团队的力量

这次很幸运有两位好战友，Jen & pjchender 陪我度过这难熬的 30 天，尤其是 15~20 天左右，囤货用尽、终点漫长，是最适合容易放弃的时间点。

真的是多亏有队友在，会觉得如果放弃，除了自己放弃，也等於团队无法完整走向终点，所以再怎麽辛苦都会想办法走下去！

我们会在 LINE 上互相加油打气，还会留电话在群组，以防有人睡着XD

所以，即便是写完全不同的主题，团队也能够发挥强大的支持力量，让人坚持走下去！如果可以请一定要揪同事、朋友一起参加！

铁人赛配备大公开

对於未来想要参加铁人赛的同学们，我可以分享这 30 天以来，我使用的工具们，这些工具对我这 30 天来说，真的是无比重要！

HackMD - Markdown 线上编辑器

HackMD 使用体验真的超赞！可以边打 markdown 边看成果，对於我这种视觉系(?)的人来说，是非常有效的工具。

还可以存范本(template)下来，我每天都会用范本先做一个简单的框架，里面就是基本的「标题」、「前言」、「结语」、「参考资料」，这样我就可以像在填萝卜坑一样，把对应的东西放进去即可。

其实主要是因为 IThome 这边的发文系统，只能储存一天的草稿，所以我没办法「囤货」，或者先写後天的稿，而 HackMD 完美解决，因此我通常是在 HackMD 打好草稿，然後再贴到发文系统，加几个 tag 标签就可以送出了。

我还会看最下方的「字数」，来判断今天是不是该休息了XD

Draw.io - 流程图绘制

这个 Google 提供的流程图服务非常方便，即便不会画画的人，也能够透过拖拉，放大缩小，像在操作小画家或 PS 一样，就把简易的示意图完成！

这 30 天内我一直在提到，我是视觉系的人(但美感真的 0 分)，所以如果在讲比较复杂的概念时，要嘛想办法去找图，要嘛我就自己画一张示意图，让读者能够看更有带入感。

一图胜过千万字啊！

Screen To Gif - GIF 萤幕录制器

当静态图片也不能表达的时候，我乾脆自己录一个动态的！

毕竟如果要放一个影片上来太搞刚了，所以直接把萤幕上的操作，录成 gif 图档，直接拖曳放到 HackMD 就自动帮你上传到 Imgur，真的超级方便的！

GIF 真的超级吸睛的，我只要看到文章里面有 GIF 都一定会盯着它循环两次以上！

结语

结束啦！

写了有够久的结语小新诗(?)也终於告一段落，整理文章需要理性脑，写这种没头没尾的小新诗，却很需要发挥想像力！所以每次写结语都在脑筋急转弯XD

其实只是单纯觉得，程序到头来也是在描述现实世界中的一些事情，只是为了效率与理解，我们才将它简化成一堆语法，逻辑转久了，却失去了它天生带有的浪漫，所以试着用文字去描写它们。

结果好笑的是，我今天试着抽一天的结语新诗来抽考自己，结果发现我居然对应不回去啊哈哈哈哈～所以说，还是当作抒情小句来看就好了！

我看了一轮，最喜欢的，反而是用字最简单的，而且它对应的天数也算满明显的，有兴趣的不妨猜猜看是哪一天罗！

我来自於你
来自於天空
来自於宇宙

特别感谢

特别感谢 TD 大大，是全能小精灵般的存在！帮助臻融一团队太多了！