测试转前端 - 一个平凡的小故事

Hi~ 你们好，我是 Joking Zhang，是一名练习时长长达2年半的前端打字员。今天想给你们讲讲个人编程故事~

1 编程那些年

1.1 缘起

我来自于一个比较普通的本科院校。上学的时候，也只接触过C语言，Java语言，以及一些计算机相关的知识。周围同窗学习编程的目的，也只是为了应付考试。可能由于大一C语言学的比较好的缘故，大二的时候老师找到我，说有一个 ACM 编程比赛，问我有没有兴趣。当时，我仍是蛮兴奋的，由于这件事让我看到了编程除了应付考试还有别的可能性，坚决果断的就答应了。这个比赛我准备了半年的时间。当时基本已经放弃了一部分课程，打印了不少 ACM 的题目，天天上课就带上一两个 ACM 的题目，和一本小词典，趴在最后一排去想怎么解题。由于缺少系统的训练，更难算法的学习，最终和小伙伴只拿到了省赛三等奖的成绩。Joking Team 是咱们的队名，这也是笔名 Joking Zhang 的来历吧。比赛当晚，和两个小伙伴坐在操场，一人一瓶啤酒，畅谈人生和理想。恰巧此时，远方的天空升起了色彩缤纷的烟花，好像在为咱们庆祝同样。我当时暗自下定决心，之后必定要写代码啊~

1.2 教练，我想写代码

毕业以后去了一家北京的小公司。当时全公司的技术栈都是 JS，后端也是用 Node.js 开发的。我没有相关经验，也只能先从测试的工做开始入手。熟悉了测试的工做以后，发现公司常常会有一些前端的外包工做，就开始自学前端，JS，逐步承担了一些前端，帮后端传数据，使用 Node.js 写脚本处理 Excel 的工做。由于一我的扮演了太多角色，天天就是很累，也没什么积累。但也由于没有什么积累，普通的学历，更不敢出去面试，还安慰本身，这样也还不错。

硕大一个北京城，面对单调的生活，没有什么奔头的日子，日渐肥胖的身体，因而想去尝试下健身。我先去了某熊快跑，天天只是简单的跑步，以及跟视频作一些训练，没怎么瘦下来，还感受健身蛮无聊的。后来去了某刻健身，刷了 100 多节团课，认识了很多人，也瘦下来很多。这里没有说哪家健身房很差，只是想说应该找一个更加适合本身的环境。当时就下定决心要为本身争取一个更好的编程学习环境，一个纯前端开发工做。

刷了一下招聘网站，React 当时比较火，就用 React 作了一个博客，辞职出去面试了。当时投了100多份简历，由于工做经验的缘故，只有5家约我去面试。比较幸运的是，遇到了如今的老大，愿意把我当成毕业生，招进去培养。

1.3 平台期

转眼间，一年过去了，在作了一年纯前端开发的工做以后，技术获得了很多的成长，可是也到了一个平台期。由于一直都处于野蛮生长，没有系统的学习，我也不太清楚怎样能让本身变得更厉害。在这期间还发生了两件事情，一件是我去学了 poppin（街舞），另外一件是我开始尝试在思否翻译文章。

poppin 的练习，在外人看起来仍是蛮无聊的，重复的动做，一遍又一遍练习。可就是这种傻傻的付出，却让我一点一点学会了solo。我也开始明白，如何去慢慢把一件事作的更好。

在思否翻译文章的初衷是：一、英文没有那么好，阅读英文文档有些吃力；
二、处于瓶颈期，想要进步，但愿系统的学习前端的知识，可是市面上中文的技术书籍，博客文章不少，能让我本身读起来赏心悦目，又十分符合本身目前想学的却比较少。
三、老外写的东西还不错，质量很高，且包含大量示例（我一直认为：不包含示例的技术博客就是耍流氓🤣）

后来也由于文章被推荐，被关注，被公众号转载，认识了更多小伙伴。这些正反馈也让本身在学习前端的路上多了一点动力。

2 将来

最近我辞去了上一份工做，参加了很多面试，发现本身不论从知识的广度，深度，项目的架构能力来讲都还很欠缺，也想在这里总结下接下来的学习计划。

2.1 如何学习

写Demo

在平时的工做中，咱们每每只是负责一部分业务开发的工做，咱们固然能够把这个过程当中碰到的每个概念，都搞清楚，学明白。可是业务开发中接触不到的东西，好比项目架构的能力，部署运维能力，网络方面的知识，新技术的学习。想要得到这些能力，只去看一些文章，确定是达不到的，惟有实践才是惟一方法。根据这些知识点，去作一些小而美的 Demo，让本身的 GitHub 活跃起来！

阅读，翻译

刚开始写博客的时候，天天的问题都是：我这篇应该写什么？其实，确定是平常工做中遇到的坑，填平了以后，总结成文章会比较有收获；或者系统的学习某个知识点，写 Demo 并整理成文章。可是对于我这种新手来讲翻译他人的文章，阅读优秀的书籍、博客，翻译文章，会有更大的收获，也为本身写博客打下基础。

阅读源码

这方面，我作的比较少，目前也只是看过 Antd Modal 组件 Confirm 组件的封装，当时就是以为这种命令式调用组建的方式比较神奇，不须要组件内部设置属性来控制UI的展现，公司也有相似的实践，本身也尝试实现了一个：Modal.open 。这个过程必定会让本身接触到工做中接触不到的知识，从而提高本身，而且更好地服务与工做。

Codewars

Codewars 是一个编程练习网站，相似于 LeetCode，可是它也增长了：经验、等级、战队、排行榜等要素，让练习的过程更加有趣。LeetCode 的题目主要来源于各大科技公司的面试题目，比较正规，适合准备面试；Codewars 则更加偏向于实际运用，对于提高编程技巧有很大的帮助。

关注社区，论坛

当搜索引擎不能解决咱们遇到的问题时，也能够尝试借助社区，论坛的力量。我以前遇到一个问题，就是我在实现一个自定义 hooks 时给本身挖了一个坑，尝试了一夜都毫无结果，决定求助于 思否社区 和 stackoverflow 社区，次日早上就有回复了。（点上面两个连接能够看到问题~）

2.2 Demo List

• [ ] 我的博客
• [x] MDN 本地图书馆网站（LocalLibrary）先后端分离版 技术栈：React，Express，MongoDB
• [ ] 《Node.js实战：使用 Egg.js + Vue.js + Docker 构建渐进式、可持续集成与交付应用》 学习并实践
• [ ] Ant Design Pro
• [ ] Ant Design Mobile
• [ ] React Native
• [ ] Weex
• [ ] 微信小程序
• [ ] PWA
• [ ] Flutter
• [ ] 快应用

3. 总结

互联网人中年危机，比其余行业来的更早一些。任什么时候代的组织进化、干部年轻化运动都有助于保持企业的活力，从人性的角度来讲，每一个人都有温馨区和懈怠期，“企业要创造一个让中止成长的固定型思惟人群没法停留的生态环境和组织机制”。因此，若是咱们想在这个行业让本身保持活力的话，就让本身快速成长吧！

本文参与了 SegmentFault思否征文 「一块儿分享你的故事」，欢迎正在阅读的你也加入，分享你的故事。