龙空技术网

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

IT技术之家 850

前言:

现时大家对“codephp”大概比较看重,你们都需要学习一些“codephp”的相关知识。那么小编同时在网摘上网罗了一些关于“codephp””的相关文章,希望咱们能喜欢,小伙伴们快快来学习一下吧!

我的背景

我是一位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 。它清楚地解释了计算机科学的东西 , 我爱它。

值得一读的文章

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

为什么学习编写代码是如此的艰难

在2个月内我学会了编码,构建除了一个 Web 应用并将其发布到了 Product Hun 上;

为什么我要全职学习8个月,以应对 Google 的面试;

如何从业余爱好者转变为专业开发人员;

在2017年学习编码,获得聘用,并畅想其中的乐趣;

在6个月内学到 Web 开发全栈技术的终极指南,只要30美元哦。

其他有用的资源

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

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

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

如何找工作

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

是时候开始找工作了。

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

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

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

最后……

回顾

回过头看,我不会说从平面设计转开发很容易,但也没有我之前想象的那么难。过程中最艰难的不是看不懂或不会写代码,而是找到驱使前进的强大动力。

如果你已经找到这个动力了,那么恭喜你。如果还没有,在放弃之前多做几次尝试吧。毕竟如果你不去试,你将永远不会知道(能不能行)。

在这个过程中我学到的最重要的东西是:努力去做就对了!我知道万事开头难,但是这是真正学习一些东西的唯一途径。记住,反正你也不会失去什么。

正式成为一个开发人员之后的生活和困难就是另外一个故事了。

总而言之,我很高兴已经进入 Tenten 并成为一名前端开发者。学习的旅途绝不会停止!

标签: #codephp