我如何在 5 个月内从平面设计师转为前端工程师

微信扫一扫,分享到朋友圈

我如何在 5 个月内从平面设计师转为前端工程师

2017 年对我来说是一个坎坷却又令人兴奋的一年。 我在三月份辞去了平面设计师的工作,转战编程世界领域。自学五个月后,我终于成为了 Tenten.co 的前端工程师。

在作为全职前端开发人员六个月后,我想分享我为何改变人生道路以及如何调整自我的故事。希望对那些像我一样缺乏帮助但踌躇满志的人有所帮助。

首先明确一点,这篇文章并不是从那些能够阐明清晰的学习路线图的经验丰富的开发人员或设计师的角度撰写的,同时也不是学习前端开发的速成课程。关于如何学习的主题有很多很棒的教程,我会在文章后面列出一些。

请记住,每个人都不存在所谓的完美人生路。

我的背景

我是一位24岁的根本没有编码经验的平面设计师。 在我的学生时代,数学、物理、化学和理科的考试成绩非常差。这些学科的公式、数字让我感到沉闷而复杂。当时我感兴趣的是那些美丽的绘画、音乐和文字。也因此,我选择英语作为我的专业,并且在大学里被文学、文化、摄影和设计的美所深深吸引。

至于我是如何在大学里自学设计,并在毕业后最终成为一名平面设计师则是另外一个故事。 重要的是直到去年,我都向往着成为一名作家、摄影师、电影评论家、歌手或设计师,我从未想过我会成为一名开发者。

为什么我想编程

对我而言,平面设计的意义在于以被无形的逻辑与架构支撑而起的美的视觉来解决问题。

鉴于我们的世界面临着各种棘手难题,我一直都相信,这样以解决问题为出发点的设计思考有能力去处理这些问题。当然,我第一次打开 Photoshop 时也只是为了画出漂亮的东西,没有额外的思考。但当我对设计越是了解,我就越渴望自己创造的视觉拥有解决问题的精髓(而不只扮演美化的角色)。

但在多次努力尝试实现我的抱负之后,我对平面设计在台湾(或者全球?)可能产生的影响颇感失望。

我仍然相信伟大设计的影响力和重要性。但多数情况下,设计师只允许处理“客户的问题”,而不是解决“客户实际遇到的问题”。设计师多半只能在没有可靠资讯分析的情况下,依靠直觉、经验或常识,花费大部分时间来揣测客户的意愿。

在面对这样的情况两年后,我对平面设计的职业生涯感到厌倦。

那时我决定认真研究一下中型企业一直热衷的前端开发话题。

我发现作为一名具有设计技能的开发人员,你可以对每个案例和客户拥有更多的控制权和尊严。此外,从事 Web 开发或应用程序开发可以让你高效地传播信息。

因此,我在二月底辞掉了平面设计的工作。在毫无计画也没什么存款的情况下,毅然决然的踏进了转职之路。

怎么做

迈出第一步总是很艰难。但如果你清楚自己的动机是什么的话,事情会变得简单许多。例如,如果你成为开发者的目的是尽快提高自己的收入,那必然要学习市场上的热门技术。

就我而言,因为我意识到我就是要获得整合设计与前端开发的能力,所以我专注于学习并展现这两种能力。

所以,我设定了一个目标,并用我对前端开发浅薄的理解列出了初步学习清单:

1.目标

找到前端开发的工作

2.如何实现目标

架设一个自己的网站,以展现我的能力

3.待办事项

  • 学习 HTML、CSS、jQuery / JavaScript

  • 结合两种技能设计网站

  • 整理作品

起初,我只为自己列了以上任务。但当我阅读了更多的文章、教程和工作要求后,我又一个个加上了以下清单:

  • Sass

  • Gulp

  • CS50

  • Basic Unix

  • Basic WordPress

  • Jekyll

  • 基本的 AWS 知识

  • 基本的网络知识

注意:当然,资讯爆炸的网路世界让我感觉到还有更多的东西需要学习。在这五个月中,我还曾经将 Node.js、React.js、PHP 等技能放入列表中。上述任务清单是我最终有完成的任务。

为了让自己跟上这个计划,我给自己设定了一个 48 小时/周的工作目标。这意味着我必须每天工作八小时,一周只休息一天。我使用 Toggl 来帮助跟踪自己的表现。

此外,我利用一个 长期目标 -> 月目标 -> 周目标 -> 日目标 的方法来安排我的学习时间表, Asana 是我管理这些日程的最佳助手。

在哪学

我尝试过从许多平台,教程或文章中学习。以下是各个资源的列表和我的一点心得:

学习平台

回想当初,我讨厌那些别人丢给我的代码行,因为我不知道该怎么做。有些人认为我无所不知,或者他们告诉我先忽略(这些东西的)教学。拜托, 我真的不明白屏幕上的那一行行代码是什么意思,因为我是一个彻彻底底的初学者。

