缘何整个互连网行业都缺前端程序员,技师编制
分类:前端技术

前端路上的旅行

2015/07/05 · CSS, HTML5, JavaScript · 前端

原文出处: W3CPlus - 大漠   

从步入社会算起到今天,风风雨雨走过了15个年头,望着天空,掐指一算,从事前端已近五个年头。也算三分之一的时间在做前端,也是从事过时间最久的一份工作。问我为什么能做这么久?其实我也时常问自己,怎么就进前端这个行当,怎么就整了五年。正如网上所言,一入前端深似海。

玩了五年,或许后面还会有一个五年,两个五年,或许…… 未来的路,谁与说不清楚,我只想每天走好自己想走的路。

最近在万能的知乎上常有同学邀请我回答:

  • ”今年26岁,女生,想要学WEB前端开发,0基础?“
  • ”作为一个刚入门的前端爱好者,以后立志成为前端攻城狮的我,应该要学习哪些方面的知识?“
  • ”我想做web前端,怎么学习 ?“

其实我也回答不好。无法很好回答的情况之下,促使自己在思考,思考这些年来在前端路上的旅行。也让我写下了这篇文章。

Web前端开发工程师是一个很新的职业,是从事Web前端开发工作的工程师。主要进行网站开发,优化,完善的工作。网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。

程序员的自我修养 - 为什么整个互联网行业都缺前端工程师?

放眼全球,不仅在国内的互联网行业,在国外,前端工程师一样是需求旺盛、供不应求的香饽饽。所以在供不应求的前端招聘市场上,优秀的前端工程师才是有话语权的那一方。

什么是前端?

什么是前端?大部分指的是Web前端开发,这个词是从网页制作演变过来的,名称上有着很明显的时代特征。在互联网的演化过程中,网页制作是Web1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。在这个阶段,网站的内容主要是文字内容和图片为主,制作方法也主要是使用表格拼装。印象中,那时主FrontPage这样的,画个表格,往里面填真图片,文字,就叫网页了。

2005年以后,互联网进入了Web2.0时代,各类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页也不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更多好的使用体验,这些都基于前端技术实现。

在这个时代,给前端冠上的名称也多了,”做网站的“、”美工“、”网站设计师“、”切页面的“、”前端工程师“等等。同时技术也更为复杂化了,难度也更大了,同时技术含量也高了,那么随着这些变化,从事前端的人员也有一个专业的名号了”前端工程师“,收入也随着水涨船高了。

技术发展是日新月异,现在业内人员开始提出Web3.0的概念。最常见的解释是,网站内的信息可以直接和其他网站相关信息进行交互,能通过第三方信息平台同时对多家网站的信息进行整合使用;用户在互联网上拥有自己的数据,并能在不同网站上使用;完全基于Web,用浏览器即可实现复杂系统程序才能实现的系统功能;用户数据审计之后,同步于网络数据。那么问题就来了?在Web3.0的时代,前端又是什么呢?所谓的”前端工程师”又能做些什么呢?又能给Web带来什么呢?这些都值得我们一起思考。

给你学习路线,html-css-js-ajax-jq-html5-css3-bootstrap-vue.js-node.js-react.jd

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

前端开发是做什么的?

我是怎样变成前端工程师?

我是怎样变成一枚前端工程师?其实我一直都是一枚”伪前端工程师“,充其量就是一枚会做Web页面的从业人员,不敢以工程师自居(有辱工程师这一高尚的称谓)。其实我更喜欢把自己称为”页面仔“,或者Web的美容师。或许你又会说:”大神“你谦虚了。其实不是的,当你坚持阅读完后面的内容,你也会有这样的想法。

图片 1

每天,我司的 HR 群都有人在吐槽招不到前端工程师。实话说对这些需求,我们也无能为力,因为在供不应求的前端招聘市场上,优秀的前端工程师才是有话语权的那一方。

前端是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲,前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端、移动端网页,处理视觉和交互问题。从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专业领域。

什么是前端工程师

前端工程师,也被称作Web前端开发工程师(在一些公司又将其分为:前端工程师的初级、中级、高级、专家和资深等)。他是随着Web发展,细分出来的行业。

简单点定义前端工程师:运用前端技术,实现体验的良好传达。简单点理解,就是使用Web的前端相关技术,实现一个用户体验良好的网站。而Web前端开发技术主要包括三个要素:结构层HTML,表现层CSS,交互层JavaScript(也有人称之为行为层)。

