web前端开发工程师-如何实现月薪薪资5万

• 1、web前端开发工程师，如何实现月薪薪资5万？
• 2、专科生学web前端开发有前途吗？
• 3、Web前端开发工程师如何提升竞争力？
• 4、前端工程师吃香吗？
• 5、web前端工程师职称怎么考？

1、web前端开发工程师，如何实现月薪薪资5万？

高贵的前端程序猿们：

如何在前端开发这种高精尖的技术领域找到心仪的工作？实现在咖啡馆喝喝咖啡敲敲代码就能升职加薪、买房买车、迎娶白富美走上人生巅峰的职业梦想？这篇《进化论：从 0 到 100，前端猿茁壮成长的精神饲料史》，肯定能给你事业的加速动力。

前端开发工作已经变的越来越复杂，仅仅是想罗列一份前端开发的学习列表就已经是一件艰巨的工作。曾经只要会编写 HTML, CSS 和 Javascript 就是能够找到一份前端开发工作的全部要求。而现在，web 开发远远不止是简单编码。因为我们的互联网上有了更多的内容，也因为有更多的人、更多设备可以访问互联网, web 前端开发技能也就更多了。我们现在需要考虑的问题很多，比如载入时间，性能，不同的屏幕尺寸, 不同的输入方式, build 系统, 部署策略，还有如何组织好我们的代码。

这还是想象中前端开发么？好吧其实只要你有热情，这些还是很有趣的，现在就来仔细看看，一份前端开发的工作，到底需要你准备些什么?

入行行头：5 大硬件

请准备好以下东西

一颗人类的大脑：智商在平均水平线以上即可一份强烈的渴望：我的代码要可以运行在任何一个有浏览器的设备上。一台笔记本电脑：不需要花费很多钱得那种，只要它可以运行 Windows, Mac OS X, 或 Linux 系统。当然你也可以只用一台台式机，但是那样就不能带着它坐在咖啡馆里…一个文本编辑器：可以推荐的比如 Atom,Visual Studio Code, TextMate, 它们都有在 Mac OS, Windows 的免费版本，什么还有 Sublime, WebStorm? 啊，那些都很流行，不过需要需要一笔不少于 70 美元的花费…一个**：这个大家都懂的，我就不解释了

初级资质要求

一些专业基础

你需要学会浏览器能理解的三大语言：HTML, CSS, Javascript – 神圣的三位一体！

非常重要的一点是，一定要理解这三大语言后再去学习别的，确保知道怎样在各种尺寸的屏幕上排列好你的网页，怎样在一个按钮被按下后 do something!

一些很有用的学习资源

Codeacademy: interactive, code-along tutorials (this site is the bomb btw)Web Development for Beginners: article from webplatform.org.MDN：https://developer.mozilla.org/en-US/docs/Web

中级进阶路径

一旦掌握了三大语言，就可以开始学习专业的开发流程啦：

Command line：好吧,命令行也许都会,但是要掌握最基本的**作,熟悉怎样配置你的环境,还有那些奇怪的 shell 脚本，因为你会经常用到它们。CSS 已经不够用了,我们有了 CSS 的预处理：Sass, LESS。知道如何搭建一个 build 系统：Gulp 或 Grunt 这类的构建任务脚本器,编译 LESS 成 CSS, concatenating Javascript, minify 压缩静态资源, 选一个异步或同步的方式加载它们，第二一个好的 build 系统要能自动做到那些,包括一个本地的 web 服务器用于测试代码。代码版本管理，git。在 github 上分享你的代码！部署! 让你的网站上线。可以找一个免费的服务提供商，比如 heroku.com, https://pages.github.com

这些几乎就是现代前端开发者会用到的工具和技术，好了，你现在可以成为一个前端开发工程师了。

高级炸裂装备

你已经能够为你的朋友的业务搭建一个网站了，简洁的排版，高清大照片，你成功了，它甚至在你的手机都看着很棒。那么还有什么值得学的？

