watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

如今,差点儿整个互联网行业都缺前端project师,不仅在刚起步的创业公司。上市公司乃至巨头,这个问题也一样存在。没错。优秀的前端project师简直比大熊猫还稀少。

每天,100offer的HR群都有人在吐槽招不到前端project师。实话说对这些需求。Betty也无能为力。由于在供不应求的前端招聘市场上,优秀的前端project师才是有话语权的那一方。

放眼全球,不仅在国内的互联网行业,在国外,前端project师一样是需求旺盛、供不应求的香饽饽。

举个样例,依据indeed.com抓取的数千家站点的职位显示:眼下前端的热门岗位——「HTML5」是需求增长最快的开发岗位。在全部开发职位中排名第一。MongoDB和iOS紧随其后位列第二、第三。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />
可见。HTML5能够说是最热门的前端岗位了,在2010年和2014年底有两次爆发性增长,如今在美国的岗位需求甚至超过了iOS。

所以市场上优秀的前端project师相对较缺少,是一个世界性难题。

原因一:前端相对来说是一个新领域。当今的web需求要求很多其它的project师供应

可能非常多人觉得前端开发和web开发相似,而web开发已经有20多年的历史。所曾经端并非一个新领域。

然而,前端project师的概念中的「接口技术实现和用户体验作为一个专业的工作领域」。却无疑是非常新的。大概几年前,前端开发的技术增长迅猛,例如以下图所看到的:

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />
过去几年前端project师的可视化增长趋势 by Google Trends

15年或更久曾经,web的可视化设计和技术实现所需要的资源是平均分配的。

随着站点的发展——站点不仅是一个登录页面,project资源的需求越来越明显。人们開始专门学习站点专用的JS、后端技术、UX、数据库。甚至系统设计。

今天。一个像AirBnB/Facebook/Quora的Web应用程序,投入的project资源比设计资源多得多。

换句话说。如今。做出网页的视觉设计比技术实现要更快。所以当今的web需求要求很多其它的project师供应。


如今,一位合格的前端project师,必须对视觉设计有兴趣(或者乐于做一个受虐狂▼)。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />
非常显然,要处理大量的Web应用程序需求,技术任务就要进行分类,以便于多人同一时候处理站点请求。

其实如今已经不可能一个人高速地解决全部的技术细节了。


如今另一类人是独自处理一个Web应用程序的全部问题,即「全栈project师」,可是优秀的全栈project师相同如大熊猫一般数量稀少。

如今,一个创业公司想要成功。差点儿要覆盖一个Web应用程序的诸多技术方面:前端、后台、DBA、运营等。

尽管已经有一些服务能够让企业购买登陆页面的前端模块和组件。可是假设你想要创造一些真正的Web应用程序。除了求助前端project师,别无他法,就像你要创立一个品牌你也绕不开请一位设计师一样。

原因二:对前端。普遍存在巨大的误解,其实前端一点也不简单

大多人都觉得前端开发是一个「相对于其它模块来说更简单的领域」,在他们心中的前端project师是这样工作的:

1、把Photoshop文件、图片或者线框放进一个网页;
2、偶尔设计Photoshop文件、图片或者线框;
3、用JS编程,为网页制作动画、过渡效果。
4、用HTML和CSS编程,确定网页的内容和形式。

其实。前端project师在做的是:

1、在设计师和project师之间创建可视化的语言。
2、用可视化的设计,定义一组代表内容、品牌和功能的组件。
3、为Web应用程序的公约、框架、需求、可视化的语言和规格设定底线;
4、定义Web应用程序的设备、浏览器、屏幕、动画的范围;
5、开发一个质量保证指南来确保品牌忠诚度、代码质量、产品标准。
6、为Web应用程序设定适当的行距、字体、标题、图标、余粮、填充等等;
7、为Web应用程序设定多种分辨率的图像。设备为主的实体模型。同一时候维护设计指南;
8、用account semantics, accessibility, SEO, schemas ,microformats 标记Web应用程序。
9、用一种友好的,消耗小的,设备和client感知的方式连接API。获取内容;
10、开发client代码来显示流畅的动画、过渡、延迟载入、交互、应用工作流程。大多数时间用来考虑渐进增强和向后兼容的标准;
11、保证后台连接安全,採取跨地资源共享( CORS )的程序考虑,防止跨站点脚本( XSS)和跨站点请求伪造( CSRF ) ;
12、最重要的是,尽管有严格的期限、利益相关者的要求,以及设备的限制,不管如今还是将来永远是「客户第一」。

为了实现上述目标。前端project师採用了从可视化到编程的多种工具 。甚至有时要照应市场、 UX 到内容tweakes等等。

原因三:大量糟糕前端project师的存在,扰乱了市场