对于前端工发工程师而言不仅要掌握基本的Web前端技术,网站性能优化,SEO和服务端的基础知识,还要学会运用各种工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层主义模板和浏览器分级支持等。

就此而言,我能对上号,就是对HTML和CSS有一定的了解。也就称不上是一枚前端工程师。这也就是为什么一直强调自己不是Web工程师,而只是一枚Web的美容师。不过对于我是不是什么,并不太重要,既然扯了这么多,咱们开始来聊点实际的,有用的东西。

随着web3.0时代,那么web前端开发技术人才越来越吃香,而且web前端领域划分越来越细,对技术的需求越来越高,想学习web前端的人也是越来越多。那么,如何学习web前端知识?从哪开始?转型成为web前端工程师需要学些什么?小白到高手需要多久?

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

整个互联网行业都缺前端工程师的原因?

前端工程师要掌握的技术

Web前端技术包括三个要素:HTML、CSS和JavaScript,但随着RIA的流行和普及,Flash/Flex、Silverlight、XML和服务器端语言也是前端开发工程师应该掌握的。Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通,又要与下游的服务器端工程师沟通,需要掌握的技能非常多。这就从知识的广度上对Web前端开发工程师提出了要求。

从网上扒了张图,都说一图胜千言万语:

图片 2

作为前端开发者,首先要掌握的就是HTML CSS,有了这两项最基础的知识,就能得心应手的将设计师的Web页面切出来(将PSD设计图转换成Web静态页面)。但这还是不够的,还需要能熟练的处理各浏览器的兼容。为了能更好的要求自己,尽量要让自己的Web页面符合W3C标准和语义化的规范。这方面虽然不是硬性的要求,但是做好这两者很有必要,也具有较大的难度。

充分掌握了HTML和CSS方面知识后,接下去要把JavaScript拿下,这也是前端工程师必备技能之一,也算是较难的一部分(我至今写不了JS,所以…你懂的)。只懂HTML、CSS和JavaScript其中一个或两个还不行,你必须对这三门语言都很熟悉。也不是说必须对这三门语言都非常精通,但你至少要能够运用它们完成大多数任务,而无需频繁地寻求别人的帮助。

优秀的前端工程师应该具备快速学习能力。推动Web发展的技术并不是静止不动的,没错吧?我甚至可以说这些技术几乎每天都在变化,如果没有快速学习能力,你就跟不上Web发展的步伐。你必须不断提升自己,不断学习新技术、新模式;仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别,而你的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。

优秀的前端工程师需要具备良好的沟通能力,因为你的工作与很多人的工作息息相关。在任何情况下,前端工程师至少都要满足下列四类客户的需求。

  • 产品经理——这些是负责策划应用程序的一群人。他们能够想象出怎样通过应用程序来满足用户需求,以及怎样通过他们设计的模式赚到钱(但愿如此)。一般来说,这些人追求的是丰富的功能。
  • UI设计师——这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。他们热衷于流畅靓丽但并不容易实现的用户界面。
  • 项目经理——这些人负责实际地运行和维护应用程序。项目管理的主要关注点,无外乎正常运行时间(uptime)——应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化,以及不在升级更新时引入新问题。
  • 最终用户——当然是应用程序的主要消费者。尽管我们不会经常与最终用户打交道,但他们的反馈意见至关重要;没人想用的应用程序毫无价值。最终用户要求最多的就是对个人有用的功能,以及竞争性产品所具备的功能。

如果你想把自己变得更为强大,处于不败之地,那你需要根据下图去提高自已:

图片 3

看到这里,你是不是对“前端工程师”有更深入的了解呢?当然,你看到这里也,或许方向更明确,或许更惧怕。因为有很多前端人员就是因为这些原因离开前端的战场,转站其他的IT岗位。

图片 4

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

首先让我们分析一下最近两年html5和JavaScript的发展趋势

回到当初的问题

既然你知道了什么是前端工程师,前端工程师要掌握些什么?接下来回到前面自设的问题——我是怎么变为一名”前端工程师”?