把你的网站和一个内容管理系统 (CMS）集成在一起。一个 CMS 能够让你通过用户界面增、删、改、组织你的内容，不需要任何代码。这就是那些博客网站如何工作的。比如免费的 WordPress，去熟悉一个开源的 CMS 吧，会很有用的。

学习怎样搭建一个 CMS，意味着你讲要熟悉一个服务器端的语言，比如 Node.js, 或 PHP，第二你还会想要知道怎样和数据库打交道，比如 MySql 或者 MongoDB。

来熟悉一种 Javascript 框架吧，这样你可以真正的搭建一个交互出色的 web 应用，那真的很重要，比如 Angular, React, Ember。只要挑一个你喜欢的，但是一定要精通它。

Javascript design patterns，javascript 也有设计模式？ 是的，读一下吧。

突破天际的大招

沟通技巧！你需要和你的小伙伴们沟通，他们是你的 coder 伙伴，你的老板，你的用户，你的….stackoverflow.com， 有问题找 stackoverflow，扩展一下人脉把，上 meetup.com, 在博客上写一些你的学习体验， 在 Gitgub 贡献一下你的 Pull request。

界面设计和用户体验设计 UI/UX design，前段开发的小伙伴需要具备基本的 UI/UX 设计知识。

搜索优化，要知道怎样提高网站的搜索排名，更容易被人们搜索到。

CSS 过度效果，给你的按钮写一个 hover 的 CSS 动画，还有你的从右边滑入的导航菜单也需要一个平滑的动画。

关于性能，让你的网站尽可能快的被加载，减少 DOM 的 reflow 和 repaint **作，防止滚动性能瓶颈，优化 Javascript, 读一读这个吧 google web developer fundamentals。

用一些测试框架来实现 Javascript 单元测试，比如 Ja**ine，QUnit。

持续集成 Continuous integration (CI)，知道怎样配置一套和伙伴们一起使用的自动测试和部署的工具，比如 CircleCI, Travis CI, Jenkins.

超好用的其他加成技能

↓↓↓这些并非必须，但能帮你脱颖而出：

用 CSS3, SVG, Canvas API 实现动画。

后端开发， Node.js

最后：去找工作吧！

有了技能是不够的，你需要能展示它们，你还能干的是：

搭建一个小网站，公开你的 gitub 代码库，确保你的代码和文档清楚漂亮，还有一份 README去 meetup.com 找你的老板或者投资人吧，开一个博客，申请一个 linkedin 帐号因为 web 技术总是在变化，最后，即使找到了一份称心的工作，还是需要 stay motivated, 你需要时常去下面这些地方转转：CSS Tricks，SitePoint，**ashing Magazine当然还有些像 CSDN 这样中文社区，小编综合来说遇到任何难题，社区里有总有乐于助人的。保持好的职业态度：Stay humble, and build cool shit

2、专科生学web前端开发有前途吗？

一、职业方向**

第一，只有确定好自己的职业方向，才能做好职业规划。在我看来，做WEB前端技术能够找到的职业方向有以下几种：

（1）资深WEB前端工程师

这个方向算是一个WEB前端最基本的选择了，在国外，很多老外都能够把自己的专业做到极致，能一辈子就在一个专业领域不断学习和积累。主要在于内因和外因 两方面，内因是老外通常思想比较简单直接，容易一直专注于一个领域；外因是国外的环境很好，能够良好的支撑这样的职业发展道路。反观国内，从内因来 讲，WEB前端技术人员还是蛮浮躁的，通常会因为WEB前端知识的更新速度太快而觉得学习起来辛苦，最终转向后台或其他道路。从外因来讲，WEB前端人员 没有获得公平的待遇，可能从HTML页面制作就开始并沿袭下来的，从来WEB前端人员都比后端人员低一等，貌似前端就是“浅显”的代名词、后端就是“深 奥”的代名词，这也直接造就了前端人员的收入无法和后端人员媲美，同时直接影响到前端人才市场的活跃程度。另一方面，前端的技术入门较容易，造成另一个极 端情况：人员泛滥、人才稀缺。我想对所有的WEB前端工程师说：面包总会有的，要耐得住寂寞！我个人比较推荐这个职业发展方向，因为，在这个方向下，只要 足够耐心、厚积薄发，成功的概率是非常高的。同时，这是一条最单纯的路，我们更多的是花费精力在技术的钻研上，而不是办公室政治等其它琐事。

（2）资深WEB架构师

说功利点儿，我喜欢这个方向，既兼顾了工作的单纯性、又能够减少实际Coding的工作量能腾出更多时间钻研技术。在国内，WEB前端工程师遇到较多的情况是总是反复编写着同样的代码，总是面对着同样的技术和产品，容易感觉枯燥。由于我们拥有最为广泛的WEB相关知识沉淀，使得我们更加容易成为一名架构 师。这个职业发展方向不如第一种来得平滑，主要是作为一名架构师不得不学习：后端技术、DBA、Platform等内容，而这种学习通常需要实际**刀做项 目，不是自己在家里写两个Demo就好的，这就势必会遭遇一段时间的阵痛期。虽然不是很平滑，但是，对于一个大局观好、悟性好、知识面广的前端工程师，我 推荐你们努把力，走一条光荣的架构师之路吧。

（3）自己创业

其实，自己创业是最好的道路、也是成功率最低的道路，挑战和机遇并存。这里，作为一个前端技术人员，需要将自己的视野更多放在行业的动态、产业链的动态、 相关产品领域的动态，把关注细节的优势继续保持，同时，增强自己把控一个产品乃至一个公司命运的能力。但是，这条道路和技术之路稍有分歧，后续将不再赘 述。

（4） 转岗管理或其他

由于这条职业道路和WEB前端技术之路关系不大，故而，这里不做过多讨论，但是，无论是否走上这条道路，我觉得对于任何技术之路，更好的大局观、更广泛的 视野是良好发展的必备条件，拥有良好的大局观和更广泛的视野别无他法，只能不断的进行知识的横向拓展和积累，同时，多在横向拓展知识的时候进行实践，把知 识变成技能。

二、职业发展目标

我都有一个最终的目标，在这个目标之上，我们需要给自己制定一系列学习和成长计划，制定的方法如下：

第一、梳理知识架构；

梳理知识架构的目的在于，我们要了解清楚，哪些技术是前置、哪些技术是后继，那些技术是深度、哪些技术是广度，按照这两个维度梳理好知识架构之后，我们才能准确地制定清晰的成长目标、高效的成长计划。

第二、分解目标；

我认为，大抵可分解为三个阶段，包括：起步阶段、提升阶段、成型阶段。这三个阶段分别对应着不同的目标：

起步阶段：

1、基本知识的掌握

在我们梳理的知识架构中，按照我们分析的两个维度里最前置的、最浅显的部分，作为打基础的阶段，必须要在这个过程中更多投入到实践中去，我们通常做的多了、熟练了，就认为这部分知识和内容掌握了。

2、常用工具的掌握

对于常用工具的掌握应该掌握一些有大公司或专业团队背景的流行工具，这些工具的熟练掌握能够提升专业度、职业度，同时，能提升我们的工作效率。我们只有在 检验自己对于知识和技能熟练程度的时候，才会自虐式的用Notepad去编写页面、css和脚本等内容。

3、沟通技巧的掌握

通常做技术的人会被**为“不善沟通”的人，这是为什么呢？究其原因，主要是因为多跟程序和代码打交道，跟人的沟通较少导致。这种时候我们要特别注意增加 和人沟通的机会，着重提升这块儿的能力。另一方面，我们通常被称为“不懂沟通技巧”的人。作为一个技术人员，包括我自己，似乎天生就有一些难以接受挑战的 缺陷。在国内，我们的技术人员通常都是自己制定方案、自己执行方案，在执行过程中又缺乏相关产品、交互设计等人员的沟通，大多是在自己的思路贯彻下进行开 发，久而久之，我们习惯于信任自己的观点、在自己的视角看问题，对于挑战总是百般地“据理”力争。我们需要更多提升的是，如何在对方的视角看问题、如何在 用户的视角看问题。

4、良好的开发习惯

开发习惯是养成的，一旦有不好的习惯，对于将来去修正带来的将是很大的麻烦，我们在培养良好开发习惯一定要从起步时做起，例如：写代码之前先分析、先写文 档、先写注释。定义变量最好能用直接可理解的语义，最好是拼音，别整英文，尤其是生僻单词，将来自己忘了还要开金山词霸。文件最好有有意义的文件夹命名来 管理，文件名最好有意义，需要版本号的最好能和项目版本号一同更新……等等。

提升阶段：

1、高级技术的掌握

在提升阶段对于知识和技能掌握，我们需要从梳理好的知识架构中选择更深一层次的技术进行学习，选择之前，我们先通过类比或预估的方法，衡量自身学习的难点，以学习难点和自己最不感兴趣的部分为主。这样推荐大家的原因是：这个阶段我们兴趣正浓，已经度过了苦涩的起步阶段，到达了兴奋的提升阶段，我们要用兴趣和兴奋去挑战最困难的部分，在我们信心受挫和兴趣浓厚之中找到平衡。同时，辅以其他的深层次知识一起学习和研究。

2、产品思想的学习

没有正确的产品思想，很难设计出良好的程序，无论从界面、交互，还是接口、逻辑，不能够理解产品、理解用户需求，我们会给自己造成很大的麻烦，例如：我们 千辛万苦用最新技术、最复杂的实现做出的功能，却得不到使用者或领导、同事的认可。为了使我们的工作和学习更加**、避免无用功，我们需要不断的学习产 品的思想，只有理解了产品的思路，我们才知道用我们的技术去输出什么。

3、各种框架的学习

框架是我们提高工作效率的优秀手段，对于框架的学习是成长必经之路。我们学习框架的路线通常应该是：使用——》分析——》个性化定制——》模仿编写自己的框架。只有大量的使用，才能明白设计框架者在设计背后的思路，只有了解到设计的思路，才能做正确全面的分析，只有正确全面的分析才能支撑我们去对其裁剪或 扩展，只有经过实际分析、修改别人的框架，才有可能写出优秀的、自己的框架。学习通常的路线是：学习、理解、模仿、创造。

4、富客户端应用的学习

随着带宽和计算机性能的提升，以及WEB2.0的如火如荼，富客户端应用充斥着互联网，如果你不懂得富客户端应用，你就不能称之为一个合格的前端技术人 员。可以按照：Flas**—>Flash编程—>Flex—>Air—>Silverlight动画—>Silverlight编程 的步骤学习，先学Flash后学Siverlight的原因，一来Silverlight还不太成熟，二来，实际Silverlight借鉴了很多 Flash的思想，最好在学习的时候不要本末倒置。

5、各种网络协议的学习

WEB前端技术就是云上的技术，云的协议有N种，我们应该着重学习：TCP/IP，UDP，HTTP，POP3，**TP这几种协议，在开发WEB前端应 用过程中，这些协议是我们的技术的载体，有时候决定了我们的应用是否能实现、有时候决定了我们的应用是否高性能，同时，这些协议还是我们和后端技术交互的 重要手段，这些协议就像是密码字典，帮助我们把后端传输过来的密文解释成我们前端技术能够理解的明文。

6、程序设计

这个阶段我们需要学习OO、UML、设计模式、设计方法……，我们要让技术开发工作变成有目的性、有计划性，并且，这些目的和计划必须有理论的支持，这 样，我们设计出来的程序才能够更优秀、我们的开发才更**，这样，我们的技术才能有所提升。为什么要学习程序设计呢？主要是，就算我们不用Flash的 ActionScript编写程序的前端逻辑，我们至少要把我们自己的Javascript函数、包的定义规划起来，避免将来自己或他人维护代码的时候出 现问题。程序设计能力，在技术人员仍然被看作是程序员的这个年代，是灰常、灰常重要滴。

成型阶段：

到了这个阶段，我也没什么好说的了，如果能达到这个阶段，就证明后续的成长之路是异彩纷呈的，是成为一个资深WEB前端工程师，还是成为一个资深WEB架 构师，亦或其他，都要具体分析自身的特点和兴趣所在。如果是资深的前端工程师，我觉得更重要的是去作新技术的研究，互联网技术发展速度日新月异，不断学习 新技术，否则就被淘汰。此外，我建议在知识的广度、深度方面最好能挑选一个自己最擅长和最感兴趣的一两个领域深入钻研，不要挑太多，多而不精。如果是资深 的WEB架构师之路，我建议要深入了解后台技术，这种深入了解一定要伴随着实际的项目开发，基本方法是：按照别人设计的架构实现几个Server—>自 己设计并实现几个Server。

3、Web前端开发工程师如何提升竞争力？

前端全栈：分node全栈和其他语言全栈，比如ror搞全栈是最早的，其他php、java也有，不过纯前端的不过，在react，angular之前搞后台还是可以的。所以前端全栈，我理解是等同于node全栈的。node本身是做后端的，但在前端工程化和BFF领域大放异彩，所以node全栈涵盖了前端的方方面面，是比较合理的解释。

大前端：更泛化的概念，移动互联网时代开启后，hybrid曾经很火，基于h5和webview做跨端，确实是很理想的做法，但复杂交互搞不定，机器性能网络等是硬伤，所以后来出现了rn和weex，整体还是前端写法，所以hybrid里前端也是占了一定的开发，结合之前前端和node的关系，综合3者：1）app里的前端，2）前端，2）node全栈，统称为大前端。这里的”大“含义是可以做的事儿的范围更广，触达前后端移动端，对前端职责有明显提升。随着技术发展，基于electron的桌面开发也日进流程，ott和iot等领域采用js也愈来愈多，所以只要和用户直接触达的端采用了前端技术开发的都涵盖在大前端范畴内。

4、前端工程师吃香吗？

前端工程师行业自然挺吃香，职业前景也非常不错。越来越多的人涌入Web前端行业，怕就加剧了整体市场的竞争，互联网技术的更新升级也让企业对于求职者有了更高的要求。所以，对一名前端工程师来说，提高自身的开发效率势在必行。

1、使用正确的工具。正所谓“工欲善其事必先利其器”，拥有一些优秀的、你知道如何更有效地使用的工具和装备可以帮助你尽可能的高效完成工作。

2、善用Web开发框架。一个良好的Web开发框架，可以帮助你解决常见的Web开发问题，借助框架会节省你的时间以及提高项目的质量。

3、建立一个代码片段库。回收你的代码，创建一个你最喜欢和经常使用的代码片段集，并确保代码组织良好，可以被轻易搜索到。

4、冲刺式工作。不要连续工作几个小时，这样你的效率可能会下降，随着时间的推移，你的工作品质也会下降。

5、不断学习。通过在自我提高上投入时间，要保持你的时间表灵活变化，超过规划的工作，可能会一拖再拖。

6、做好工作规划。当你开始一个项目的工作，确保知道你对这个项目的期望。了解有关项目的某些内容，可能会使你工作在正确的方向，而不至于在黑暗中摸索。

掌握以上方法，可以大大简化你的Web开发流程，使你的职业发展有更好的前景。如果你想成为一个高薪Web前端开发工程师，你需要掌握专业的技能知识，掌握好的工作方法。

5、web前端工程师职称怎么考？

1、国家网络技术水平考试由信息产业部国家信息化工程师认证考**理中心命题委员会统一命题。主要针对计算机网络设计、应用、维护等方面内容。

2、考试共分为五个等级，一至四级的考试分为知识水平考试和动手**作考试两个部分。分别采用联机考和随机抽取方式进行，五级考试则采用评审方式，每年限定通过数量。考生成绩合格后，就可以获得有信息产业部和美国国家系统工程师协会分别颁发的证书。