Web新人（偏前端）应该怎样学习（个人观点，勿喷）

我自己是会计专业，转行自学web的，学习有一两年了，也还是新人一个，只不过不是那种超级“新”的，所以有什么话说得不对，请轻喷。欢迎大家来和我交流。

1.我能不能转行学web？

能不能学web这个不是别人告诉你的，是你自己告诉自己的。在我看来，会认字，会写几个字母就可以开始学web了。从最开始的html学起，从标签学起，标签总能看懂吧？不懂就去查！我自己体会最深的是，刚刚开始学习后台语言，花了很久时间去比较ASP,ASP.NET,PHP，在纠结自己应该学什么语言，可不可以学好，去贴吧找人问，去微博找人问，去技术交流群里面问，结果别人给你指点了还是别人的话，而是用几个星期去纠结应该学习什么，还不如花点时间开始学，找个教程学习入门知识就几天的时间，你学会了入门就知道你适不适合学习这门语言。

分享之前我还是要推荐下我自己的前端学习群：250777811，不管你是小白还是大牛，小编我都挺欢迎，不定期分享干货，包括我自己整理的一份2017最新的前端资料和零基础入门教程，送给大家，欢迎初学和进阶中的小伙伴

2.我应该学习web哪些内容？

不用问自己应该学习哪些内容，去招聘网站上面看看别人的招聘要求，随便找个对技术要求比较齐全的招聘信息复制下来，一般招聘上面提到的技术都是由易到难的，然后按照里面提到的知识点一个一个的学习，等你学得入门了就知道自己应该学习什么了。

前端（html   Div+css   JS  jQuery  H5+css3  bootstrap  less  sass ==  ）

附一个web前端招聘要求：

···········································································

HTML/CSS

1. 熟悉 HTML 语义化，了解基本的SEO

2. 精通常用CSS属性，熟悉 CSS3 动画

3. 熟悉跨桌面和手机屏幕的自适应页面开发

4. 熟悉 HTML5 手机页面构架和布局，了解手机页面的性能优化

5. 熟悉一种常用HTML/CSS 框架，（如 Bootstrap），或者开发过自己的框架

6. 熟悉 LESS 或者 SASS

JavaScript

1. 熟悉 jQuery, 并熟练开发相关组件

2. 熟悉 Canvas 动画，至少掌握一种常用的Canvas 框架，(如 easeljs, KineticJS)

3. 熟悉一种 JavaScript MVC 框架, （如 AngularJS, KnockoutJS)

4. 对原生 JavaScript 开发有一定了解

优先项

1. 开发过手机HTML5小游戏

2. 熟悉一种非前端语言，（如 PHP C# Java)

3. 有自己的github

4.以上条件满足2条以上的优先

·············································································

这个招聘对技术要求还是挺高的，目前很多前端都没有学全，但是新人用这个做学习目标肯定是可以的。我自己也没有学全，也是用这个做目标。

3..我应该怎样学web？

现在是网络时代，各种学习书籍，免费在线课堂，免费的学习视频资料等等，到处都有。前期先看看视频，买本感兴趣的书，学了一段时间就能知道自己是喜欢看书还是喜欢看视频，或者是喜欢上课和人交流。这每一种学习方式都可以使用，互补也可以。

1.我推荐几个学习网站，里面在线视频和可以下载视频都有（此处不是广告）

慕课网    极客学院   智能社团  布尔教育  传播智客

在这些网站上，能找到你想要学习的内容，都是很齐全的，而且很赞。

2.再说说书。如果喜欢看书的话，可以去京东或者当当，豆瓣读书，搜索关键词，看

看排名和评价，京东和豆瓣读书上面，有些评价还是很靠谱的。我目前买的几本书，   都是这种方式看到的

4.新人应该使用什么编辑器？

各种编辑器五花八门，我是用Dw入门的，后来转editplus，后来转webstorm，现在在用phpstorm，当然流行编辑器远远不止这些。

我从来不提倡说使用Dw的都是渣渣，使用记事本的都是大神。学习web，更多的是学习代码能力，而不是学习使用软件的能力。

新人刚刚开始学习，可以选择一个和你的学习资料一样的编辑器，比如你看的视频里面使用sublime，你就是用sublime，你的学习资料里面使用editplus你就是用editplus。相比等你掌握了某一个软件，开始追求适合自己的IDE的时候，你也就知道各种IDE的优势劣势了。

如果实在是没得选，我推荐webstorm，功能比较齐全，配置简单，基本上是安装好了就可以用。Sublime也很不错，但是新人使用需要安装各种插件，有点烦，网上也有集成了插件的免安装版。我从webstorm转到了phpstorm，就是因为后者对php提供了更好的支持。

5.学习中碰到了不会的怎么办？

有不会的先百度，web发展这么多年，很多问题在网上百度随随便便搜一下就是答案，不要有问题就去问人。别人不是你爹妈，你问了，回答你了是因为他心情好，懒得理你也是正常的。

经常看到有人在群里面问，插入图片加了a链接之后，鼠标移动上去有边框怎么办？或者问，怎样给Div加圆边框。

讲真，这些问题，百度上随便搜一下就是一大堆，你在群里面问了，别人给你随便说几句你不一定能够看懂，但是百度上很多都把问题的实例和源码贴出来了。问这种问题，既不利于提高你的独立解决问题的能力，也不浪费了别人的时间。我提倡交流学习中遇到的问题，但是不提倡问度娘讲过的问题。

就拿我自己来说，我刚刚入门的时候，对自己独立解决问题的能力不够自信，不管多简单的问题，都想着去问人，一个群一个群里面发信息，然并卵，对自己几乎没有任何帮助。后来随着学习的深入，慢慢习惯了自己独立的去查找问题解决方案，学习了用浏览器测试，学会了去查找问题的根源，学会了有问题先去网上查一下。学习到现在，我可以很有信心的说，我能够独立解决我学习过程中遇到的百分之九十的问题，碰到了一门新技术，我不会去思考能不能学会，只思考需要花多少时间学习。

Web技术变化太快，独立解决问题的能力，对一门新技术能够独立学会的信心，这两点非常重要。也就是，学习怎样去学习比学习知识重要。（个人感觉第5点是整个文章里面最重要的一部分）

给新人一个建议，遇到一个问题，没有独立研究几天，就不要随随便便去问人。

作者：DarkSpy13
链接：https://www.jianshu.com/p/fe50afdae0bd