从我从业的年龄和从事前端工作时间推算,我是典型的一名半路出家的和尚。五年前,因为种种原因,放弃自己的专业投入了互联网的阵营,学了HTML CSS,接下来顺理成章的就成了一名”前端“,也可谓是一入前端深似海。

借此想告诉一些想转行做前端的同学?在转行从事前端这份工作,需要经历一个很长的时间跨度,你需要花费更多的精力、做更多的项目,进行更多的反思和总结才能理解某个知识点的本质。当然,如果你有这方面的天赋,或许你不要经历这些。

同时你还要摆脱很多思维定势和禁锢,当然,如果你有一位师傅带你入道,那你是幸运儿。但不管怎么样,我始终认为应当秉承兴趣第一的原则,不管你是误打误撞,还是意欲为之,兴趣能促使你有更多的动力去学习,去做。你也能做得更好。

“我对Web开发人员最大的建议就是:热爱你的工作。热爱跨浏览器开发带来的挑战、热爱互联网技术的种种异端,热爱业内的同行,热爱你的工 具。互联网发展太快了,如果你不热爱它的话,不可能跟上它的步伐。这意味着你必须多阅读,多动手,保证自己的才能与日俱增。下了班也不能闲着,要做一些对自己有用的 事儿。可以参与一些开源软件的开发,读读好书,看看牛人的博客。经常参加一些会议,看看别人都在干什么。要想让自己快速成长,有很多事儿可以去做,而且付出一定会有回报。“ ————@N.C.Zakas

其实做前端的很多同学都和我一样是半路出家。拿我来说,当初选择做前端主要:

  • 讨厌现在的工作,想换一份能更轻松的工作,也能帮我改善生活的工作
  • 前端入门门槛简单,学点HTML CSS就能开始找份工作,边做边学
  • 前端是一门所见即所得,你做了就能看到效果,能清楚的知道自己做得对还是错

随着时间的久已,做别的也做不了,也不想做。也就坚持一直在做,不过今天的我,把前端不再当做一份工作,而是将其当做自己的兴趣爱好。所以我自我感觉越来越良好,越来越轻松,虽然还有很多技术,很多知识要学习,但我一直坚持在学习,让自己能紧跟时代的步伐,尽量不让自己过早的淘汰。

半路出家的人员心态都比较走两个极端,一是看中他的前景;二者是讨厌原工作。我自己就是属于二者。但不管是你已转行了,还是将要转行做前端,我都建议您静下心来思考下面几个问题:

  • 我能做什么?
  • 我不能做什么?
  • 我的优势是什么?
  • 我的劣势是什么?
  • 做前端对我有何好处?
  • 做前端我要付出何种代价?
  • 我能不能坚持做下去?

如果你不能好好的,清楚的回答这些问题,我建议你还是不要轻意转行做前端。

小编推荐一个学web前端的学习裙【 五四七,三零二,三八三 】,无论你是大牛还是小白,是想转行还是想入行都可以来了解一起进步一起学习!裙内有开发工具,很多干货和技术资料分享!

目前,HTML5 可以说是最热门的前端岗位了,在 2010 年和 2014 年底有两次爆发性增长,现在在美国的岗位需求甚至超过了 iOS。

html5发展趋势

如何学习前端?

学习对于每一个人都有自己独特的方式,我也不另外。在此我不能说我的学习方法就是好的,我只是想借此机会说说自己是如何学习前端技术的。

做为一位半路出家的和尚而言,在还没开始学习前端之前,我内心是很惧怕的,我怕我隔了十年之后,还能不能静下心来读书。还能不能读懂。当初我也是抱着试试看的心态,因为我不在年轻,因为我有家庭,因为有各种压力。

既然选择了,我就放下了。抱着《HTML CSS从入门到精通》和《CSS Cookbook》:

图片 5

图片 6

开始了前端的学习。在整个学习的过程是一件痛苦的过程,在只看书的情况之下,并不清楚自己是否看懂了,是否掌握了。基于这种情况之下,我在只知道HTML标签和如何使用CSS属性情形之下,我开始了不断的仿站。

与其说是仿站还不如说是抄。印象中最早就是拿着WordPress官网,借着Firebug工具(这是一个神奇的工具,让我少了很多烦恼)练习。就是先抄其HTML,然后抄其CSS。抄一段,在浏览器刷新一次看效果,就是这样的一个过程,让我找到了学习的自信,我觉得我自己能学会。就这样一段时间后,我自己能独立做出一个外表长得和原网站一样的站(没有任何的数据、没有任何的交互,没做任何的兼容)。

