web开发人员职业发展的11个阶段

ゝ一世哀愁。 2022-03-18 12:01 317阅读 0赞

来源：[GBin1.com][]

今天我们带来的是一篇有趣的关于web开发人员职业发展11个不同阶段的文章。 [ web开发人员][web]是个有着许多阶段，非常有趣并且拥有挑战的一个职业。考虑到这陡峭的学习曲线，你可以完全预期到你将经历挫折，启蒙，自以为是以及在这些心态之间的转变。在这篇文章中，我们通过一系列超犀利的动画视角来看看这些阶段，相信这将非常有趣。

## 阶段一 菜鸟 ##

![noob][]

在职业初期，我们总会有温热感，这段时期你对自己在做什么绝对是毫无头绪。就像是离了水的鱼，每一行代码都是一个谜。DOCTYPE？哈？见鬼的<div>是做什么的？第一个阶段是吓人的，可怕的，但同时也是令人兴奋的。有多少见鬼的语言在那里？

也许你最大的优势是你不知道这个兔子洞到底有多深，学习[HTML][]是第一步。

相关阅读：[HTML5专题教程][HTML5]

## 阶段二 迈出第一步 ##

![first step][]

虽然需要一段时间，你最终是会积累足够的知识让你迈出走向编码世界的第一步。如果第一阶段是势不可挡的“我们该从何开始”的时期，第二阶段是一个你需要慢慢开始建立你技能配套的时期。当然，[CSS][]样式定义语法对你而言仍然不熟悉，但是至少你可以在你新买的代码编辑器中稍作改变，然后再浏览器中看看效果。这真是个美妙的感觉！

相关阅读：[避免CSS初学者常犯的那些错误 ][CSS_]

## 阶段三 完全挫折 ##

![phrase3][]

想 象你在山洞中迷路，在每一个隧道中闪亮你的探灯为了寻找一条出路。每一步你都希望看到微弱的亮光。不幸的是，在你的企业中学习轨迹是一个陡峭的曲线。我很 抱歉的说，这斑点般的光亮不会持续很长一段时间。预计在这个阶段，你要花上数百个小时，不断的阅读技术书籍，拼命的尝试使得你的疯狂具有意义！

如果挫折太过庞大，事实上，我们每个人都认为，在我们职业生涯中一个点或另一点找到一个方法用准确的方法找到和平。你并孤单，坚持住，过不了多久，你将到达Aha阶段！

## 阶段四 Aha阶段 ##

![aha][]

“Aha”时刻是世上最美妙的时刻，当你突然间恍然大悟，有了种提壶灌顶的惊醒感觉！就个人而言，当世界全都入睡的深夜，我找到了这些代码的突破。在读了第八遍之后，曾经模糊的，现在至少某种程度上清楚了.....这个阶段是你所掌握的技术和语言开始被实现。

## 阶段五 脆弱的编码 ##

![fragile][]

和前面的阶段一样，脆弱的阶段是一个漫长的阶段。在这个时期，你成功的构建应用并且实现你想要的最终结果，但是底层代码是一个远离突发情况的客户功能需求。在这个阶段，你的代码会有几十行，并且你脑中完全没有测试的概念。

但是至少你已经可以做出东西了！现在，在你的GitHub上将需求文档化，并且修改拼写错误 。不要小瞧这些的帮助。

## 阶段六 模仿阶段 ##

![copycat][]

模 仿阶段是重要的一个阶段。没有比模仿你的英雄所写的代码更好的方法来学习编码技巧 - 尽管可能是将他们的代码一行行的复制。不要感觉差劲；任何艺术职业都有他的模仿阶段！幸运的是，GitHub上取得无声羡慕的形势比任何时候都容易。当 然，复制只会让你走远，但是它确实是一个好的开始！模仿激发你的人，最终你会开始你自己的风格。

## 阶段七自大的阶段 ##

![cocky][]

在这个阶段，你最终开始陷入凹槽。你还有广阔的提升空间，但是你的信心正在迅速上升 - 也许太迅速了！他们说，在最初的几年，你知道的不足以让你明白，你了解的是多么的少！

抵抗在这个阶段变的骄傲自大的冲动。回头看看你的过去，只会让你未来变得更加有能力。千万不要讽刺那些“初学如何编程的人’‘，因为不久之前，你也同样还是个菜鸟。继续前进，不要打击别人。我们都在这里 - 只是在不同的阶段而已。

## 阶段八 学习活力 ##

![1290708698_magic-chair.gif][]

如果你曾从一个开发者的肩膀上看过去，惊讶于对方操作他们代码编辑器的速度，很可能是，他们在使用Vim。尽管这需要一个曲折的学习过程，但是一旦当你到达了顶端，你的工作流程，对于旁观者而言也像是魔法一样！

