0.任何学习都必须需要的能力：（1）学会自己思考，如果你遇到一个不会的问题就立即去问别人，那么对自己来说你就丧失了思考的能力；遇到问题要首先自己想想可不可以自己动手尝试解决一下，或者通过互联网去搜索答案，如果这些方法都尝试过了，还是没有解决的话，这时候你就需要向别人去提问了；（2）学会问问题，提问的时候要抓住问题的核心，不要说了半天别人也不知道你到底要问的是啥，增加了交流的成本。（3）多练习，这个就不多说了，熟能生巧。

1.初级阶段：首先基本功要打好，基础的HTML(5)，CSS(3)，还有JavaScript要好好学习。尤其是JavaScript，我刚开始学习的时候觉得很简单，也没有怎么认真看；以为自己已经掌握了，谁知道我自己掌握的只是JS世界中的冰山一角,当时太年轻；JavaScript基本功包括闭包，原型，继承，变量的作用域等等。

2.初级到中级阶段：这时候可以学习使用jQuery，可以使用jQuery或者原生的JavaScript去实现一些常用的插件，比如轮播，比如选项卡，比如模态框等等。如果自己还想深入一下的话，可以去看看jQuery的源码。多找一些静态的页面来做一下。

3.中级阶段：学习使用git和github，这些是你以后肯定会用到的工具（如果你还是程序员的话），它帮助你很好的解决了，代码管理，团队协作等等的问题。学会使用一种编辑器，经常使用的应该是webstrom或者sublime，当然atom，vs code也是不错的。vim与emacs这两种编辑器是有逼格的编辑器。

4.高级阶段：学习使用一些框架，比如Angular，React，Vue，ember，backbone等等，但是记住，框架这个东西只是帮你解决了一些问题，给你的项目带来了一些便利；我们要做的是学习这些框架的思想，如果有时间可以深入的研究一下一两个框架的源码，你会有不一样的发现。还有，框架是一群人一个填坑的成果，不要过度依赖框架。

5.提升阶段：学习使用node.js，掌握一两个node.js框架，比如express或者sails。学会使用一些构建工具grunt，gulp，webpack；还有包管理工具bower，npm，jspm等等。学会使用一些脚手架工具yo等等，尝试构建自己的脚手架，方便我们自己的项目快速构建。还要多学习一下ES6，或者TypeScript。

6.题外话：前端的变化是比较快的，今天这个流行，明天就是那个流行了；不过所有的这一切都是服务与我们的项目，只要满足我们的项目就是好的；不管黑猫白猫，抓住耗子就是好猫。

第一步：打基础，将HTML5+Css3+JavaScript都学一遍，或者多遍
第二步：学习Jquery
第三步：学习一些JS框架，比如ReactJS、AngularJS等
第四步：根据自己兴趣，思考今后想要着重发展的方向，比如：你想进入移动端开发，那你就着重学习移动端的框架和自适应方面的学习
最后说一下，因为前端现在框架非常多，面向面也非常多，不可能什么都精通，在掌握基础之后，尽快找到自己想要侧重的点，是非常重要的，还有如果有时间，还是推荐学习NodeJs。

以上

试试这个

先学好 html + css + js ,然后边看jq ,做几个布局 ，就差不多可以找工作做了(身边有人就是如此)