【译】前端开发不是一个亟待解决的问题

大碗岛的星期天下午

原文地址:Front-end development is not a problem to be solved
原文作者:Robin Rendle
本文永久链接:https://segmentfault.com/a/1190000021487337
译者:Fw恶龙
校对者:无

HTML和CSS常被视为一种负担。

这是我从过去曾与之合作过的工程师和设计师中注意到的,这种观点在更广泛的网络社区更加明显,你可以在Medium帖子和独立博客上听到关于CSS、Web性能或是设计工具的讨论。

这种观点认为前端开发是一个亟待解决的问题,“如果我们有了合适的工具和框架,那么我们可能永远不会再写一行HTML或CSS了!”这难道不是一个美梦吗?

实际上,我不认为前端开发是一个问题。

这种感觉来源于什么?好吧,设计师想要的工具是可以让他们绘制图片并导出一批像Dreamweaver那样的CSS和HTML文件。另一方面,工程师不希望在可访问性,Web性能或焦点状态上做太多工作,也不希望去担心太多的边缘情况、众多的设备和各种浏览器。这种工作太繁重了。

因此,我自己作为一名设计师/开发者十分同情这种感受。但当我听到某人与Bootstrap、设计系统、框架或CSS-in-JS解决方案,甚至像Sketch、Figma这类设计工具之间的关系时,我都会感到有些不安。这显得我们将前端开发视为一种负担,或者想通过工具层抽象来完全取代它。

我们应该将前端开发视为一种独特的技能组合,这对任何项目的成功都至关重要。

我相信这就是为什么像Bootstrap这样的框架和工具如此受欢迎的原因,不是因为它是有用组件的集合,而是因为它是一个纠正固有问题的全局解决方案。当我开始在多个前端应用程序的简历中看到“Bootstrap”时,我会立即假设我们将会在设计和开发方法上不一致的可能性。

Bootstrap不是一项技能,前端开发才是。

这不是说我是一个吝啬鬼……我真心希望有能助于我们做出更好决策的工具,以帮助我们推动网络发展的方式构建可访问、更快、更出色的网站。也就是说,我相信围绕这些工具所建立的社区,可以在不知道前端技能和标准的前提下进行设计和开发。

如果vanilla HTML、CSS和JavaScript最终被其他工具和语言转化,那么学习他们的重点是什么呢?

不要误解我的意思,我认为Bootstrap、CSS-in-JS、CSS模块或花哨的设计工具没有任何问题。但围绕这些工具的局限性而建立我们的职业生涯将会是个悲剧。前端开发很复杂,因为设计很复杂。将我们的口语转换为HTML和CSS需要vim和nuance,而且总是如此。这不是通过工具能解决的,而是通过长时间的孜孜不倦工作来解决。

我认为HTML和CSS应该比处理、编译和吐出到浏览器更好,无论是通过一些构建过程,应用程序导出,还是我们一知半解的巨型框架库。HTML和CSS是值得我们关注并注重细节的两种语言,书写它们是一种技巧。

我知道我站在一个隐喻的肥皂盒上(注:指演说),也许我说的有点戏剧性,但前端开发并不是一个亟待解决的问题。它是网络的基石,不会很快消失。

不是吗?

如果发现译文存在错误或其他需要改进的地方,欢迎留言。
Image placeholder
peterq
未设置
  43人点赞

没有讨论,发表一下自己的看法吧

推荐文章
【翻译】REST framework JWT Auth