这些教学不仅让我感到挫折,甚至还会让我丧失自信。总的来说,没有一个可以学到所有知识的完美平台。我只能试图尽可能地灵活选择,在它们之间弹性学习。

  • Codecademy – 很多人推荐它,但当时我对它的教程非常失望。我总是在坚持练习但没有任何收获。

  • Code School – 我在这里度过了很多时间,因为老师们解释问题非常清楚。推荐!

  • Treehouse – Youtube 上广告最多的一个!Treehouse 在市场营销方面做得很好,这起到了很好的作用(至少吸引了我这种迷茫之人的注意)。它涵盖了很多技术主题,其中一些对我来说非常有用。例如,很难找到适合前端开发人员的 WordPress 教程,但 Treehouse 就有一个。

  • freeCodeCamp – 我对 freeCodeCamp 十分喜爱!这个社区有一个清晰的初学者学习路径,它们知道什么时候放手让学生动手实践。在学习基本的 HTML、CSS 和 JavaScript 之后,我曾经担心下一步该做什么,但 freeCodeCamp 将开发一个小项目放在我学习路径上的正确位置。该社区分享了许多优秀的文章并通过电子邮件通知我。强烈推荐!

Youtube 频道

这是一个免费有趣的最佳学习场所。 Youtube 视频非常适合从播放列表中从头到尾学习某些技术主题,还可以方便地体验一些有趣的知识。

  • The Coding Train – 由纽约大学 ITP 教授 Daniel Shiffman 主持的频道是我看过最有活力的一个!教学影片都很容易跟上。

  • thenewboston – 涵盖了我能想到的几乎任何主题。主持人 Bucky 很懂得把事情化繁为简。

  • Academind – 提供各种教程,易于学习。十分推荐。

  • Fun Fun Function – 主持人 Mattias Petter Johansson 是一位曾在 Spotify 和 Blackberry 工作过的开发人员。他的频道是以简单的方式学习 JavaScript 的好地方。

  • Linux Academy – 我在这里学习了一些 AWS 的基础知识。很不错!

  • Computerphile – 这里的视频都是关于电脑科学相关的东西。我可能永远不会真正明白他们在说什么,但我很感兴趣。

  • Eli the Computer Guy – 我在这里学习了有关网络和服务器的知识。

  • mycodeschool – 我最好的伙伴,让我通过了 CS50 。它清楚地解释了计算机科学的东西 , 我爱它。

值得一读的文章

阅读是你通晓人生路径或是找寻灵感的完美媒介。在过去的五个月中,我曾多次遭受挫折,是这些优秀的文章吸引了我的注意力,让我不觉痛苦。这些都是我最好的生活指南:

其他有用的资源

  • JavaScript: 明白其奇怪的部分 —— 优秀的 Udemy 课程为我理清了许多原本混淆的地方。强烈推荐。

  • 哈佛大学 CS50 —— 虽然基础的电脑科学不是前端必备的相关知识,但是我无法抵挡上这门课的诱惑,因为它太有趣了!

  • NYMY-第一期-Pieter Levels —— NYMY 是一个由天才设计师 Tobias van Schneider 主持的播客节目。他在这一期节目中采访了 NomadList 的创办人 Pieter Levels 。很多次我情绪低落的时候,我就听听 Pieter 的故事。这一个小时的节目我对成为一个 coder/designer 可以拥有的可能性产生无比的憧憬。

如何找工作

在大约不停的学习编码和设计4个多月后,我最终对前端的东西有了一点眉目。我的作品集网站也差不多完成了80%。那时我的积蓄也仅够维持我一两个月的生活。

是时候开始找工作了。

不幸的是,我并没有过多选择。没有多少公司想要一个没有相关开发经验或背景的人,我的图形设计能力也没能加到分。另一个令我感到悲伤的是,可能适合我的工作机会还不到五个。不过乐观一点想,这种情况也逼迫着我将全部精力集中在了这些宝贵的机会上。

Tenten 这家公司我已经观察了至少三年。在台湾,它少数有能力同时驾驭设计,数位开发和创新能力的公司。我一直将它列入我的“梦想雇佣”名单里,而且我觉得 Tenten 也是唯一一家欣赏我多领域技能的公司。

在我自学之旅的最后两个月里,我尽可能多地学习关于 Tenten 初级前端开发者职位的需求清单。同时,我完成了我的作品集网站。等到时机成熟的时候,我正式应聘了这个职位。同时我也向其他五家公司投递了简历和个人作品集作为备案。然后,就是等待时间。

最后……

微信扫一扫,分享到朋友圈

我如何在 5 个月内从平面设计师转为前端工程师

微服务架构下分布式事务解决方案 —— 阿里GTS

上一篇

iMessage: 5 changes we'd like to see in iOS 12

下一篇

你也可能喜欢

我如何在 5 个月内从平面设计师转为前端工程师

长按储存图像,分享给朋友