【第1212期】从平面设计师到前端工程师：五个月的转变历程
前言
周五看到的文章，被转行过程的做法感兴趣。如果你刚好想跨界转来做前端，觉得这篇可以看看。今日早读文章由@邵名浦分享。
正文从这开始～
2017对我来说，是个高潮迭起的一年。
我在三月份离开了梦想的设计师职位，并在前端代码的深渊里自学了五个月之后，如愿以偿成为了転転的前端工程师。
那五个月的时间里，因为行业信息实在太多，有太多的东西要学，对我这个毫无数学天赋、计算机课都直接复制童鞋的一类人而言人，多数时间都是充满焦虑和迷茫的。所以一年后，我重新检视了去年的学习过程，并且整理出简单的心得跟建议，希望能给像我一样的人提供一些帮助。
所谓标准的一类学生意思是，我的物理跟化学永远都在及格线边缘，数学甚至考了三级分，大学念的也是最安全的英文系。
学好英文真的很重要，否则很多资源都无法最有效的利用。
虽然做前端或写代码跟任何传统学科的表现能力不成正比，但在对数字、公式或方程式都充满恐惧的状况下，学生在没有被正确引导的情况下是不可能对写程序有任何的好感。
因此，整个学生时期我都遵循着我天生对绘画、音乐、电影和设计的向往，也靠着自学在退伍后圆梦称为一名设计师。简而言之，工程师这三个字去年之前从来都不在我任何一块人生的规划当中。
为什么想接触前端
平面设计跟任何专业一样，有很多种切入的角度。但对我来说，平面设计的意义在于被无形的逻辑与架构支撑而起美的视觉来解决问题。
我一直都相信，这样以解决问题为出发点的设计思考有能力（也有责任）去处理世界与社会面对的各种棘手的难题。当然，我相信多数爱设计的人都和我一样，第一次打开Photoshop或Illustrator的时候都只是为了画出漂亮的东西，没有任何额外的思考。但我对设计的了解越深越广时，我越来越无法接受自己创造的视觉只是扮演美化的角色，而丧失解决问题的精髓。
但理想毕竟只是理想。
虽然平面设计在台湾（或者全世界都是如此）的影响力在近几年有扩大的趋势，但多数的平面设计工作者面对的市场还是让人失望的。很多时候，平面设计师只被允许去解决客户的问题，而不是客户真正面对的问题。因此，设计师们多半只能在没有可靠信息分析的情况下，运用直觉、经验或天赋猜测客户的喜好。既没有效率，也让人疲惫。
在面对这样的情况两年后，我决定开始看看网络上很火的前端开发相关的文章，了解一下我的设计能力可以拓展的方向。
简单浏览之后，我发现前端工程结合设计能够达成的效益毋庸置疑的高大上了很多。而且相对于平面工作，拥有写代码的技能也能让自己对客户或项目有更大的控制权和尊严。
因此，我在去年二月便放弃了平面设计的工作，在毫无计划也没有任何存款的情况下，毅然决然的踏进了转行之路。
怎么做
踏出第一步总是困难的。但如果你清楚了解自己的动机为何的话，事情会变得简单许多。举例来说，如果你成为前端的目的是尽快提高自己的收入，那必然要将市场流行的框架放入自己的学习清单之中。
对我来说，我就是要获得整合设计与前端开发的能力，所以我凭着对前端浅薄的只是列出了初步的学习清单：
目标
找到一份正式的前端工程师工作
怎么达成目标
开发一个自己的作品集网站，借此展现自己设计与前端能力
代办事项
学习HTML、CSS、jQuery、JavaScript
设计作品集网站
整理作品
Sass
Gulp
CS50
Basic Unix
Basic Wordpress
Jekyll
Basic AWS knowledge
Basic networking knowledge
起初我只列了以上这几点代办任务，但看了更多文章，教学和工作需求后，我又加上了以下的清单：
当然，信息爆炸的网络世界不只要求我学习这些东西而已。五个月的历程中，我还曾经把Node.js、React.js和PHP等更多技能都放进清单里。以上列出的清单是我最后有实际完成的任务。
为了让自己跟上进度，我给自己制定了一个一周48小时（大概是一周工作六天）的学习时间目标。为了跟踪自己的表现，我用了Toggl来帮助自己记录时间。
此外，我也利用长期目标、月目标、周目标、日目标 的方式来拿牌自己的学习计划。Asana是我管理这些日程的最佳助手。
在哪学
一路上，我曾经试过很多教学平台，也读过很多书跟文章。以下我会列出让我受益良多的资源，并附上自己的一些小心得：
学习平台
回想当初，我最痛恨的就是那种放了一堆看不懂的代码在屏幕上，而且还假设我对这些东西很了解、或者叫我先忽略这些东西的。请不要折磨我这种真的对那些代码一无所知，确确实实的初学者。这种视频不仅让我感受到挫折，甚至还会让我失去自信，请各种把初学者定位目标用户的视频网站不要再这样做了。
总的来说，没有一个可以学到所有知识的完美平台。我当初采取的方式是尽量保持弹性：如果需要付费就付月费，并且采取各个平台的优点。
Codecademy：很多人推荐这个平台作为入门选择，但我个人在这里感受到的挫折却异常的多。因为我总是卡在某个地方不知道要怎么做，也不知道问题出在哪里。
Code School：这里的老师节奏刚好，讲课方式也很有耐心，推荐
Treehouse ：花最多广告费的平台！作为教学平台的销售大王，Treehouse的确吸引了我这种迷茫的注意。这个平台的教学范围很广，品质也不错。像Wordpress这种主题的教学在其他地方都很久远了，但Treehouse却提供了很不错的教程。
freeCodeCamp：超爱FCC！这个社群不仅提供初学者一个简单明了的学习路线，而且还会在恰当的时机让学生开始做一些小东西。如果学完一轮基础HTML，CSS和Javascript后不知所措的花，可以来这里看看，非常推荐。
Youtube
The Coding Train：这个由纽约大学ITP课程教授Daniel Shiffman主持的频道是我看过最有活力的一个。视频都很容易跟得上，推荐
thenewboston：也提供各种各样的主题系列。主持人Bucky很懂怎么把复杂的概念讲的很简单。
Academind：同样拥有各种简易好学的教学，赞
Fun Fun Function：这个频道是由曾任Spotify 和 Blackberry 的 Mattias Petter Johansson 主持的，是个专注在JS的教学平台。
Linux Academy：我在这里轻易的学到了基本的AWS知识，推荐
Computerphile：这个频道讲的是各种计算机科学相关的话题。虽然大多数的内容可能永远都无法搞懂，但我喜欢边吃饭边看看这些聪明的人怎么玩计算机。
Eli the Computer Guy：提供不少networking和服务器相关的视频。
mycodeschool：这是我在上CS50时最好的伙伴，很多程序相关的知识都可以在这里补充，很喜欢。
好文章
文字的力量非常适合为人生道路做指引。在五个月的历程中，我经历的好几次低潮都是靠这些文章的力量支持下去的
Why Learning to Code is So Damn Hard
I learned to code, build a web app and launch it on Product Hun in 2 months
Why I studied full-time for 8 months for a Google interview
How to Go From Hobbyist to Professional Developer
Learn To Code in 2017, Get Hired, And Have Fun Along the Way
The Ultimate Guide to Learning Full Stack Web Development in 6 months, for $30
其他有用的资源
JavaScript: Understanding the Weird Parts ：如果对js有很多疑惑的话，蛮推荐这个课程
CS50 at Harvard ：虽然基础的电脑科学不是前端必备的相关知识，但我还是忍不住上了这堂课，因为实在是太有趣了
NYMY — Episode 1 — Pieter Levels ：这个广播节目是由非常厉害的设计师Tobias van Schneider 主持的，而这一集的受访人是NomadList的创办人Pieter Levels。他分享的人生故事让我对成为一个coder／designer 可以拥有的可能性产生无比的憧憬，也支持我继续学下去的。
如何找工作
在不停的学习、设计和开发了四个月之后，我才终于对广博的前端世界有了那么一点眉目、作品集网站也完成的差不多了，而且我的存款也只够我再支撑一两个月房租跟生活费了。
没错，是时候开始找工作了。
非常残酷的现实是，我能投的公司大概不超过五家。因为大家都想要有经验的，没什么公司想录用我这种毫无背景又是零经验的工程师，而且我的设计能力也无法再这些地方加分。
不过，往好处想的话，这个情况却让我能够全力为仅有的宝贵机会做好准备。
転転是我过去几年来一直有在支持的案例。因为他们是台湾少数有能力同时驾驭设计、开发和创新能力的公司，所以転転一直都在我的口袋梦想清单里。而且我真的绝的这里是台湾唯一会欣赏我的设计跟学习能力，并且愿意给我机会的地方。
所以，最后的两个月我的任务清单除了完成作品集网站外，最重要的就是尽量掌握転転前端工程师的岗位职责。到了时机成熟的时候，我才正式投出简历跟作品集，同时也投了四五家公司做后备。然后就是等待时间。
最后我终于拿到転転的职位了。
总的来说
回过头来看这五个月，我绝不会说其实从平面设计转前端很简单，但好像也没有这么可怕。过程中，最困难的地方都不是看懂或写那些程序，而是找到并且维持驱使我克服困难的动力。
如果你已经找到这种动力了，一切都会迎刃而解。如果没有，就再给自己多一点尝试的机会吧，毕竟人生总是要试了才知道，否则只会永远在原地打转。
我相信动手尝试的力量真的很大，因为我在那五个月学到了最重要的精神就是做就对了。踏出第一步总是困难又可怕，但只有亲自实践是学习的唯一方法，总而言之，我很高兴自己能撑过了那五个月换来了転転的前端岗位，也持续在学习新的东西让自己更有能力完成目标。
持续学习，持续努力。
最后，为你推荐
关于本文
作者：@邵名浦
原文：https://share.tenten.co/graphic-designer-to-front-end-developer-ch-3e1ac681eea8