怎样成为100分的优秀前端?

转载 2015年11月19日 10:24:47

大多数人心中的前端:

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

现在的前端工作:

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

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

糟糕的前端:

1、滥用 JavaScript 库,因为他们实际上并不了 JavaScript 的核心(e.g. 一切都用 jQuery);
2、滥用 JavaScript 插件,无节制的复用别人的代码,哪怕自己根本读不懂;
3、不看需求、设计,也不做比较或评价,就给 Web 应用程序添加 CSS 框架,却只用到框架的一小部分;
4、认为只要用了 CSS 框架,网站就是响应式的,或是对响应式设计的意义理解不到位;
5、一边在说着「响应式 Web 设计」,却对服务器端解决方案技术一无所知;
6、用 CSS 编程时不做预处理器、命名规范等;
7、忽视性能、内存泄露(并不理解内存泄露的真正含义),不会检测代码;
8、不会用指标衡量一个产品,或者这种指标旨在自己的电脑、浏览器、设备有效;
9、忽视 30 年来的软件工程技术,闭门造车。

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

优秀的前端(市场急需的以前端开发为主的全栈工程师):

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的计算机科学部分的知识(内存管理,垃圾收集算法等等等等)

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


如何成为一名优秀的前端工程师 (copy) - 段华建

发现一篇不错的博文,和大家分享一下,为有志成为一名优秀前端工程师的童鞋们提供一个参考。 :)~   本文来源: http://www.biaodianfu.com/what-makes-a-good...
  • aerchi
  • aerchi
  • 2013年07月03日 13:30
  • 2871

如何成为一名优秀的前端工程师

一、技术的必须的 作为一名最基础的前端工程师你必须掌握HTML、CSS和JavaScript。三者必须同时精通,类似我字样对前端知识一知半解的,一遇到问题就停下工作就四处搜索解决方案的,首先就算不上...

如何成为一名优秀的前端工程师

一、技术的必须的 作为一名最基础的前端工程师你必须掌握HTML、CSS和JavaScript。三者必须同时精通,类似我字样对前端知识一知半解的,一遇到问题就停下工作就四处搜索解决方案的,首先就算...

如何成为一名优秀的前端工程师

一、技术的必须的 作为一名最基础的前端工程师你必须掌握HTML、CSS和JavaScript。三者必须同时精通,类似我字样对前端知识一知半解的,一遇到问题就停下工作就四处搜索解决方案的,首先就算...

Nicholas C. Zakas谈怎样才能成为优秀的前端工程师

转自:为之漫笔,在此感谢! 昨天,我负责了Yahoo!公司组织的一次面试活动,感触颇深的是其中的应聘者提问环节。我得说自己对应聘者们提出的大多数问题都相当失望。我希望听到一些对在Yahoo!工作...
  • LZG0321
  • LZG0321
  • 2012年04月16日 18:12
  • 242

如何成为一名优秀的前端工程师

转载:http://www.biaodianfu.com/what-makes-a-good-front-end-engineer.html 一、技术的必须的 作为一名最基础的前端工程...
  • Dijason
  • Dijason
  • 2013年04月17日 13:15
  • 1138

怎样才能成为优秀的前端开发工程师

很多刚入门的前端攻城师会有一个疑问:如何才能成为一名优秀的前端工程师呢?其实这个问题说大也大,说小也小,展开了说可以写一本书。当然我相信大部分人并不希望去读一本厚厚的书,大道至简,下面总结的几条方法或...

成为一名优秀的web前端工程师要做些什么?

我在 web 领域工作越长时间,我就越意识到区分人才和顶尖人才的并不是他们的知识——而是他们思考问题的方式。很显然,知识在很多情况下是非常重要而且关键的——但是在一个快速发展的领域,你前进和获取知识...

如何成为一名优秀的前端工程师

一、技术的必须的    作为一名最基础的前端工程师你必须掌握HTML、CSS和JavaScript。三者必须同时精通,类似我字样对前端知识一知半解的,一遇到问题就停下工作就四处搜索解决方案的,首...
  • C860_zy
  • C860_zy
  • 2013年06月17日 15:35
  • 549

那些帮助你成为优秀前端工程师的讲座——《JavaScript篇》

这篇文章是前端优秀讲座和讨论列表系列连载第三篇,分享 JavaScript 开发和编码技巧以及构建大规模 Web 应用程序的经验。前端领域发展迅速,只有时刻掌握前端发展趋势和技术动态,学习前沿的开发思...
  • Tizian
  • Tizian
  • 2013年02月18日 14:35
  • 143
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:怎样成为100分的优秀前端?
举报原因:
原因补充:

(最多只允许输入30个字)