后端工程师如何学前端？

[PureWhite]

感觉整个思维的方法都不太一样。。。

[twogoods]

是的，css 学不会....

[e9e499d78f]

我就是想学切图。。

[q397064399]

@choulinlin #80 前端可以包出去，核心业务逻辑 基础设施 不能包出去

[choulinlin]

@oswuhan 其实我想增长设计能力 自己可以设计图标 哪个工具最好 fw, sketch ,ps, illustrato?

[oswuhan]

@choulinlin 前端 UI 以矢量设计为主，矢量设计能够让设计师更精准的实现各种设计规范，Ai 太重，Ps 的主要功能并不是矢量设计，Fw 过气了，现在的主流 UI 工具是 sketch，如果仅仅只是想做 icon 的话而不是完整的 UI 项目的话，AI 更合适。

[oswuhan]

@no1xsyzy 我主职是货真价实的前端程序员，而不是设计师，我强调 UI 和 UE，主要是针对“如何进行前端（工程）开发”这个问题来讲的，前端（工程）开发过程中，前端程序员需要与设计师协作，前端程序员在写代码之前，需要先由设计师提供符合前端开发规范的 UI 或者 UE 稿，而不是用市面上流行的开发工具“凭空”做开发，我重点阐述的是开发流程规范化的重要性。

[oswuhan]

@eslizn

关于“切图”，参考我 37 楼的评论。

“切图”、“前后端联调”、“调 CSS ”、“ js 特效”等等个性鲜明的词汇，在不规范的前端开发流程中的出现频率很高。

设计师需要和前端约束设计规范，前端和后端需要约束接口、数据模型、静态资源导出等方面的规范，一旦省了这些步骤，就会有人不得不去做一些本不属于当前步骤的工作，甚至出现整个流程反复走几遍的情况，效率低下，工作流程中的所有人都疲惫不堪。

[amanbolatbalabek]

我也最近遇到了同样的问题再说不想再花时间新的技术也不要求审美所以开始找合适我自己思维的框架。
写 spa 的话可以用 mithriljs 再加 tachyons css + parceljs （简单的项目不需要像 webpack2-3 写任何一行 config ）。这样不需要分开看 css 和 js+html，而是直接写 js+html+css。
我没多少前段经验所以觉得找适合自己的工具比较重要。

[halden]

其实就现在前端的发展状况而言，需要问的是前端工程师如何学习前端。。（误）各种框架以及对应的脚手架、构建工具、打包工具，甚至是自动化任务管理云云真的是看得我头都大，参考 t/310767

题主其实没说目的是啥，是学来马上用呢还是一步一个脚印走真的学好

看到有人说不需要了解 js 闭包或者异步那你只能是做最简单的页面，都 2018 年了你说你不会 promise 还是个好前端我是不信的，面试直接 gg

至于好看不好看的问题，要看有没有设计师以及你做出来的东西是给谁用的。。

---------------------------------------
通用的话 html + css + js 这是最基本的，

html - 就那几个 tag 一口气都能给你数完，没啥好偷懒的都学了吧。会的标准是知道什么时候用什么 tag，然后怎么组合 div 会使得在写 css 的时候更具有适应性和延展性，SEO 是再往后的事了

css - 常用的各种属性都得会，用的时候多 google 难度不大，伪类伪元素之类的你得知道有这么个东西，什么时候用得懂，动画的话如果不是专业前端基本上看过就够了。剩下的应该就是适配问题了，以后用到 ui 框架的时候可解

js - 语法的话挺好学的，常用方法都得会。然后和浏览器相关的原生 js 都得过一遍，什么 window、document 之类的，要会操作 DOM。jquery 的话可看可不看，这东西只会用得越来越少

以上算你入门，还想听的话我再给你讲进阶

[secondwtq]

@halden 闭包和 Promise 本来就不是前端专有的东西 ...

[ericgui]

@coffeSlider
@misaka19000 二位说的都对，然而一个网站长的咋样，后端工程师最多可以整的不丑，但很难会有什么美感。

[wzw]