这也许是难以招到优秀前端project师最明显的原因。由于前端project师的入门门槛非常低,JS、CSS、HTML并非非常难入门掌握的语言。似乎仅仅要花一点时间。谁都能够通过网上教程和书本学会它。对的,前端project师市场就是被这些浅尝辄止的家伙搞坏的。

糟糕的前端project师是这样做事的:

1、滥用JS库。由于他们实际上并不了JS的内部(e.g. 一切都用jQuery);
2、滥用JS插件,抄别人的代码哪怕自己根本读不懂(e.g.jQuery.doParallaxPls.js);
3、给Web应用程序加入CSS框架。却仅仅用到CSS/JS的5%,没有看到不论什么的需求、设计或者比較和评价。
4、觉得仅仅要加入了CSS框架,站点就能够「有求必应」;
5、一边在说着「响应式web设计」,却对server端技术一无所知。
6、用CSS编程时不管预处理器、命名规范等。却用不合适的selector/ids/magic numbers等;
7、忽视表现、内存泄露(并不理解内存泄露的真正含义)。不会检測代码。
8、不会用指标衡量一个产品。或者这样的指标旨在自己的电脑、浏览器、设备有效;
9、忽视软件技术。

要知道,入门easy精通难,计算机和软件的基础对你用JS或浏览器编程都非常重要。web可能是最有影响力的平台和环境之中的一个,在那里运行的程序必须被小心对待。一位优秀的前端project师不仅要考虑web技术和语言。而且还要了解全部不同的组件、系统和概念。

下面是优秀的前端project师在即时面对普通的任务也会做的事情(这才是市场急需的前端):

1、DNS解析、使用CDN和关于multiple Hostnames as part of resources request.
2、HTTP Headers (Expires, Cache-Control, If-Modified-Since)
3、Steve Souders的全部规则(High Performance Websites)
4、怎样解决PageSpeed, YSlow, Chrome Dev Tools Audit, Chrome Dev Tools Timeline显示的全部问题。
5、何时把任务传到server和client;
6、缓存,预取和负荷技术的使用;
7、Native JS,知道何时从头開始做,何时查找别人的代码,同一时候能够评估这样做的优缺点。
8、modern MVC Javascript libraries (e.g. AngularJS, EmberJS, ReactJS), graphic libraries (e.g. D3, SnapSVG), DOM manipulation libraries (e.g. jQuery, Zepto), lazy loading or package management libraries (e.g. RequireJS, CommonJS), task managers (e.g. Grunt, Gulp), package managers (e.g. Bower, Componentjs) and testing (e.g. Protractor, Selenium)的相关知识和使用方法。
9、CSS标准、modern conventions、 strategies (e.g. BEM, SMACSS, OOCSS)的知识和使用方法。
10、JS的电脑知识(内存管理,单线程的性质。垃圾收集算法,超时。范围。提升,模式)

换句话说。假设说精通HTML+CSS+JS。了解后端知识,仅仅是60分的合格前端。那么要想成为受追捧、拿高薪的80分优秀前端。要对业务需求和、架构设计有真正的运用;而100分的顶级前端,则必需要能够兼顾技术和设计。更接近「曾经端开发为主的全栈project师」了。

100offer 说:市场不是缺少前端,而是缺少优秀的前端project师

如今,前端project师最终前所未有的在web中占有了一席之地。随着多设备、浏览器和Web标准的演变革命,前端正在成为兼顾逻辑、性能、交互、体验的综合性岗位。

尽管如今互联网行业普遍缺少前端project师,可是我们相信越来越多的人将会加入前端的大军。不仅是由于大多数前端工作提供的优渥薪水和办公环境,也是由于web中的前端编程变得越来越有挑战和意义。

最后。分享一组3~4月的100offer拍卖数据。给前端们鼓鼓劲:

前端project师人均收获8.2个面试机会。已入职的前端project师平均薪资涨幅达39%。

当中,前端offer之王共收获47个offer,最高offer薪水38k*16 ,开自某土豪电商。

加油吧,前端!

封面图片出自:www.adhamdannaway.com
部分内容出自:jjperezaguinaga.com
100offer 原创翻译制作,转载需授权。