这样是不够的,接下来,为了自己能更多的了解HTML CSS,我一直在走着同样的路,在Website Templates寻找喜欢的,觉得简单的模板,开始仿做。但是对于前端,需要将PSD设计图转换成Web页面,那前面的过程是不够的,需要尝试将PSD切出Web页面。互联网是成能的,我在网站上下载了很多PSD设计图,然后将其转换成Web页面。

图片 7

国外优秀的UI设计资源库

经过一段时间之后,拿着仿出来的凡客诚品去找工作,值得幸运的是,有了一份前端的工作。在这个工作当中,让我带来更多的机会,让我能更好的去理解和学习的场景。

有了一年工作经验之后,我需要的是开始沉淀自己。我在开始思考:

  • 我掌握了什么?
  • 哪些似懂非懂?
  • 哪些不懂?

有了这三份清单,我又开始有了新的目标,针对清单上的去做总结,去把似懂不懂和不懂的搞懂。于是,我有了自己的第一个博客——W3cplus。在这个博客上记下了我学习的历程和积累的前端知识。更让我值得庆幸的是,这个网站让我认识了更多的同行朋友,也给我带来了更多的机会。

其实这些记录的都是一些零散的知识点,如果要系统的拿下一个知识,那还是不够的。在这种情形之下,2012年开始了两年漫长的写书过程,在这两年时间当中,我一直在学习和整理自己掌握的CSS3知识,这就是《《图解CSS3:核心技术与案例实战》》

图片 8

在这个过程,我学会了去读W3C规范,也让我更清楚的了解了CSS。更值得庆幸的是,我学会了如何搜索自己需要寻找的知识,我想这才是最值钱的一部分吧。

看到这里,或许你会认为我好傻,其实我真的好傻。但我一直认为,既然自己没有天赋,就需要付出比常人更多的时间。

简单点归纳:

  • 多看:多看书,多看规范,多看优秀的网站,多看优秀的代码
  • 多问:多问几个为什么?多问几个出处?多问几个原由
  • 多做:多做练习,实战出真理;多做,才能有更多经验
  • 多想:多思考几个为什么?
  • 多总结:多总结看到、想到的、听到的,这些沉淀下来的都是你自己的

1、如何学习web前端知识

但是,市场上优秀的前端工程师却相对较少,全世界范围看都是个难题。

图片 9

我的前端瓶颈

记得曾经有位前辈曾说,如果你一年、两年都在折腾同一样的东西,那意味着你没有任何的进步。其实我现在就面临这样的现象,几年来一直在折腾CSS这样的独技,而对于其他的并未有掌握,或者说了解。

这让自己显得迷茫,欲想得,欲离得甚远。特别是当今的前端,如果仅仅掌握HTML和CSS是越来越不够了,在今年,在这个新的团队当中,我越来越感觉到,掌握的东西太少,需要的学习的东西太多。因为想做的事情也太多。这也让我有了更大的压力,人家都说压力就是动力,有了动力就有冲劲。

不过,由于自己所撑的少,什么都想学,这也让自已感到迷茫,似乎没了方向。这也是我最近在思考的事情,我应该如何往下走,我应该如何不被前端的大潮迷失了自己,失去了方向。可是我到今天还没有想清楚,但我希望有一天我能想清楚,我也更希望这样的一天能早点到来。

第一阶段,你要从最基础的HTML/CSS开始,简单地说,HTML就是一堆非常简单的标签,而CSS则是把你画画的流程用英语按一定的格式写出来。然后你需要理解常用HTML标签的意思,学会各种CSS的属性,还有CSS的盒模型、优先级、选择器……

原因一:前端相对来说是一个新领域,当今的 Web 需要更多的工程师

可见,HTML5可以说是最热门的前端岗位了,在2010年和2014年底有两次爆发性增长,现在在美国的岗位需求甚至超过了iOS。所以市场上优秀的前端工程师相对较缺少,是一个世界性难题。

总结

