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

0基础如何自学web前端？如何找工作？相关推荐

0基础可以学Web前端吗？如何快速掌握前端开发技能？
Web前端开发是互联网行业中的热门职位,对于想要进入IT行业的小白来讲,比较疑惑的是这门技术好不好学.能不能学会.怎么学才能入门找到工作? 优妹儿总结了一篇关于Web前端如何学习,怎么入门找工作的文章 ...
0基础怎么学web前端？新手到大神的进阶路线在这！
结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路.学习方法.资料.由于能力有限,不能保证面面俱到,只是作为入门参考,面向初学者,让初学者少走弯路. 互联网的快速发展和激烈竞争,用户 ...
码匠编程：零基础自学WEB前端，从第一份工作5K到现在13K，学习经验分享
现在看到各行各业的人都在转行学习WEB前端,想给大家一些学习建议和忠告.首先告诉你的是WEB前端是高薪职位,学出来后薪资起码五千起步,干了一年后薪资基本会翻到8K.所以想要拿到高薪是没有那么容易的,不 ...
0基础学python做什么工作好-零基础自学Python多久可以找工作？
零基础自学Python多久可以找工作?零基础自学3个月很难找到工作.如果全职学习Python的话,学习6个的时间,不一定能达到找到工作的水平,掌握项目经验还需要更久,达到企业需要的岗位要求还需要多练习 ...
自学Web前端开发学习讲解 – 入门篇
很多人都对web前端感兴趣,这一期主要聊关于如何入门学习Web前端开发的过程分享,此篇适合想入门初学者,大佬就不用看了.主要内容是以本人这一路自学web前端的一些经验和建议,学习哪些知识,以及如何正确 ...
自学web前端的方法都有哪些？新手怎么学HTML5
HTML5开发是当今比较火热的一个专业,它相对于iOS开发.Android开发来说,学习门槛比较低,不需要任何编程基础,所以对于没有编程基础的同学来说,学HTML5开发是比iOS开发和Android开 ...
python多久学会自学-零基础自学Python多久可以找工作？
零基础自学Python多久可以找工作?零基础自学3个月很难找到工作.如果全职学习Python的话,学习6个的时间,不一定能达到找到工作的水平,掌握项目经验还需要更久,达到企业需要的岗位要求还需要多练习 ...
怎样在线把别人web前端代码抓下_自学web前端8个月，我是怎样拿下7K薪资的？
自学web前端8个月,我是怎样拿下7K薪资的?自学两个字,说起来很轻松,但真正做起来那真是绝非易事,说实话,在我收到HR发来的offer那一刻,眼泪差点掉下来,这个过程中吃的这些苦,真的只有自己才能知 ...
如果是自学WEB前端的话，该如何才能找到一份7K实习生工作呢？
下面说一下我的感受吧自学web前端8个月,我是怎样拿下7K薪资的?自学两个字,说起来很轻松,但真正做起来那真是绝非易事,说实话,在我收到HR发来的offer那一刻,眼泪差点掉下来,这个过程中吃的这些 ...

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

0基础如何自学web前端？如何找工作？相关推荐

最新文章

热门文章