全栈设计师指南-事不过八总结下

全栈设计师指南系列的前端开发部分基本告一段落了，本篇是前端开发部分的最后一篇，这个系列后续文章会延续到产品交互等设计上下游部分，敬请期待吧！

前端是个大门类，拥有以JS为基础而扩散出的很多知识点，相应的生产力工具也从出不穷，也许上个月刚熟悉一个工具，下个月就已然不流行了，所以回归初心还是要学好基础的HTML、CSS、JS部分。作为设计想转行可能不是那么容易，但是想升级为全栈设计师或者更高级别的管理层，有必要深入了解产品交互以及前端开发，学习并不只是为了工作，也为成为更好的自己。

从业两三年的设计师，甚至一年左右的设计师都会存在迷茫，可能是能力提升太慢，也可能是思维跟不上潮流，做的东西始终不如意。这其实没有什么捷径可走，多看大咖作品做练习，多参与设计交流的活动，大牛成长手册中除了多看多练，还在于他们的社交圈。全栈设计师虽然不是一个新兴的职业，但是了解更多设计上下游的知识只会对后期的发展有帮助，在与不同的职位碰撞中，全栈设计师的优势也会更显著。

如果想深入学习前端部分，我们可以

● 先把HTML和CSS的基础学好，能够把自己的设计图布局出来

● 然后再是简单动效的实现，譬如放大、渐显、旋转等

● 再到交互部分，譬如点击出现弹窗之类，一般静态页面到此就结束了

● 最后升级版的数据交互存取可以自己学着做，更优的方式也可以交付给前端

如果深入学习前端开发，有些技术入门门槛还是比较高的，实际项目中用的少的话学习记忆周期也会很长，以下是一些常用前端技术的名称，更详尽的用法可以搜索对应的官网或者教程。

传统前端框架：jquery、bootstrap、zepto、layui

当前流行服务：Node.js、NPM、React、Vue、angularJS

前端自动化工具：Webpack、Gulp、Grunt

CSS拓展工具：Sass/Less、Postcss

前端调试工具：Chrome、Weinre、vConsole、 inspect、Charles、 Fiddler

效率工具：iconfont图表库、codepen、caniuse、unsplash、tinypng

数据交互：Postman、mockjs

PS：限于文章篇幅的原因，想全面展开颇有难度，后续会针对工作中常用的技术和工具进行拓展，如果可能也会尽量做更细致的全栈设计师教程，谢谢大家查看，继续关注等待新文吧。