0基础如何自学web前端？如何找工作？

首先你自己要对这方面感兴趣，你才会有动力去学习，至于如何学习，可以每个人具体情况也不相似，学习方法也会不同，起到的功效也会不同。我只能说说自己是怎么自学这方面的知识。

首先自己买了一本入门级的书，初步了解了HTML/CSS是什么？有了一点基础之后，我就去仿站，当初是抄人家的代码，在这个过程中，我学习人家是如何命名，如何写HTML结构。不断经历了这个过程之后，我就开始自己制作模板。就是在线上下载相关的PSD图，然后将PSD转换成HTML+CSS的Web页面，如果你的基础够好，可以再加上JavaScript，让你的页面具有一定的交互功能。在一段时间之后，你通过实战，会碰到很多问题，然后针对问题去寻找答案。当然在这个过程，你需要记录相关的知识，因为好记性不如烂笔头。

后面我还经历了这样的一过程,我思考过三类问题,并且将他们列在一起：

1、 哪些知识点懂了？

2、哪些知识似懂非懂？

3、哪些知识不懂？

接下来有了这样的三份清单之后，就能非常清楚自己知道自己，然后先解决第二个清单中的list，再解决第三个清单中的list。

最后建议，学习这个过程是不断渐进的，整个过程把握：多看、多想、多问和多做。这也是我自己的四多原则。如果你时间允许，多写写东西，总结自己的知识。现多看看规范。

说说我是怎么学习web前端的吧

第一步：html+css

在W3c上看了一遍 然后在网上搜索了一些资料来看 基本上能够完成简单的样式布局，然后第一步告一段落。

第二步：js学习

js学习我还是在W3c上面过了几次基础的东西，也是在网上找了很多的教程和视频来看，基本掌握了js的基础知识以后我买了一本书来看，就是大家推荐的《javascript dom编程艺术》然后在重复的联系上面的代码，暂时学完（第二步告一段落）

暂时现在就处于这样一个情况，但是我现在已经在反复的联系原声JS了！

目前可以简单的制作一些网页和一些交互效果的网页，而目前正在实习，也希望可以有大神可以带我一下，小女子不胜感激哦！

1、新手吧，少研究那些花哨的写法，什么同一种功能的N种不同实现方式，，，

这没啥太大意义，因为实际工作中，你基本上只会用一、二种而已，而且就这一、二种你熟练应用了，就足以打发90%以上的开发工作了，真要有难题了，还有其它同事呢，公司里不可能只让你一个新手独自负责一个活儿的。。

2、JS方面的看透一、二本经典的即可，少看那些中国人写的这那的JS的书，没啥用，

主要精力放在理解公司业务逻辑上，

多研究下上下游工作流程的衔接

3、OO如果不太熟练，那就先放放，不急着研究它

OO也不是非它不可，你说你是新手了，公司也知道，那怎么可能让你设计主要类、模块呢？

多数还是实现吧，那可借你自由发挥的空间必然不会太多，

所以啊，老老实实的一步步写功能吧，，

要能达到可以cover一般项目或者内部项目的UI制作水平，首先你要熟练使用Photoshop、Firework、AI等工具，高大上的Sketch买不起，但参考下来看也是个做UI非常好用的一件利器。

然后，从最简单的UI开始练习模仿、思考、再练习模仿，用熟一套自己的制作技法。

如果还想形成一定的设计风格，就要业余多累积、借鉴学习喜欢的风格的制作方法以及背后的设计理念。就好像我虽然不太待见棒子，但是不得不说韩国人在Web视觉表达上确实有独到的经验以及一整套的方法论。

再往后的路怎么走，就见仁见智，我无法做更具体的表述。

然后说交互：

我向来认为人机交互是自然科学的一个非常大的分支，囊括了多重领域，包括但不限于视觉表达，心理，可用性，文本语义分析等等等等方面的知识要素...实在无法单纯的用“交互设计”这个词来一笔概括。当然，作为前端平时接触的更多的可能是 $(element).fadeIn() 这样的信息展现的动画之类的交互，但在这里，我认为可能用“动效设计”更贴近你的描述，或者我们干脆狭义到App的交互上。至于App的交互怎么学，我的办法很笨，就是下载国内外出名的、获奖App，然后使用，并且感知它的交互，大概了解功能的使用路径，并且在脑中模拟实现方法。

同时在使用App的间歇，补充一些专业知识，交互和设计其间都拥有感性的元素，因此背后多半有一套用户体验报告和设计理念来做支撑，了解开发的背景会很有裨益。

然后看些书，比如被大家都说烂的《Dont make me think》，也比如国内有的：搜狐的《设计之下》，腾讯的《在你身边为你设计》，百度前段时间还出了过本 《体验：度》，当然这些公司背后的产品的可用性和视觉未必都非常出彩，有些地方也确实为用户所诟病，但作为这方面外行的人来说，仅仅是学习他们的思维模式，思考问题的方法，我想都会对更好的把握“交互”大有帮助。

综上所述，要做一个可以“做”UI的F2E，基本上就是“勤学苦练”+“采阴补阳”，大概也就是几个过程：

从简单的下载PSD、EPS，做部分修改 =》 独立制作拷贝 ，研究细节模仿 =》欣赏优秀的作品，借鉴风格，培养审美=》独立制作，自有风格。但交互方面，由于我给不了比较详细的参考，所以会做UI，真正懂交互的F2E这个命题，我暂时也给不出一份尚可的答案。