@learnshare #66 为什么说 VUE 过时呢? 感谢你耐心的解答一下, 因为我正准备学 VUE

[halden]

@secondwtq 确实不是，但这和我说的并没有冲突，我说的是现在的前端得会这些

[abcbuzhiming]

@coffeSlider 完全不同意，你说的那叫 UI 设计，前端讲的是实现
@coffeSlider 视觉污物？在计算机领域，首先是功能实现，然后才谈是否美观，你还真以为一个功能良好的界面一定需要很好的美术吗，美术上简陋的界面一样能完成良好的用户体验，美观本质是锦上添花，不要本末倒置了
@KuroNekoFan 你是真前端大佬，知乎有个帖子专门系统的讲过，CSS 其实是很难的，然而现在即使是专门做前端的，很少有人系统的研究 CSS，他们基本都是蜻蜓点水一般玩玩 html+css，然后就开始 js，然后就是花里胡哨的各种前端框架去了。我个人认为要看一个前端的水平到底有多厉害，其实就是看对 CSS 理解有多深，js 啥的都是添头，上面还有提面向视图，我说，MVC （ MVVM ），视图绑定这些玩意后端玩了不知道多少年了，还需要重新跑前端去学一遍吗？前端牛就牛在 CSS。深就深在 CSS

[keventseng]

其实，就看是想要单纯的学前端还是晋级到全栈。

[learnshare]

@wzw 指的是多年以后

[coffeSlider]

@abcbuzhiming
1.[基本]审美观，难不成你觉得 UI 设计只需要基本审美？

2.一款商业产品，界面 UI 和美观度占重要地位，绝对影响前端业务代码逻辑，完全不敢苟同一款丑陋的界面能给大多数人带来好的体验，可以参考 12306。

3.你在给别人回复中提到 css 比 js 重要，在我的理解中，这和你对我的回复有些自相矛盾。

4.如果前端界面完全依赖 UI 设计，那么其实 css 之类并不需要理解太多，让美术多出点图，js 绝对能够应付所有情况。

很多人无法理解前端为什么需要有基本审美，我的解释是:
只有你能设计出，大多数人觉得还凑合的插件，才好意思放到 jQuery 之家上赚点积分啊！ 233333...

[FBI warning] 对于做前端从来不做或用插件的大佬，当我没说。

[movistar]

@oswuhan 不同意你说的这个比喻
"用“做饭”这件事来类比一下，“后端”风格厨师解决的是把饭做出来的问题，只需要保证做饭效率以及能不能吃的问题就行，而“前端”风格的厨师需要精确的把控做菜的食材、调料、工艺等方面的要素，最终的目标除了效率、安全等方面的问题以外，重点是要满足食客的口味需求。 "
个人感觉,后端是准备好食材,调料,工艺,在给定的时间内把饭菜做出来,既要有足够吞吐,还要足够的低延迟
而前端呢,主要负责摆盘,装饰,上菜,可能负责的多的(NodeJS 做反代那种),再给饭菜挤个柠檬汁上个现成的调味汁简单加工一下....
而且安全显然是前后端都要做的,后端更主要一点.这部分前端可以不做,后端不能不做........

[secondwtq]

@secondwtq 我的意思是合格的后端本来就应该了解这些东西
这些概念还需要专门补的话那还是先把后端学好吧

[abcbuzhiming]

@coffeSlider 问题是前端和 UI 设计不是一个工种好吗？如果这个人是问“如何学习 UI 设计”，我绝逼不说半句话，你说的东西放在 UI 设计全对，但是前端明明是一个偏实现的工作，就像建筑领域的土木工程师一样，你会去找土木工程师大谈“你的设计要美观”吗？你只会去找“建筑设计师”去谈美观吧。你自己靶子都找错了，前端是实现，不是设计
CSS 考验的是对实现前端实现技术的理解深度，我可以不管什么叫漂亮，但是别人给我的设计图，我一定要有办法实现，不仅要实现，还要能实现的合理，从这一点上说，对 CSS 理解的深刻就像对建筑结构，材料力学的理解深度一样