后端工程师如何学前端？

[PureWhite]

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

[oswuhan]

@Weny 你这个观点成立的前提条件是遇到任何前端需求都有对应的文档，或者有对应的框架、库、控件等东西。你这句话另外一层意思是“会开车就等于会造车”。

[ZSeptember]

前端样式很烦。。

[badcode]

https://github.com/nicejade/Front-end-tutorial 可能会太多

[an168bang521]

恬不知耻的安利一下自己的 js 笔记： https://github.com/zhubangbang/zhubangbang-javascript-notes

前端里 JS 是一等公民，先从 js 入手；

[coffeSlider]

@mb4555 呵呵，最搞笑的就是这种想法，十个人有六七个觉得凑活，就可以说是[基本]审美了，你偏要举个极端，那还有人觉得范冰冰相貌丑陋了。审美是建立在大多数人之间的，不是一个人说不好就不好。

[duan602728596]

不依赖任何库、任何框架，还原设计图及网页的特效，也就是基本功“切图”，打下 html、css、js 的基础。
html5 的基础知识要过一遍，对各个标签的作用，属性要记牢。
学习 es6、es7、es8。学习 node，因为 node 是前端开发环境的基础。
然后学习前端工具 gulp，会用就行。css 预处理器 sass、less、stylus 选一个学。回头检查并且思考你以前切图时的代码，以后切图就要用到 gulp 了。
html5 提供的很多 api 要了解，说不定某个特殊时刻就会用上，比如地理定位、IndexedDB、websocket、webgl 等等，无障碍网站等等。这些都是 html5 相关的知识。
学习 angularjs、react、vue + webpack。然后把之前学到的所有知识点穿插起来，结合到一起来使用，会有不一样的体验的。
之后还要学啥，等日后再说

[zjsxwc]

话说调 css，我是不想学的

[oswuhan]

@duan602728596 传说中的“前端必知必会”系列，早些年流行的版本是一大张思维导图，现如今就是这种碎片化的清单……把教科书背下来就能上清华北大……“切图”这个工种跟前端没关系……工具是工具，工程是工程……无力吐槽~~

[KuroNekoFan]

一般后端都会觉得 css 很烦，但是我想说 css 其实是很有趣的。我的一个原则就是，能用 css 实现的就不用 js 代码

[oswuhan]

@zjsxwc 之所以“调” css，是因为 UI 设计这步没完成，UI 确定之后再才能写 HTML/CSS/JS，否则要多花三倍以上的时间

[badcode]

https://segmentfault.com/a/1190000004652898
我是如何从零开始学习前端的

[jrtzxh020]

@duan602728596 工作一年多，表示切图都不会...

[oswuhan]

@KuroNekoFan 觉得麻烦通常是因为跳了 UI 设计步骤 —— 步子迈大了自然会蛋疼。设计师做高保真 UI，前端开发者把 UI 翻译成 HTML/CSS/JS，那些用代码凭空撸视图的开发者纯属自残。

[oswuhan]

@badcode 那么问题来了，什么是前端？

[wengjin456123]

打开文档开始学啊

[kisama12]

@KuroNekoFan 真大佬

[oswuhan]

@jrtzxh020 做了五年前端，无论是 web 前端还是 app 前端，从来没做过所谓的“切图”，UI 稿包含两部分内容，可以用代码写出来元素、样式、布局等东西，和不需要用代码写出来的素材文件，素材文件直接由设计师按前端开发规范导出为直接可以用在项目中的静态资源。

“切图”比较类似于“用汉字标注英文单词发音”这种奇葩的操作，业余至极。

[ocian]

mdn web docs

[NotNil1]

@KuroNekoFan 这个想法很不错

[371657110]

在后端眼里
难道不是掌握了 bootstrap, jquery, 厉害点的再加上 vue
就是个全栈了吗.