但此外，我还有一点想补充：

作为工程师，要有意识的，揣摩“情绪”，了解感性。

上面+下面写了这么一大段，也不太好意思，就匿了。

==========================Update============================

还有同学问，设计师如何过渡成为FE，我也试着做点建议？

F2E基本是逃不掉HTML,CSS,JS的，我会比较建议设计师先从CSS入手，因为相对来说比较简单，学习成本不高，而且设计师总是对视觉性的东西更敏感（先不要考虑什么兼容性问题，就单纯看看如何用CSS控制HTML元素的渲染情况，兼容性部分等之后有大致了解后再深入）。

HTML这部分，从W3CSchool入手，保持随手打开网站，然后用F12 Dev Tool查看HTML Tag使用情况的习惯，看看他们siderbar用什么tag，list用什么tag（当然，大网站也是可以用错tag的语义的，这个可以之后再矫正，当然从一开始就边查W3C语义，边看Tag使用会好的多，但很难得）

JS这部分，我想会是设计师最难面对的部分，因为目前而言的JS不是一门设计的特别良好的语言(ES6\ES7会好的多)，相比别的动态脚本(Python或者Ruby)成本都会高一些，因此为了可以最大化学习效率，我会建议先学jQuery，然后买本《JS高程》，因为jQuery仍然是现在市场份额最高的库，API也比较简单，资料很多，而且屏蔽掉了一些JS的坑，在真正成为专业的FE之前，jQuery写些动画都比较简单，然后在使用jQuery的过程中，慢慢接触Native JavaScript，在使用jQuery Function时候，多考虑一下以你当前掌握的JS的能力，如果要你实现这个功能，你会怎么做？

Angular、Ember这些都是新时代的库，好用是自然的，但是对初学者要求太高，DI、IoC、$scope或者virtual DOM这些特性都比较复杂，因此不建议一上来就接触它们。

HTML\CSS\JS 往深了都有很具体的东西可以做研究，CSS部分比如浏览器引擎如何决定渲染元素的位置，baseline在哪里？比如HTML标签丰富的语义，如何提高可用性，赋予更好的SEO？JS么...就更多了，You dont know JS...

====================================================================

在这里我也大概的描述下我的学习经历，跑题勿怪：

我第一门学习的程序语言是VB6.0，众所周知VB是一个很典型的所见即所得的开发工具，改改caption，拖拖控件就能撸出一个简单的GUI程序了，后来有一次做兴趣小组的题目，开发一个小工具，用ADO访问点数据库资料什么的，功能/业务逻辑很简单，但是我在做的时候就一直怨念典型的default style的VB App不好看，所以花费了大量时间去下载VB的UI控件，换背景，考虑双缓冲实现动画什么的（当时也就做着玩玩，没轮子哥野心那么大去自己实现一个GUI Framework），后来算是做出点“别出心裁”的东西(现在看看简直不堪入目)。

VB的经历大概算是我第一次接触UI这个概念，但当时只停留在选素材，然后拼接到程序的程度上。后来机缘巧合，读书的假期去舅舅那兼职打工，舅舅是做文印生意的，那时我还是个文艺青年，因此他明令禁止不允许“上班”读小说，因此闲着无聊的时候把一本600页的PS工具书读完了，恰逢当时在看郭敬明的岛，里面hansey做的图都很别致，当做学习的对象操练了下PS，模仿了一些作品，至此PS勉强入门。

再往后，PS越做越多，中二病期间做了很多摩天轮的图，在这个过程中积累了很多优秀的视觉网站，比如zcool，我一有空就会上去研究有什么风格独特的网站。当然随着年龄增大审美开始逐渐回归正轨，当时在站酷上追着教程看了很多设计教程，彼时恰逢iOS崛起，UI设计这个职位在国内开始如火如荼，因此也借机学习了许多制作技法，由于知道自己没什么美术功底，所以在研究他人作品时会暗暗留意配色方案、整张画面的明暗关系、高光阴影的使用技巧，经年累月，也算是吃过几次猪肉，看过很多次猪跑了。

之后读了大学，我妈开了家淘宝店，平常节假日给她兼职做美工，一直做到大学毕业，在这期间做了无数的产品图，许多海报，实践了一些自己偏爱的设计风格，简单玩了玩CAD,3dsMax。

后来临近毕业，觉得自己虽然会玩PS，但毕竟不是美术专业出身，很多东西模仿可以，但毕竟缺少灵感的火花（我一直认为这是最最重要的），而从以前VB的经历，我发现自己对界面实现情有独钟，而这时候F2E的行情越发见涨，而学的也是计算机，考虑到前端是唯一一个可以把我所学、所爱都结合到一起的工种，也对kejun老师那句“工程师中的设计师，设计师中的工程师”有所认同，所以入了前端的坑。

就像是自行车，你学会了就永远不会忘，工作以后又知道了dribbble,Behance这些网站，有时候会上去采取采取灵感，欣赏欣赏设计风格，我没太指望完全靠设计来支撑我的生活，偶尔能反哺就已经很好了，所以我比较倾向把它变成一种情节，至少业余玩票的时候不愁做出太难看的App