现在越来越多的人想转行学习web前端，原因在于互联网在中国发展迅速，人才需求的非常多，但是对于零基础的新手来说，还是非常困难的，今天小编总结一下学习web前端的详细步骤，如果大家按照我说的这步骤学习半年，找到工作是没有问题的，以一个过来人的身份说，大多数人都会在中途放弃，所以希望大家能坚持一下就坚持一下。

初级前端

——主要学习三个部分：HTML,CSS,JavaScript

一、html+css部分：

这部分特别简单，到网上搜资料，书籍视频非常多。css中盒子模型，流动，block,inline,层叠，样式优先级等这些自学起来也是非常容易。最 后再深入了解下浏览器差异性，ie9以下兼容简单了解就行了，ie9以下浏览器被淘汰掉是趋势，低版本没必要浪费大量时间去学习兼容主流浏览 器，google chrome浏览器、firefox浏览器、safari浏览器、opera浏览器即可。浏览器差异内容很多，建议在实践中多多积累。

二、JavaScript部分。

1.基础学习：

难点，也是重点，要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，有很多比较抽象的概念，必须要深入理解，比如闭包、原型、 面向对象、封装等，要理解透彻。看书是必不可少的，找一本优秀的js书从头到尾，反复研究学习，第一遍可以快速翻阅，大体知道了解概念即可，第二三遍就需 要深入学习了。另外，js面向对象编程必须要学习，非常重要，个人推荐一本书， Stoyan Stefanov著，凌杰译的《javascript面向对象指南》。边学边练，实践出真知。

2.jQuery学习：

这些基础知识掌握好之后，还需要学jQuery,这是一个非常优秀的Javascript库，大型开发必备。它简化了Javascript的复杂操作， 消除了Javascript跨平台兼容问题，提供了大量实用方法，有良好的文档和帮助手册，是一个非常成熟的Javascript库。

3.进阶学习：

有了以上知识，对于大多数小型网站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：易维护，可测试，高性能，低流量（移动端）

中高级前端

1.工具学习:

大 型项目中，前端代码构建已经不是简单的压缩一下了，依赖管理、模块合并、各种编译步步不可缺少，需要学会使用grunt、gulp等前端构建工具，要学习 的还有：包管理器bower、npm,代码优化CSS Lint、JSHint、JSLint,CSS预处理器less、sass,代码管理及版本控制svn、Git,web框架/服务器Node、 Express,代码规范、HTML模块化、css模块化。

2.布局框架学习如Bootstrap.

3.新技术html5学习。

4.js框架学习，requireJS、AngularJS等，往前端架构师靠近。

5.nodejs学习。

学习web前端的几点建议：

1.了解如今软件公司需要的都是什么样的人才，虽然说现在都是要有工作经验的，但是想找始终都可以找到，按照人家的标准去学，找工作是没有问题的。

2.你要知道自学web前端应该怎么去做规划，没有规划的学习真的太难了，像一个无头苍蝇，学完了也是没有用，狼时间。

3.你必须有人指导，因为你是初学者，想通过都靠自己学好web前端并且找工作，那几乎是不可能的。

4.你要知道学习web前端应该怎么学，因为学习方法是学好最基本的东西，如果学的没有效率那还是停住吧。

5.视频不要无脑的看，作为初学者书尽量也别看，不仅很难看懂，就算看懂了也不会写。

柠檬为大家准备了一些web、Bootstrap、CSS、Mybatis、HTML、jQuery的学习教程分享，希望可以帮助到大家。

获取方式：请大家转发+关注并私信小编关键词：“资料”即可获取前端自学教程一套。