互联网产品的与日俱新,不仅国内,国外对于前端工程师的需求也是相当旺盛,优势的工程师依然是各大企业争抢的对象,首先我们来看看前端开发是做什么的?
从狭义上讲,前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现成网站产品,涵盖用户PC端、移动端网页,处理视觉和交互问题。
从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专业领域
为什么前端工程师这么多,而前端工程师的薪资确越来越高呢?
原因一:2016年及以前对于很多人来说还没有彻底的认识到前端开发是做什么的,接口技术的实现和用户体验作为一个专业的领域,很新。前端开发的技术也非常的迅猛
原因二:大部分人认为前端门槛低,也很简单,但是真正优势的工程师却很少
他们认为前端工程师是做样工作的:把Photoshop文件、图片或者线框做成一个页面;偶尔设计Photoshop文件、图片或者线框;用JS实现动画、过渡效果;用HTML和CSS编程,实现网页的内容和形式
但是真正工程师做的却是:在设计师和工程师之间创建可视化的语言;根据设计稿定义一组代表内容、品牌和功能的组件;为Web应用程序的框架、需求、可视化的语言和规格设定基准;根据设备、浏览器、屏幕、动画来划分web应用的工作划分;用QA基准来保证指南来确保品牌忠诚度、代码质量、产品标准;调节Web应用程序的样式,包括间距、字体、标题、图标、布局等等;根据不同分辨率、横屏竖屏等,调节Web应用程序的样式;标记 Web 应用程序,使之语义化,SEO 友好;通过API获取内容要考虑友好性、电池消耗性、设备和客户端的特性;开发客户端要考虑动画的流畅、延迟加载、交互、应用工作流程,大多数时间用来考虑渐进增强和向后兼容的标准;保证后台连接安全,采取跨地资源共享( CORS )的程序考虑,防止跨站点脚本( XSS)和跨站点请求伪造( CSRF ) ;最重要的是,尽管有严格的期限、利益相关者的要求,以及设备的限制,无论现在还是将来永远是「客户第一」。
原因三:大家都知道前端基础HTML、CSS、JS是比较容易掌握的知识,很多人在学校或者是在网上找一些资料认真学习一段时间就可以掌握,而大部分人的学习却是以找到工作为目的的,找到工作了就很少再去学习,这就造成了糟糕的工程师越来越多,找不到工作的也不在少数,从而出现工作越来越难找,市场不景气的现象
说到这里我们就来说下什么是糟糕的工程师,什么又是优势的工程师?
糟糕的工程师是这样做事情的:
1、滥用 JavaScript 库,因为他们实际上并不了 JavaScript 的核心(e.g. 一切都用 jQuery);
2、滥用 JavaScript 插件,无节制的复用别人的代码,哪怕自己根本读不懂;
3、不看需求、设计,也不做比较或评价,就给 Web 应用程序添加 CSS 框架,却只用到框架的一小部分;
4、认为只要用了 CSS 框架,网站就是响应式的,或是对响应式设计的意义理解不到位;
5、一边在说着「响应式 Web 设计」,却对服务器端解决方案技术一无所知;
6、用 CSS 编程时不做预处理器、命名规范等;
7、忽视性能、内存泄露(并不理解内存泄露的真正含义),不会检测代码;
8、不会用指标衡量一个产品,或者这种指标旨在自己的电脑、浏览器、设备有效;
9、忽视 30 年来的软件工程技术,闭门造车。
优势的工程师是这样的:面对一个普通的任务也会做的事情
小编学习
分享之后我还是要推荐下我自己创建的web前端学习群喔:6853,
62217,这是全国最大的web前端学习交流的地方,不管你是小白还是大牛,小编我都挺欢迎,不定期分享干货,包括我自己整理的一份最新的适合2018年学习的前端资料和零基础入门教程,欢迎初学和进阶中的小伙伴。
1、DNS 解析,使用 CDN,把资源请求分散到多个域名上去;
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、何时把任务传到服务器,何时适合传到客户端;
6、缓存,预取和延迟加载技术的使用;
7、原生 JavaScript,知道何时从头开始做,何时参考别人的代码,同时可以评估这样做的优缺点;
8、 最新的 MVC Javascript 库知识以及用法;
9、CSS 标准的知识与用法;
10、JavaScript的计算机科学部分的知识(内存管理,垃圾收集算法等等)
看完这篇文章,你是想成为一个优势的工程师还是糟糕的工程师呢?
领取专属 10元无门槛券
私享最新 技术干货