这个阶段你开始应用，不仅是你的编码技术，还有你的工作流程。合适的工具与技术同样重要。

相关阅读：[究竟什么是开发人员眼中最好的代码编辑器？][Link 1]

## 阶段九 代码变成了艺术 ##

![1278414923_coraline-vs-puppeteer.gif][]

尽 管你历经了近几千个小时的辛苦，终有一日，你会看到你的代码简洁的如同命令行一样，这可以称的上是另一种艺术了吧。你的代码有版本控制，很好的抽象设计， 完美的测试，规模设计并且有很好的可读性。在你职业的这个阶段，你可能会为它功能的强大感到自豪。利用一切可能的语言特点隐藏功能并不是一个成熟的开发 者。不能将复杂代码简化成一行，也同样并不意味着聪明。相反的，这卡前代表了一个自大开发者。

代码作为艺术是级具有很高可读性的，这就像你在操作一样重要，在这个阶段，你的代码是给人的，而不是给机器的。

## 阶段十 经验丰富 ##

![1305563147_evan-longorias-amazing-baseball-catch.gif][]

当 编写代码成为本能，你就到达了你职业的下一个阶段。你不再想语言或者框架。相反，你只看到问题，案后选择从你的编码工具中找出正确的工具提供解决方案。一 个经验丰富的开发人员了解为什么牛仔路径是罕有的正确途径。每一个新功能将与项目的所有成员一起讨论，准备白板，写好故事，并且准备测试...在写一行生 产代 码之前，你已经成为了一个成熟的思虑周全的，别人都想要与你合作的开发者。恭喜！

## 阶段十一 明星 ##

![1243419788_bakflip-basketball-trick.gif][]

很少有人能达到这个阶段。明星阶段是高山的尖峰，除了你的日常工作中，你需要经常在会议上发言，作为无数主流开源项目背后的领袖，但仍然需要抽出时间为网络的未来参与贡献，同时协助IRC行的新人。你就是这类以写编译器和解析器为乐趣的人！

不论你是别人所说的明星或者忍着，尽管事实上你早已痛恨这个标签。可你比任何人都清楚你还有得学！

via [ Nelly@极客社区][Nelly]

来源：[web开发人员职业发展的11个阶段][GBin1.com]

[GBin1.com]: http://www.gbin1.com/internet/people/20130402-10-stages-of-web-developer-career/
[web]: http://www.gbin1.com/gb/search.htm?s=web%E5%BC%80%E5%8F%91
[noob]: http://cdn.tutsplus.com/net.tutsplus.com/authors/jeffreyway/noob-o.gif
[HTML]: http://www.gbin1.com/technology/html/
[HTML5]: http://www.gbin1.com/tutorials/html5-tutorial/
[first step]: http://cdn.tutsplus.com/net.tutsplus.com/authors/jeffreyway/1248951765_kitten-mittens.gif
[CSS]: http://www.gbin1.com/bloghome.html?tag=css
[CSS_]: http://www.gbin1.com/technology/css/20130203-css-coding-errors/
[phrase3]: http://cdn.tutsplus.com/net.tutsplus.com/authors/jeffreyway/1291664255_obama-kiks-door-open.gif
[aha]: http://cdn.tutsplus.com/net.tutsplus.com/authors/jeffreyway/1269259657_omg_cat.gif
[fragile]: http://cdn.tutsplus.com/net.tutsplus.com/authors/jeffreyway/1238064149_bubble.gif
[copycat]: http://cdn.tutsplus.com/net.tutsplus.com/authors/jeffreyway/1257979618_risky-business.gif
[cocky]: http://cdn.tutsplus.com/net.tutsplus.com/authors/jeffreyway/15g6454656.gif
[1290708698_magic-chair.gif]: http://cdn.tutsplus.com/net.tutsplus.com/authors/jeffreyway/1290708698_magic-chair.gif
[Link 1]: http://www.gbin1.com/technology/javautilities/20120727-best-code-editor/
[1278414923_coraline-vs-puppeteer.gif]: http://cdn.tutsplus.com/net.tutsplus.com/authors/jeffreyway/1278414923_coraline-vs-puppeteer.gif
[1305563147_evan-longorias-amazing-baseball-catch.gif]: http://cdn.tutsplus.com/net.tutsplus.com/authors/jeffreyway/1305563147_evan-longorias-amazing-baseball-catch.gif
[1243419788_bakflip-basketball-trick.gif]: http://cdn.tutsplus.com/net.tutsplus.com/authors/jeffreyway/1243419788_bakflip-basketball-trick.gif
[Nelly]: http://www.gbtags.com/gb/share/673.htm