无论从哪个方面讲,我都觉得前端工程师是计算机科学职业领域中最复杂的一个工种。绝大多数传统的编程思想已经不适用了,为了在多种平台中使用,多种技术都借鉴了大量软科学的知识和理念。成为优秀前端工程师所要具备的专业技术,涉及到广阔而复杂的领域,这些领域又会因为你最终必须服务的各方的介入而变得更加复杂。专业技术可能会引领你进入成为前端工程师的大门,但只有运用该技术创造的应用程序以及你跟他人并肩协同的能力,才会真正让你变得优秀。

1 赞 5 收藏 评论

图片 10

第二阶段,JavaScript学习,你要是想在网页上实现交互效果,比如轮播图、点击按钮后播放动画等等,那么就必须学会JavaScript。JavaScript是一门完整、强大、热门的编程语言,浏览器的各种交互效果都由它来做到的。你先要了解一些基础的JavaScript概念(变量、函数、基本类型)后,然后学习jQuery(JavaScript代码库的一种),并且通过jQuery继续使用CSS的选择器。

可能很多人认为前端开发和 Web 开发类似,而 Web 开发已经有 20 多年的历史,所以前端并不是一个新领域。然而,前端工程师的概念中的「接口技术实现和用户体验作为一个专业的工作领域」,却无疑是很新的。大概几年前,前端开发的技术增长迅猛,如下图所示:

JavaScript排名情况

图片 11

过去几年前端工程师的可视化增长趋势 by Google Trends

图片 12

小编推荐一个学web前端的学习裙【 五四七,三零二,三八三 】,无论你是大牛还是小白,是想转行还是想入行都可以来了解一起进步一起学习!裙内有开发工具,很多干货和技术资料分享!

15 年或更久以前,Web 的可视化设计和技术实现所需要的资源是平均分配的。随着网站的发展—网站不仅是一个登录页面,工程资源的需求越来越明显。人们开始专门学习网站专用的 JavaScript、后端技术、UX、数据库,甚至系统设计。

 

2、转职成为web前端

今天,一个像 Airbnb、Facebook、Quora 的 Web 应用程序,投入的工程资源比设计资源多得多。换句话说,如今,做出网页的视觉设计比技术实现要更快,所以当今的市场需要更多的工程师。

原因一:2016年对于很多人来说还没有彻底的认识到前端开发是做什么的,那段工程师中接口技术的实现和用户体验作为一个专业的领域,所以很新。前端开发的技术也非常的迅猛。

专精HTML/CSS的前端从业人员也就是前端重构。这里要提一下,有一个职业对于这块很有优势,那就是设计师。不管是UI设计师,还是平面设计师,在页面上如何写页面,也知道怎么做的更好,并且更加理解Web世界,做出更“系统化”的设计。关于CSS的知识,你需要理解文档流、浮动流等各种定位的方式与原理,理解CSS 的继承复用思想、理解浏览器的差异、兼容等。关于HTML的知识,你需要学习语义化、可访问性与结构的合理,以及“结构与样式的分离”等。

现在,一位合格的前端工程师,必须对视觉设计有兴趣。

图片 13

你会爱上CSS 3的酷炫属性,可以做出响应式网页设计,用transiton和animation做补间动画与关键帧动画,用transform做缩放、旋转、3D变换,还有圆角、渐变、阴影、弹性盒……掌握了以上的这些,你完全可以利用你的设计功底和web前端知识,做出微信的H5页面、一些有趣的网页,或者个人的网站。

很显然,要处理大量的 Web 应用程序需求,技术任务就要进行分类,以便于多人同时处理网站请求。事实上现在已经不可能一个人快速地解决所有的技术细节了。

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

图片 14

现在还有一类人是独自处理一个 Web 应用程序的所有问题,即「全栈工程师」,但是优秀的全栈工程师同样如大熊猫一般数量稀少。

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

小编推荐一个学web前端的学习裙【 五四七,三零二,三八三 】,无论你是大牛还是小白,是想转行还是想入行都可以来了解一起进步一起学习!裙内有开发工具,很多干货和技术资料分享!

现在,一个创业公司想要成功,几乎要覆盖一个 Web 应用程序的诸多技术方面:前端、后台、DBA、运营等。虽然已经有一些服务可以让企业购买登陆页面的前端模块和组件;但是如果你想要创造一些真正的 Web 应用程序,除了求助前端工程师,别无他法,就像你要创立一个品牌你也绕不开请一位设计师一样。

1、把Photoshop文件、图片或者线框做成一个页面;