为什么整个互联网行业都缺前端project师?的更多相关文章

  1. 互联网行业都缺前端工程师-最高offer薪水38k*16

    摘要:现在,几乎整个互联网行业都缺前端工程师,不仅在刚起步的创业公司,对上市公司乃至巨头这个问题也一样存在.没错,优秀的前端工程师简直比大熊猫还稀少. 现在,几乎整个互联网行业都缺前端工程师,不仅在刚 ...

  2. 现在就去100offer 参加互联网人才拍卖! 现在登录现在注册 为什么整个互联网行业都缺前端工程师?

    现在,几乎整个互联网行业都缺前端工程师,不仅在刚起步的创业公司,上市公司乃至巨头,这个问题也一样存在.没错,优秀的前端工程师简直比大熊猫还稀少. 每天,100offer的HR群都有人在吐槽招不到前端工 ...

  3. 【前端】怎样成长为一名优秀的前端project师---

    浅谈本人的经验.也算是与大家交流吧,本人眼下也是从事前端的工作,时间并不长,说的不好,请见谅. 首先,前端project师必须得掌握HTML.CSS和JavaScript. 仅仅懂当中一个或两个还不行 ...

  4. 前端project师,确定你的目标吧!无能的人才管他叫命运

    导语: 你为自己定过一个不靠谱的目标,是20年前的事了吧. 长大你想干什么?你的回答是什么?现在实现了吗? 如今,你每天都坐在同一个格子间的同一个电脑前,会不会感到每天都像是在复印,感到前途是模糊的, ...

  5. web前端project师知识汇总

    分类: Web开发应用  一.何为Web前端project师?           前端project师,也叫Web前端开发project师.他是随着web发展.细分出来的行业.Web前端开发proj ...

  6. 前端project师的价值体如今哪里?

    这是一个非常老的话题"前端project师的价值体现在哪里?".有人说:"前端project师之于站点的价值宛如化妆师之于明星的价值."一位好的Web前端开发p ...

  7. 想做web前端project师应该学习些什么?

    偶然间看到这篇文章.感觉博主写的挺不错的,假设你想做web前端project师的话,建议您阅读下面这篇文章,事实上web前端project师所做的工作事实上就是站点设计,有些小公司的美工事实上就是做w ...

  8. 前端project师养成记:开发环境搭建(Sublime Text必备插件推荐)

    为了让自己更像一个前端project师,决定从开发环境開始武装自己. 本文将介绍前段project师开发的一些利器的安装步骤,主要包含了: 1.Node.js的安装 2.Grunt的安装及经常使用插件 ...

  9. 当当网-前端project师測试题

                                     前端project师測试题(笔试时间20分钟.面试时间20分钟)   一.笔试 1.基础问题 (1)前端页面有哪三层构成,各自是什么? ...

随机推荐

  1. 用 query 方法 获得xml 节点的值

    DECLARE @result xml SET @result='<s:Envelope xmlns:s="http://schemas.xmlsoap.org/soap/envelo ...

  2. Java——动态代理

    在静态代理中,我们在调用target类的时候,都是先拿到proxy类.由于proxy类中将target类作为了成员变量,而且跟target类继承了一样的接口,具有同样的方法,所以,在proxy类中.通 ...

  3. Codeforces Round #269 (Div. 2) B. MUH and Important Things

    It's time polar bears Menshykov and Uslada from the zoo of St. Petersburg and elephant Horace from t ...

  4. 利用ajax异步处理POST表单中的数据

    //防止页面进行跳转 $(document).ready(function(){   $("#submit").click(function(){    var str_data= ...

  5. 经验总结21--抓取WEB数据,汇率,HtmlAgilityPack

    网上找了非常多资料,PHP的比較多,然后找到有csv文件的.处理起来非常麻烦,国外的站点速度非常慢. 最后还是去页面上抓取数据,我是从中国银行抓取的,各位可去其它站点抓取. 1.模拟请求URL. st ...

  6. NDK历史版本

    https://developer.android.google.cn/ndk/downloads/older_releases.html https://developer.android.goog ...

  7. 机器学习 数据量不足问题----1 做好特征工程 2 不要用太多的特征 3 做好交叉验证 使用线性svm

    来自:https://www.zhihu.com/question/35649122 其实这里所说的数据量不足,可以换一种方式去理解:在维度高的情况下,数据相对少.举一个特例,比如只有一维,和1万个数 ...

  8. 38.Qt模型/视图结构

    1.模型/视图类 2.模型 3.视图 4.代理 1 模型/视图类 InterView框架提供了一些可以直接使用的模型类和视图类,如QStandardModel类,QDirModel类,QStringL ...

  9. 开发辅助 | 前端开发工程师必懂的 UI 知识

           移动 UI 设计的世界 ... 1.屏幕尺寸 屏幕大小,指屏幕对角线的长度,而不是屏幕的宽度或高度: 单位为英寸 如 iPhone 7 屏幕尺寸为 4.7 英寸:三星 S6 屏幕尺寸为 ...

  10. JavaScript DOM编程艺术(第2版)学习笔记2(4~6章应用实例)

    本书的第4章使用第3章学到的操作DOM的方法和属性写了一个展示图片的网页,并在第5,6章对代码进行了优化. 第一版,搭建网页的静态结构,包括一级标题<h1>,无序列表清单<ul> ...