WEB前端从零单排（自学）

本人还是个web前端的菜鸟，目前学习了有5个月时间，今天有个好朋友也想从事这一行，毕竟这一行全凭自己，不拼爹，没有门槛，不管是谁都想往里面跳。这让我们本来就是计算机专业的同学感到压力山大。。。

本着人道主义授之以渔的精神，写下了如下劝退软文。

 

1、合理细分时间，可以下载印象笔记这类软件进行管理。早上列出自己这一天的工作计划和每一个计划需要用到的时间。在这段时间一定不能分心。每天学习时间达到4-6小时。在坐车或者其他这样的时间中可以阅读一些前端的文章了解一些前端技术。（推荐无聊的时候可以去阅读阮一峰老师关于的前端的文章，可以下载segmentFault和掘金这样的软件，了解最新的前端情况）

 

2、如果是自学的话，无非是查看文档和视频。很多初学者习惯、依赖去看视频，看完视频后再去跟着视频代码去敲。不建议这样，缺乏自己的思考。推荐学习基础内容的时候选择通过文档进行学习（基础的学习需要自己的思考）。学习一些综合型项目、应用的时候视频是一个很好的选择（综合型项目可以通过视频学习别人的方法技巧）。

基础学习网站：

（1）国外前端学习最全网站：www.w3schools.com（很多时候打不开，英语不好可以通过谷歌浏览器的翻译功能查看，前端学习一定要用谷歌浏览器）

（2）国内前端推荐学习网站：菜鸟教程 www.runoob.com

（3）国内前端学习网站：www.w3school.com.cn

遇到不明白的问题可以先去这三个网站查解决方法，还是解决不了可以在segmentFault、百度、谷歌、stackoverflow、QQ群提问（如果不知道可以先去了解下这些网站），每一个阶段的基础内容学习完毕可以在freeCodeCamp社区做对应的练习题尽量将基础学牢固（如javascript学完可以在这个网站做javascript的练习题，网站地址：www.freecodecamp.cn）。

 

3、补充：

（1）如果想成为一个很好的前端，好的习惯必不可少，所以建议你每天晚上写一篇blog博客，记录今天的学习内容、遇到的问题、问题的解决办法，当然也可以把它当成日记。最常用的blog包括博客园、新浪博客、CSDN等。

（2）Github网站是全世界程序员的社交平台，里面有你想知道的一切东西。但是不建议你现在去了解。当你到达一定阶段的时候自然会去使用。网站地址：www.github.com

（3）IDE，也就是俗称开发工具，建议使用webstrom（适合初学者）、sublime。

 

4、学习路线：（参照的菜鸟教程）

（1）html，只学习html部分，不用看html5和xhtml。

 

建议时间2天，根据自己实际情况延长。但是一定要给自己定一个期限。Html就相当于一个人的骨骼，是一个网页最基础的部分。

（2）CSS+CSS3,红线选中为重要部分，蓝线暂时不用学习，CSS响应式设计暂时不用学习

 

建议时间4-5天，一定要照着里面的demo例子敲代码。CSS相当于人的皮肤、衣服，让网页看起来更加漂亮。在学习完文档的情况下可以再多花两天时间看看视频。视频资源我可以帮你提供。当然你也可以自己去搜，可以通过http://www.sobaidupan.com/，搜百度盘，这个网站对别人的百度云盘资源进行搜索，相当好用。一定要记住每个阶段学习完毕要到freecodecamp里面做练习题。

（3）Jquery,是封装的好的一个javascript类库。如果说javascript是一门语言，那么Jquery就是使用这一门语言的工具。你可以在不了解javascript的基础上开发动态网页。是前端学习的一个重要部分。新手也建议通过视频视频学习，但是也一定要学会使用文档。

（4）javascript,是整个前端最重要的一部分，核心的核心。看文档可能也不太容易理解，你可能会在这里学习上2周甚至更长时间。建议可以找视频看看。Javascript可以说是一门前端语言，可以跟C++、Java这些语言相提并论。如果说html是骨骼、css是皮肤那么javascript就赋予了这个人更加生动的动态效果。当然在学习javascript的过程中，也应该经常练习html+css。

（5）学习Bootstrap框架,目前市面上的框架很多，使用最为广泛的框架是Bootstrap,在学习框架的过程中我是通过视频，以项目为驱动来进行学习。就是用框架来做一个完整的网页。这些视频我后面可以提供给你。当然除了Bootstrap外，你还需要了解AmazeUI、EasyUI等框架。当然你最后会使用什么框架是根据你公司的决定的。

（6）学习MVVM和MVC框架，这一类的框架包括了ReactJS、VueJS、AngularJS。也是通过文档+视频+实战项目进行学习。我目前使用的是VueJS,这个框架是一个中国人做的，相较于另外两个框架，新手更容易学习，目前在成都使用比较广泛。也是一种趋势。至于最后用什么还是要根据公司。

 

5、当然除了这些你可能还可能必须要了解JSON、AJAX、TCP/IP计算机网络、操作系统（linux）、Git/SVN版本管理软件、nodejs等。（可以自行百度，阮一峰老师的blog中对这些都有介绍，所以无聊时绝对可以去看看他写的很简单易懂的博客）

 

 

6、你可以在学习前看看知乎的这些提问：

https://www.zhihu.com/question/26845242

https://www.zhihu.com/question/54823229

https://www.zhihu.com/question/34388831