JWT认证的REST框架原文链接概述这个包提供对DjangoRESTframework的JSONWebToken认证支持。需要满足条件Python(2.7,3.3,3.4,3.5) Django(1.

5种用于前端开发的JavaScript替代方案

JavaScript虽然是很受欢迎的语言,但是并不适合所有人,那么有哪些替代方案呢?本文将分析5种JavaScript替代方案。1995年,Netscape(网景通信公司)聘请BrendanEich为

前端开发人员最困扰的事情有哪些?

前端和后端开发之间的界线正在发生变化。有一些常见的错误会导致前端开发人员增加工作量、浪费时间,本文将介绍一些常见的错误以及如何避免这些错误。公司向他们的开发人员和程序员提出更多的要求,让他们完成与自己

一位从卖猪肉转行到前端开发小哥的自我救赎

一位曾经卖过猪肉的前端小哥自我救赎之路来自微信公众号:前端巅峰  的交流群真实采访花名:**郑伊健**一、你为什么要给自己取一个郑伊健的花名,有什么特殊含义特殊含义倒是没有,取这个花名,只是因为觉得郑

[北京][360] 安全研究院招聘 PHP 服务端开发工程师

[北京][360]安全研究院招聘PHP服务端开发工程师我们是360安全研究院-IoT安全部,360内部一个小而美的团队,致力于IoT安全研究如果你想有一个自由宽松的环境,能安心写代码、研究技术,我们团

5G是一个数据通道,未来最大的产业是人工智能 | 任正非对话卡普兰

大数据文摘出品昨天下午,华为创始人任正非邀请两位人工智能领域的国际顶级专家参与“与任正非咖啡对话”。这已经不是任正非第一次举办这种与行业专家的对话,上一次是在6月17日在与《福布斯》著名撰稿人乔治·吉

央视网黄乐:安全合规是一切工作的重要基础

“安全无小事”这一句口号相信大家都较为耳熟,而随着网络技术的不断应用落地,这句口号不再仅仅是一句口号。由于网络安全威胁的不断升级,企业组织对于网络安全的重视程度不断加深。但在安全方面的投入或许还远远不

为什么分布式网络是一种新兴趋势?

互联网的大规模采用可归功于以下五个重要因素:TCP/IPTCP/IP(传输控制协议/Internet协议)是指Internet上使用的标准数据通信协议集。它由DARPA开发,并由互联网工程任务组(IE

晋级高级前端工程师,你需要开发过这七类项目

近些日子,随着JavaScript擅长做更多的事情,它也变得很难被全部掌控(更不用说不可能)。对这门语言更好的理解以及更多的经验意味着更多的工作机会。因此,花费时间来学习新东西很有用。学习编程最好的也

css中怎么解决表格边框不显示的问题?

css中怎么解决表格边框不显示的问题?html中的表格默认是不显示边框的,可以设置表格的border属性来添加边框,设置cellspacing属性为0来将边框合并,显示单一边框。css中也可以设置表格

Laravel shop 5.8 关于面包屑 category 为空,前端页面报错问题。

进入本章的:3.体验优化现在商品列表页还比较简陋,接下来我们就要针对类目做一些前端方面的体验优化。类目面包屑前面测试还正常,地址栏输入 还能正常获取到商品信息,自从前端的商品index模板中加入了

天翼云视频云储存解决方案,高效解决云储存难题

随着科技发展,视频监控迈向深度智能时代,前端摄像机开始内置深度学习算法,可以对人脸、车辆等关键信息进行快速定位抓拍,有效解决漏抓误报问题,解决了传统智能视频分析技术人工选择特征准确率低、浅层学习模型无

前端微服务在字节跳动的落地之路

不少前端团队都面临着独石应用的工程巨大、理解困难和合作混乱的种种问题,微前端或许是一种比较好的解决方案,它允许我们为应用加入新功能而不影响整体结构。但同时,我们可能会付出一些代价,例如重复依赖、团

深度解读当代前端架构演进与趋势(上)

软件架构的核心思想,就是推断软件系统各个组件之间数据流动的方式。软件架构的质量取决于你设法推断这些数据流的难易程度!本文要讲的内容,就是在今天的Web应用程序背后探索这些数据流和最终的体系结构。We

已配置 4000+ 页面,携程前端组件化探索之“乐高”运营系统

一、前言 市场部活动组主要负责各种运营活动的相关开发,分为常规运营活动和定制运营活动。常规运营活动因为组件(模块)具有复用性,并且配置化需求非常多,因此我们建设了一个可视化页面搭建平台——乐高(leg

前端不得不了解的 Flex 布局

背景 又双叒叕被老大拉来顶替前端小姐姐撸代码,接触到了Flex布局,以前只听过没用过,碰巧这次要揭露她的面纱,就记录一下。接触前端的同学都应该知道网页布局是CSS的一个重点,布局的传统方案都是基于盒

前端不得不了解的 Flex 布局

背景 又双叒叕被老大拉来顶替前端小姐姐撸代码,接触到了Flex布局,以前只听过没用过,碰巧这次要揭露她的面纱,就记录一下。接触前端的同学都应该知道网页布局是CSS的一个重点,布局的传统方案都是基于盒

【分享】2020年大前端面试题库 - 备战明年金三银四

https://segmentfault.com/a/119000002122195...2020年大前端面试题库-备战明年金三银四前端面试 阅读约10分钟写在前面现在面试文章已很多,更不觉得新鲜,本

[Base 新加坡] 领航电商平台招聘前端工程师

地点新加坡,泛东南亚最大电商平台,新加坡知名团队,国际化平台,富有竞争的薪资,享受新加坡优质生活环境及教育资源,公司申请EP,属于技术引进性人才签证。可携带家人一起前往新加坡工作生活,子女可正常入托入

花2w培训前端,出来狂面20家,被拒,我该怎么办?

今天,一个在上海花2w培训前端的妹子向我诉苦,说她5个月刚培训出来,技术好差,2周时间,狂面20家公司,没有一家抛出橄榄枝。她自己说,感觉找不到工作了,能不能给我点建议?我大概问了她一些细节。这期培训

被前端业务倒逼出来的中台?

数字化智能时代,数据成为了新的生产资料,也是蕴含丰富价值的矿藏。随之而来的打破数据孤岛、拆掉部门墙的声音越来越高。2019年中台热席卷圈内,企业、投资者、媒体众说纷纭,百度搜索指数也是应声而涨。有人认

从P4到P9, 在马云家写代码到双11前端PM

导读:今年的双11已经是阿里资深前端技术专家舒文来阿里的第11年,从应届生到双11前端PM,他一路升级打怪,实现了岗位上从P4到P9的晋升。这第11届双11顺利结束之际,他把在阿里这些年的成长经历做一

你需要的前端知识收集好了,请查收!

github地址记录学习成长收获的知识,不断进步,Front-end-go-on目前包含的模块有 HTML基础 CSS基础 JS基础 数据结构基础 Http基础 JS代码练习 算法代码练习 CSS代码

安防摄像头网页无插件直播流媒体服务器EasyNVR在IE浏览器下的 pointer-events- none前端兼容性调试

背景说明由于互联网的飞速发展,传统安防摄像头的视频监控直播与互联网直播相结合是大势所趋。传统安防的直播大多在一个局域网内,在播放的客户端上也是有所限制,一般都需要OCXWeb插件进行直播。对于安防监控

ZooTeam 前端周刊|第 63 期

政采云前端小报第63期浏览更多往期小报,请访问:https://weekly.zoo.team 基于浏览器的实时构建探索之路本文是RichLab花呗借呗前端团队的玄寂童鞋在D2上议题的文字稿。微浏览