最近对Web前端有很多想法,刚好看到这篇文章,跟我想法不谋而合,所以翻译出来与大家分享。许久没翻译了,里面多少还是有些我没能完全理解,意译过来,如果错误,请务必指出和修改,谢谢。
原文The Time is Now for Front-End Architects, 来自:Garrett Dimon,感谢作者的许可。
去年,我在YTS发表了前端架构师的想法,之后花更多时间来思考,现在更坚信这是一个不可或缺的角色。
当后端技术伴随.Net, Rails和Java之类的框架发展得越来越抽象和强大,前端技术的潜在发展也日益复杂。在束缚前端技术潜在好处的差劲实现之前, Web需要更多的前端架构师。
多亏了诸如跨浏览器支持的先进技术的发展,用户体验、更多有意义的主题比如无障碍都拨云见日,这个世界再也不仅仅就HTML和CSS如此简单,因此,绝大部分的团队都需要一个真正理解和实践涉及到前端的一切的人。
角色
这并不是一个扼要和简单的清单,对于下面的主题/技术,前端架构师也不能仅仅满足于了解一下里里外外而已,而是需要足够的深入研究,并有自己出色的见解。
- XHTML
- CSS(1, 2, 3)
- 跨浏览器和跨平台
- DOM脚本编程
- AJAX
- Flash
- 渐进增强和适度降级
- 无障碍
- 可用性
- 信息架构
- 界面设计
- 视觉设计
- 表现层逻辑(ASPX, Rails视图等)
- 商业规则和逻辑
作为一个前端架构师,必须拥有这些领域的绝对执行力。例如,前端架构师能够决定某个特性是使用AJAX还是传统的页面刷新。哪个更便于使用?对无障碍的影响如何?改用Flash有意义吗?
拨乱反正
表现,结构,行为和商业逻辑的混杂,导致不必要的复杂,导致难以维护的怪胎解决方案。就如后端需要正确地划分为数据层,商业逻辑,表现逻辑等,前端开发复杂到是时候调整其架构了。
编写良好结构或者说避免使用表格布局是远远不够的。这是第一步,前端架构的哆咧咪而已。现在是时候关注DOM脚本编程,AJAX, 无障碍等,该升级了。
非编程不可
我主张前端架构师必须懂得真正的编程知识,而这正是很多自封为前端架构师的人所缺乏的。我的意思不是能够剪切粘贴改进代码就行了,而是能够跟老练的工程师商讨如何能够最好地结合前端。
这就是说,前端架构师需要真正理解结构遭遇商业逻辑的问题。如果工程师说某些东西使用ASP.Net DataGrid是不可能实现的,前端架构师必须能够解释如何与为何要使用DataList或Repeater取代,解释为何DataGrid在该情景下是个错误的选择……
这只是个例子,问题还在于仅知道客户端编程也是不够的。能够使用与工程师相同的术语,能够讨论(前后端)关键集成的最佳解决方案,这是绝对必须的。
断线的风筝
我们今天正处在一个不妙的处境中,原因在于几乎没有人能够为前后端的沟壑搭桥。一般工程师不会有兴趣或实践标记,CSS, 或DOM脚本编程,大部分客户端开发者也没有与后端技术协作的经验。几周入门PHP不会成为程序员,几周入门XHTML也不会成为真正的客户端开发者。
罪魁祸首
我首先想到的十足例子是,ASP.Net完全漠视Web标准,同样地,web氛围(我们指表格和占位gif)让Web标准郁闷。企业项目的大多数框架输出的标记,即使使用1999年的标准来衡量,都是糟糕无比的。
如此巨大和“专业”的产品怎么能才够不忽视,按理说是整个项目最简单的方面?只有静态代码。理由是,基于技术的立场衡量产品,结构,CSS和其他客户端技术都是“事后诸葛亮”。表现逻辑,结构和行为混杂,压根无助于无障碍,Web标准,或者前端技术干净的分离。抬起你的头来,就在2006,这些都成受欢迎的惯例了。
总结
如果这个世界上姿态最鲜明的产品和项目都如此低劣的方式来处理事情,其他的还有什么好说?毫无疑问,我们需要前端架构师,而且就在昨天。
归结于归结,我们有一堆相互关联的技术,很少人能够埋头钻研它们之间的关系,这很不幸。正确做事的真正价值在于容易的维护和长期的适应性。虽然在关键时刻,有些方式更容易选择其他的方法和拼凑起另外的东西。对某些人来说,这可能是可接受的做事方式。但是,对我们大部分人来说,这是拙劣的抉择,也非常不专业。
我交给你去想了。我假设你把车交给技工修理,修好了时候,瞧瞧引擎罩内大量的输送管,我不知道你对技工作何感想?
相关推荐
大前端架构师的思维导图,从基础到高级,有vue,面试题分析,实战,nodejs等一系列的专题,围绕着前端架构来展开
大前端技术已经不是鲜见的名词了,大前端的目的在将前端技术进行汇总,进行架构化的系统工作,可以更加系统化的进行工作。课程内容非常的庞大,不同的技术点和课程都进行了细化的拆分,课程的容量更是超过了2000集,...
前端架构师经验归纳总结
整体角度来思考前端,让前端开发人员从宏观上人事大前端,了解前端未来走向
前端架构师岗位的职责.docx前端架构师岗位的职责.docx
最新Web全栈高级架构师学习路线全套完整版课程视频,互联网时代已进入后半场,行业环境发生了显著变化。互联网人,尤其是技术人员,如何在加速更迭的技术浪潮中持续充电,提升自身价值,是当下必须面对的挑战。课程...
奈xue-P7架构师完结(56.24G) 〖课程介绍〗: 奈xue-P7架构师完结(56.24G) 〖课程目录〗: ├─p7架构师/ b+ b' R5 q6 Z; I2 Y; a- s N7 X/ R' x │ 00架构师训练营一期开班典礼.mp4: ]% m) G, o0 U- F │ ...
web前端架构师学习路线图.xmind
最新版本-大前端全栈架构师 从HTML基础到大前端全栈架构师 零基础大前端就业班课程
Web大前端架构资料; Web系统运维高级架构师大数据方向资料; Web大前端基础到架构实战;
珠峰前端架构正式课 _ 珠峰架构师课.pdf
前端团队管理 前端基础架构的实践和思考 共22页.pdf
前端:常见的网页、app 都能搞定,后端也熟,至少nodejs 吧,熟悉 各种前端框架的原理,能写前端框架就更好了,对js 和函数式编程有较深 理解,对机器学习和人工智能事业感兴趣。这要求高不高?看过这本书,都明白了
随着知识体系的不断更迭,现在的对前端架构的要求也是越来越高,不仅仅是大厂对技能的要求越来也高,而是整个技术的生态体系都在进步,而课程就可以帮助同学们建立宏观的知识体系,将碎片化的技术点串联起来,快速...
附件包含两个文档,分别是:[大家网]高性能网站建设指南[www.TopSage.com].pdf 和 [软件架构设计:程序员向架构师转型必备(第二版)].温昱.扫描版.pdf
超级Web全栈架构师视频教程,课程分成了21部从零玩转课程,每个分部的课程也都是从零开始实战。同时每个分部的课程都可以当做一个独立的专题课程进行学习。课程内容从HTML开始到跨平台开发,JavaScript核心+新特性,...
简单明了的架构指导。了解最新的软件架构动态
课程的主要方向涵盖JavaScript,QA测试工程师,NodeJS,前端工程化和性能优化,CSS和MV系列框架解读,前端跨界和非常难得的基于前端开发的数据结构与算法,前端图形学和设计模式与网络安全等前端高级开发技术。
架构师(人物 |People 陈本峰:HTML5 跨屏前端框架 Amaze UI 的开源之道 观点 |Opinion Android 5.0 技术新趋势 专题 |Topic 天猫 11.11:搜索引擎实时秒级更新)
这是一本以现代前端技术思想与理论为主要内容的书。前端技术发展迅速,涉及的技术点很多,我们往往需要阅读很多书籍才能理解前端技术的知识体系。...使读者获得成为高级前端工程师或架构师所必须具备的思维和能力。