60分的合格前台,80分的优秀前台,100分的顶级前台,你想做哪个?

作者 : 开心源码 本文共2555个字,预计阅读时间需要7分钟 发布时间: 2022-05-12 共139人阅读

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

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

道理我都懂,可是为什么我还是没有找到满意的工作?

其实前台一点也不简单

很多刚接触前台多久,都会认为前台开发是一个「相对于其余板块来说更简单的领域」,几乎是这样认为的:

1、把Photoshop文件、图片或者者线框放进一个网页;

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

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

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

事实上,前台工程师是这样的:

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

2、用可视化的设计,定义一组代表内容、品牌和功能的组件;

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

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

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

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

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

8、用account semantics, accessibility, SEO, schemas ,microformats 标记Web应用程序;

9、用一种友好的,消耗小的,设施和用户端感知的方式连接API,获取内容;

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

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

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

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

1你离优秀前台的差距有多大?

因为前台工程师的入门门槛非常低,JS、CSS、HTML并不是很难入门掌握的语言,似乎只需花一点时间,即可以通过网上教程和书本学会它,然而你会发现事情并不简单。

很多人****是这样做的:

1、滥用JS库,由于实际上并不了JS的内部(e.g. 一切都用jQuery);

2、滥用JS插件,抄别人的代码哪怕自己根本读不懂(e.g.jQuery.doParallaxPls.js);

3、给Web应用程序增加CSS框架,却只用到CSS/JS的5%,没有看到任何的需求、设计或者者比较和评价;

4、认为只需增加了CSS框架,网站即可以「有求必应」;

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

6、用CSS编程时不论预解决器、命名规范等,却用不合适的selector/ids/magic numbers等;

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

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

9、忽视软件技术。

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

优秀的前台工程****师是这样做的****(这才是市场急需的前台):

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、何时把任务传到服务器和用户端;

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分的顶级前台,则必需要能够兼顾技术和设计,更接近「以前台开发为主的全栈工程师」了

假如有想一起学习web前台,想制作酷炫的网页,可以来一下我的前台群:731771211,从最基础的HTML+CSS+JavaScript【炫酷特效,游戏,插件封装,设计模式】到手机端HTML5的项目实战的学习资料都有整理好友都会在里面交流,分享少量学习的方法和需要注意的小细节,每天也会准时的讲少量前台的项目实战,及免费前台直播课程学习

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 60分的合格前台,80分的优秀前台,100分的顶级前台,你想做哪个?

发表回复