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

待我称王封你为后i 2022-03-12 03:18 230阅读 0赞

日期：2013-4-2  来源：[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上取得无声羡慕的形势比任何时候都容易。当 然，复制只会让你走远，但是它确实是一个好的开始！模仿激发你的人，最终你会开始你自己的风格。

**……**

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
[Nelly]: http://www.gbtags.com/gb/share/673.htm