3、如何转职成为前端工程师

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

2、偶尔设计Photoshop文件、图片或者线框;

如果你还想做出更厉害的交互效果,越来越喜欢编程,那么千锋武汉html5培训机构专家建议你成为一个前端工程师/全栈式UI设计师。这时,你必须学会以软件工程师的角度思考。你需要踏踏实实学习编程语言,深入理解作用域、对象、类、封装、继承、面向对象编程、事件侦听、事件冒泡等一大堆编程概念,需要了解浏览器,学习DOM、BOM、CSSOM的API,甚至还有学习一些网络原理,包括域名、URL、DNS、HTTP请求……

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

3、用JS实现动画、过渡效果;

图片 15

把 Photoshop 文件、图片或者线框放进一个网页;偶尔设计 Photoshop 文件、图片或者线框;

4、用HTML和CSS编程,实现网页的内容和形式。

图片 16

用 Javascript 编程,为网页制作动画、过渡效果;

事实上,前端工程师在做的是:

图片 17

用 HTML 和 CSS 编程,确定网页的内容和布局。

1、在设计师和工程师之间创建可视化的语言;

事实上,前端工程师在做的是:

2、根据设计稿定义一组代表内容、品牌和功能的组件;

在设计师和工程师之间实现可视化的语言;用可视化的设计,定义一组代表内容、品牌和功能的组件;

3、为Web应用程序的框架、需求、可视化的语言和规格设定基准;

为 Web 应用程序的会话、框架、需求、可视化的语言和规格设定底线;

4、根据设备、浏览器、屏幕、动画来划分web应用的工作划分;

定义 Web 应用程序的设备、浏览器、屏幕、动画的范围;

5、用QA基准来保证指南来确保品牌忠诚度、代码质量、产品标准;

开发一个质量保证指南来确保品牌忠诚度、代码质量、产品标准;

6、调节Web应用程序的样式,包括间距、字体、标题、图标、布局等等;

为 Web 应用程序设定适当的行距、字体、标题、图标、填充等等;

7、根据不同分辨率、横屏竖屏等,调节Web应用程序的样式;

为 Web 应用程序设定多种分辨率的图像,设备为主的实体模型,同时维护设计指南;

8、标记 Web 应用程序,使之语义化,SEO 友好;

标记 Web 应用程序,使之语义化,SEO 友好;

9、通过API获取内容要考虑友好性、电池消耗性、设备和客户端的特性;

用一种友好的,耗电少的,设备和客户端感知的方式连接 API,获取信息;

10、开发客户端要考虑动画的流畅、延迟加载、交互、应用工作流程,大多数时间用来考虑渐进增强和向后兼容的标准;

开发客户端代码来显示流畅的动画、过渡、延迟加载、交互、应用工作流程,大多数时间用来考虑渐进增强和向后兼容的标准;

11、保证后台连接安全,采取跨地资源共享( CORS )的程序考虑,防止跨站点脚本( XSS)和跨站点请求伪造( CSRF ) ;

保证后台连接安全,采取跨域资源共享 (CORS) 的程序考虑,防止跨站点脚本 (XSS) 和跨站请求伪造 (CSRF) ;

12、最重要的是,尽管有严格的期限、利益相关者的要求,以及设备的限制,无论现在还是将来永远是「客户第一」。

最重要的是,尽管有严格的期限、利益相关者的要求,以及设备的限制,无论现在还是将来永远是「客户第一」。

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

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

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

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

这或许是难以招到优秀前端工程师最明显的原因。由于前端工程师的入门门槛非常低,JS、CSS、HTML并不是很难入门掌握的语言,似乎只要花一点时间,谁都可以通过网上教程和书本学会它。所以,大部分人学习都是浅尝辄止,以为这些就是前端所需要的内容,不光自己埋怨工作难找,也影响了前端工程师的市场。

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

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

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

1、滥用 JavaScript 库,因为他们实际上并不了 JavaScript 的核心(e.g. 一切都用 jQuery);

滥用 JavaScript 库,因为他们实际上并不了 JavaScript 的核心(e.g. 一切都用 jQuery);滥用 JavaScript 插件,无节制的复用别人的代码,哪怕自己根本读不懂;

2、滥用 JavaScript 插件,无节制的复用别人的代码,哪怕自己根本读不懂;

不看需求、设计,也不做比较或评价,就给 Web 应用程序添加 CSS 框架,却只用到框架的一小部分;

3、不看需求、设计,也不做比较或评价,就给 Web 应用程序添加 CSS 框架,却只用到框架的一小部分;

认为只要用了 CSS 框架,网站就是响应式的,或是对响应式设计的意义理解不到位;

4、认为只要用了 CSS 框架,网站就是响应式的,或是对响应式设计的意义理解不到位;

一边在说着「响应式 Web 设计」,却对服务器端解决方案技术一无所知;

5、一边在说着「响应式 Web 设计」,却对服务器端解决方案技术一无所知;

用 CSS 编程时不做预处理器、命名规范等;

6、用 CSS 编程时不做预处理器、命名规范等;

忽视性能、内存泄露(并不理解内存泄露的真正含义),不会检测代码;

7、忽视性能、内存泄露(并不理解内存泄露的真正含义),不会检测代码;

不会用指标衡量一个产品,或者这种指标旨在自己的电脑、浏览器、设备有效;

8、不会用指标衡量一个产品,或者这种指标旨在自己的电脑、浏览器、设备有效;

忽视 30 年来的软件工程技术,闭门造车。

9、忽视 30 年来的软件工程技术,闭门造车。

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

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

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

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

DNS 解析,使用 CDN,把资源请求分散到多个域名上去;理解 HTTP Headers (Expires、Cache-Control、If-Modified-Since)

1、DNS 解析,使用 CDN,把资源请求分散到多个域名上去;

Steve Souders 的所有高性能网页优化规则(参考:High Performance Websites 一书)

2、理解 HTTP Headers (Expires、Cache-Control、If-Modified-Since)

如何解决 PageSpeed、YSlow、Chrome Dev Tools Audit、Chrome Dev Tools Timeline 等工具列出的所有问题;

3、Steve Souders 的所有高性能网页优化规则(参考:High Performance Websites 一书)

何时把任务传到服务器,何时适合传到客户端;

4、如何解决 PageSpeed、YSlow、Chrome Dev Tools Audit、Chrome Dev Tools Timeline 等工具列出的所有问题;

缓存,预取和延迟加载技术的使用;

5、何时把任务传到服务器,何时适合传到客户端;

原生 JavaScript,知道何时从头开始做,何时参考别人的代码,同时可以评估这样做的优缺点;

6、缓存,预取和延迟加载技术的使用;

最新的 MVC Javascript 库知识以及用法;

7、原生 JavaScript,知道何时从头开始做,何时参考别人的代码,同时可以评估这样做的优缺点;

CSS 标准的知识与用法;

8、 最新的 MVC Javascript 库知识以及用法;

JavaScript的计算机科学部分的知识(内存管理,垃圾收集算法等等等等)

9、CSS 标准的知识与用法;

换句话说,如果说掌握(或者某些简历里自称的精通) HTML CSS JavaScript,了解后端知识,只是 60 分的合格前端;那么要想成为受追捧、拿高薪的 80 分优秀前端,要对业务需求和、架构设计有真正的运用;而 100 分的顶级前端,则必须要能够兼顾技术和设计,更接近「以前端开发为主的全栈工程师」了。

10、JavaScript的计算机科学部分的知识(内存管理,垃圾收集算法等等)

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

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

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

学习过程中遇到什么问题或者想获取学习资源的话,欢迎加入学习交流群
343599877,我们一起学前端!

虽然现在互联网行业普遍缺少前端工程师,但是我们相信越来越多的人将会加入前端的大军。不仅是因为大多数前端工作提供的优渥薪水和办公环境,也是因为 Web 中的前端编程变得越来越有挑战和意义。

最后,分享一组 3/4 月的 100offer 拍卖数据:

前端工程师人均收获 8.2 个面试机会,已入职的前端工程师平均薪资涨幅达39%。其中,前端 Offer 之王共收获 47 个 offer,最高 offer 薪水 38k*16 ,某电商公司开出的。

加油吧,前端。

(分享自知乎网)

本文由pc28.am发布于前端技术,转载请注明出处:缘何整个互连网行业都缺前端程序员,技师编制

上一篇:愚人节极客式恶搞,一款基于jquery和css3的头像恶 下一篇:没有了
猜你喜欢
热门排行
精彩图文